@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/barlow/v13/7cHpv4kjgoGqM7E_DMs8.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E3_-gs51op.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E30-8s51op.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E3j-ws51op.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDr3icaFF3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDrOSAaFF3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQtMlrSQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDc.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCds18E.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdr.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdr.ttf) format('truetype');
}
@font-face {
  font-family: 'ddc_hardwarecompressed';
  src: url('../fonts/ddchardware-compressed-webfont.woff2') format('woff2'), url('../fonts/ddchardware-compressed-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ddc_hardwarecondensed';
  src: url('../fonts/ddchardware-condensed-webfont.woff2') format('woff2'), url('../fonts/ddchardware-condensed-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ddc_hardware_regular';
  src: url('../fonts/ddchardware-regular-webfont.woff2') format('woff2'), url('../fonts/ddchardware-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'little_opheliaregular';
  src: url('../fonts/littleophelia-regular-webfont.woff2') format('woff2'), url('../fonts/littleophelia-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'suomi_hand';
  src: url('../fonts/suomi_hand_script-webfont.woff2') format('woff2'), url('../fonts/suomi_hand_script-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.hide {
  display: none !important;
}
.show {
  display: block;
}
.content-box {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-col {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
.flex-ver {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.flex-hor {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.flex-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: auto;
}
.flex-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.flex-shrink {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}
.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.flex-align-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.flex-align-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-align-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-grow {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
.flex-nogrow {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}
.flex-align-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.flex-align-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.flex-align-self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  max-width: 100%;
}
.btm {
  margin-bottom: 1.5rem !important;
}
.qtrdrop {
  margin-bottom: 0.25rem;
}
.dip {
  margin-bottom: calc(1.5rem / 2) !important;
}
.rise {
  margin-top: calc(1.5rem / 2) !important;
}
.push {
  margin-right: 20px !important;
}
.prod,
.icon.push,
.select.push {
  margin-right: 0.5rem !important;
}
.indent {
  padding-left: 20px;
}
.bg-grey {
  background-color: #f8f9fa !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-base {
  background-color: #EFF3F7 !important;
}
.bg-basedark {
  background-color: #E1E7EE !important;
}
.margin-top {
  margin-top: 1.5rem !important;
}
.elevated {
  z-index: 1;
}
.skew {
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.is-mask {
  overflow: hidden;
}
.auto {
  max-width: 1680px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.fp {
  width: 100% !important;
}
.col {
  padding: 0 0.75rem;
}
.fh {
  height: 100% !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.row {
  margin: 0 -0.75rem;
}
.max-l {
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.max-m {
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.max-s {
  width: 100%;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.max-xs {
  width: 100%;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}
.max-xxs {
  width: 100%;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.fig-320 {
  max-width: 320px;
}
[data-content="logos"] {
  margin: 0 -10px;
}
[data-content="logos"] img {
  height: 20px;
  margin: 10px;
}
.eighty {
  width: 80%;
  padding: 0 0.75rem;
}
.threeqtr {
  width: 75%;
  padding: 0 0.75rem;
}
.seventy {
  width: 70%;
  padding: 0 0.75rem;
}
.twothird {
  width: 66.66%;
  padding: 0 0.75rem;
}
.sixty {
  width: 60%;
  padding: 0 0.75rem;
}
.fiftyfive {
  width: 55%;
  padding: 0 0.75rem;
}
.half {
  width: 50%;
  padding: 0 0.75rem;
}
.fortyfive {
  width: 45%;
  padding: 0 0.75rem;
}
.forty {
  width: 40%;
  padding: 0 0.75rem;
}
.third {
  width: 33.33%;
  padding: 0 0.75rem;
}
.thirty {
  width: 30%;
  padding: 0 0.75rem;
}
.qtr {
  width: 25%;
  padding: 0 0.75rem;
}
.fifth {
  width: 20%;
  padding: 0 0.75rem;
}
.sixth {
  width: calc(100%/6);
  padding: 0 0.75rem;
}
.rgt {
  margin-left: auto !important;
  padding-left: 20px;
}
.align-left {
  text-align: left !important;
}
.align-right {
  text-align: right !important;
}
.align-center {
  text-align: center !important;
}
/* 10 */
/* 12 */
/* 14 */
/* 16 */
/* 18 */
/* 20 */
/* 24 */
/* 28 */
/* 32 */
/* 36 */
.cover {
  background-size: cover;
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fuzz {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Slider */
.carousel,
.slider {
  display: none;
}
.carousel.slick-initialized,
.slider.slick-initialized {
  display: block;
}
.slick-slide:focus {
  outline: none;
}
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.slick-track::before,
.slick-track::after {
  content: "";
  display: table;
}
.slick-track::after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-dots {
  position: absolute;
  bottom: 15px;
  list-style: none;
  right: 15px;
  z-index: 4;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.slick-dots li {
  position: relative;
  display: block;
  height: 8px;
  width: 8px;
  margin: 0 3px;
  padding: 0 !important;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: block;
  height: 8px;
  width: 8px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}
.slick-dots li.slick-active button {
  background: #fff;
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
  /* Giving the connect element a border radius causes issues with using transform: scale */
  background: #E1E7EE;
  border-radius: 3px;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
  /* Giving the connect element a border radius causes issues with using transform: scale */
  border-radius: 3px;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  position: absolute;
  cursor: ew-resize;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 44px;
}
.noUi-horizontal .noUi-handle {
  width: 44px;
  height: 44px;
  left: -22px;
  top: 0;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -22px;
  left: auto;
}
.noUi-connect {
  background: #07ae59;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: -webkit-grab;
  cursor: grab;
}
.noUi-draggable:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle:focus {
  outline: 0;
}
/* Handle stripes;
 */
.noUi-handle::after {
  left: 22px;
}
.noUi-vertical .noUi-handle::before,
.noUi-vertical .noUi-handle::after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle::after {
  top: 0;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #A4ACB9;
  font-size: 11px;
  font-family: 'Barlow', sans-serif;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: rgba(215, 222, 227, 0.5);
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  width: 1px;
  height: 5px;
  margin: -10px 0 0 0;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 10px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc;
}
.flip-clock-wrapper a:hover {
  color: #fff;
}
.flip-clock-wrapper.clearfix::before,
.flip-clock-wrapper.clearfix::after {
  content: " ";
  display: table;
}
.flip-clock-wrapper.clearfix::after {
  clear: both;
}
.flip-clock-wrapper.clearfix {
  *zoom: 1;
}
/* Main */
.flip-clock-meridium {
  background: none !important;
  -webkit-box-shadow: 0 0 0 !important;
          box-shadow: 0 0 0 !important;
  font-size: 36px !important;
}
.flip-clock-meridium a {
  color: #313333;
}
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none;
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}
.flip-clock-wrapper::before,
.flip-clock-wrapper::after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.flip-clock-wrapper::after {
  clear: both;
}
/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
  list-style: none;
}
.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}
.flip-clock-wrapper ul li:first-child {
  z-index: 2;
}
.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important;
}
.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden;
  outline: 1px solid transparent;
}
.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0;
}
.flip-clock-wrapper ul li a div.up::after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
}
.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  font-weight: 600;
  color: #eff3f7;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px;
}
.flip-clock-wrapper ul li a div.up div.inn {
  top: 0;
}
.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0;
}
/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3;
}
.flip-clock-wrapper .flip {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}
.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5;
}
.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px;
}
.flip-clock-divider:first-child {
  width: 0;
}
.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px;
}
.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none;
}
.flip-clock-divider.minutes .flip-clock-label {
  right: -88px;
}
.flip-clock-divider.seconds .flip-clock-label {
  right: -91px;
}
.flip-clock-dot.top {
  top: 30px;
}
.flip-clock-dot.bottom {
  bottom: 30px;
}
@-webkit-keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
@keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both;
}
@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
  }
}
@keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}
.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both;
}
@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(-90deg);
  }
}
@keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
  }
}
.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3;
}
/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both;
}
/* DOWN */
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both;
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}
.token.punctuation {
  color: #f8f8f2;
}
.namespace {
  opacity: 0.7;
}
.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #33C2AE;
}
.token.boolean,
.token.number {
  color: #ae81ff;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #8EC742;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: #f8f8f2;
}
.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
  color: #e6db74;
}
.token.keyword {
  color: #66d9ef;
}
.token.regex,
.token.important {
  color: #fd971f;
}
.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
pre[class*="language-"].command-line {
  color: #096;
  max-height: 240px;
}
pre[class*="language-"].line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber;
}
pre[class*="language-"].line-numbers > code {
  position: relative;
  white-space: inherit;
}
pre[data-line] {
  position: relative;
  padding: 1em 0 1em 3em;
}
.line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  padding: inherit 0;
  margin-top: 0.6em;
  background: hsla(24, 20%, 50%, 0.08);
  background: -webkit-gradient(linear, left top, right top, from(rgba(191, 35, 72, 0.2)), to(rgba(191, 35, 72, 0.2)));
  background: linear-gradient(to right, rgba(191, 35, 72, 0.2), rgba(191, 35, 72, 0.2));
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
}
.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: -0.15em;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  border-right: 1px solid #97C84E;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber;
}
.line-numbers-rows > span::before {
  content: counter(linenumber);
  color: #97C84E;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}
.datepicker--cells {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.datepicker--cell {
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 32px;
  z-index: 1;
}
.datepicker--cell.-focus- {
  background: #f0f0f0;
}
.datepicker--cell.-current- {
  color: #19892b;
}
.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}
.datepicker--cell.-current-.-in-range- {
  color: #19892b;
}
.datepicker--cell.-in-range- {
  background: #e6f0eb;
  color: #4a4a4a;
  border-radius: 0;
}
.datepicker--cell.-in-range-.-focus- {
  background-color: #cce0d6;
}
.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}
.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}
.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}
.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}
.datepicker--cell.-range-from- {
  border: 1px solid #19892b;
  background-color: #fff;
  border-radius: 4px 0 0 4px;
}
.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 4px 4px 0;
}
.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #19892b;
}
.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}
.datepicker--cell.-selected- {
  border: none;
}
.datepicker--cell.-selected-.-focus- {
  background: #19892b;
}
.datepicker--cell:empty {
  cursor: default;
}
.datepicker--days-names {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}
.datepicker--day-name {
  color: #6f777f;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}
.-only-timepicker- .datepicker--content,
.datepicker--body,
.datepicker-inline .datepicker--pointer {
  display: none;
}
.datepicker--cell-day {
  width: 14.28571%;
}
.datepicker--cells-months {
  height: 170px;
}
.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}
.datepicker--cells-years,
.datepicker--years {
  height: 170px;
}
.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}
@media print {
  .datepickers-container {
    display: none;
  }
}
.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100;
}
.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}
.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.datepicker--content {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 4px;
}
.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}
.datepicker--nav-action:hover,
.datepicker--nav-title:hover {
  background: #f0f0f0;
}
.-top-center- .datepicker--pointer,
.-top-left- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.-right-bottom- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.-bottom-center- .datepicker--pointer,
.-bottom-left- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.-left-bottom- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-top- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.-bottom-left- .datepicker--pointer,
.-top-left- .datepicker--pointer {
  left: 10px;
}
.-bottom-right- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  right: 10px;
}
.-bottom-center- .datepicker--pointer,
.-top-center- .datepicker--pointer {
  left: calc(50% - 10px / 2);
}
.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  top: 10px;
}
.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  bottom: 10px;
}
.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
  top: calc(50% - 10px / 2);
}
.datepicker--body.active {
  display: block;
}
.datepicker--nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
  position: static;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: auto;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.-only-timepicker- .datepicker--nav {
  display: none;
}
.datepicker--nav-action,
.datepicker--nav-title {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker--nav-action.-disabled- {
  visibility: hidden;
}
.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}
.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}
.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px;
}
.datepicker--buttons,
.datepicker--time {
  border-top: 1px solid #efefef;
  padding: 4px;
}
.datepicker--nav-title i {
  font-style: normal;
  color: #9c9c9c;
  margin-left: 5px;
}
.datepicker--nav-title.-disabled- {
  cursor: default;
  background: 0 0;
}
.datepicker--buttons {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.datepicker--button {
  color: #4eb5e6;
  cursor: pointer;
  border-radius: 4px;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  height: 32px;
}
.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}
.datepicker--time {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
}
.datepicker--time.-am-pm- .datepicker--time-sliders {
  -ms-flex: 0 1 138px;
  -webkit-box-flex: 0;
          flex: 0 1 138px;
  max-width: 138px;
}
.-only-timepicker- .datepicker--time {
  border-top: none;
}
.datepicker--time-sliders {
  -ms-flex: 0 1 153px;
  -webkit-box-flex: 0;
          flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}
.datepicker--time-label {
  display: none;
  font-size: 12px;
}
.datepicker--time-current {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}
.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  position: relative;
  z-index: 1;
}
.datepicker--time-current-hours::after,
.datepicker--time-current-minutes::after {
  content: "";
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}
.datepicker--time-current-hours.-focus-::after,
.datepicker--time-current-minutes.-focus-::after {
  opacity: 1;
}
.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}
.datepicker--time-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 11px;
  height: 17px;
  background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 0.5% 1px no-repeat;
  background: linear-gradient(to right, #dedede, #dedede) left 0.5% 1px no-repeat;
}
.datepicker--time-row:first-child {
  margin-bottom: 4px;
}
.datepicker--time-row input[type="range"] {
  background: 0 0;
  cursor: pointer;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
.datepicker--time-row input[type="range"]::-ms-tooltip {
  display: none;
}
.datepicker--time-row input[type="range"]:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type="range"]:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type="range"]:hover::-ms-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type="range"]:focus {
  outline: 0;
}
.datepicker--time-row input[type="range"]:focus::-webkit-slider-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type="range"]:focus::-moz-range-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type="range"]:focus::-ms-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  margin-top: -6px;
}
.datepicker--time-row input[type="range"]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}
.datepicker--time-row input[type="range"]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -ms-transition: background 0.2s;
  transition: background 0.2s;
}
.datepicker--time-row input[type="range"]::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}
.datepicker--time-row input[type="range"]::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}
.datepicker--time-row input[type="range"]::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}
.datepicker--time-row input[type="range"]::-ms-fill-lower {
  background: 0 0;
}
.datepicker--time-row input[type="range"]::-ms-fill-upper {
  background: 0 0;
}
.datepicker--time-row span {
  padding: 0 12px;
}
.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}
.datepicker--time-icon::after,
.datepicker--time-icon::before {
  content: "";
  background: currentColor;
  position: absolute;
}
.datepicker--time-icon::after {
  height: 0.4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.datepicker--time-icon::before {
  width: 0.4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px);
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #19892b;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #ccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: 0 0;
  border: none;
}
/*
.react-datepicker__input-container {
  width: ~"calc(50% - 20px)";
  position: relative;
}

.react-datepicker__input-container::before {
  content: "";
  width: 13px;
  height: 14px;
  position: absolute;
  z-index: 0;
  top: 16px;
  left: 10px;
  background-size: 1000px 1000px;
  background: url("../../img/sprite.png") -800px -600px;
}
*/
.react-datepicker {
  font-family: inherit !important;
  border: 0 !important;
  border-radius: 4px !important;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  font-size: 0.875rem !important;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle,
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  border-bottom-color: #fff !important;
  left: 15px;
}
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #fff !important;
}
.react-datepicker__header {
  background: #fff !important;
  border-bottom: 0 !important;
  border-radius: 4px 4px 0 0 !important;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
  margin-top: -8px !important;
}
.react-datepicker__current-month {
  color: #4a4a4a !important;
  font-weight: normal !important;
  font-size: 0.875rem !important;
}
.react-datepicker__day-name {
  color: #8e959e !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-size: 0.8rem !important;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  border-radius: 4px !important;
  color: #fff !important;
  background-color: #19892b !important;
}
.react-datepicker__day:hover {
  border-radius: 4px !important;
}
.react-datepicker__navigation--previous {
  border-right-color: #fff !important;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.react-datepicker__navigation--next {
  border-left-color: #fff !important;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.react-datepicker__navigation--previous:hover,
.react-datepicker__navigation--next:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.filepond--assistant {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}
.filepond--browser.filepond--browser {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 1em;
  top: 1.75em;
  width: calc(100% - 2em);
  opacity: 0;
  font-size: 0;
}
.filepond--credits {
  visibility: hidden;
}
.filepond--data {
  visibility: hidden;
}
.filepond--drip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.1;
  pointer-events: none;
  border-radius: 0.5em;
  background: rgba(0, 0, 0, 0.01);
  z-index: 3;
}
.filepond--drip-blob {
  position: absolute;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  top: 0;
  left: 0;
  width: 8em;
  height: 8em;
  margin-left: -4em;
  margin-top: -4em;
  background: #292625;
  border-radius: 50%;
  will-change: transform, opacity;
}
.filepond--drop-label {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  will-change: transform, opacity;
  z-index: 5;
}
.filepond--drop-label.filepond--drop-label label {
  display: block;
  margin: 0;
  padding: 20px;
  line-height: 1.25;
  font-weight: normal;
  color: #6f777f;
}
.filepond--drop-label label {
  cursor: default;
  font-weight: normal;
  text-align: center;
  line-height: 1.5;
}
.filepond--label-action {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  -webkit-text-decoration-color: #19892b;
  text-decoration-color: #19892b;
  cursor: pointer;
  color: #19892b;
}
.filepond--root[data-disabled] .filepond--drop-label label {
  opacity: 0.5;
}
.filepond--file-action-button.filepond--file-action-button {
  font-size: 1em;
  width: 1.625em;
  height: 1.625em;
  top: 0.75rem;
  font-family: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  will-change: transform, opacity;
}
.filepond--file-action-button.filepond--file-action-button span {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}
.filepond--file-action-button.filepond--file-action-button svg {
  width: 100%;
  height: 100%;
}
.filepond--file-action-button.filepond--file-action-button::after {
  position: absolute;
  left: -0.75em;
  right: -0.75em;
  top: -0.75em;
  bottom: -0.75em;
  content: '';
}
.filepond--file-action-button {
  cursor: auto;
  color: #fff;
  border-radius: 50%;
  background-color: #6f777f;
  background-image: none;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  -webkit-transition: -webkit-box-shadow 0.25s ease-in;
  transition: -webkit-box-shadow 0.25s ease-in;
  transition: box-shadow 0.25s ease-in;
  transition: box-shadow 0.25s ease-in, -webkit-box-shadow 0.25s ease-in;
  z-index: 102;
}
[data-filepond-item-state='processing-complete'] .filepond--file-action-button {
  background-color: #19892b;
}
[data-filepond-item-state='cancelled'] .filepond--file-action-button,
[data-filepond-item-state*='invalid'] .filepond--file-action-button,
[data-filepond-item-state*='error'] .filepond--file-action-button {
  background-color: #bf2348;
}
.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
          box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
}
.filepond--file-action-button[disabled] {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.25);
}
.filepond--file-info {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0 0.5em 0 0;
  min-width: 0;
  will-change: transform, opacity;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 100;
}
.filepond--file-info * {
  margin: 0;
}
.filepond--file-info .filepond--file-info-main {
  font-size: 0.875rem;
  color: #343a40;
  line-height: 1.2;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.filepond--file-info .filepond--file-info-sub {
  font-size: 0.75rem;
  color: #5b636a;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  white-space: nowrap;
}
.filepond--file-info .filepond--file-info-sub:empty {
  display: none;
}
.filepond--file-status {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0;
  min-width: 2.25em;
  text-align: right;
  will-change: transform, opacity;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 101;
}
.filepond--file-status * {
  margin: 0;
  white-space: nowrap;
}
.filepond--file-status .filepond--file-status-main {
  font-size: 1rem;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  color: #343a40;
  line-height: 1.2;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  width: 100%;
}
[data-filepond-item-state='cancelled'] .filepond--file-status .filepond--file-status-main,
[data-filepond-item-state*='invalid'] .filepond--file-status .filepond--file-status-main,
[data-filepond-item-state*='error'] .filepond--file-status .filepond--file-status-main {
  color: #bf2348;
}
.filepond--file-status .filepond--file-status-sub {
  font-size: 0.75rem;
  color: #5b636a;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.filepond--file-wrapper.filepond--file-wrapper {
  border: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  height: 100%;
}
.filepond--file-wrapper.filepond--file-wrapper > legend {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}
.filepond--file {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0.5625em 0.5625em;
  border-radius: 3px;
}
.filepond--file .filepond--file-status {
  margin-left: auto;
  margin-right: 2.25em;
}
.filepond--file .filepond--processing-complete-indicator {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 3;
}
.filepond--file .filepond--processing-complete-indicator,
.filepond--file .filepond--progress-indicator,
.filepond--file .filepond--file-action-button {
  position: absolute;
}
.filepond--file [data-align*='left'] {
  left: 0.5625em;
}
.filepond--file [data-align*='right'] {
  right: 0.5625em;
}
.filepond--file [data-align*='center'] {
  left: calc(50% - 0.8125em);
}
.filepond--file [data-align*='bottom'] {
  bottom: 1.125em;
}
.filepond--file [data-align='center'] {
  top: calc(50% - 0.8125em);
}
.filepond--file .filepond--progress-indicator {
  margin-top: 0.375em;
}
.filepond--file .filepond--progress-indicator[data-align*='right'] {
  margin-right: 0.1875em;
}
.filepond--file .filepond--progress-indicator[data-align*='left'] {
  margin-left: 0.1875em;
}
[data-filepond-item-state='cancelled'] .filepond--file-info,
[data-filepond-item-state*='invalid'] .filepond--file-info,
[data-filepond-item-state*='error'] .filepond--file-info {
  margin-right: 2.25em;
}
[data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing svg {
  -webkit-animation: fall 0.5s 0.125s linear both;
  animation: fall 0.5s 0.125s linear both;
}
[data-filepond-item-state='processing-complete'] .filepond--file-info-sub,
[data-filepond-item-state='processing-complete'] .filepond--file-status-sub {
  opacity: 0;
}
[data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub,
[data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0.5;
}
[data-filepond-item-state*='invalid'] .filepond--panel,
[data-filepond-item-state*='invalid'] .filepond--file-wrapper,
[data-filepond-item-state*='error'] .filepond--panel,
[data-filepond-item-state*='error'] .filepond--file-wrapper {
  -webkit-animation: shake 0.65s linear both;
  animation: shake 0.65s linear both;
}
[data-filepond-item-state*='busy'] .filepond--progress-indicator svg {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em);
  }
  20%,
  80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em);
  }
  40%,
  60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em);
  }
}
@keyframes shake {
  10%,
  90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em);
  }
  20%,
  80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em);
  }
  40%,
  60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em);
  }
}
@-webkit-keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.filepond--hopper[data-hopper-state='drag-over'] > * {
  pointer-events: none;
}
.filepond--hopper[data-hopper-state='drag-over']::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.filepond--item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 0;
  margin: 0.25em;
  will-change: transform, opacity;
}
.filepond--item > .filepond--panel {
  z-index: -1;
}
.filepond--item > .filepond--panel .filepond--panel-bottom {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.filepond--item > .filepond--file-wrapper,
.filepond--item > .filepond--panel {
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}
.filepond--item[data-drag-state] {
  cursor: -webkit-grab;
  cursor: grab;
}
.filepond--item[data-drag-state] > .filepond--panel {
  -webkit-transition: -webkit-box-shadow 0.125s ease-in-out;
  transition: -webkit-box-shadow 0.125s ease-in-out;
  transition: box-shadow 0.125s ease-in-out;
  transition: box-shadow 0.125s ease-in-out, -webkit-box-shadow 0.125s ease-in-out;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.filepond--item[data-drag-state='drag'] {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.filepond--item[data-drag-state='drag'] > .filepond--panel {
  -webkit-box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);
          box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);
}
.filepond--item[data-drag-state]:not([data-drag-state='idle']) {
  z-index: 2;
}
[data-filepond-item-state='processing-complete'] .filepond--item-panel {
  background-color: #e7f3ec;
  border-color: #86c3a1;
}
[data-filepond-item-state='cancelled'] .filepond--item-panel,
[data-filepond-item-state*='invalid'] .filepond--item-panel,
[data-filepond-item-state*='error'] .filepond--item-panel {
  background-color: #f5c7d2;
  border-color: #ea8ba1;
}
.filepond--item-panel {
  border-radius: 3px;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
  border: 1px solid #dce0e5;
  background: #f8f9fa;
}
.filepond--list-scroller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  will-change: transform;
  z-index: 6;
}
.filepond--list-scroller[data-state='overflow'] {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
  -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
  mask: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
  mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
}
.filepond--list-scroller[data-state='overflow'] .filepond--list {
  bottom: 0;
  right: 0;
}
.filepond--list-scroller::-webkit-scrollbar {
  background: transparent;
}
.filepond--list-scroller::-webkit-scrollbar:vertical {
  width: 1em;
}
.filepond--list-scroller::-webkit-scrollbar:horizontal {
  height: 0;
}
.filepond--list-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 99999px;
  border: 0.3125em solid transparent;
  background-clip: content-box;
}
.filepond--list.filepond--list {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  will-change: transform;
}
.filepond--list {
  left: 0.75em;
  right: 0.75em;
}
.filepond--root[data-style-panel-layout~='integrated'] {
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root {
  border-radius: 0;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root > *,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root > * {
  display: none;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--drop-label,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {
  bottom: 0;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 7;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--item-panel,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--item-panel {
  display: none;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--list-scroller,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--list-scroller {
  overflow: hidden;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--list,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--list {
  left: 0;
  right: 0;
  height: 100%;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--item,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--item {
  margin: 0;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--file-wrapper,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--file-wrapper {
  height: 100%;
}
.filepond--root[data-style-panel-layout~='circle'] {
  border-radius: 99999rem;
  overflow: hidden;
}
.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel {
  border-radius: inherit;
}
.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel > * {
  display: none;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--file-info {
  display: none;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--file-status {
  display: none;
}
.filepond--panel-root {
  border-radius: 3px;
  border: 1px dashed #19892b;
}
.filepond--panel {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  height: 100% !important;
  pointer-events: none;
}
.filepond-panel:not([data-scalable='false']) {
  height: auto !important;
}
.filepond--panel[data-scalable='false'] > div {
  display: none;
}
.filepond--panel[data-scalable='true'] {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background-color: transparent !important;
  border: none !important;
}
.filepond--panel-top,
.filepond--panel-bottom,
.filepond--panel-center {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}
.filepond--panel-top,
.filepond--panel-bottom {
  height: 0.5em;
}
.filepond--panel-top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important;
}
.filepond--panel-top::after {
  content: '';
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -1px;
  background-color: inherit;
}
.filepond--panel-center,
.filepond--panel-bottom {
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: translate3d(0, 0.5em, 0);
  transform: translate3d(0, 0.5em, 0);
}
.filepond--panel-bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: none !important;
}
.filepond--panel-bottom::before {
  content: '';
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  top: -1px;
  background-color: inherit;
}
.filepond--panel-center {
  height: 100px !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
}
.filepond--panel-center:not([style]) {
  visibility: hidden;
}
.filepond--progress-indicator {
  position: static;
  width: 1.25em;
  height: 1.25em;
  color: #fff;
  margin: 0;
  pointer-events: none;
  will-change: transform, opacity;
  z-index: 103;
}
.filepond--progress-indicator svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  transform-box: fill-box;
}
.filepond--progress-indicator path {
  fill: none;
  stroke: currentColor;
}
.filepond--root > .filepond--panel {
  z-index: 2;
}
.filepond--browser {
  z-index: 1;
}
.filepond--root {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  font-size: 1rem;
  line-height: normal;
  text-align: left;
  text-rendering: optimizeLegibility;
  direction: ltr;
  contain: layout style size;
}
.filepond--root * {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  line-height: inherit;
}
.filepond--root *:not(text) {
  font-size: inherit;
}
.filepond--root[data-disabled] {
  pointer-events: none;
}
.filepond--root .filepond--drop-label {
  min-height: 4.75em;
}
.filepond--root .filepond--list-scroller {
  margin-top: 1em;
  margin-bottom: 1em;
}
/*!
 * FilePondPluginImagePreview 4.6.12
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
/* eslint-disable */
.filepond--image-preview-markup {
  position: absolute;
  left: 0;
  top: 0;
}
.filepond--image-preview-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 5rem;
  max-height: 7rem;
  margin: 0;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.filepond--image-preview-overlay svg {
  width: 100%;
  height: auto;
  color: inherit;
  max-height: inherit;
}
.filepond--image-preview-overlay-idle {
  mix-blend-mode: multiply;
  color: rgba(40, 40, 40, 0.85);
}
.filepond--image-preview-overlay-success {
  mix-blend-mode: normal;
  color: #369763;
}
.filepond--image-preview-overlay-failure {
  mix-blend-mode: normal;
  color: #c44e47;
}
/* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */
@supports (-webkit-marquee-repetition: infinite) and
  ((-o-object-fit: fill) or (object-fit: fill)) {
  .filepond--image-preview-overlay-idle {
    mix-blend-mode: normal;
  }
}
.filepond--image-preview-wrapper {
  /* no interaction */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* have preview fill up all available space */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  margin: 0;
  z-index: 2;
  /* radius is .05em less to prevent the panel background color from shining through */
  border-radius: 0.45em;
  overflow: hidden;
  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}
.filepond--image-preview {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* this aligns the graphic vertically if the panel is higher than the image */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background: #222;
  /* will be animated */
  will-change: transform, opacity;
}
.filepond--image-clip {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  /* transparency indicator (currently only supports grid or basic color) */
}
.filepond--image-clip[data-transparency-indicator='grid'] img,
.filepond--image-clip[data-transparency-indicator='grid'] canvas {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
  background-size: 1.25em 1.25em;
}
.filepond--image-bitmap,
.filepond--image-vector {
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform;
}
.filepond--root[data-style-panel-layout~='integrated'] .filepond--image-preview-wrapper {
  border-radius: 0;
}
.filepond--root[data-style-panel-layout~='integrated'] .filepond--image-preview {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--image-preview-wrapper {
  border-radius: 99999rem;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--image-preview-overlay {
  top: auto;
  bottom: 0;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--file .filepond--file-action-button[data-align*='bottom']:not([data-align*='center']) {
  margin-bottom: 0.325em;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--file [data-align*='left'] {
  left: calc(50% - 3em);
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--file [data-align*='right'] {
  right: calc(50% - 3em);
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='left'],
.filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='right'] {
  margin-bottom: calc(0.325em + 0.1875em);
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='center'] {
  margin-top: 0;
  margin-bottom: 0.1875em;
  margin-left: 0.1875em;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
hr,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
input,
button,
textarea,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
em {
  font-style: italic;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
}
a {
  text-decoration: none;
}
textarea,
input {
  overflow: hidden;
}
* {
  -webkit-text-size-adjust: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  text-rendering: optimizelegibility;
}
html {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #5b636a;
}
.logo-pocket {
  content: '';
  background: url('../img/sprite.png') 0 -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.logo-hive {
  content: '';
  background: url('../img/sprite.png') -200px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 123px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.logo-papercut {
  content: '';
  background: url('../img/sprite.png') -800px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 132px;
  padding-top: 41px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
a {
  color: #19892b;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
p a,
ul.disc a,
label a,
small a {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
small a {
  color: inherit;
}
small a:hover {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: none !important;
}
[data-toggle=collapsable]:not(.btn),
[data-toggle=collapsable]:not(.btn):hover {
  position: relative;
  color: inherit;
  display: inline-block;
  padding-right: 14px;
  text-decoration: none !important;
  -webkit-transition: 0s, X;
  transition: 0s, X;
  cursor: pointer;
}
[data-toggle=collapsable]:not(.btn) hr {
  margin: 0;
}
[data-toggle=collapsable]:not(.btn):hover h1,
[data-toggle=collapsable]:not(.btn):hover h2,
[data-toggle=collapsable]:not(.btn):hover h3,
[data-toggle=collapsable]:not(.btn):hover h4,
[data-toggle=collapsable]:not(.btn):hover h5,
[data-toggle=collapsable]:not(.btn):hover h6 {
  color: #19892b !important;
}
[data-toggle=collapsable].blk {
  display: block;
}
[data-toggle=collapsable].blk:hover {
  display: block;
}
[data-toggle=collapsable].inl:not(label) {
  color: #19892b;
  text-decoration: underline !important;
}
[data-toggle=collapsable].inl::before {
  display: none !important;
}
[data-toggle=collapsable].alt {
  padding-left: 20px;
  padding-right: 0;
}
[data-toggle=collapsable]:not(.btn)::before {
  content: '';
  background: url('../img/sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  right: 0;
  top: 0.8em;
  -webkit-transform: translate(0, -50%) rotate(-90deg);
  transform: translate(0, -50%) rotate(-90deg);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  z-index: 6;
}
small [data-toggle=collapsable]:not(.btn)::before {
  top: 10px;
}
h5 [data-toggle=collapsable]:not(.btn)::before {
  top: 11px;
}
[data-toggle=collapsable]:not(.btn).dark::before {
  content: '';
  background: url('../img/sprite.png') -400px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  top: 12px;
}
[data-toggle=collapsable]:not(.btn).open::before {
  -webkit-transform: translate(0, -2px) rotate(0deg);
  transform: translate(0, -2px) rotate(0deg);
}
[data-toggle=collapsable][data-action=show-more].open {
  display: none !important;
}
[data-toggle=collapsable].alt::before {
  right: auto;
  left: 0;
  -webkit-transform: translate(0, 6px) rotate(-90deg);
  transform: translate(0, 6px) rotate(-90deg);
}
[data-toggle=collapsable].open.alt::before {
  -webkit-transform: translate(0, 6px) rotate(0deg);
  transform: translate(0, 6px) rotate(0deg);
}
[data-toggle=collapsable]:not(.btn).xl::before {
  top: 5px;
  content: '';
  background: url('../img/sprite.png') -600px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 15px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transform: translate(0, 0) rotate(0deg);
  transform: translate(0, 0) rotate(0deg);
}
.collapse {
  content: '';
  background: url('../img/sprite.png') -600px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 15px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transform: translate(0, 0) rotate(90deg);
  transform: translate(0, 0) rotate(90deg);
  position: absolute;
  right: 1.5rem;
  top: 1.1rem;
}
[data-toggle=collapsable]:not(.btn).xl.open::before {
  -webkit-transform: translate(0, 0) rotate(90deg);
  transform: translate(0, 0) rotate(90deg);
}
[data-toggle=collapsable].alt.xl::before {
  right: auto;
  left: 0;
  top: -2px;
  content: '';
  background: url('../img/sprite.png') -600px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 15px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transform: translate(0, 50%) rotate(0deg);
  transform: translate(0, 50%) rotate(0deg);
}
[data-toggle=collapsable].alt.xl.open::before {
  -webkit-transform: translate(0, 50%) rotate(90deg);
  transform: translate(0, 50%) rotate(90deg);
}
h5 [data-toggle=collapsable] {
  color: #343a40 !important;
}
h5 [data-toggle=collapsable]:hover {
  color: #19892b;
}
.row-link {
  cursor: pointer;
}
.link-ext::after {
  content: '';
  background: url('../img/sprite.png') -600px -440px no-repeat;
  height: 0;
  overflow: hidden;
  width: 14px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-left: 6px;
  margin-bottom: 2px;
}
.link-ext-alt::after {
  content: '';
  background: url('../img/sprite.png') -600px -520px no-repeat;
  height: 0;
  overflow: hidden;
  width: 14px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-left: 6px;
  margin-bottom: 2px;
}
html,
body {
  position: relative;
  background: #EFF3F7;
  height: 100%;
}
body {
  font-size: 1rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.wrap {
  width: 100% !important;
  min-height: 100%;
  position: relative;
  padding: 56px 0 0 0;
  -webkit-transition: padding-top 0.2s, X;
  transition: padding-top 0.2s, X;
}
.open-tour .wrap {
  overflow: hidden;
}
.demo-mode .wrap {
  padding-top: 104px;
}
.pusher,
.open-menu .pusher {
  left: 200px;
  background: #f5f7fa;
  background: #EFF3F7;
  position: relative;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  width: calc(100% - 200px);
}
.page {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: calc(100vh - 56px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.demo-mode .page {
  min-height: calc(100vh - 104px);
}
.view-expanded .pusher,
.view-expanded.open-menu .pusher {
  left: 0;
  width: 100%;
}
.view-expanded main {
  padding: 1rem;
}
.view-expanded .page > header,
.view-expanded .page-heading {
  padding: 0 1rem;
}
.view-expanded .page > header .auto,
.view-expanded .page-heading .auto {
  padding: 1rem 0 0 0;
}
.view-expanded .page > header h1 {
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.view-expanded .page > header p {
  font-size: 1rem;
}
.view-expanded .page > header .btn {
  padding: 0.625rem 0.8rem;
}
main {
  width: 100% !important;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 5;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
  padding: 2rem 30px;
  background: #EFF3F7;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sticky {
  position: sticky !important;
  top: 0;
}
.relative {
  position: relative;
}
img {
  max-width: 100%;
}
figure {
  position: relative;
  margin-bottom: 1rem;
}
figcaption {
  font-family: 'Barlow', sans-serif;
  color: #6f777f;
}
figure img {
  display: block;
  margin: 0.3rem 0;
}
figure.center img {
  margin: 0.3rem auto;
}
.bg {
  /*  position: absolute;
  top: 50%;
  left: 50%;
  .transform(translate(-50%, -50%));
  z-index: -1;
  height: 360px;
  width: 360px;
  margin: -180px 0 0 0;
  background: red; */
  -ms-flex-negative: 1;
      flex-shrink: 1;
  text-align: center;
  margin: -60px 0 0 0;
}
.bg img {
  max-width: 360px;
  width: 100%;
}
.bg svg {
  display: block;
  margin: 0 auto;
}
pre {
  background: #00272E;
  white-space: pre;
  word-wrap: break-word;
  overflow: auto;
}
pre.code {
  margin: 1.5rem 0;
  border-radius: 3px;
  position: relative;
}
pre.code label {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.7);
  background: #096;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  padding-top: 1rem;
  text-align: center;
  width: 60px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  pointer-events: none;
}
pre.code code {
  font-family: 'Barlow', sans-serif;
  display: block;
  margin: 0 0 0 60px;
  padding: 15px 16px 14px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  overflow-x: auto;
  font-size: 0.875rem;
  line-height: 19px;
  color: #fff;
}
table:not([class*='css']) {
  -webkit-box-shadow: inset 1px 1px 0 0 #d7dee3;
          box-shadow: inset 1px 1px 0 0 #d7dee3;
  margin-bottom: 1.3rem;
  width: 100%;
}
table:not([class*='css']) th,
table:not([class*='css']) td {
  -webkit-box-shadow: inset -1px -1px 0 0 #d7dee3;
          box-shadow: inset -1px -1px 0 0 #d7dee3;
  padding: 6px 10px;
  text-align: left;
  line-height: 1.2;
  vertical-align: top;
}
.td-sml {
  width: 120px;
}
table:not([class*='css']) th {
  color: #343a40;
  font-weight: 500;
  font-family: 'Barlow', sans-serif;
  vertical-align: bottom;
}
.draggable-table {
  position: relative;
  background: #F4F6F9;
}
.draggable-table .draggable-table__drag {
  position: absolute;
  width: 100%;
  z-index: 10;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-box-shadow: inset 1px 1px 0 0 #d7dee3, 0 2px 8px 0 rgba(33, 43, 54, 0.3);
          box-shadow: inset 1px 1px 0 0 #d7dee3, 0 2px 8px 0 rgba(33, 43, 54, 0.3);
}
.draggable-table .draggable-table__drag td {
  background: #fff;
}
.draggable-table th {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #fff;
  -webkit-box-shadow: inset 0 -1px 0 0 #d7dee3;
          box-shadow: inset 0 -1px 0 0 #d7dee3;
}
[draggable="true"] {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 0 0 0 #d7dee3;
          box-shadow: inset 1px 0 0 0 #d7dee3;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.is-dragging {
  background-color: #e9f2ee;
  color: #e9f2ee;
  -webkit-box-shadow: inset 1px 0 0 0 #d7dee3;
          box-shadow: inset 1px 0 0 0 #d7dee3;
}
.is-dragging td * {
  opacity: 0;
  filter: alpha(opacity=0);
}
stop.start-color {
  stop-color: #80d0c7;
}
stop.end-color {
  stop-color: #006633;
}
.demo-pocket .dev-only,
.deom-hive .dev-only {
  display: none !important;
}
.demo-pocket .hive-only {
  display: none !important;
}
.demo-design .feature-toggle:not(.dev-only) {
  display: none !important;
}
.demo-only {
  opacity: 0;
}
.wrap > nav .reminder {
  display: none;
}
.demo-mode .demo-only {
  opacity: 1;
}
p,
.p,
ol,
iframe {
  margin-bottom: 1.5rem;
}
.lead {
  font-size: 1.125rem;
  line-height: 1.4;
}
ol {
  position: relative;
}
ul.disc {
  margin: 0 0 1.5rem 20px;
  text-align: left;
}
ul.disc > li {
  margin-bottom: 0.25rem;
}
ul.disc > li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  left: -20px;
  top: 9px;
  border-radius: 50%;
  background: #6f777f;
}
ul.icons {
  margin: 0 0 0.75rem 0;
  text-align: left;
}
ul.icons li {
  position: relative;
  margin: 0 0 0.5rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
ul.icons li .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  color: #343a40;
}
li {
  position: relative;
}
ol:not(.center):not(.counter):not(.alpha):not(.roman) > li {
  counter-increment: counter;
  position: relative;
  padding-left: 40px;
  text-align: left;
  margin: 0 0 0.5rem;
}
ol > li::before {
  content: counter(counter) ". ";
  width: 40px;
  position: absolute;
  left: 0;
  top: 0;
  color: #687077;
}
ol.decimal {
  margin-left: 1rem;
  color: #687077;
}
ol.decimal > li,
aside ol.decimal > li {
  list-style-type: decimal;
  padding-left: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
ol.decimal > li::before,
ol.decimal > li::after {
  content: none !important;
}
ol > li:has(h4) h4 {
  top: -4px;
  position: relative;
}
ol.sequence {
  position: relative;
}
ol.sequence li {
  margin-bottom: 1.5rem;
}
ol.sequence li:last-child {
  margin: 0;
}
ol.sequence li::before {
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
  border-radius: 50%;
  height: 24px;
  line-height: 24px;
  width: 24px;
  font-size: 0.875rem;
  text-align: center;
}
ol.sequence li.active::before {
  -webkit-box-shadow: 0 0 0 1px #19892b;
          box-shadow: 0 0 0 1px #19892b;
  background: #19892b;
  color: #fff;
}
ol.sequence li.complete::before {
  content: '';
  background: url('../img/sprite.png') -593px -792px no-repeat;
  height: 0;
  overflow: hidden;
  width: 24px;
  padding-top: 24px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #fff;
}
ol.sequence li:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 12px;
  top: 24px;
  bottom: -1.5rem;
  border-left: 1px solid rgba(215, 222, 227, 0.5);
}
ol.list-steps {
  counter-reset: counter;
}
ol.list-steps::before {
  content: none;
}
ol.list-steps > li::before {
  color: #6f777f;
  width: 20px;
}
ol.list-steps > li:has(h5)::before {
  line-height: 1.65rem;
}
ol li > ol.list-steps {
  counter-reset: counter;
  margin-top: 0.5rem;
}
ol.list-steps li > ol.list-steps > li {
  counter-increment: sub-counter;
}
ol.list-steps li > ol.list-steps > li::before {
  content: counter(sub-counter, lower-alpha);
  color: #b5bbc1;
  font-weight: normal;
  top: 0;
}
ol.list-steps li {
  margin-bottom: 0.3rem !important;
  padding-left: 20px !important;
}
ol.list-steps li .col.type {
  margin-left: 0.5rem;
}
ol.list-steps li .field {
  margin: 9px 0 0 0;
}
ol.list-steps li .btn {
  margin: 0;
}
aside ol.alpha::before {
  display: none;
}
.counter {
  counter-reset: item;
  margin: 0.5rem 0 1.5rem;
}
.counter > li {
  position: relative;
  padding-left: 50px;
  text-align: left;
  margin: 0 0 0.5rem;
}
.counter > li::before {
  content: counters(item, ".") " ";
  counter-increment: item;
  width: 50px;
}
.alpha {
  counter-reset: sub-counter;
  margin: 0.5rem 0 1.5rem;
}
.alpha > li {
  counter-increment: sub-counter;
  position: relative;
  padding-left: 20px;
  text-align: left;
  margin: 0 0 0.5rem;
}
.alpha > li::before {
  content: counter(sub-counter, lower-alpha);
  color: #b5bbc1;
  font-weight: normal;
  width: 20px;
}
.alpha.uppercase > li::before {
  content: counter(sub-counter, upper-alpha);
  color: #b5bbc1;
  font-weight: normal;
  width: 20px;
}
.roman {
  counter-reset: item-counter;
  margin: 0.5rem 0 1.5rem;
}
.roman > li {
  counter-increment: item-counter;
  position: relative;
  padding-left: 20px;
  text-align: left;
  margin: 0 0 0.5rem;
}
.roman > li::before {
  content: counter(item-counter, lower-roman);
  width: 20px;
}
dl.flex.flex-ver dt,
dl.flex.flex-ver dd {
  min-height: 4rem;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0;
}
dl.flex.flex-ver dd {
  padding-left: 1rem !important;
}
dl.flex dt {
  width: 40%;
  padding: 0.75rem 0;
  -webkit-box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
}
dl.flex dd {
  width: 60%;
  padding: 0.75rem 0 0.75rem 1rem;
  -webkit-box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
}
dl.flex > :last-child,
dl.flex > :nth-last-child(2) {
  -webkit-box-shadow: none;
          box-shadow: none;
}
dt {
  color: #343a40;
  font-weight: 500;
  font-family: 'Barlow', sans-serif;
}
.desc {
  font-size: 1rem;
  line-height: 1;
  font-family: 'Barlow', sans-serif;
}
strong,
b {
  font-weight: 600;
  color: #343a40;
}
small,
time {
  font-size: 0.875rem;
  color: #6f777f;
  line-height: 1.25rem;
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  font-weight: normal;
}
.small {
  line-height: 1.25rem;
  font-size: 0.875rem;
}
h2 small.blk,
h3 small.blk,
h4 small.blk {
  font-size: 1rem;
  margin-top: 0;
}
small .icon {
  margin-right: 5px !important;
}
.num {
  font-family: 'Barlow', sans-serif;
  font-size: 1.5rem;
  letter-spacing: -0.05em;
  font-weight: normal;
  line-height: 1;
}
.lge {
  font-size: 3rem;
  font-family: 'Barlow', sans-serif;
  line-height: 1;
  display: inline-block;
  color: #343a40;
  font-weight: normal;
}
.med {
  font-size: 2.25rem;
  font-family: 'Barlow', sans-serif;
  line-height: 1;
  display: inline-block;
  color: #343a40;
  font-weight: normal;
}
.lge small {
  font-size: 1.25rem;
  color: inherit;
}
.fig {
  font-family: 'Barlow', sans-serif;
}
mark {
  position: relative;
  background: none;
  color: #343a40;
  font-weight: bold;
  z-index: 0;
}
mark::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #F9EE74;
  -webkit-transform: scale(1.1) rotate(-2deg) skew(-20deg);
          transform: scale(1.1) rotate(-2deg) skew(-20deg);
  z-index: -1;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.blk {
  display: block;
  margin-top: 0.25rem;
  line-height: 1.25;
}
.stamp {
  border-top: solid 1px #d7dee3;
  border-bottom: solid 1px #d7dee3;
  font-family: 'Barlow', sans-serif;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: -0.02em;
  padding: 0.08rem 0;
  margin-bottom: 0.4rem;
  color: #343a40;
  text-transform: uppercase;
  display: inline-block;
}
hr {
  width: 100%;
  border: 0;
  margin: 0.75rem 0;
}
hr.dashed {
  background: #dce0e5;
  background: -webkit-gradient(linear, left top, right top, from(#EFF3F7), to(#D0D3D8));
  background: linear-gradient(to right, #EFF3F7 0%, #D0D3D8 100%);
  height: 2px;
  margin: 50px 0 0 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
}
hr.divider {
  border-bottom: 1px solid #dce0e5;
  margin: 1.5rem 0;
}
hr.divider.dark {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.divider-ver {
  border-left: 1px solid #d7dee3;
  margin-left: 20px;
  padding-left: 20px;
}
.divider-ver-alt {
  border-right: 1px solid #d7dee3;
  margin-right: 20px;
  padding-right: 20px;
}
aside .divider {
  margin: 1.5rem 0;
}
blockquote {
  font-size: 1.125rem;
  font-style: italic;
  max-width: 640px;
  margin: 0 auto;
  color: #6f777f;
  text-align: center;
}
cite {
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #b5bbc1;
}
.hidden {
  border: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
  display: block;
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
}
.optional {
  -webkit-transition: all 0.3s 0.2s, X;
  transition: all 0.3s 0.2s, X;
  max-height: 200px;
}
.optional.cutoff {
  overflow: hidden;
}
.optional.large {
  max-height: 2000px;
}
.optional.hidden > * {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s 0s, transform 0s;
  -webkit-transition: opacity 0.2s 0s, -webkit-transform 0s;
  transition: opacity 0.2s 0s, -webkit-transform 0s;
  transition: opacity 0.2s 0s, transform 0s;
  transition: opacity 0.2s 0s, transform 0s, -webkit-transform 0s;
}
.optional > * {
  -webkit-transition: opacity 0.2s 0.3s, transform 0s;
  -webkit-transition: opacity 0.2s 0.3s, -webkit-transform 0s;
  transition: opacity 0.2s 0.3s, -webkit-transform 0s;
  transition: opacity 0.2s 0.3s, transform 0s;
  transition: opacity 0.2s 0.3s, transform 0s, -webkit-transform 0s;
}
.truncate {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncate-multi {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.break-all {
  word-break: break-all;
}
.break-word {
  word-break: break-word;
}
.breadcrumbs {
  font-size: 0.875rem;
  margin-bottom: 1rem;
  display: none !important;
}
.breadcrumbs a {
  color: #6f777f;
}
.crumbs {
  font-size: 0.875rem;
  background: #E1E7EE;
  color: #b5bbc1;
  padding: 0.5rem 30px;
  margin: -2rem -30px 2rem -30px;
}
.crumbs a {
  color: #6f777f;
}
.crumbs a.active {
  color: #19892b;
}
sup {
  font-size: 0.5em;
  line-height: 1;
  display: inline-block;
  vertical-align: text-top;
  position: relative;
  left: -3px;
}
sub {
  font-size: 0.5em;
  line-height: 1;
  display: inline-block;
  vertical-align: text-bottom;
  position: relative;
}
.checklist {
  margin-bottom: 1rem;
}
.checklist li {
  margin-bottom: 0.25rem;
}
.checklist li::before {
  content: '';
  background: url('../img/sprite.png') -795px -793px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #19892b;
  border-radius: 50%;
  margin-right: 10px;
}
.flag {
  font-weight: normal;
  white-space: nowrap;
  background-color: #e9ecef;
  color: #5b636a;
  border: 0.0625rem solid transparent;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 1px 0.5rem;
  margin-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  text-overflow: ellipsis;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flag.inl {
  margin: 0 5px;
}
.flag .icon.twelve {
  margin-right: 2px;
  vertical-align: text-top;
}
.flag.pinned {
  position: absolute;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
}
.pullout .flag.strip {
  text-align: center;
  padding: 6px 10px;
  border-radius: 3px 3px 0 0;
  display: block;
  margin: -1rem -20px 1rem;
}
dd .flag {
  margin: 0;
  -ms-flex-item-align: center;
      align-self: center;
}
.flag.pending {
  background-color: #fff3e5 !important;
  color: #bb4f00 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flag.expired {
  background-color: #fbe9ee !important;
  color: #881240 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flag.inactive {
  color: #5b636a !important;
  background: none !important;
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1 !important;
          box-shadow: inset 0 0 0 1px #b5bbc1 !important;
}
.flag.slow {
  background-color: #fff3e5 !important;
  color: #bb4f00 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flag.ok {
  background-color: #e7f3ec !important;
  color: #005824 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flag.new {
  background-color: #e9f0fe;
  color: #163d91;
}
.flag.indev {
  background-color: #D9C1FF;
  color: #553884;
}
.shortcodes.hidden {
  max-height: 0 !important;
  padding: 0 0.8rem !important;
  margin-top: 0 !important;
}
.shortcodes {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #6f777f;
  padding: 0.8rem;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  max-height: 195px !important;
  overflow: auto;
  margin-top: 0.2rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, white), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white)) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}
.shortcodes ul {
  margin-bottom: 0;
}
.shortcodes ul + h5 {
  margin-top: 0.5rem;
}
.shortcodes ul:not(.disc) li {
  padding: 0.15rem 0;
  margin-bottom: 0 !important;
  cursor: pointer;
}
.shortcodes ul.disc > li::before {
  top: 6px;
}
.shortcodes ul:not(.disc) li:first-child {
  padding-top: 0;
}
.shortcodes ul:not(.disc) li:last-child {
  padding-bottom: 0;
}
.shortcodes li:hover code {
  background: #19892b;
}
.shortcodes .pullout.outline {
  background: none;
}
.shortcodes code {
  padding: 2px 4px;
  margin-right: 0.3rem;
  background-color: #343a40;
  color: #fff;
  border-radius: 3px;
  font-size: 0.75rem;
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}
.shortcodes h5 {
  color: #5b636a;
  font-size: 1em;
}
.text-error {
  color: #881240;
  font-size: 0.875rem;
}
/* Code */
.codeblock {
  border-radius: 3px;
  position: relative;
  color: #343a40;
  background: rgba(47, 190, 141, 0.05);
  -webkit-box-shadow: inset 0 0 0 1px rgba(47, 190, 141, 0.5);
          box-shadow: inset 0 0 0 1px rgba(47, 190, 141, 0.5);
  line-height: 1.25rem;
  padding: 0.75rem 1rem;
  margin: 0 0 1.3rem;
  overflow: auto;
}
.codeblock .btn {
  position: absolute;
  top: 6px;
  right: 6px;
}
pre[class*="language-"] {
  color: #f8f8f2;
  background: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  padding: 0.75rem 1rem;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 3px;
}
code.inl {
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}
.vanish pre[class*="language-"] {
  margin: 0;
  padding-right: 80px;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #1A2329;
}
code.disabled {
  color: #b5bbc1 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.25;
  color: #343a40;
  margin-bottom: 0.25rem;
  font-weight: 600;
  font-family: 'Barlow', sans-serif;
}
h1,
.h1 {
  font-size: 2rem;
  line-height: 2.5rem;
}
h2,
.h2 {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}
h3,
.h3 {
  font-size: 1.5rem;
  line-height: 2rem;
}
h4,
.h4 {
  font-size: 1.25rem;
}
h5,
.h5 {
  font-size: 1.125rem;
}
h6,
.h6 {
  font-size: 1rem;
}
h6.alt,
.h6.alt {
  color: #6f777f;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.33px;
  -webkit-font-smoothing: auto;
}
.subdued {
  color: #6f777f !important;
  font-weight: normal;
}
.highlight {
  color: #017737;
}
.field {
  position: relative;
  margin-bottom: 1.5rem;
}
.field.tight {
  margin-bottom: 0.75rem;
}
.field.underline {
  border-bottom: 1px solid rgba(215, 222, 227, 0.5);
  padding-bottom: 1.5rem;
}
.field .pinned,
.vanish .pinned {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 2;
  margin: 0;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.vanish-multi .pinned {
  position: absolute;
  bottom: 6px;
  right: 6px;
  z-index: 2;
  margin: 0;
}
.vanish input + .btn.pinned {
  border-radius: 3px !important;
}
.scrollable {
  width: 100%;
  overflow-x: scroll;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
}
.scrollable table {
  margin-bottom: 0;
}
.scrollable table th {
  min-width: 200px;
}
.inl input[type=text] {
  margin: 5px 10px;
  width: auto;
}
input[type=text].inl {
  margin: 0 10px 0 0;
  width: auto;
  min-width: 46px;
  display: inline-block;
}
input[type=text].inl.alt {
  margin: 0 0 0 10px;
}
input.updated {
  background: #E5F0EB;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  -webkit-box-shadow: inset 0 0 0 1px #E5F0EB !important;
          box-shadow: inset 0 0 0 1px #E5F0EB !important;
}
.prefix {
  margin-right: 0.4rem;
  -ms-flex-item-align: center;
      align-self: center;
  font-family: 'Barlow', sans-serif;
  font-weight: normal;
  color: #6f777f;
}
.rgt-align .rgt input {
  text-align: right;
}
.multi-field {
  width: calc(50% - 20px);
  margin: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.join {
  width: 30px;
  margin: 0 5px;
  text-align: center;
  color: #6f777f;
}
.limit {
  font-size: 0.875rem;
  color: #8d959d;
  font-weight: normal;
  display: inline-block;
}
.limit.exceeded {
  color: #881240;
}
/* File Input */
.dropzone {
  border-radius: 3px;
  border: 1px dashed #19892b;
  font-size: 0.875rem !important;
  padding: 0.8rem !important;
  min-height: 4.75em;
}
.dropzone label,
.dropzone .label {
  text-align: center;
  font-size: 1rem;
  margin: 1rem !important;
}
.dropzone .dropped-file {
  position: static;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 0.5625em 0.5625em;
  color: #fff;
  border-radius: 3px;
  background: #19892b;
  font-size: 1rem;
}
.dropzone .dropped-file .icon {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.dropzone .file {
  font-size: 0.875rem !important;
  padding: 0.8rem 76px 0.8rem 20px !important;
  background-color: #e7f3ec;
  border-radius: 3px;
  font-weight: 600;
  color: #343a40;
  position: relative;
}
.dropzone .file .size {
  color: #5b636a;
  display: block;
  font-weight: normal;
}
.dropzone .file .remove {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-color: #fff;
}
button {
  cursor: pointer;
}
label:not([class*='css']),
.label:not([class*='css']) {
  display: block;
  margin: 0 0 0.5rem;
  color: #343a40;
  font-weight: 500;
  font-family: 'Barlow', sans-serif;
}
.label.flex,
label.flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}
label.flex .select {
  width: auto;
}
label small {
  margin-left: 5px;
  font-style: italic;
}
label .pre-view {
  margin-left: 5px;
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
  display: inline-block;
  padding: 0.1rem 0.4rem;
  border-radius: 3px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: 'Source Sans Pro', sans-serif;
}
label .icon {
  margin: 0 6px 0 0 !important;
  color: rgba(19, 41, 61, 0.5);
}
label strong .icon {
  color: #343a40;
}
.label > .icon {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
  -webkit-box-shadow: 0 0 1px 0 #dce0e5, inset 1px 1px 0 0 #dce0e5, inset 0 -1px 0 0 #dce0e5 !important;
          box-shadow: 0 0 1px 0 #dce0e5, inset 1px 1px 0 0 #dce0e5, inset 0 -1px 0 0 #dce0e5 !important;
  padding: 7px 10px;
  height: auto !important;
  width: 40px !important;
  border-radius: 3px 0 0 3px;
  color: #343a40 !important;
  -ms-flex-item-align: normal;
      align-self: normal;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.label > .icon.picker {
  -webkit-box-shadow: inset 1px 1px 0 0 #d7dee3, inset 0 -1px 0 0 #d7dee3 !important;
          box-shadow: inset 1px 1px 0 0 #d7dee3, inset 0 -1px 0 0 #d7dee3 !important;
  padding-right: 2rem;
  width: calc(40px + 2rem) !important;
  cursor: pointer;
  max-height: 48px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.label > .icon.picker::after {
  content: '';
  background: url('../img/sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, calc(-50% + 1px));
  transform: translate(0, calc(-50% + 1px));
}
.label .icon.outline svg {
  stroke: #13293D;
}
label.disabled {
  pointer-events: none;
  color: #b5bbc1 !important;
}
.label {
  font-family: 'Barlow', sans-serif;
}
label.inl,
.label.inl {
  color: #5b636a;
  margin: 0 0 6px 0;
  font-family: 'Source Sans Pro', sans-serif;
}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
textarea,
.search.autocomplete.dropdown .entry {
  -webkit-appearance: none;
  display: block;
  line-height: 1.25rem;
  color: #5b636a;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #dce0e5, inset 0 1.6px 3px 0 rgba(99, 115, 129, 0.2);
          box-shadow: inset 0 0 0 1px #dce0e5, inset 0 1.6px 3px 0 rgba(99, 115, 129, 0.2);
  padding: 0.875rem 1rem;
  max-width: 100%;
  width: 100%;
  font-weight: normal;
  font-family: 'Source Sans Pro', sans-serif;
}
.colorpicker {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #dce0e5;
          box-shadow: inset 0 0 0 1px #dce0e5;
  background: #fff;
  height: 48px;
  position: relative;
  padding: 0 0 0 52px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  overflow: hidden;
}
.colorpicker input[type=color] {
  position: absolute;
  top: -5px;
  left: -3px;
  -moz-appearance: none;
       appearance: none;
  height: 58px;
  width: 58px;
  -webkit-appearance: none;
  cursor: pointer;
  background-color: transparent;
  z-index: 1;
}
.colorpicker input[type=text] {
  width: 90px;
  border-radius: 0 3px 3px 0;
  position: relative;
  z-index: 2;
}
.value {
  line-height: 1.25rem;
  padding: 0 0 0.875rem 0;
}
.value.placeholder {
  color: #6f777f !important;
}
.flex > div.value {
  padding: 0.875rem 1rem;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  border-radius: 3px 0 0 3px;
  margin-right: -1px;
  color: #5b636a;
  background: #fff;
}
.flex div.value:not(.placeholder) {
  background-color: #e7f3ec;
  color: #005824;
  -webkit-box-shadow: inset 0 0 0 1px #86c3a1;
          box-shadow: inset 0 0 0 1px #86c3a1;
}
input[type="text"][size] {
  width: auto;
}
textarea {
  overflow: auto;
}
.fieldset {
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  padding: 0 20px;
  border-radius: 3px;
  margin-bottom: 1.5rem;
}
.field-group input:first-child {
  border-radius: 3px 0 0 3px;
}
.field-group input:last-child {
  border-radius: 0 3px 3px 0;
  -webkit-box-shadow: inset -1px 1px 0 0 #d7dee3, inset 0 -1px 0 0 #d7dee3, inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
          box-shadow: inset -1px 1px 0 0 #d7dee3, inset 0 -1px 0 0 #d7dee3, inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
}
input[type=search] {
  width: auto;
  display: inline-block;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #dce0e5, inset 0 1.6px 3px 0 rgba(99, 115, 129, 0.2);
          box-shadow: inset 0 0 0 1px #dce0e5, inset 0 1.6px 3px 0 rgba(99, 115, 129, 0.2);
  padding: 0.875rem 0.8rem 0.875rem 0.8rem;
  min-width: 300px;
}
input[type=search].fp {
  width: 100%;
  min-width: 0;
}
input.sml {
  width: 54px;
  margin: 5px;
  padding: 0.375rem 0.5rem;
  font-size: 1rem;
  -webkit-appearance: none;
  line-height: 1.25rem;
  color: #5b636a;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #dce0e5;
          box-shadow: inset 0 0 0 1px #dce0e5;
}
input.trim {
  width: 64px;
}
.rgt input.trim {
  margin-left: 5px;
}
input:not([type=color]):focus,
textarea:focus {
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1, inset 0 1.6px 3px 0 rgba(99, 115, 129, 0.2);
          box-shadow: inset 0 0 0 1px #b5bbc1, inset 0 1.6px 3px 0 rgba(99, 115, 129, 0.2);
}
input[type="text"]:disabled,
input[type="search"]:disabled,
textarea:disabled,
input:disabled {
  background: #e9ecef;
}
[data-type="field-grouped"] input {
  border-radius: 3px 0 0 3px;
  margin: 0 -1px 0 0 !important;
}
[data-type="field-grouped"] .select {
  border-radius: 0 3px 3px 0;
  margin-left: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
::-webkit-input-placeholder {
  color: #6f777f !important;
  text-overflow: ellipsis;
}
::-moz-placeholder {
  color: #6f777f !important;
  text-overflow: ellipsis;
}
:-ms-input-placeholder {
  color: #6f777f !important;
  text-overflow: ellipsis;
}
::-ms-input-placeholder {
  color: #6f777f !important;
  text-overflow: ellipsis;
}
::placeholder {
  color: #6f777f !important;
  text-overflow: ellipsis;
}
input[placeholder] {
  text-overflow: ellipsis;
}
.note {
  color: #6f777f;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.4rem;
}
form li.dd::before {
  top: 8px;
}
.vanish,
.vanish-multi {
  position: relative;
}
.vanish .tag {
  padding-right: 0.75rem !important;
}
.vanish:not(.dark) pre[class*="language-"] {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
}
.vanish:not(.dark) code[class*="language-"] {
  color: #5b636a;
  text-shadow: none;
  font-family: 'Source Sans Pro', sans-serif;
}
.vanish.dark .outline:not(.icon) {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
}
.vanish.dark .outline:not(.icon):hover {
  color: #1A2329;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  background: #fff;
}
h5 + .vanish {
  margin: 0 0 0.5rem 0;
}
.vanish::after {
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, #fff));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 20%);
  border-radius: 0 3px 3px 0;
  width: 90px;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 1px;
  bottom: 1px;
}
main .vanish {
  background: #ebeff5;
}
main .vanish::after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, #EFF3F7));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #EFF3F7 20%);
}
.vanish:has(input[disabled])::after {
  background: -webkit-gradient(linear, left top, right top, from(#e9ecef), color-stop(20%, #e9ecef));
  background: linear-gradient(to right, #e9ecef 0%, #e9ecef 20%);
}
.vanish.dark::after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(26, 35, 41, 0)), color-stop(20%, #1A2329));
  background: linear-gradient(to right, rgba(26, 35, 41, 0) 0%, #1A2329 20%);
}
.field > .select:not(.flex-grow) {
  width: 100%;
  margin: 0;
}
.select {
  -webkit-box-shadow: inset 0 0 0 1px #dce0e5;
          box-shadow: inset 0 0 0 1px #dce0e5;
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
  border-radius: 3px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.25rem;
}
.select.inl {
  margin: 5px 2px;
  width: auto;
}
.icon + .select {
  border-radius: 0 3px 3px 0;
  margin: 0;
  -webkit-box-shadow: 0 0 1px 0 #dce0e5, inset -1px 1px 0 0 #dce0e5, inset 0 -1px 0 0 #dce0e5;
          box-shadow: 0 0 1px 0 #dce0e5, inset -1px 1px 0 0 #dce0e5, inset 0 -1px 0 0 #dce0e5;
}
.icon + input[type=text] {
  border-radius: 0 3px 3px 0;
}
.icon + .select select {
  font-size: inherit !important;
  padding-left: 0 !important;
}
.icon + .select:hover {
  -webkit-box-shadow: 0 0 1px 0 #dce0e5, inset -1px 1px 0 0 #dce0e5, inset 0 -1px 0 0 #dce0e5;
          box-shadow: 0 0 1px 0 #dce0e5, inset -1px 1px 0 0 #dce0e5, inset 0 -1px 0 0 #dce0e5;
}
.inl .select {
  margin: 5px 10px;
}
.select.inl select,
.select.slim select {
  padding: 0.625rem 2rem 0.625rem 0.8rem;
}
.select select {
  padding: 0.875rem 2rem 0.875rem 1rem;
  position: relative;
  z-index: 2;
  line-height: 1.25rem;
  font-size: 1rem;
  margin: 0;
  font-family: 'Source Sans Pro', sans-serif;
  color: #687077;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background: transparent;
  border: 0;
  max-width: none;
  display: block;
}
.select.disabled {
  background: #e9ecef;
  pointer-events: none;
}
.select.trim select {
  width: auto;
}
.select:hover {
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1;
          box-shadow: inset 0 0 0 1px #b5bbc1;
}
.select:focus {
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1, 0 0 3px 0 #C4CDD5;
          box-shadow: inset 0 0 0 1px #b5bbc1, 0 0 3px 0 #C4CDD5;
}
.select::after {
  content: '';
  background: url('../img/sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, calc(-50% + 1px));
  transform: translate(0, calc(-50% + 1px));
}
select::-ms-expand {
  display: none;
}
.big.inl {
  padding: 0;
  font-size: 1.125rem;
}
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  margin: -4px 8px 0 0;
  vertical-align: middle;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background-image: linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1;
          box-shadow: inset 0 0 0 1px #b5bbc1;
}
input[type='checkbox'][class*='css'],
input[type='radio'][class*='css'] {
  position: absolute;
}
label:has(input[type="checkbox"][data-type=checkall]) {
  margin: 0;
}
input[type="checkbox"][data-type=checkall] {
  margin: 0 0 0 0.5rem;
}
input[type="checkbox"]:hover,
input[type="radio"]:hover {
  -webkit-box-shadow: inset 0 0 0 1px #6f777f;
          box-shadow: inset 0 0 0 1px #6f777f;
}
input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
  pointer-events: none;
  background: #e9ecef !important;
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1;
          box-shadow: inset 0 0 0 1px #b5bbc1;
}
input[type="checkbox"]:disabled:checked::after {
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1;
          box-shadow: inset 0 0 0 1px #b5bbc1;
  content: '';
  background: url('../img/sprite.png') -597px -796px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  vertical-align: top;
  background-color: #e9ecef !important;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
input[type="checkbox"][data-action="selectall"][data-state="indeterminate"] {
  background: #19892b;
  -webkit-box-shadow: none;
          box-shadow: none;
}
input[type="checkbox"][data-action="selectall"][data-state="indeterminate"]::after {
  content: '';
  border-bottom: 2px solid #fff;
  position: absolute;
  top: calc(50% - 1px);
  left: 3px;
  width: 10px;
  padding: 0;
}
input[type="radio"] {
  border-radius: 50%;
}
.big input[type="checkbox"] {
  width: 32px;
  height: 32px;
  margin: -4px 12px 0 0;
  border-radius: 50%;
}
.big input[type="checkbox"]:checked {
  content: '';
  background: url('../img/sprite.png') -789px -788px no-repeat;
  height: 0;
  overflow: hidden;
  width: 32px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
input[type="checkbox"]:checked::after {
  content: '';
  background: url('../img/sprite.png') -797px -796px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  vertical-align: top;
  border-radius: 3px;
  background-color: #19892b;
}
input[type="radio"]:checked {
  -webkit-box-shadow: inset 0 0 0 1px #19892b;
          box-shadow: inset 0 0 0 1px #19892b;
}
input[type="radio"]:checked::after {
  content: '';
  width: 8px;
  height: 8px;
  background: #19892b;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.switch {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 20px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.switch.disabled {
  pointer-events: none;
}
.switch label {
  display: block;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #8A949E;
  color: #fff;
  line-height: 2;
  padding: 0 0.65rem;
  font-family: 'Barlow', sans-serif;
  text-transform: uppercase;
  font-size: 0.625rem;
  text-align: right;
  -webkit-box-shadow: inset 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  cursor: pointer;
}
.switch label::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  content: '';
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 15px;
  -webkit-transition: left 0.25s ease, background-color 0.25s ease;
  transition: left 0.25s ease, background-color 0.25s ease;
}
.switch input {
  position: absolute;
  left: -20px;
}
.switch input:checked + label {
  background-color: #19892b;
  text-align: left;
}
.switch input:checked + label::after {
  left: 34px;
}
.switch-ext {
  position: relative;
  width: 100%;
  height: 48px;
}
.switch-ext.alt {
  width: auto;
}
.switch-ext.slim {
  height: 40px;
}
.switch-ext ul {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
  border: 0 !important;
  line-height: 1.1;
  margin: 0;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.switch-ext.alt ul {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  background: #ebeff5;
  height: 100%;
  padding: 4px;
}
.switch-ext li {
  margin: 0;
  text-align: center;
  width: 50%;
  z-index: 2;
}
.switch-ext li.active {
  z-index: 1;
}
.switch-ext li span:not(.med) {
  display: block;
}
.switch-ext.alt li {
  width: auto;
}
.switch-ext li a,
.segment li label span {
  color: rgba(255, 255, 255, 0.7);
  display: block;
  white-space: nowrap;
  text-decoration: none;
  padding: 0.5rem 0.5rem;
  -webkit-box-shadow: inset 1px 0 0 0 #d7dee3;
          box-shadow: inset 1px 0 0 0 #d7dee3;
}
.switch-ext.alt li a {
  color: #6f777f;
}
.switch-ext.chunky li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.switch-ext.chunky li a {
  padding: 1rem;
}
.switch-ext li label {
  margin: 0;
}
.switch-ext li.active a,
.switch-ext li input:checked + span {
  background: #19892b;
  color: #fff;
  -webkit-box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #2BAD81;
          box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #2BAD81;
}
.switch-ext.alt li.active a {
  color: #5b636a;
}
.switch-ext input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.switch-ext li a,
.switch-ext li label span {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.switch-ext .toggle {
  display: block;
  position: absolute;
  z-index: 0;
  top: 4px;
  left: 4px;
  width: calc(60% - 8px);
  height: calc(100% - 8px);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-ext.alt .toggle {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3, 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 0 1px #d7dee3, 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.switch-ext ul li.active a,
.switch-ext ul li input:checked + span {
  background: none;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.switch-ext.disabled li:not(.active) a {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.switch-ext.disabled {
  pointer-events: none;
}
input.form-error,
textarea.form-error,
.select.form-error,
.search.autocomplete.form-error {
  -webkit-box-shadow: inset 0 0 0 1px #bf2348;
          box-shadow: inset 0 0 0 1px #bf2348;
}
small.form-error {
  color: #bf2348;
}
.search.autocomplete.dropdown.form-error .entry {
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px #EA215F;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px #EA215F;
}
.no-anim *,
.no-anim *::before,
.no-anim *::after {
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
  -webkit-transition: none, X !important;
  transition: none, X !important;
}
@-webkit-keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
@keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
@-webkit-keyframes pulseletter {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
    color: #00E096;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulseletter {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
    color: #00E096;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes jump {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
            box-shadow: inset 0 0 0 1px #d7dee3;
  }
  100% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-box-shadow: inset 0 0 0 1px #d7dee3, 0 4px 10px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 0 0 1px #d7dee3, 0 4px 10px rgba(0, 0, 0, 0.1);
  }
}
@keyframes jump {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
            box-shadow: inset 0 0 0 1px #d7dee3;
  }
  100% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-box-shadow: inset 0 0 0 1px #d7dee3, 0 4px 10px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 0 0 1px #d7dee3, 0 4px 10px rgba(0, 0, 0, 0.1);
  }
}
@-webkit-keyframes pullout-pulse {
  0% {
    -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
            box-shadow: inset 0 0 0 1px #d7dee3;
  }
  100% {
    -webkit-box-shadow: inset 0 0 0 1px #19892b;
            box-shadow: inset 0 0 0 1px #19892b;
  }
}
@keyframes pullout-pulse {
  0% {
    -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
            box-shadow: inset 0 0 0 1px #d7dee3;
  }
  100% {
    -webkit-box-shadow: inset 0 0 0 1px #19892b;
            box-shadow: inset 0 0 0 1px #19892b;
  }
}
@-webkit-keyframes progressbar {
  to {
    width: 100%;
  }
}
@keyframes progressbar {
  to {
    width: 100%;
  }
}
@-webkit-keyframes progressbar2x {
  to {
    width: 200%;
  }
}
@keyframes progressbar2x {
  to {
    width: 200%;
  }
}
@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}
@-webkit-keyframes shift-down {
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  60% {
    -webkit-transform: translate(0, 22px);
    transform: translate(0, 22px);
  }
  90% {
    -webkit-transform: translate(0, 22px);
    transform: translate(0, 22px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes shift-down {
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  60% {
    -webkit-transform: translate(0, 22px);
    transform: translate(0, 22px);
  }
  90% {
    -webkit-transform: translate(0, 22px);
    transform: translate(0, 22px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes shift-up {
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  60% {
    -webkit-transform: translate(0, -19px);
    transform: translate(0, -19px);
  }
  90% {
    -webkit-transform: translate(0, -19px);
    transform: translate(0, -19px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes shift-up {
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  60% {
    -webkit-transform: translate(0, -19px);
    transform: translate(0, -19px);
  }
  90% {
    -webkit-transform: translate(0, -19px);
    transform: translate(0, -19px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes resize {
  50% {
    width: 50%;
  }
  60% {
    width: 30%;
  }
  90% {
    width: 30%;
  }
  100% {
    width: 50%;
  }
}
@keyframes resize {
  50% {
    width: 50%;
  }
  60% {
    width: 30%;
  }
  90% {
    width: 30%;
  }
  100% {
    width: 50%;
  }
}
@-webkit-keyframes resizeGrip {
  50% {
    left: calc(50% + 5px);
  }
  60% {
    left: calc(30% + 10px);
  }
  90% {
    left: calc(30% + 10px);
  }
  100% {
    left: calc(50% + 5px);
  }
}
@keyframes resizeGrip {
  50% {
    left: calc(50% + 5px);
  }
  60% {
    left: calc(30% + 10px);
  }
  90% {
    left: calc(30% + 10px);
  }
  100% {
    left: calc(50% + 5px);
  }
}
@-webkit-keyframes marquee {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes marquee {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes marquee2 {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
}
@keyframes marquee2 {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
}
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.newsticker-wrap {
  padding-left: 100% !important;
  overflow: hidden;
}
.newsticker {
  -webkit-animation: ticker 20s linear infinite;
          animation: ticker 20s linear infinite;
  white-space: nowrap;
  padding-right: 100%;
  display: inline-block;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.newsticker-item {
  display: inline-block;
  padding: 0 0.5rem;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    opacity: 0;
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    opacity: 0;
  }
}
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes flicker {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  47.99% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  49.01% {
    opacity: 1;
  }
}
@keyframes flicker {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  47.99% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  49.01% {
    opacity: 1;
  }
}
@-webkit-keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-up-bottom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes scale-up-bottom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-webkit-keyframes check-stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes check-stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes check-scale {
  0%,
  100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes check-scale {
  0%,
  100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}
@-webkit-keyframes check-fill {
  100% {
    -webkit-box-shadow: inset 0 0 0 40px #19892b;
            box-shadow: inset 0 0 0 40px #19892b;
  }
}
@keyframes check-fill {
  100% {
    -webkit-box-shadow: inset 0 0 0 40px #19892b;
            box-shadow: inset 0 0 0 40px #19892b;
  }
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes ring-ring {
  0% {
    -webkit-transform: rotateZ(0);
  }
  1% {
    -webkit-transform: rotateZ(30deg);
  }
  3% {
    -webkit-transform: rotateZ(-28deg);
  }
  5% {
    -webkit-transform: rotateZ(34deg);
  }
  7% {
    -webkit-transform: rotateZ(-32deg);
  }
  9% {
    -webkit-transform: rotateZ(30deg);
  }
  11% {
    -webkit-transform: rotateZ(-28deg);
  }
  13% {
    -webkit-transform: rotateZ(26deg);
  }
  15% {
    -webkit-transform: rotateZ(-24deg);
  }
  17% {
    -webkit-transform: rotateZ(22deg);
  }
  19% {
    -webkit-transform: rotateZ(-20deg);
  }
  21% {
    -webkit-transform: rotateZ(18deg);
  }
  23% {
    -webkit-transform: rotateZ(-16deg);
  }
  25% {
    -webkit-transform: rotateZ(14deg);
  }
  27% {
    -webkit-transform: rotateZ(-12deg);
  }
  29% {
    -webkit-transform: rotateZ(10deg);
  }
  31% {
    -webkit-transform: rotateZ(-8deg);
  }
  33% {
    -webkit-transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
  }
  37% {
    -webkit-transform: rotateZ(2deg);
  }
  39% {
    -webkit-transform: rotateZ(-1deg);
  }
  41% {
    -webkit-transform: rotateZ(1deg);
  }
  43% {
    -webkit-transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(0);
  }
}
@keyframes ring-ring {
  0% {
    -webkit-transform: rotateZ(0);
  }
  1% {
    -webkit-transform: rotateZ(30deg);
  }
  3% {
    -webkit-transform: rotateZ(-28deg);
  }
  5% {
    -webkit-transform: rotateZ(34deg);
  }
  7% {
    -webkit-transform: rotateZ(-32deg);
  }
  9% {
    -webkit-transform: rotateZ(30deg);
  }
  11% {
    -webkit-transform: rotateZ(-28deg);
  }
  13% {
    -webkit-transform: rotateZ(26deg);
  }
  15% {
    -webkit-transform: rotateZ(-24deg);
  }
  17% {
    -webkit-transform: rotateZ(22deg);
  }
  19% {
    -webkit-transform: rotateZ(-20deg);
  }
  21% {
    -webkit-transform: rotateZ(18deg);
  }
  23% {
    -webkit-transform: rotateZ(-16deg);
  }
  25% {
    -webkit-transform: rotateZ(14deg);
  }
  27% {
    -webkit-transform: rotateZ(-12deg);
  }
  29% {
    -webkit-transform: rotateZ(10deg);
  }
  31% {
    -webkit-transform: rotateZ(-8deg);
  }
  33% {
    -webkit-transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
  }
  37% {
    -webkit-transform: rotateZ(2deg);
  }
  39% {
    -webkit-transform: rotateZ(-1deg);
  }
  41% {
    -webkit-transform: rotateZ(1deg);
  }
  43% {
    -webkit-transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(0);
  }
}
@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-webkit-keyframes overlay-anim {
  0% {
    visibility: hidden;
  }
  20% {
    visibility: hidden;
  }
  21% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes overlay-anim {
  0% {
    visibility: hidden;
  }
  20% {
    visibility: hidden;
  }
  21% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
@-webkit-keyframes turn-on {
  0% {
    -webkit-transform: scale(1, 0.8) translate3d(0, 0, 0);
            transform: scale(1, 0.8) translate3d(0, 0, 0);
    -webkit-filter: brightness(30);
    filter: brightness(30);
    opacity: 1;
  }
  3.5% {
    -webkit-transform: scale(1, 0.8) translate3d(0, 100%, 0);
            transform: scale(1, 0.8) translate3d(0, 100%, 0);
  }
  3.6% {
    -webkit-transform: scale(1, 0.8) translate3d(0, -100%, 0);
            transform: scale(1, 0.8) translate3d(0, -100%, 0);
    opacity: 1;
  }
  9% {
    -webkit-transform: scale(1.3, 0.6) translate3d(0, 100%, 0);
            transform: scale(1.3, 0.6) translate3d(0, 100%, 0);
    -webkit-filter: brightness(30);
    filter: brightness(30);
    opacity: 0;
  }
  11% {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
            transform: scale(1, 1) translate3d(0, 0, 0);
    -webkit-filter: contrast(0) brightness(0);
    filter: contrast(0) brightness(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
            transform: scale(1, 1) translate3d(0, 0, 0);
    -webkit-filter: contrast(1) brightness(1.2) saturate(1.3);
    filter: contrast(1) brightness(1.2) saturate(1.3);
    opacity: 1;
  }
}
@keyframes turn-on {
  0% {
    -webkit-transform: scale(1, 0.8) translate3d(0, 0, 0);
            transform: scale(1, 0.8) translate3d(0, 0, 0);
    -webkit-filter: brightness(30);
    filter: brightness(30);
    opacity: 1;
  }
  3.5% {
    -webkit-transform: scale(1, 0.8) translate3d(0, 100%, 0);
            transform: scale(1, 0.8) translate3d(0, 100%, 0);
  }
  3.6% {
    -webkit-transform: scale(1, 0.8) translate3d(0, -100%, 0);
            transform: scale(1, 0.8) translate3d(0, -100%, 0);
    opacity: 1;
  }
  9% {
    -webkit-transform: scale(1.3, 0.6) translate3d(0, 100%, 0);
            transform: scale(1.3, 0.6) translate3d(0, 100%, 0);
    -webkit-filter: brightness(30);
    filter: brightness(30);
    opacity: 0;
  }
  11% {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
            transform: scale(1, 1) translate3d(0, 0, 0);
    -webkit-filter: contrast(0) brightness(0);
    filter: contrast(0) brightness(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
            transform: scale(1, 1) translate3d(0, 0, 0);
    -webkit-filter: contrast(1) brightness(1.2) saturate(1.3);
    filter: contrast(1) brightness(1.2) saturate(1.3);
    opacity: 1;
  }
}
@-webkit-keyframes turn-off {
  0% {
    -webkit-transform: scale(1, 1.3) translate3d(0, 0, 0);
            transform: scale(1, 1.3) translate3d(0, 0, 0);
    -webkit-filter: brightness(1);
    filter: brightness(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.3, 0.001) translate3d(0, 0, 0);
            transform: scale(1.3, 0.001) translate3d(0, 0, 0);
    -webkit-filter: brightness(10);
    filter: brightness(10);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(0, 0.0001) translate3d(0, 0, 0);
            transform: scale(0, 0.0001) translate3d(0, 0, 0);
    -webkit-filter: brightness(50);
    filter: brightness(50);
  }
}
@keyframes turn-off {
  0% {
    -webkit-transform: scale(1, 1.3) translate3d(0, 0, 0);
            transform: scale(1, 1.3) translate3d(0, 0, 0);
    -webkit-filter: brightness(1);
    filter: brightness(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.3, 0.001) translate3d(0, 0, 0);
            transform: scale(1.3, 0.001) translate3d(0, 0, 0);
    -webkit-filter: brightness(10);
    filter: brightness(10);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(0, 0.0001) translate3d(0, 0, 0);
            transform: scale(0, 0.0001) translate3d(0, 0, 0);
    -webkit-filter: brightness(50);
    filter: brightness(50);
  }
}
@keyframes flicker {
  0% {
    opacity: 0.52471;
  }
  5% {
    opacity: 0.40543;
  }
  10% {
    opacity: 0.56664;
  }
  15% {
    opacity: 0.05848;
  }
  20% {
    opacity: 0.78309;
  }
  25% {
    opacity: 0.92347;
  }
  30% {
    opacity: 0.56794;
  }
  35% {
    opacity: 0.69215;
  }
  40% {
    opacity: 0.35365;
  }
  45% {
    opacity: 0.82009;
  }
  50% {
    opacity: 0.47381;
  }
  55% {
    opacity: 0.32206;
  }
  60% {
    opacity: 0.65697;
  }
  65% {
    opacity: 0.8563;
  }
  70% {
    opacity: 0.85777;
  }
  75% {
    opacity: 0.07327;
  }
  80% {
    opacity: 0.55889;
  }
  85% {
    opacity: 0.60905;
  }
  90% {
    opacity: 0.7139;
  }
  95% {
    opacity: 0.07817;
  }
  100% {
    opacity: 0.85221;
  }
}
@-webkit-keyframes analyze {
  0% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: #19892b;
  }
  25% {
    height: 20px;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    background: #19892b;
  }
  50% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: #19892b;
  }
  100% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: #19892b;
  }
}
@keyframes analyze {
  0% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: #19892b;
  }
  25% {
    height: 20px;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    background: #19892b;
  }
  50% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: #19892b;
  }
  100% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: #19892b;
  }
}
@-webkit-keyframes shimmer {
  0% {
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    left: -150%;
    top: 0;
  }
  100% {
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    left: 150%;
    top: 0;
  }
}
@keyframes shimmer {
  0% {
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    left: -150%;
    top: 0;
  }
  100% {
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    left: 150%;
    top: 0;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes glow {
  0% {
    border-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    border-color: #ffffff;
  }
}
@keyframes glow {
  0% {
    border-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    border-color: #ffffff;
  }
}
@-webkit-keyframes drips {
  0% {
    top: 10px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  10% {
    top: 15px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  85% {
    top: 25px;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  99% {
    top: 100%;
  }
  100% {
    top: 101%;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
}
@keyframes drips {
  0% {
    top: 10px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  10% {
    top: 15px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  85% {
    top: 25px;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  99% {
    top: 100%;
  }
  100% {
    top: 101%;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
}
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  100% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
}
@keyframes swing {
  0% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  100% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
}
@-webkit-keyframes drip {
  0% {
    top: 10px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  25% {
    top: 15px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  50% {
    top: 20px;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  100% {
    top: 25px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes drip {
  0% {
    top: 10px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  25% {
    top: 15px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  50% {
    top: 20px;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  100% {
    top: 25px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes flicker {
  0%,
  100% {
    opacity: 1;
  }
  1.99% {
    opacity: 1;
  }
  2% {
    opacity: 0;
  }
  3% {
    opacity: 0;
  }
  3.01% {
    opacity: 1;
  }
  7.99% {
    opacity: 1;
  }
  8% {
    opacity: 0;
  }
  9% {
    opacity: 0;
  }
  9.01% {
    opacity: 1;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.1em;
  }
}
@keyframes ellipsis {
  to {
    width: 1.1em;
  }
}
@-webkit-keyframes pulsate {
  5% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes pulsate {
  5% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-webkit-keyframes printer-connect {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes printer-connect {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-webkit-keyframes connecting {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes connecting {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes connecting-rev {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    width: 10px;
  }
  25% {
    width: 40%;
  }
  50% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    width: 10px;
  }
  75% {
    width: 40%;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    width: 10px;
  }
}
@keyframes connecting-rev {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    width: 10px;
  }
  25% {
    width: 40%;
  }
  50% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    width: 10px;
  }
  75% {
    width: 40%;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    width: 10px;
  }
}
@keyframes shake {
  2%,
  4%,
  6%,
  8%,
  10% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  3%,
  5%,
  7%,
  9% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@-webkit-keyframes wifi {
  50% {
    fill: transparent;
    stroke: transparent;
  }
}
@keyframes wifi {
  50% {
    fill: transparent;
    stroke: transparent;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    fill: #fff;
  }
  70% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    fill: #fff;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    fill: #fff;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    fill: #fff;
  }
  70% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    fill: #fff;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    fill: #fff;
  }
}
@-webkit-keyframes poi-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #f37925;
            box-shadow: 0 0 0 0 #f37925;
  }
  100% {
    -webkit-box-shadow: 0 0 0 12px rgba(242, 246, 247, 0);
            box-shadow: 0 0 0 12px rgba(242, 246, 247, 0);
  }
}
@keyframes poi-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #f37925;
            box-shadow: 0 0 0 0 #f37925;
  }
  100% {
    -webkit-box-shadow: 0 0 0 12px rgba(242, 246, 247, 0);
            box-shadow: 0 0 0 12px rgba(242, 246, 247, 0);
  }
}
@-webkit-keyframes backlog-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #19892b;
            box-shadow: 0 0 0 0 #19892b;
  }
  100% {
    -webkit-box-shadow: 0 0 0 12px rgba(25, 137, 43, 0);
            box-shadow: 0 0 0 12px rgba(25, 137, 43, 0);
  }
}
@keyframes backlog-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #19892b;
            box-shadow: 0 0 0 0 #19892b;
  }
  100% {
    -webkit-box-shadow: 0 0 0 12px rgba(25, 137, 43, 0);
            box-shadow: 0 0 0 12px rgba(25, 137, 43, 0);
  }
}
@-webkit-keyframes highlight {
  0% {
    background-color: #4dffa6;
  }
  20% {
    background: #fff;
  }
  40% {
    background-color: #4dffa6;
  }
  60% {
    background: #fff;
  }
  80% {
    background-color: #4dffa6;
  }
  100% {
    background: #fff;
  }
}
@keyframes highlight {
  0% {
    background-color: #4dffa6;
  }
  20% {
    background: #fff;
  }
  40% {
    background-color: #4dffa6;
  }
  60% {
    background: #fff;
  }
  80% {
    background-color: #4dffa6;
  }
  100% {
    background: #fff;
  }
}
@-webkit-keyframes blowhole {
  10% {
    stroke-dashoffset: 0;
  }
  14% {
    stroke-dashoffset: 7;
  }
}
@keyframes blowhole {
  10% {
    stroke-dashoffset: 0;
  }
  14% {
    stroke-dashoffset: 7;
  }
}
@-webkit-keyframes gush {
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  10.2% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes gush {
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  10.2% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes wind {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  50% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes wind {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  50% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes clouds {
  0% {
    -webkit-transform: translate(200px, 0);
    transform: translate(200px, 0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  90% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translate(-200px, 0);
    transform: translate(-200px, 0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes clouds {
  0% {
    -webkit-transform: translate(200px, 0);
    transform: translate(200px, 0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  90% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translate(-200px, 0);
    transform: translate(-200px, 0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes cloud {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  50% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
}
@keyframes cloud {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  50% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
}
@-webkit-keyframes float {
  from {
    -webkit-transform: translate(395px, 36px);
            transform: translate(395px, 36px);
  }
  65% {
    -webkit-transform: translate(395px, 46px);
            transform: translate(395px, 46px);
  }
  to {
    -webkit-transform: translate(395px, 36px);
            transform: translate(395px, 36px);
  }
}
@keyframes float {
  from {
    -webkit-transform: translate(395px, 36px);
            transform: translate(395px, 36px);
  }
  65% {
    -webkit-transform: translate(395px, 46px);
            transform: translate(395px, 46px);
  }
  to {
    -webkit-transform: translate(395px, 36px);
            transform: translate(395px, 36px);
  }
}
@-webkit-keyframes bob {
  from {
    -webkit-transform: translate(50%, -10px);
            transform: translate(50%, -10px);
  }
  65% {
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0);
  }
  to {
    -webkit-transform: translate(50%, -10px);
            transform: translate(50%, -10px);
  }
}
@keyframes bob {
  from {
    -webkit-transform: translate(50%, -10px);
            transform: translate(50%, -10px);
  }
  65% {
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0);
  }
  to {
    -webkit-transform: translate(50%, -10px);
            transform: translate(50%, -10px);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@-webkit-keyframes mouse {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -2000;
  }
}
@keyframes mouse {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -2000;
  }
}
@-webkit-keyframes dash {
  100% {
    stroke-dashoffset: 450;
  }
}
@keyframes dash {
  100% {
    stroke-dashoffset: 450;
  }
}
@-webkit-keyframes dash-rev {
  100% {
    stroke-dashoffset: 350;
  }
}
@keyframes dash-rev {
  100% {
    stroke-dashoffset: 350;
  }
}
@-webkit-keyframes drawPath {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 3000;
  }
}
@keyframes drawPath {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 3000;
  }
}
@-webkit-keyframes fill {
  0% {
    height: 100%;
  }
  100% {
    height: 24.4%;
  }
}
@keyframes fill {
  0% {
    height: 100%;
  }
  100% {
    height: 24.4%;
  }
}
@-webkit-keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes waves {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.22);
    transform: translate(-50%, -50%) scale(0.22);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(2.2);
    transform: translate(-50%, -50%) scale(2.2);
    opacity: 0;
  }
}
@keyframes waves {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.22);
    transform: translate(-50%, -50%) scale(0.22);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(2.2);
    transform: translate(-50%, -50%) scale(2.2);
    opacity: 0;
  }
}
@-webkit-keyframes ripples {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes ripples {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes steam-one {
  0% {
    -webkit-transform: translateY(0) translateX(0) scale(0.8);
            transform: translateY(0) translateX(0) scale(0.8);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-40px) translateX(-5px) scale(1);
            transform: translateY(-40px) translateX(-5px) scale(1);
    opacity: 0;
  }
}
@keyframes steam-one {
  0% {
    -webkit-transform: translateY(0) translateX(0) scale(0.8);
            transform: translateY(0) translateX(0) scale(0.8);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-40px) translateX(-5px) scale(1);
            transform: translateY(-40px) translateX(-5px) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes steam-two {
  0% {
    -webkit-transform: translateY(0) translateX(0) scale(1.2);
            transform: translateY(0) translateX(0) scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-40px) translateX(15px) scale(1);
            transform: translateY(-40px) translateX(15px) scale(1);
    opacity: 0;
  }
}
@keyframes steam-two {
  0% {
    -webkit-transform: translateY(0) translateX(0) scale(1.2);
            transform: translateY(0) translateX(0) scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-40px) translateX(15px) scale(1);
            transform: translateY(-40px) translateX(15px) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes steam-three {
  0% {
    -webkit-transform: translateY(0) translateX(0) scale(0.4);
            transform: translateY(0) translateX(0) scale(0.4);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-30px) translateX(10px) scale(1);
            transform: translateY(-30px) translateX(10px) scale(1);
    opacity: 0;
  }
}
@keyframes steam-three {
  0% {
    -webkit-transform: translateY(0) translateX(0) scale(0.4);
            transform: translateY(0) translateX(0) scale(0.4);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-30px) translateX(10px) scale(1);
            transform: translateY(-30px) translateX(10px) scale(1);
    opacity: 0;
  }
}
@keyframes woop {
  0% {
    height: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  25% {
    height: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  36% {
    height: 3em;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  47% {
    height: 3em;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  55% {
    height: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
  }
}
@-webkit-keyframes woop {
  0% {
    height: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  25% {
    height: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  36% {
    height: 3em;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  47% {
    height: 3em;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  55% {
    height: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
  }
}
.loadingbar {
  width: 1em;
  height: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
  -webkit-animation: woop 1.4s infinite;
  animation: woop 1.4s infinite;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.mid {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  height: 2em;
}
.on {
  margin-top: 1em;
  margin-bottom: 1em;
  height: 3em;
}
.a {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  background: #e8f2f9;
}
.b {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  background: #cfe5f2;
}
.c {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  background: #b3d6eb;
}
.d {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  background: #93c4e3;
}
.e {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  background: #6db0da;
}
.f {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  background: #3e97ce;
}
.g {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  background: #3788ba;
}
.h {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  background: #3177a2;
}
.i {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: #286286;
}
.j {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  background: #1c465f;
}
.calendar-wrap {
  background: #fff;
  border: 1px solid #d7dee3;
  border-bottom: 0;
}
.calendar-wrap header {
  padding: 0.5rem;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 0.5rem;
  border-bottom: 1px solid #d7dee3;
}
.calendar-wrap header a {
  color: #687077;
}
.calendar {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(7, minmax(120px, 1fr));
  grid-template-rows: 40px;
  grid-auto-rows: 120px;
  overflow: auto;
}
.day {
  border-bottom: 1px solid #d7dee3;
  border-right: 1px solid #d7dee3;
  text-align: right;
  padding: 14px 20px;
  color: #6f777f;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  pointer-events: none;
}
.day:nth-of-type(7n + 7) {
  border-right: 0;
  grid-column: 7 / 7;
}
.day:nth-of-type(n + 1):nth-of-type(-n + 7) {
  grid-row: 2;
}
.day:nth-of-type(n + 8):nth-of-type(-n + 14) {
  grid-row: 3;
}
.day:nth-of-type(n + 15):nth-of-type(-n + 21) {
  grid-row: 4;
}
.day:nth-of-type(n + 22):nth-of-type(-n + 28) {
  grid-row: 5;
}
.day:nth-of-type(n + 29):nth-of-type(-n + 35) {
  grid-row: 6;
}
.day:nth-of-type(7n + 1) {
  grid-column: 1 / 1;
}
.day:nth-of-type(7n + 2) {
  grid-column: 2 / 2;
}
.day:nth-of-type(7n + 3) {
  grid-column: 3 / 3;
}
.day:nth-of-type(7n + 4) {
  grid-column: 4 / 4;
}
.day:nth-of-type(7n + 5) {
  grid-column: 5 / 5;
}
.day:nth-of-type(7n + 6) {
  grid-column: 6 / 6;
}
.day-name {
  font-family: 'Barlow', sans-serif;
  text-align: center;
  line-height: 2.5rem;
  color: #343a40;
  position: relative;
  background: #f8f9fa;
  border-bottom: 1px solid #d7dee3;
  font-weight: 500;
}
.day--disabled {
  background: #f8f9fa;
  cursor: not-allowed;
}
.task {
  border-radius: 3px;
  padding: 0.25rem 0.5rem;
  margin: 0.5rem;
  position: relative;
  -webkit-box-shadow: inset 0 0 0 1px #dce0e5;
          box-shadow: inset 0 0 0 1px #dce0e5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
  color: #343a40;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  -ms-flex-item-align: end;
      align-self: end;
}
.task:hover {
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1;
          box-shadow: inset 0 0 0 1px #b5bbc1;
}
.task[data-column="1"] {
  grid-column: 1 / span 1;
}
.task[data-column="1"]:nth-of-type(2) {
  top: -34px;
}
.task[data-column="2"] {
  grid-column: 2 / span 1;
}
.task[data-column="2"]:nth-of-type(2) {
  top: -34px;
}
.task[data-column="3"] {
  grid-column: 3 / span 1;
}
.task[data-column="3"]:nth-of-type(2) {
  top: -34px;
}
.task[data-column="4"] {
  grid-column: 4 / span 1;
}
.task[data-column="4"]:nth-of-type(2) {
  top: -34px;
}
.task[data-column="5"] {
  grid-column: 5 / span 1;
}
.task[data-column="5"]:nth-of-type(2) {
  top: -34px;
}
.task[data-row="2"] {
  grid-row: 2;
}
.task[data-row="3"] {
  grid-row: 3;
}
.task[data-row="4"] {
  grid-row: 4;
}
.task[data-row="5"] {
  grid-row: 5;
}
.task[data-row="6"] {
  grid-row: 6;
}
.has-tip:not(a) {
  position: relative;
  text-decoration: none;
}
.has-tip:has(.tag) {
  text-decoration: none;
}
span.has-tip:not(.flag),
small.has-tip:not(.flag) {
  border-bottom: 1px dashed #b5bbc1;
}
.tip {
  font-family: 'Source Sans Pro', sans-serif;
  position: absolute;
  z-index: 99;
  letter-spacing: 0;
  white-space: initial;
  word-break: break-word;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 8px 0 rgba(33, 43, 54, 0.3);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 8px 0 rgba(33, 43, 54, 0.3);
  padding: 0.333rem 0.533rem;
  bottom: 100%;
  left: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 200px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: none;
  text-align: left;
  border-radius: 3px;
  color: #6f777f;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: translate(-50%, 0) scale(0.85);
  transform: translate(-50%, 0) scale(0.85);
  font-weight: normal;
  -webkit-font-smoothing: auto;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.more.is-closed:hover .tip,
.more.is-closed i:hover .tip:not(.stuck) {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  visibility: hidden !important;
}
.tip h5 {
  font-size: 0.875rem;
}
.tip i {
  margin-right: 10px;
}
.tip.fp {
  width: 100%;
}
.tip.dismissable {
  padding: 0.333rem 1.2rem 0.333rem 0.533rem;
}
.tip strong {
  color: #343a40;
}
.tip code {
  color: #343a40;
  font-weight: bold;
}
.tip::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  position: absolute;
  left: calc(50% - 5px);
  bottom: -4px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg) translate(0, 0);
  transform: rotate(45deg) translate(0, 0);
  -webkit-box-shadow: 1px 1px 0 0 rgba(215, 222, 227, 0.8);
          box-shadow: 1px 1px 0 0 rgba(215, 222, 227, 0.8);
}
.icon-info .tip::after {
  display: none;
}
.tip.bl {
  top: 100%;
  right: auto;
  left: 0;
  bottom: auto;
  margin: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.tip.br {
  top: 100%;
  left: auto;
  right: 0;
  bottom: auto;
  margin: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.tip.bl.visible,
.tip.br.visible {
  -webkit-transform: translate(0, 8px);
  transform: translate(0, 8px);
}
.tip.bl::after,
.tip.br::after,
.tip.b::after {
  top: -32px;
  bottom: auto;
}
.tip.bl::before {
  top: -4px;
  right: auto;
  left: 10px;
  bottom: auto;
  -webkit-transform: rotate(225deg) translate(0, 0);
  transform: rotate(225deg) translate(0, 0);
}
.tip.br::before {
  top: -4px;
  left: auto;
  right: 10px;
  bottom: auto;
  -webkit-transform: rotate(225deg) translate(0, 0);
  transform: rotate(225deg) translate(0, 0);
}
.tip.b {
  top: 100%;
  bottom: auto;
}
.tip.b::before {
  top: -4px;
  bottom: auto;
  -webkit-transform: rotate(225deg) translate(0, 0);
  transform: rotate(225deg) translate(0, 0);
}
.poi .tip.b.visible {
  -webkit-transform: translate(-50%, 8px);
          transform: translate(-50%, 8px);
}
.tip.tl {
  margin: 0;
  left: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.tip.tl::before {
  left: 10px;
}
.tip.tr {
  margin: 0;
  left: auto;
  right: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.tip.tr::before {
  left: auto;
  right: 10px;
}
.tip.cl,
.more:not(.has-menu) .tip.cl {
  width: 110px;
  margin: 0;
  left: auto;
  right: calc(100% + 5px);
  bottom: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.tip.cr,
.more:not(.has-menu) .tip.cr {
  width: 110px;
  margin: 0;
  left: calc(100% + 12px);
  right: auto;
  bottom: auto;
  top: -6px;
}
.tip.cl::before,
.more:not(.has-menu) .tip.cl::before {
  left: auto;
  right: -4px;
  top: 10px;
  -webkit-box-shadow: inset -1px 1px 0 0 rgba(215, 222, 227, 0.8);
          box-shadow: inset -1px 1px 0 0 rgba(215, 222, 227, 0.8);
}
.tip.cr::before,
.more:not(.has-menu) .tip.cr::before {
  right: auto;
  left: -4px;
  top: 10px;
  -webkit-box-shadow: inset -1px 1px 0 0 rgba(215, 222, 227, 0.8);
          box-shadow: inset -1px 1px 0 0 rgba(215, 222, 227, 0.8);
  -webkit-transform: rotate(225deg) translate(0, 0);
  transform: rotate(225deg) translate(0, 0);
}
.more:not(.secondary):hover .tip,
i:hover .tip.cr,
i:hover .tip.cl,
i:hover .tip.tr,
i:hover .tip.tl,
.has-tip:hover .tip.cr,
.has-tip:hover .tip.cl,
.has-tip:hover .tip.tl,
.has-tip:hover .tip.tr,
i.avatar:hover .tip,
.username:hover .tip,
.trend:hover .tip,
.more.is-open .tip {
  -webkit-transform: translate(0, -8px) !important;
  transform: translate(0, -8px) !important;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
i:hover .tip:not(.stuck),
.icon-info:hover .tip,
time:hover .tip,
.held:hover .tip,
.poi:hover .tip:not(.stuck),
.flag:hover .tip,
.fill:hover .tip,
.page-printlog figure:hover .tip,
.has-tip:hover .tip:not(.visible) {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(-50%, -8px) scale(1);
  transform: translate(-50%, -8px) scale(1);
  visibility: visible;
}
.icon-info:hover .tip.bl,
.has-tip:hover .tip.bl,
.icon-info:hover .tip.br,
.has-tip:hover .tip.br,
.more:not(.secondary):hover .tip.br {
  -webkit-transform: translate(0, 8px);
  transform: translate(0, 8px);
}
.icon-info:hover .tip.b,
.has-tip:hover .tip.b {
  -webkit-transform: translate(-50%, 8px);
  transform: translate(-50%, 8px);
}
.has-menu > .tip {
  -webkit-transform: translate(0, 7px);
  transform: translate(0, 7px);
  top: 100%;
  font-size: 1rem;
  bottom: auto;
  margin: 0;
  left: 0;
  padding: 0 0.75rem;
}
.has-menu.x-sml > .tip {
  font-size: 0.875rem;
}
.has-menu > .tip.br {
  left: auto;
  right: 0;
}
.has-menu > .tip.tr {
  left: auto;
  right: 0;
  bottom: 100%;
  top: auto;
  -webkit-transform: translate(0, -7px);
  transform: translate(0, -7px);
}
.has-menu.active > .tip {
  -webkit-transform: translate(0, -3px);
  transform: translate(0, -3px);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.has-menu.active > .tip.tr {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
}
.has-menu > .tip::before,
.has-menu > .tip::after {
  display: none !important;
}
.tip.stuck {
  min-width: 180px;
}
.tip ul.disc > li::before {
  left: -16px;
  top: 6px;
}
.more {
  width: 32px;
  height: 32px;
  position: relative;
  display: block;
}
.more.btn {
  width: 52px;
  height: 48px;
}
.more.secondary:not(.btn-sq) {
  width: auto;
  height: auto;
}
.more:not(.secondary):hover {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  border-radius: 3px;
}
.more.is-open,
.more.is-open:hover {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 1px 2px 0 rgba(33, 43, 54, 0.3);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 1px 2px 0 rgba(33, 43, 54, 0.3);
  border-radius: 3px;
  background: #fff;
}
.page-printers aside > header .more.is-open,
.page-printers aside > header .more.is-open:hover {
  background: #131E2B;
}
.more.demo-only,
.more.demo-only:hover {
  -webkit-box-shadow: 0 0 0 1px rgba(142, 149, 158, 0.5);
          box-shadow: 0 0 0 1px rgba(142, 149, 158, 0.5);
  border-radius: 3px;
}
.more.demo-only > i {
  opacity: 1;
  filter: alpha(opacity=100);
  pointer-events: none;
}
.more.demo-only .tip li::before {
  content: '';
  background: url('../img/sprite.png') -1600px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 15px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 3px;
  right: 0;
}
.more:hover i:not(.poi) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.more:not(.secondary).btn:hover > i:not(.poi),
.more:not(.secondary).btn:hover > i:not(.poi)::after,
.more:not(.secondary).btn:hover > i:not(.poi)::before {
  background: #fff;
}
.more > i:not(.poi),
.more > i:not(.poi)::after,
.more > i:not(.poi)::before {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #6f777f;
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.more > i:not(.poi)::before {
  top: -4px;
}
.more > i:not(.poi)::after {
  top: 8px;
}
.page-printers aside > header .more > i:not(.poi),
.page-printers aside > header .more > i:not(.poi)::after,
.page-printers aside > header .more > i:not(.poi)::before {
  background: #fff;
}
.more:not(.has-menu) .tip {
  width: auto;
  white-space: nowrap;
  margin: 0;
  left: auto;
  line-height: 1.2;
  right: -12px;
  padding: 0.15rem 0.533rem;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.more .tip::before {
  left: auto;
  right: 10px;
}
.more .tip a,
.has-menu .tip a {
  color: #6f777f !important;
  text-decoration: none !important;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.more .tip a[data-type^=diagnostics] .icon,
.has-menu .tip a[data-type^=diagnostics] .icon {
  color: #096;
}
.more .tip a:hover,
.has-menu .tip a:hover {
  color: #19892b !important;
}
.more:not(.has-menu) .tip li {
  margin: 0.25rem 0;
}
.has-menu .tip li {
  -webkit-box-shadow: inset 0 -1px 0 0 #dce0e5;
          box-shadow: inset 0 -1px 0 0 #dce0e5;
  padding: 0.5rem 0;
}
.has-menu .tip li:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.more .tip li.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.more .tip a.promote::before,
.icon.promote {
  content: '';
  background: url('../img/sprite.png') -1000px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 0 10px 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.more .tip a.demote::before {
  content: '';
  background: url('../img/sprite.png') -1200px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin-right: 10px;
}
.more .tip a.trash::before,
.trash::before,
[data-action="cost-delete"]::before,
[data-action="cost-papersize"]::before,
[data-action="remove-driverprinter"]::before {
  content: '';
  background: url('../img/sprite.png') -800px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin-right: 10px;
}
.more .tip a[data-action=newdriverprinter]::before,
.more .tip a[data-action=newdriver]::before,
.more .tip a[data-action=newprinter]::before {
  content: '';
  background: url('../img/sprite.png') -1400px -380px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin-right: 10px;
}
.more .tip a.test::before {
  content: '';
  background: url('../img/sprite.png') -1200px -100px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin-right: 10px;
}
.more .tip a.undo::before {
  content: '';
  background: url('../img/sprite.png') -1300px -380px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin-right: 10px;
}
.more .tip a.app::before,
.icon.app {
  content: '';
  background: url('../img/sprite.png') -1300px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 0 10px 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.more .tip a.details::before {
  content: '';
  background: url('../img/sprite.png') -1300px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 11px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 2px 10px 0 0;
}
.more .tip [data-action='report-editschedule']::before {
  content: '';
  background: url('../img/sprite.png') -1500px -100px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 2px 10px 0 0;
}
.more .tip a.review::before {
  content: '';
  background: url('../img/sprite.png') -1300px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 11px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 2px 10px 0 0;
}
.more .tip a.lost::before {
  content: '';
  background: url('../img/sprite.png') -1000px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 17px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 0 9px 0 0;
}
.more .tip a.rename::before,
.more .tip [data-action="report-editschedule"].details::before {
  content: '';
  background: url('../img/sprite.png') -1100px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 13px;
  padding-top: 13px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 1px 13px 0 0;
}
.more .tip [data-action="report-tip"]::before {
  content: '';
  background: url('../img/sprite.png') -1500px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 0 10px 0 0;
}
.more .tip a.edit-action::before,
.more .tip [data-action="report-newschedule"]::before {
  content: '';
  background: url('../img/sprite.png') -1100px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 13px;
  padding-top: 13px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 1px 13px 0 0;
}
.more .tip a.reinvite::before,
.more .tip a.delivery::before,
.more .tip [data-action="report-runschedule"]::before,
.more .tip [data-action="report-share"]::before {
  content: '';
  background: url('../img/sprite.png') -1200px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 1px 10px 0 0;
}
.more .tip [data-action="report-copyschedule"]::before,
.more .tip [data-action="duplicate"]::before {
  content: '';
  background: url('../img/sprite.png') -1600px -100px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 1px 10px 0 0;
}
.more .tip a.app-unlink::before {
  content: '';
  background: url('../img/sprite.png') -1200px -380px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 15px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 0 10px 0 0;
}
.more .tip a.ignore::before {
  content: '';
  background: url('../img/sprite.png') -1300px -100px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 11px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 2px 10px 0 0;
}
.more .tip [data-action="view-account"]::before {
  content: '';
  background: url('../img/sprite.png') -1600px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 1px 10px 0 0;
}
.more .tip [data-action="report-pauseschedule"]::before {
  content: '';
  background: url('../img/sprite.png') -1700px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 1px 10px 0 0;
}
.more .tip [data-action="report-resumeschedule"]::before {
  content: '';
  background: url('../img/sprite.png') -1800px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 1px 10px 0 0;
}
.tip .lines-button.close {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  min-width: 0 !important;
  opacity: 0.5;
}
.tip .lines {
  left: 5px;
  top: 0;
}
.tip .close .lines,
.tip .close .lines::before,
.tip .close .lines::after {
  width: 10px !important;
  background: #6f777f;
}
time .tip {
  margin: 0 0 0 -20px;
  text-align: left;
}
time .tip::before {
  left: 15px;
}
.os.icon .tip {
  width: auto;
}
.os.icon .tip span {
  white-space: nowrap;
}
.avatar .tip:not(.tr) {
  width: auto;
  max-width: none;
  margin: 0;
  word-break: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  left: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.avatar .tip:not(.tr)::before {
  left: 10px;
}
.tip span:not(.flex) {
  display: block;
}
.tip.center {
  width: auto;
  max-width: none !important;
  -webkit-transform: translate(-50%, 0) !important;
  transform: translate(-50%, 0) !important;
  margin: 0;
}
.tip.nowrap {
  width: auto;
}
.tip.center span,
.tip.nowrap span {
  width: auto;
  white-space: nowrap;
}
i:hover .tip.center,
.flag:hover .tip.center,
.fill:hover .tip,
.page-printlog figure:hover .tip.center,
.has-tip:hover .tip.center {
  -webkit-transform: translate(-50%, -8px) !important;
  transform: translate(-50%, -8px) !important;
}
i:hover .tip.center.b,
.flag:hover .tip.center.b,
.fill:hover .tip,
.page-printlog figure:hover .tip.center.b,
.has-tip:hover .tip.center.b {
  -webkit-transform: translate(-50%, 8px) !important;
  transform: translate(-50%, 8px) !important;
}
.tip .btn-group .btn {
  margin: 0 2px;
}
.stat p {
  margin: 0;
}
.stat .med {
  display: block;
}
.stat.rgt {
  text-align: right;
}
.primary:not(.btn) {
  color: #19892b !important;
}
.action {
  color: #6f777f;
  text-decoration: underline;
  background: none;
  font-weight: normal;
  cursor: pointer;
}
.action.clean {
  text-decoration: none;
}
.action.sml {
  padding: 0;
  font-size: 0.875rem;
}
.action.blk {
  margin: 0.8rem 0;
}
.action:hover {
  color: #19892b;
  text-decoration: none;
}
a.disabled:not(.btn) {
  pointer-events: none;
  cursor: default;
  color: rgba(138, 148, 158, 0.5) !important;
}
.export.btn {
  position: relative !important;
  padding: 0.875rem;
}
.export::before {
  content: '';
  background: url('../img/sprite.png') -1800px -600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 18px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: -1px 10px -1px 0;
  vertical-align: top;
}
.cta {
  display: block;
  font-size: 1.125rem;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  padding: 0.875rem;
  margin: 0.375rem 0;
}
.btn {
  font-family: 'Barlow', sans-serif;
  position: relative;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  padding: 0.875rem 1rem;
  line-height: 1.25rem;
  background: #19892b;
  color: #fff;
  white-space: nowrap;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  font-size: 1rem;
}
.btn.has-select,
.btn.has-menu:not(.outline):not(.btn-sq) {
  padding-right: 2rem;
}
.btn .clear {
  content: '';
  background: url('../img/sprite.png') -800px 1px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-left: 0.5rem;
}
.btn [data-action="clear"] {
  -ms-flex-item-align: center;
      align-self: center;
  color: #687077;
  margin: 0 -0.2rem 0 0.25rem;
  padding: 0.25rem;
}
.btn [data-action="clear"] .icon {
  width: 12px;
  height: 12px;
  margin: 0;
}
.btn.x-sml [data-action="clear"] .icon {
  width: 8px;
  height: 8px;
}
.btn.has-select::after,
.btn.secondary.has-menu:not(.btn-sq)::after {
  content: '';
  background: url('../img/sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, calc(-50% + 1px));
  transform: translate(0, calc(-50% + 1px));
}
.btn.has-menu:not(.secondary):not(.outline):not(.btn-sq)::after {
  content: '';
  background: url('../img/sprite.png') -400px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, calc(-50% + 1px));
  transform: translate(0, calc(-50% + 1px));
}
.btn .icon {
  display: block;
}
.btn.secondary,
.secondary {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1;
          box-shadow: inset 0 0 0 1px #b5bbc1;
  color: #687077;
}
.btn.outline:not(.icon) {
  -webkit-box-shadow: inset 0 0 0 1px #5b636a;
          box-shadow: inset 0 0 0 1px #5b636a;
  color: #5b636a;
}
.btn.outline.inv:not(.icon) {
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  color: #fff;
  background: none;
}
.btn.outline.inv:not(.icon):hover {
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  color: #fff;
  background: none;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.btn.danger {
  background: #bf2348;
}
.btn.danger.outline {
  -webkit-box-shadow: inset 0 0 0 1px #ab1d46;
          box-shadow: inset 0 0 0 1px #ab1d46;
  color: #ab1d46;
}
.btn.danger.outline:not(.icon):hover {
  background: #ab1d46;
  -webkit-box-shadow: inset 0 0 0 1px #ab1d46;
          box-shadow: inset 0 0 0 1px #ab1d46;
  color: #fff;
}
.btn.warning {
  background: #bb4f00;
}
.btn.disabled:not(.has-tip) {
  pointer-events: none;
  -webkit-box-shadow: inset 0 0 0 1px #e9ecef;
          box-shadow: inset 0 0 0 1px #e9ecef;
  background-color: #e9ecef;
  color: #b5bbc1;
}
.btn.disabled:not(.has-tip)::before,
.btn.disabled:not(.has-tip) .loader {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.btn.disabled.has-tip .icon,
.btn.disabled.has-tip .text {
  opacity: 0.48;
  filter: alpha(opacity=48);
}
.btn.disabled.has-tip.secondary:hover {
  color: #687077 !important;
}
.btn.no-border.secondary,
.btn.no-border.outline,
.btn.no-border.outline.alt {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
.btn:hover {
  color: #fff;
  background: #0d7621;
}
.btn.secondary:hover {
  color: #0d7621;
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
  -webkit-box-shadow: inset 0 0 0 1px #6f777f;
          box-shadow: inset 0 0 0 1px #6f777f;
}
.btn.outline:not(.icon):hover {
  -webkit-box-shadow: inset 0 0 0 1px #343a40;
          box-shadow: inset 0 0 0 1px #343a40;
  color: #fff;
  background: #343a40;
}
.btn.outline:not(.icon):hover .icon,
.btn.outline:not(.icon):hover .icon svg {
  color: #fff;
}
.btn.outline.alt.no-border:hover .icon,
.btn.outline.alt.no-border:hover .icon svg {
  color: #19892b;
}
.btn.danger:hover {
  background: #ab1d46;
}
.btn.warning:hover {
  background: #ee6800;
}
.btn.ai {
  background: #553884;
}
.btn:active {
  background: #006316;
}
.btn.secondary:active {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #19892b;
          box-shadow: inset 0 0 0 1px #19892b;
}
.btn:focus {
  -webkit-box-shadow: inset 0 0 0 2px #2566f2, inset 0 0 0 3px #fff !important;
          box-shadow: inset 0 0 0 2px #2566f2, inset 0 0 0 3px #fff !important;
  outline: none;
}
.btn.options {
  padding: 0.813rem 2rem 0.813rem 1rem;
}
.btn.options.sml {
  padding: 0.532rem 2rem 0.532rem 0.8rem;
}
.btn.options::after {
  content: '';
  background: url('../img/sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, calc(-50% + 1px));
  transform: translate(0, calc(-50% + 1px));
}
.btn.no-border.secondary:hover,
.btn.no-border.outline:hover,
.btn.no-border.outline.alt:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
.btn.no-border.secondary:hover,
.btn.no-border.outline:hover,
.btn.no-border.outline:not(.icon):hover .icon,
.btn.no-border.outline:not(.icon):hover .icon svg {
  color: #343a40;
}
.lang {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.lang ul {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  left: calc(100% + 2px);
  font-size: 0.875rem;
  line-height: 1.2;
  top: 0;
  width: 180px;
  background: #fff;
  padding: 0 0.8rem;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf, 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.05) !important;
          box-shadow: inset 0 0 0 1px #c6dabf, 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.05) !important;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, 8px);
          transform: translate(0, 8px);
}
.open-lang ul {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  filter: alpha(opacity=100);
}
.lang li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 0.532rem 0;
  -webkit-box-shadow: 0 1px 0 0 #c6dabf;
          box-shadow: 0 1px 0 0 #c6dabf;
}
.lang li:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lang li .option {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  margin-right: auto;
}
.lang li .actions {
  margin: 0 -8px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.lang li .actions .action {
  margin: 0 8px;
  text-decoration: none;
}
[data-action="preview"] {
  content: '';
  background: url('../img/sprite.png') -1300px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 11px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
[data-action="download"] {
  content: '';
  background: url('../img/sprite.png') -1400px -100px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.lang li img {
  height: 16px;
  margin: 0 8px 0 0;
}
.open-lang li {
  max-height: 40px;
}
.progress-btn {
  position: relative;
  overflow: hidden;
}
.progress-btn::before {
  content: '';
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 0;
}
.progress-btn::after {
  content: '';
  background: url('../img/sprite.png') -789px -787px no-repeat;
  height: 0;
  overflow: hidden;
  width: 32px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  opacity: 0;
  filter: alpha(opacity=0);
}
.progress-btn .text {
  z-index: 1;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.progress-btn.progressbar::before {
  -webkit-animation: progressbar 3s ease-out;
  animation: progressbar 3s ease-out;
}
.progress-btn.completed::after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.progress-btn.completed .text {
  opacity: 0;
  filter: alpha(opacity=0);
}
.btn-sq {
  width: 48px;
  height: 48px;
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  border-radius: 50%;
}
.btn-sq.more {
  border-radius: 3px;
}
.btn[data-type=diagnostics],
.btn[data-type=diagnostics]:hover {
  background: #131E2B !important;
  color: #096;
  position: relative;
  border-radius: 3px;
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn[data-type=diagnostics]:not(.btn-sq)::after {
  content: '';
  background: url('../img/sprite.png') -400px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 5px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translate(0, calc(-50% + 2px));
  transform: translate(0, calc(-50% + 2px));
}
.btn[data-type=diagnostics]:not(.btn-sq) {
  padding-right: 2rem;
}
.btn[data-type=diagnostics].pin {
  position: absolute;
  z-index: 10;
  right: 20px;
  bottom: -22px;
  -webkit-box-shadow: 0 5px 9px -5px rgba(0, 0, 0, 0.3), 0 -3px 9px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 9px -5px rgba(0, 0, 0, 0.3), 0 -3px 9px -2px rgba(0, 0, 0, 0.2);
}
.btn[data-type=diagnostics]::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(18, 16, 16, 0)), color-stop(50%, rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.06)), color-stop(rgba(0, 255, 0, 0.02)), to(rgba(0, 0, 255, 0.06)));
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
.btn[data-type=diagnostics]:hover {
  color: #fff;
}
.btn-sq .num {
  background: #ee6800;
  border-radius: 10px;
  font-weight: 600;
  font-family: 'Barlow', sans-serif;
  margin-left: auto;
  font-size: 0.75rem;
  color: #fff;
  padding: 0 5px;
  height: 16px;
  line-height: 1.2;
  -webkit-box-shadow: 0 0 0 3px #EFF3F7;
          box-shadow: 0 0 0 3px #EFF3F7;
  position: absolute;
  top: 0;
  right: 0;
}
.btn .num {
  background: #ee6800;
  border-radius: 1rem;
  line-height: 1.1;
  margin-left: auto;
  font-size: 0.75rem;
  color: #fff;
  padding: 0.25rem 0.5rem;
  letter-spacing: 0.05em;
  display: inline-block;
}
.wobble {
  -webkit-animation: wobble 1.5s both 3;
          animation: wobble 1.5s both 3;
}
.shimmer {
  overflow: hidden;
  position: relative;
}
.ready .shimmer::after {
  content: '';
  width: 200%;
  height: 100%;
  top: 0;
  left: -150%;
  position: absolute;
  display: block;
  -webkit-animation: shimmer 2s linear 5 normal;
          animation: shimmer 2s linear 5 normal;
}
.ready .shimmer-forever::after {
  content: '';
  width: 200%;
  height: 100%;
  top: 0;
  left: -150%;
  position: absolute;
  display: block;
  -webkit-animation: shimmer 2s linear infinite normal;
          animation: shimmer 2s linear infinite normal;
}
.progress-field {
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.progress-field::before {
  content: '';
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #19892b;
  -webkit-transition: all 3s ease-in-out, X;
  transition: all 3s ease-in-out, X;
}
.progress-field::after {
  content: 'Email sent!';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 48px;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.progress-field.sent::after {
  top: 0;
}
.progress-field.sending::before {
  width: 100%;
}
.progress-field.sending input[type=text] {
  color: #fff;
}
.inl .btn {
  margin: 5px;
}
#trending > ul > li.disabled .row {
  border-color: #EFF3F7;
}
.x-sml {
  font-size: 0.875rem;
  padding: 0.454rem 0.532rem;
}
.sml {
  padding: 0.625rem 0.8rem;
}
.big {
  padding: 1rem 1.2rem;
  font-size: 1.125rem;
}
.add,
.remove {
  content: '';
  height: 0;
  overflow: hidden;
  width: 36px;
  padding-top: 36px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background: url(../img/sprite.png) -188px -188px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background: url(../img/sprite.png) -188px -188px no-repeat, linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  border-radius: 50%;
}
.remove {
  background: url(../img/sprite.png) -238px -188px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background: url(../img/sprite.png) -238px -188px no-repeat, linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
}
.add:hover,
.remove:hover {
  background-image: url(../img/sprite.png) -188px -188px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background-image: url(../img/sprite.png) -188px -188px no-repeat, linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  -webkit-box-shadow: inset 0 0 0 1px #C4CDD5;
          box-shadow: inset 0 0 0 1px #C4CDD5;
}
.outline:not(.icon) {
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  color: inherit;
  background: none;
}
.outline.alt:not(.icon) {
  -webkit-box-shadow: inset 0 0 0 1px #19892b;
          box-shadow: inset 0 0 0 1px #19892b;
  color: #19892b;
}
.outline.alt:not(.icon):hover {
  -webkit-box-shadow: inset 0 0 0 1px #19892b;
          box-shadow: inset 0 0 0 1px #19892b;
  background: #19892b;
  color: #fff;
}
.outline.alt.no-border:hover {
  -webkit-box-shadow: inset 0 0 0 1px #19892b;
          box-shadow: inset 0 0 0 1px #19892b;
  background: none;
  color: #19892b;
}
.pullout.outline {
  background: #fff;
}
.back {
  content: '';
  background: url('../img/sprite.png') -600px -388px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 40px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-right: 10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
h5 .back {
  content: '';
  background: url('../img/sprite.png') -600px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.btn .back {
  content: '';
  background: url('../img/sprite.png') -600px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0;
}
.delete {
  content: '';
  background: url('../img/sprite.png') -800px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 14px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.refresh {
  content: '';
  background: url('../img/sprite.png') -400px -500px no-repeat;
  height: 0;
  overflow: hidden;
  width: 14px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-left: 6px;
}
.edit,
[data-action^="edit"]:not(.textonly) {
  content: '';
  background: url('../img/sprite.png') -1100px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 13px;
  padding-top: 13px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 0 0 4px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.edit:hover,
[data-action^="edit"]:not(.textonly):hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.edit.alt,
[data-action^="edit"]:not(.textonly) {
  content: '';
  background: url('../img/sprite.png') -1100px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 13px;
  padding-top: 13px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -ms-flex-item-align: center;
      align-self: center;
}
.edit.alt.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.top-right {
  position: absolute;
  top: 20px;
  right: 20px;
}
.btn-group {
  margin: 0 -5px;
  white-space: nowrap;
}
.btn-group .divider-ver-alt {
  margin-right: 5px;
  padding-right: 5px;
}
.btn-group.nogap {
  margin: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.btn-group.equal {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-width: 300px;
}
.btn-group.equal a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.btn-group .btn {
  margin: 0 5px;
}
.btn-group.nogap a {
  margin: 0 0 0 -1px;
  border-radius: 0;
}
.btn-group.nogap a:first-child {
  border-radius: 3px 0 0 3px;
}
.btn-group.nogap a:last-child {
  border-radius: 0 3px 3px 0;
}
.view {
  padding: 3px;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
  border-radius: 3px;
  margin: 0 -0.2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.view a:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.view a {
  -webkit-box-shadow: 1px 0 0 0 #d7dee3;
          box-shadow: 1px 0 0 0 #d7dee3;
  position: relative;
  color: #6f777f;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 3px;
}
.view a .icon {
  margin: 0 auto !important;
  display: block;
}
.view a.active {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #13293D, 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #13293D, 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  color: #13293D;
}
.expand {
  top: 10px;
  right: 0;
  position: absolute;
  z-index: 20;
  content: '';
  background: url('../img/sprite.png') -1000px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 32px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.expand.alt {
  content: '';
  background: url('../img/sprite.png') -1000px -500px no-repeat;
  height: 0;
  overflow: hidden;
  width: 32px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
#hero .expand {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
.minimised .expand {
  content: '';
  background: url('../img/sprite.png') -1100px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 32px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.expand:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-segment {
  font-size: 0.875rem;
  line-height: 1.2;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.5rem 0 0 0;
  font-family: 'Barlow', sans-serif;
}
.btn-segment .label {
  margin: 0 10px 0 0;
}
.btn-segment a {
  text-decoration: none;
  display: block;
  padding: 0.532rem 0.8rem;
  color: #6f777f;
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset -1px 1px 0 #d7dee3, inset 0 -1px 0 #d7dee3;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset -1px 1px 0 #d7dee3, inset 0 -1px 0 #d7dee3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
}
.btn-segment a:nth-child(2) {
  -webkit-box-shadow: inset 1px 1px 0 0 #d7dee3, inset -1px -1px 0 0 #d7dee3;
          box-shadow: inset 1px 1px 0 0 #d7dee3, inset -1px -1px 0 0 #d7dee3;
  border-radius: 3px 0 0 3px;
}
.btn-segment a:last-child {
  border-radius: 0 3px 3px 0;
}
.btn-segment a:hover {
  color: #19892b;
}
.btn-segment a.active {
  background: #13293C;
  color: #fff;
}
.btn-segment.cutout a.active {
  background: white;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px dashed #13293C;
  color: #13293C;
  font-weight: 600;
}
.btn-segment.cutout a.active + a.active {
  border-left: 0;
}
.collapsable-content,
.collapsable-content.alert.sticky {
  max-height: 2000px;
  -webkit-transition: all 0.4s, X;
  transition: all 0.4s, X;
}
.collapsable-content .alert {
  margin-bottom: 0.5rem;
}
.collapsable-content ol,
.collapsable-content ul.disc {
  margin: 0 0 0.8rem 20px;
}
.collapsable-content p,
.collapsable-content .field {
  margin: 0 0 0.8rem;
}
.collapsable-content > * {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s 0.3s, X;
  transition: all 0.2s 0.3s, X;
}
.collapsable-content.hidden > * {
  -webkit-transition: all 0.15s 0s, X;
  transition: all 0.15s 0s, X;
  opacity: 0;
  filter: alpha(opacity=0);
}
.btn.link-external::after {
  content: '';
  background: url('../img/sprite.png') -600px -480px no-repeat;
  height: 0;
  overflow: hidden;
  width: 14px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-left: 10px;
}
figure.ig {
  width: 100px;
  position: relative;
  margin: 0 auto 6px auto;
}
figure.ig svg {
  width: 100%;
  max-height: 100px;
  display: block;
}
.ig figcaption {
  position: absolute;
  width: 100%;
  height: calc(100% - 6px);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  color: #6f777f;
}
figure.ig.single-chart {
  width: 80px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
figure.rainbow {
  margin-bottom: -45px;
  width: 160px;
}
figure.rainbow svg {
  width: 100%;
  max-height: none;
}
figure.bottomless::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100px;
  z-index: 2;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#ffffff));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
}
.circle-bg {
  fill: none;
  stroke: #E5E9ED;
  stroke-width: 4;
}
.card .circle-bg {
  stroke: #1E4060;
}
.easeometer .value {
  -webkit-transform: scale(0.36) translate(26px, 26px);
  transform: scale(0.36) translate(26px, 26px);
  fill: #000000;
}
#cogs {
  fill: rgba(0, 0, 0, 0.2);
}
.circle {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
}
.ready .circle {
  -webkit-animation: progress 1s ease-out forwards;
          animation: progress 1s ease-out forwards;
}
.ready .easeometer.hard .circle {
  /* stroke: url(#grad); */
  stroke: #006633;
}
.ready .easeometer.medium .circle {
  stroke: #19892b;
}
.ready .easeometer.easy .circle {
  stroke: #006633;
}
.ready .circular-chart .circle {
  stroke: #19892b;
}
.easeometer figcaption {
  content: '';
  background: url('../img/sprite.png') 26px -1174px no-repeat;
  height: 0;
  overflow: hidden;
  width: 100px;
  padding-top: 100px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
}
.page > header .easeometer figcaption,
.page-heading .easeometer figcaption {
  content: '';
  background: url('../img/sprite.png') -174px -1174px no-repeat;
  height: 0;
  overflow: hidden;
  width: 100px;
  padding-top: 100px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.stars polygon {
  fill: #FEFEFE;
  opacity: 0.2;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.arrows g {
  fill: #E5E9ED;
}
.ready .sustainability.one .stars polygon:nth-child(1) {
  opacity: 1;
}
.ready .sustainability.two .stars polygon:nth-child(1),
.ready .sustainability.two .stars polygon:nth-child(2) {
  opacity: 1;
}
.ready .sustainability.three .stars polygon:nth-child(1),
.ready .sustainability.three .stars polygon:nth-child(2),
.ready .sustainability.three .stars polygon:nth-child(3) {
  opacity: 1;
}
.ready .sustainability.four .stars polygon:nth-child(1),
.ready .sustainability.four .stars polygon:nth-child(2),
.ready .sustainability.four .stars polygon:nth-child(3),
.ready .sustainability.four .stars polygon:nth-child(4) {
  opacity: 1;
}
.ready .sustainability.five .stars polygon:nth-child(1),
.ready .sustainability.five .stars polygon:nth-child(2),
.ready .sustainability.five .stars polygon:nth-child(3),
.ready .sustainability.five .stars polygon:nth-child(4),
.ready .sustainability.five .stars polygon:nth-child(5) {
  opacity: 1;
}
.ready .sustainability .stars polygon:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ready .sustainability .stars polygon:nth-child(3) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.ready .sustainability .stars polygon:nth-child(4) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.ready .sustainability .stars polygon:nth-child(5) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.st1 {
  -webkit-animation: fill 2s ease-in-out forwards;
          animation: fill 2s ease-in-out forwards;
}
.card.security figcaption,
.page-printsecurity header figcaption,
.preview figcaption {
  color: #fff;
}
.ecorating figcaption {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 2rem;
}
.card {
  background: #FFF;
  padding: 20px;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: block;
}
.card.condensed {
  padding: 1rem;
}
.card.condensed header {
  padding: 0.75rem 1rem;
  margin: -1rem -1rem 0 -1rem;
  width: calc(100% + 2rem);
  border-radius: 3px 3px 0 0;
  background-color: #f8f9fa !important;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
}
.card.flush {
  padding: 0;
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: auto;
}
.card.flush > .flex > .col {
  padding: 20px;
}
.card.flush [class*=" bg"] {
  -webkit-box-shadow: -1px 0 0 0 #d7dee3;
          box-shadow: -1px 0 0 0 #d7dee3;
}
.card.flush .tabs:not(.segments) {
  padding: 0 20px;
}
.card.flush .col .tabs:not(.segments) {
  margin: 0 -20px;
  padding: 0 20px;
  width: auto;
}
.card.flush .tab {
  margin: 0 -20px -20px -20px;
  padding: 20px;
  width: auto;
  min-height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
a.card {
  color: inherit;
  text-decoration: none;
}
a.card:hover {
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1;
          box-shadow: inset 0 0 0 1px #b5bbc1;
}
.card header .more {
  top: 1rem;
}
.card.single {
  height: auto;
}
.card.alt {
  background: none;
  border: 0;
  padding: 20px 0;
}
.card.duplex {
  padding: 0;
}
.card.duplex > .flex {
  height: 100%;
  margin: 0;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  position: relative;
}
.card.duplex > .flex::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  -webkit-box-shadow: inset -1px 0 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset -1px 0 0 0 rgba(215, 222, 227, 0.5);
}
.card.duplex .col {
  padding: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card header {
  margin-bottom: 1rem;
  width: 100%;
}
.card header[data-img] {
  margin: -19px -19px 0 -19px;
  width: auto;
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
  border-radius: 3px 3px 0 0;
}
.card[data-content="lang-pref"] header {
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  margin: 0 -20px 20px;
  padding: 0 20px 20px 20px;
  width: calc(100% + 40px);
}
.card header a {
  font-size: 0.875rem;
}
.card footer {
  margin: 20px -20px -20px -20px;
  -webkit-box-shadow: inset 0 1px 0 0 #d7dee3;
          box-shadow: inset 0 1px 0 0 #d7dee3;
  border-radius: 0 0 3px 3px;
  padding: 0.5rem 20px;
  font-size: 0.875rem;
}
.card footer.sticky {
  top: auto;
  bottom: 0;
  background: #fff;
  padding: 20px;
  font-size: 1rem;
  z-index: 2;
  margin: 20px -19px -19px;
}
.card footer .icon {
  margin-right: 0.5rem;
}
.card footer a:not(.btn) {
  text-decoration: underline;
}
.card h3:not(.btm) {
  margin: 0;
}
.card .condensed ul {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.card .col.time {
  padding: 0;
}
.elevated {
  -webkit-box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
/* Skip to content */
.skip-link {
  background: #fff;
  line-height: 1.2;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  padding: 0.813rem 1rem;
  left: 50%;
  z-index: 99;
  position: absolute;
  -webkit-transform: translate(-50%, -500%);
          transform: translate(-50%, -500%);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.skip-link:focus {
  -webkit-transform: translate(-50%, 20px);
          transform: translate(-50%, 20px);
}
/* PaperCut AI */
a[data-action=papercut-ai]:not(.btn) {
  background: #131E2B;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.2;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  position: fixed;
  padding: 0.813rem 1rem;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  bottom: 20px;
  right: 20px;
  z-index: 8;
  text-decoration: none;
}
/* Toast Notifications */
.toast {
  background: #131E2B;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.2;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  position: fixed;
  max-width: calc(100% - 40px);
  left: 50%;
  z-index: 99;
  padding: 0.813rem 1rem;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  bottom: 20px;
  -webkit-transform: translate(calc(-50% + 100px), calc(100% + 20px));
  transform: translate(calc(-50% + 100px), calc(100% + 20px));
}
.demo-mode .toast {
  background: #67449F;
  color: #fff;
}
.toast:not(.board) h5 {
  color: #fff;
}
.toast:not(.board) p {
  margin: 0;
}
.toast strong {
  color: #fff;
  font-weight: normal;
}
.toast.visible {
  -webkit-transform: translate(calc(-50% + 100px), 0);
  transform: translate(calc(-50% + 100px), 0);
}
.toast[data-type=echo] {
  -webkit-transform: translate(calc(-50%), calc(100% + 20px));
  transform: translate(calc(-50%), calc(100% + 20px));
}
.toast.visible[data-type=echo] {
  -webkit-transform: translate(calc(-50%), -56px);
  transform: translate(calc(-50%), -56px);
}
.toast.dismissable {
  padding-right: 40px;
}
.toast.dismissable .close {
  top: 13px;
  right: 10px;
  z-index: 3;
}
.toast.board {
  background: #fff;
  width: 300px;
  color: #5b636a;
  padding-right: 1rem;
  overflow: hidden;
  line-height: 1.5;
}
.toast.board header {
  background: #DDEDED;
  margin: -0.813rem -1rem 0.813rem -1rem;
}
.toast.board header img {
  margin: 0;
}
.punchcard {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.punchcard .recharts-surface {
  overflow: visible !important;
  width: 100% !important;
  height: auto !important;
}
.yaxis {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.75rem;
  color: #b5bbc1;
  font-family: Barlow;
  text-align: right;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 1.5% 0 6.2%;
  line-height: 1;
}
.recharts-wrapper {
  width: 100% !important;
  height: auto !important;
}
.trends-chart {
  position: relative;
  width: 100%;
}
.recharts-legend-wrapper {
  top: 0 !important;
  left: 0 !important;
}
.recharts-default-tooltip,
.recharts-custom-tooltip {
  opacity: 1 !important;
  border-radius: 3px !important;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 8px 0 rgba(33, 43, 54, 0.3) !important;
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 8px 0 rgba(33, 43, 54, 0.3) !important;
  border: 0 !important;
  padding: 0.333rem 0.533rem !important;
  font-size: 0.875rem !important;
  line-height: 1.2 !important;
  color: #6f777f !important;
  background: #fff !important;
}
.recharts-tooltip-item {
  padding: 0 !important;
}
.recharts-cartesian-axis-line {
  stroke: none !important;
}
.recharts-cartesian-axis {
  font-size: 0.875rem !important;
  stroke-width: 0 !important;
}
.recharts-cartesian-axis-tick-line {
  stroke: #d7dee3 !important;
}
.recharts-text {
  fill: #6f777f !important;
}
.recharts-custom-tooltip h6 {
  font-size: 0.875rem !important;
  line-height: 1.2 !important;
  color: #6f777f !important;
  text-transform: none !important;
  font-weight: normal !important;
  margin: 0 !important;
  font-family: 'Source Sans Pro', sans-serif !important;
}
.google-visualization-tooltip {
  background: #fff !important;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025) !important;
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025) !important;
  padding: 0.333rem 0.533rem !important;
  top: 20px;
  left: 90px;
  font-size: 0.75rem !important;
  line-height: 1.25rem !important;
  border: 0 !important;
  border-radius: 3px;
  width: auto !important;
  height: auto !important;
}
.google-visualization-tooltip ul {
  margin: 0 !important;
}
.google-visualization-tooltip ul li {
  margin: 0 !important;
  padding: 0 !important;
}
.google-visualization-tooltip span {
  color: #343a40 !important;
}
.summary.bad {
  background: #EA4335;
}
#pages-trend-chart {
  width: calc(100% - 1px);
  height: 100%;
  position: relative;
  margin-left: 1px;
  z-index: 1;
  background: none;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.card #pages-trend-chart {
  position: absolute;
}
.chart svg {
  overflow: visible !important;
  width: 100% !important;
  height: auto !important;
}
.chart svg g g g g rect {
  stroke-width: 0 !important;
}
.chart {
  position: relative;
  background: none;
  z-index: 1;
  width: 100%;
}
.chart text {
  font-family: 'Barlow', sans-serif !important;
}
.chart header {
  padding: 1rem 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.card .chart {
  min-height: 140px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.relative:not(.card):has(.legend.br) {
  padding-right: 100px;
}
.ready.chart #pages-trend-chart {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
#punchcard {
  font-family: 'Barlow', sans-serif;
  font-size: 0.875rem;
}
.domain {
  display: none !important;
}
aside {
  background: #fff;
  position: fixed;
  z-index: 8;
  top: 0;
  padding: 0 20px;
  right: -100%;
  height: calc(100%);
  min-width: 240px;
  width: 960px;
  max-width: 100%;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.MuiDrawer-paper {
  width: 960px !important;
  max-width: 100% !important;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: hidden;
}
[data-testid='drawer-panel'] {
  width: 100% !important;
  max-width: 100% !important;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
.demo-mode aside {
  top: 48px;
  height: calc(100% - 48px);
}
.demo-mode .MuiDrawer-paper {
  top: 48px;
  height: calc(100% - 48px) !important;
}
.demo-mode [data-testid='drawer-panel'] aside {
  top: 0;
}
aside.fw {
  width: 100%;
  max-width: none;
}
aside.wide {
  width: 1200px !important;
  max-width: 100%;
}
.aside-lge {
  width: 960px;
  max-width: 100%;
}
.aside-med {
  width: 640px;
  max-width: 100%;
}
.aside-sml {
  width: 480px;
  max-width: 100%;
}
aside.wide article.col {
  width: 70%;
  max-width: calc(100% - 420px);
}
aside.wide .preview {
  width: 30%;
  min-width: 420px;
}
.panel {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
aside > .empty {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
aside > header,
aside .panel > header,
.tab-header {
  padding: 0.5rem 20px;
  margin: 0 -20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  position: relative;
  z-index: 100;
}
aside > header.no-heading,
aside .panel > header.no-heading,
.tab-header.no-heading {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  padding: 0;
}
aside header.has-bg {
  padding: 0 2.5rem 0.5rem 20px;
  height: 240px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
aside header.has-bg h3 {
  color: #006316 !important;
}
aside header.has-bg figure {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #E7F6E9;
  overflow: hidden;
  z-index: -2;
  margin: 0;
}
aside [data-type=transaction-debit] header.has-bg figure {
  background-color: #fbe9ee;
}
aside [data-type=transaction-debit] header.has-bg h3 {
  color: #ab1d46 !important;
}
aside header.has-bg figure img {
  bottom: 0;
  left: 0;
  margin: 0;
  max-width: none;
  min-width: 300px;
  width: 100%;
}
aside header .flag,
aside .tab-header .flag {
  margin: 0 0.3rem 0 0;
}
.tab-header {
  z-index: 98;
}
.aside-preview header::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: -1;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
}
aside .panel header h3,
aside .tab-header h3 {
  color: #343a40;
  font-weight: 600;
  word-break: break-all;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  opacity: 1;
  filter: alpha(opacity=100);
  margin: 0.5rem 0 0.3rem;
  min-height: 22px;
}
aside header .btn-group {
  margin-bottom: 0.5rem;
}
aside .tab-header h3 {
  margin: 0;
}
aside .panel header .rgt .btn,
aside .panel header .rgt button,
.tab-header .rgt .btn,
.tab-header .rgt button,
aside .sticky-footer footer .rgt .btn,
aside .sticky-footer footer .rgt button {
  margin-left: 1rem;
}
aside .panel > header .rgt,
.tab-header .rgt {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0.5rem 0 0.5rem auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
aside .panel > header .rgt[data-type=nobuttons],
.tab-header .rgt[data-type=nobuttons],
.panel.has-editor.editmode .tab-header .rgt[data-type='nobuttons'] {
  position: static;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  width: auto;
  background: none;
}
aside .sticky-footer footer .rgt {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
aside article.col {
  width: calc(100% - 320px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px 20px 0 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: #fff;
}
aside .tab-step:not(#tab-editor) > .row {
  margin: 0 -20px;
}
aside .invert article,
[data-type="aside"] .invert article {
  width: calc(100% - 360px);
}
aside .invert .preview,
[data-type="aside"] .invert .preview {
  width: 360px;
}
aside.disabled header .printer {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
aside.disabled .col:not(.search) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.open-aside aside {
  right: 0 !important;
  -webkit-box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.15);
}
.scroll {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  overflow: auto;
  margin: 0 -20px;
  padding: 0 20px;
  -webkit-overflow-scrolling: touch;
}
aside:not[data-type=inset] .scroll {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-x: hidden;
}
.scroll > div.flex:not(.flex-nowrap):not(footer) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  height: 100%;
  min-height: 100%;
  margin: 0 -20px;
}
.mobile-pr:hover li .row::before {
  content: none;
}
.aside-watermarking:hover .row::before {
  content: '' !important;
}
aside dl,
[data-type="aside"] dl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
aside dt,
[data-type="aside"] dt {
  width: 160px;
  padding: 0.8rem 20px 0.8rem 0;
  -webkit-box-shadow: inset 0 -1px 0 0 #dce0e5;
          box-shadow: inset 0 -1px 0 0 #dce0e5;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  text-align: left;
}
aside dd,
[data-type="aside"] dd {
  width: calc(100% - 160px);
  padding: 0.8rem 0;
  -webkit-box-shadow: inset 0 -1px 0 0 #dce0e5;
          box-shadow: inset 0 -1px 0 0 #dce0e5;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  word-break: break-word;
  text-align: left;
}
aside dd .collapsable-content {
  margin: 0.4rem 0 -0.4rem -160px !important;
  width: calc(100% + 160px);
}
aside dd .collapsable-content dt {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0.4rem 20px 0.4rem 0;
}
aside dd .collapsable-content dd {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0.4rem 0;
}
aside dd .icon {
  margin-right: 6px !important;
}
aside dd.field {
  margin: 0;
}
aside dl dd:last-child,
aside dl dt:nth-last-child(2),
[data-type="aside"] dl dd:last-child,
[data-type="aside"] dl dt:nth-last-child(2) {
  -webkit-box-shadow: none;
          box-shadow: none;
}
aside footer {
  background: #E1E7EE;
  color: #b5bbc1;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 0 -20px;
  padding: 0.8rem 20px;
}
aside .sticky-footer footer {
  right: -100%;
  bottom: 0;
  background: #fff;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
  position: fixed;
  min-width: 240px;
  width: 960px;
  max-width: 100%;
  -webkit-transition: right 0.3s ease-in-out, X;
  transition: right 0.3s ease-in-out, X;
  z-index: 9;
  font-size: initial;
}
aside.aside-lge .sticky-footer footer {
  width: 100%;
  max-width: 960px;
}
aside.wide .sticky-footer footer {
  width: 100%;
  max-width: 1200px;
}
.open-aside aside .sticky-footer footer {
  right: 0;
  margin: 0;
}
.open-aside aside .tab-step.sticky-footer footer {
  right: -100%;
}
.open-aside aside .editmode .tab-step.sticky-footer footer {
  right: 0;
}
.duvet {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
aside .sticky-footer article.col,
aside .sticky-footer .preview {
  padding-bottom: 92px;
}
aside footer dt,
aside footer dd {
  width: 100%;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  line-height: 1;
}
aside footer dt {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.625rem;
  color: #6f777f;
}
aside .sep > span {
  background: #fff;
}
aside ol,
[class^=aside] ol {
  position: relative;
}
aside ol:not(.list-steps):not(.alpha) > li:not(:last-child)::after,
[class^=aside] ol:not(.list-steps):not(.alpha) > li:not(:last-child)::after,
ol.stepper > li:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 12px;
  top: 24px;
  bottom: -1.5rem;
  border-left: 1px solid rgba(215, 222, 227, 0.5);
}
aside ol:not(.list-steps):not(.alpha):not(.decimal) > li,
[class^=aside] ol:not(.list-steps):not(.alpha) > li {
  margin-bottom: 1.5rem !important;
}
aside ol > li:last-child,
[class^=aside] ol > li:last-child {
  margin: 0;
}
aside ol:not(.list-steps):not(.alpha) > li:not(.complete)::before,
[class^=aside] ol:not(.list-steps):not(.alpha) > li:not(.complete)::before,
aside .list.condensed ol.list-steps > li:not(.complete)::before,
ol.stepper > li:not(.complete)::before {
  content: counter(counter);
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
  border-radius: 50%;
  height: 24px;
  line-height: 24px;
  width: 24px;
  font-size: 0.875rem;
  text-align: center;
}
main ol.stepper > li::before {
  background: #EFF3F7;
}
ol.stepper > li.complete::before {
  content: '';
  background: url('../img/sprite.png') -793px -791px no-repeat;
  height: 0;
  overflow: hidden;
  width: 24px;
  padding-top: 24px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #19892b;
  -webkit-box-shadow: 0 0 0 1px #19892b;
          box-shadow: 0 0 0 1px #19892b;
  border-radius: 50%;
}
.aside-notifications .col.msg,
.aside-printersfound .col.msg {
  width: calc(100% - 40px - 100px);
}
.aside-discovery .col.msg {
  width: calc(100% - 120px);
  padding: 0;
}
.aside-discovery .done .row {
  background: #E6F0ED;
}
.aside-discovery .done .col.actions {
  display: none !important;
}
.aside-discovery .done .award::after {
  content: '';
  background: url('../img/sprite.png') -795px -787px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 30px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #FFB100;
  position: absolute;
  top: 0;
  right: 25px;
  z-index: 3;
  -webkit-box-shadow: inset 0 -1px 1px 0 rgba(0, 0, 0, 0.15), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.25), 0 2px 2px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 1px 0 rgba(0, 0, 0, 0.15), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.25), 0 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.aside-discovery .col.msg p {
  color: #343a40;
  font-weight: normal;
  margin-bottom: 0;
  font-family: 'Source Sans Pro', sans-serif;
}
.aside-printersfound .col.specs {
  width: 100%;
  padding: 0.3rem 0 0 40px;
  color: #343a40;
}
.aside-printersfound .col.specs dt,
.aside-printersfound .col.specs dd {
  padding: 0.2rem 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.aside-notifications .col.actions,
.aside-printersfound .col.actions {
  width: 100%;
  padding: 1rem 0 0 40px;
}
.aside-discovery .col.actions {
  width: 100%;
  padding: 1rem 0 0 0;
}
.aside-notifications time,
.aside-discovery time,
.aside-printersfound time {
  margin-left: 20px;
  width: 80px;
  text-align: right;
}
.aside-discovery .col.cat {
  margin-left: 20px;
  padding: 0;
  width: 96px;
  text-align: right;
}
.achievement {
  -webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
}
.award {
  -webkit-mask-image: url(../img/hex.svg);
          mask-image: url(../img/hex.svg);
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  padding: 10px 12px 26px;
  width: 96px;
  height: 84px;
  text-align: center;
  border-radius: 0;
  background: #159966;
  position: relative;
  fill: #fff;
  -webkit-box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, 0.15), inset 0 2px 2px 0 rgba(255, 255, 255, 0.25);
          box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, 0.15), inset 0 2px 2px 0 rgba(255, 255, 255, 0.25);
}
.achievement .icon {
  color: #fff !important;
  fill: #fff !important;
  margin: 0 !important;
}
.achievement.intermediate .award {
  background: #238478;
}
.achievement.advanced .award {
  background: #5C6AC4;
}
.achievement .flag {
  position: absolute !important;
  bottom: 4px;
  width: calc(100% + 8px);
  left: -4px;
  text-align: center;
  background: none;
  border-radius: 3px;
  font-weight: 600;
  padding: 4px;
  margin: 0;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.6);
}
.aside-notifications .condensed.alt.list li > .row,
.aside-discovery .condensed.alt.list li > .row,
.aside-printersfound .condensed.alt.list li > .row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
.aside-printersfound .condensed.alt.list li:last-child > .row {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.aside-notifications .col.actions .btn,
.aside-discovery .col.actions .btn,
.aside-printersfound .col.actions .btn {
  margin-right: 10px;
}
.aside-notifications h5,
.aside-printersfound h5 {
  -webkit-transition: all 0.3s 0.6s;
  transition: all 0.3s 0.6s;
  max-height: 40px;
}
.aside-notifications ul,
.aside-notifications li,
.aside-discovery ul,
.aside-discovery li,
.aside-printersfound li .row,
.aside-printersfound li {
  -webkit-transition: all 0.3s, max-height 0.3s 1s;
  transition: all 0.3s, max-height 0.3s 1s;
  max-height: 1000px;
}
.aside-notifications #tab-activity .icon,
.aside-discovery #tab-activity .icon,
.aside-printersfound #tab-activity .icon {
  color: #687077;
}
.aside-notifications ul.cleared,
.aside-notifications li.cleared {
  -webkit-transform: translateX(480px);
          transform: translateX(480px);
  max-height: 0;
  overflow: hidden;
}
.aside-printersfound ul.cleared,
.aside-printersfound li.cleared .row {
  -webkit-transform: translateX(480px);
          transform: translateX(480px);
  overflow: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.aside-printersfound li.cleared {
  max-height: 0;
}
.aside-notifications h5.cleared,
.aside-printersfound h5.cleared {
  max-height: 0;
  padding: 0 20px !important;
  overflow: hidden;
}
.aside-notifications .row,
.aside-discovery .row,
.aside-printersfound .row {
  background: #fff;
  z-index: 1;
  padding: 1.125rem 1rem !important;
  margin: 0 -2.25rem !important;
}
.aside-costtracking header {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.aside-printersfound .row .alert {
  margin: 0 0 20px 0 !important;
}
.aside-printersfound #tab-activity li.added .icon {
  color: #006316;
}
.aside-printersfound .prompt {
  position: absolute;
  background: #EFF3F7;
  top: 0;
  left: -40px;
  right: -40px;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 0;
  overflow: hidden;
  text-align: center;
}
.aside-printersfound .prompt .icon {
  color: #b5bbc1 !important;
}
.aside-printersfound .prompt > div {
  display: none;
  padding: 0 !important;
  -webkit-transition: all 0.2s 0.3s;
  transition: all 0.2s 0.3s;
}
.aside-printersfound .prompt.successful .successful {
  display: block;
}
.aside-printersfound .prompt.deferred .deferred {
  display: block;
}
.aside-printersfound .prompt.successful {
  background: #19892b;
  color: #fff;
  padding: 0 !important;
}
.aside-printersfound .prompt.successful .icon {
  color: #fff !important;
}
.aside-printersfound .refresh {
  position: absolute;
  right: 50px;
  top: 20px;
}
.aside-printersfound .refresh.spin {
  -webkit-animation: spin 2s linear 1;
          animation: spin 2s linear 1;
}
aside.aside-preview {
  width: 640px;
  right: -640px;
}
.aside-preview > header {
  padding: 0 2.5rem 0.5rem 20px;
  height: 240px;
  background: #13293D;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.aside-preview header .lines,
.aside-preview header .lines::before,
.aside-preview header .lines::after {
  background: #fff;
}
.aside-preview:not(.wide) header h3 {
  color: #fff;
  position: relative;
  width: 100%;
}
.aside-preview i:hover {
  z-index: 6;
}
.aside-preview .tabs {
  position: relative;
  margin: 0.5rem -2.5rem -0.5rem -20px;
  padding: 0 20px 0 20px;
  width: calc(100% + 20px + 2.5rem);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.aside-preview header figure {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  z-index: -2;
  margin: 0;
}
.aside-preview header figure img {
  bottom: 0;
  left: 0;
  margin: 0;
  max-width: none;
  min-width: 300px;
  width: 100%;
}
.shield-bg {
  fill: #6f777f;
}
/* .aside-preview header figure.landscape img {
  width: auto;
  height: 100%;
  max-width: none;
} */
.aside-preview header figure::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 100%);
}
.aside-preview header figure.no-thumbnail::after {
  content: 'Preview unavailable';
  white-space: pre;
  padding: 10px 20px;
  line-height: 1.3;
  width: 100%;
  color: #6f777f;
  z-index: 0;
  position: absolute;
  top: -20px;
  left: 0;
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
}
.aside-preview header figure.no-thumbnail.no-scan::after {
  content: 'Preview unavailable \A for scan jobs';
}
.aside-preview header figure.no-thumbnail.no-print::after {
  content: 'Preview unavailable \A for print jobs';
}
.aside-preview header figure.no-thumbnail.no-fax::after {
  content: 'Preview unavailable \A for fax jobs';
}
.aside-preview header figure.no-thumbnail.no-copy::after {
  content: 'Preview unavailable \A for copy jobs';
}
.aside-preview .scroll {
  height: calc(100% - 240px);
  padding: 0 20px;
}
.aside-preview .scroll figure {
  padding: 10px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.presets {
  position: relative;
  z-index: 10;
  padding: 20px 20px 0 20px;
  background-color: #f2f7f5;
  margin: 0 -20px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(33, 43, 54, 0.05);
          box-shadow: 0 2px 4px 0 rgba(33, 43, 54, 0.05);
}
.presets h4 {
  margin-bottom: calc(1.5rem + 30px);
}
.presets h6 {
  background-color: #fff;
  background-color: #cce0d6;
  color: #006316;
  height: 30px;
  margin: -30px 0 0 0;
  line-height: 30px;
  border-radius: 4px 4px 0 0;
  position: relative;
  z-index: -1;
  content: 'Recommended';
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
}
.presets ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 11;
  background: #fff;
  border-top: 1px solid rgba(215, 222, 227, 0.5);
  margin: 0 -20px;
}
.presets li {
  position: relative;
  width: calc(33.33%);
  text-align: center;
  border-right: 1px solid rgba(215, 222, 227, 0.5);
}
.presets li:last-child {
  border: 0;
}
.presets li a {
  display: block;
  padding: 30px 15px;
  height: 100%;
  background: #fff;
}
.presets li strong {
  display: block;
  margin-bottom: 0.2rem;
  font-family: 'Barlow', sans-serif;
}
.presets li small {
  color: #6f777f;
  display: block;
}
.presets li .icon {
  height: 48px;
  width: 48px;
  margin: 0 auto 0.8rem;
  position: relative;
}
.presets li a svg {
  fill: #BABFC4;
}
.presets li.active.low a svg {
  fill: #EC225E;
}
.presets li.active.mod a svg {
  fill: #F59C45;
}
.presets li.active.high a svg {
  fill: #348496;
}
.presets li.active {
  z-index: 9;
}
.presets li.active a {
  -webkit-box-shadow: 0 0 0 1px #b5bbc1, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px #b5bbc1, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  background: #fff;
}
.presets li.active a::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 32px 0;
  border-color: transparent #00A68B transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.presets li.active a::after {
  content: '';
  background: url('../img/sprite.png') -800px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 5px;
  right: 3px;
  width: 10px !important;
}
.response {
  max-height: 0;
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
  z-index: 10;
  text-align: center;
  position: relative;
  background: #F9FAFB;
  margin: 0 -20px 0 -20px;
  padding: 0 20px;
  overflow: hidden;
}
.presets.stuck {
  padding-bottom: 121px;
}
.presets.stuck .response.visible {
  position: fixed;
  top: 132px;
  width: 720px;
  max-width: calc(100% - 200px);
  -webkit-transition: 0s, X;
  transition: 0s, X;
  -webkit-box-shadow: 0 2px 4px 0 rgba(33, 43, 54, 0.05);
          box-shadow: 0 2px 4px 0 rgba(33, 43, 54, 0.05);
}
.response .row {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
.response.visible {
  max-height: 200px;
  padding: 20px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  border-top: 1px solid rgba(215, 222, 227, 0.5);
  position: sticky;
  top: 0;
}
.response.visible .row {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.response p {
  margin-bottom: 0.5rem;
}
.response .btn {
  margin: 0 6px;
}
.response .blk {
  margin-top: 3px;
}
.panel .scroll::before {
  -webkit-transition: opacity 0.3s 0.3s, X;
  transition: opacity 0.3s 0.3s, X;
  content: '';
  padding: 2rem 20px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  overflow: auto;
}
.block .scroll::before,
.block.scroll::before {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.block .unblock {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.stuck.unblock span {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.unblock {
  position: absolute;
  z-index: 10;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.125rem;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity 0.1s, X;
  transition: opacity 0.1s, X;
  margin-top: 2rem;
}
.unblock span {
  display: block;
  color: #fff;
  -webkit-transition: all 0.1s, X;
  transition: all 0.1s, X;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-font-smoothing: antialiased;
}
.unblock a {
  font-size: 1rem;
  -webkit-font-smoothing: auto;
  margin-top: 6px;
}
.unblock.stuck {
  top: 77px;
  right: 0;
  position: fixed;
  max-width: 720px;
  width: calc(100% - 200px);
}
.drawer {
  width: 100%;
  padding: 20px;
  position: absolute;
  -webkit-transition: top 0.3s, X;
  transition: top 0.3s, X;
  z-index: 10;
  text-align: center;
  background: #fff;
  overflow: hidden;
  left: 0;
  top: -200px;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.05);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.05);
}
.drawer .row {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
.open-drawer .drawer {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  top: 0;
  z-index: 102;
}
.open-drawer .drawer .row {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.drawer .btn {
  margin: 0 6px;
}
.open-drawer.block .scroll {
  position: static;
}
.open-drawer.block .scroll::before {
  z-index: 101;
}
.open-drawer .unblock {
  display: none !important;
}
aside .empty-wrap {
  background: #EFF3F7;
  height: calc(100% - 76px);
  margin: 0 -20px;
}
.aside-toneralerts #ink.notifications ul {
  padding: 1rem 0 0 20px;
}
.aside-toneralerts .rangeslider-wrap.tonerlevel .rangeslider {
  margin: 0;
}
.aside-toneralerts .rangeslider-wrap.tonerlevel .rangeslider__handle {
  top: 17px;
}
[data-type="inset"] .list.condensed[data-list="joblog"] li .col:not(.actions) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-type="inset"] .list.condensed[data-list="joblog"] {
  width: calc(100% - 480px);
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
}
aside[data-type="inset"] {
  background-color: #f8f9fa !important;
  position: relative;
  right: auto;
  height: auto;
  -webkit-box-shadow: #d7dee3 -1px 1px 0 0 inset, #d7dee3 0 -1px 0 0 inset;
          box-shadow: #d7dee3 -1px 1px 0 0 inset, #d7dee3 0 -1px 0 0 inset;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.open-aside aside[data-type="inset"] {
  width: 480px !important;
  padding: 0 20px !important;
}
aside[data-type="inset"] h5 {
  background-color: #f8f9fa !important;
  -webkit-box-shadow: #d7dee3 -1px -1px 0 0 inset !important;
          box-shadow: #d7dee3 -1px -1px 0 0 inset !important;
}
aside[data-type="inset"] footer {
  background-color: #f8f9fa !important;
  position: sticky;
  bottom: 0;
  z-index: 13;
  -webkit-box-shadow: #d7dee3 -1px 1px 0 0 inset, #d7dee3 0 -1px 0 0 inset !important;
          box-shadow: #d7dee3 -1px 1px 0 0 inset, #d7dee3 0 -1px 0 0 inset !important;
}
aside[data-type="inset"] .scroll {
  height: auto;
}
.rangeslider-wrap {
  padding: 0 0 2.6rem 0;
}
.rangeslider,
.rangeslider__fill {
  display: block;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}
.rangeslider {
  background: #E1E7EE;
  position: relative;
  z-index: 1;
  margin-top: 3rem;
}
.size .rangeslider {
  background: #19892b;
}
.size .rangeslider__fill {
  background: #E5E9ED;
}
.range-slider {
  position: relative;
  height: 200px;
}
.rangeslider--horizontal {
  height: 6px;
  width: 100%;
}
.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}
.rangeslider--disabled {
  filter: progid:dximagetransform.microsoft.alpha(Opacity=40);
  opacity: 0.4;
}
.rangeslider__fill {
  background: #19892b;
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}
.rangeslider__handle {
  background: white;
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background-image: linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  z-index: 10;
}
.rangeslider__handle::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  margin: 0 0 0 -2px;
  background: #BABFC4;
}
.rangeslider__handle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  margin: 0 0 0 2px;
  background: #BABFC4;
}
.rangeslider--horizontal .rangeslider__handle {
  top: -12px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}
input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
.rangeslider__labels {
  position: absolute;
  width: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #6f777f;
  font-size: 0.75rem;
  top: calc(100% + 16px);
  font-family: 'Barlow', sans-serif;
}
.rangeslider__labels__label {
  position: relative;
  width: auto;
  text-align: center;
  cursor: pointer;
}
.jobs .rangeslider__labels__label,
.importance .rangeslider__labels__label {
  width: auto;
}
.importance .rangeslider__handle__value {
  display: none !important;
}
.rangeslider__labels__label:first-child {
  text-align: left;
}
.rangeslider__labels__label:first-child::before {
  left: 0;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.rangeslider__labels__label:last-child {
  text-align: right;
}
.rangeslider__labels__label:last-child::before {
  left: auto;
  right: 0;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.rangeslider__labels__label::before {
  content: '';
  background: rgba(215, 222, 227, 0.5);
  width: 1px;
  height: 10px;
  position: absolute;
  top: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rangeslider__handle__value {
  position: absolute;
  z-index: 99;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 2px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 2px 0 rgba(33, 43, 54, 0.15);
  padding: 0.333rem 0.533rem;
  bottom: 100%;
  left: 50%;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  border-radius: 3px;
  color: #6f777f;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: all 0.1s ease-in, X;
  transition: all 0.1s ease-in, X;
}
.rangeslider--active .rangeslider__handle__value {
  -webkit-transform: translate(-50%, -7px);
  transform: translate(-50%, -7px);
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 10px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 10px 0 rgba(33, 43, 54, 0.15);
}
.rangeslider__handle__value::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid rgba(215, 222, 227, 0.6);
  border-top: 0;
  border-left: 0;
  position: absolute;
  left: calc(50% - 5px);
  bottom: -5px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg) translate(0, 0);
  transform: rotate(45deg) translate(0, 0);
}
.rangeslider__handle__value::after {
  content: "%";
}
.jobs .rangeslider__handle__value::after {
  content: "% of jobs";
}
.size .rangeslider__handle__value::after {
  content: "+ pages";
}
.textsize .rangeslider__handle__value::after {
  content: "pt";
}
.codelength .rangeslider__handle__value::after {
  content: " chars";
}
.days .rangeslider__handle__value::after {
  content: " days";
}
.beans .rangeslider__handle__value::after {
  content: " beans";
}
#ink {
  position: relative;
}
.rangeslider-wrap.tonerlevel {
  position: absolute;
  width: calc(100% - 70px);
  height: 135px;
  top: 0;
  left: 20px;
}
.aside-toneralerts .rangeslider-wrap.tonerlevel {
  width: calc(100% - 20px);
}
.rangeslider-wrap.tonerlevel .rangeslider {
  height: 100%;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.rangeslider-wrap.tonerlevel .rangeslider__handle {
  width: 1px;
  height: 77px;
  background: #19892b;
  -webkit-box-shadow: none;
          box-shadow: none;
  top: 9px;
  border-radius: 0;
}
.rangeslider-wrap.tonerlevel .rangeslider__handle::before,
.rangeslider-wrap.tonerlevel .rangeslider__handle::after {
  display: none !important;
}
.rangeslider-wrap.tonerlevel .rangeslider__fill {
  background: url('../img/ink-fill.png') 0 0 no-repeat;
  -webkit-box-shadow: none;
          box-shadow: none;
  top: 16px;
}
.rangeslider-wrap.tonerlevel .rangeslider__fill::before {
  content: '';
  background: url('../img/ink-fill.png') 100% 0 no-repeat;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  position: absolute;
}
.rangeslider-wrap.tonerlevel .rangeslider__fill::after {
  content: '';
  background: url('../img/range.png');
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  position: absolute;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.timeslot {
  background-image: -webkit-gradient(linear, left top, right top, from(#3f51b1), color-stop(20%, #cc6b8e), color-stop(30%, #f18271), color-stop(40%, #f3a469), color-stop(60%, #f3a469), color-stop(70%, #f18271), color-stop(80%, #cc6b8e), to(#3f51b1));
  background-image: linear-gradient(to right, #3f51b1 0%, #cc6b8e 20%, #f18271 30%, #f3a469 40%, #f3a469 60%, #f18271 70%, #cc6b8e 80%, #3f51b1 100%);
  background-color: #f2fbf9;
  background: url('../img/range-alt.png'), #fff;
}
.timeslot .noUi-connects {
  border-radius: 0;
}
.timeslot .noUi-connect {
  background: #cce0d6;
}
.noUi-handle {
  content: '';
  position: absolute;
  top: 100%;
  right: 0 !important;
  -webkit-transform: translate(15px, 30px);
  transform: translate(15px, 30px);
  background: white;
  cursor: pointer;
  width: 30px !important;
  height: 30px !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f6f9));
  background-image: linear-gradient(-180deg, #fff 0%, #f2f6f9 100%);
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  z-index: 10;
}
.noUi-handle:focus {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07), inset 0 0 0 2px #2566f2, inset 0 0 0 3px #fff !important;
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07), inset 0 0 0 2px #2566f2, inset 0 0 0 3px #fff !important;
}
.noUi-handle::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  margin: 0 0 0 -2px;
  background: #BABFC4;
}
.noUi-handle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  margin: 0 0 0 2px;
  background: #BABFC4;
}
.range {
  text-align: right;
  display: inline-block;
  color: #343a40;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  max-width: 100%;
}
.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 32px;
  height: 8px;
}
.sml > .loader {
  width: 18px;
  height: 4px;
}
.loader.static {
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  margin: 0 auto;
}
.loader span {
  background: #6f777f;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 1;
  filter: alpha(opacity=100);
  position: absolute;
  top: 0;
}
.sml .loader span {
  width: 4px;
  height: 4px;
}
.loading .loader span {
  -webkit-animation: ball-beat 1s infinite linear;
          animation: ball-beat 1s infinite linear;
}
.loading {
  position: relative;
}
.loading .text {
  font-family: 'Barlow', sans-serif;
  margin-top: 1rem;
}
.ball-beat span:first-child {
  left: 0;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.ball-beat span:nth-child(2) {
  left: calc(50% - 12.5%);
  -webkit-animation-delay: 0.3333s;
          animation-delay: 0.3333s;
}
.ball-beat span:nth-child(3) {
  left: calc(50% + 25%);
  -webkit-animation-delay: 0.666s;
          animation-delay: 0.666s;
}
@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.4;
    filter: alpha(opacity=40);
  }
}
@keyframes ball-beat {
  50% {
    opacity: 0.4;
    filter: alpha(opacity=40);
  }
}
.btn.loading {
  pointer-events: none;
  min-width: 60px;
}
.btn .loader {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.btn.loading .loader,
.loadmore .btn .loader {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.btn.loading:focus {
  outline: 0;
}
.btn.loading::before {
  display: none !important;
}
.btn .loader span {
  background: #fff;
}
.btn.secondary .loader span {
  background: #6f777f;
}
.btn.outline .loader span {
  background: #6f777f;
}
.btn.outline.alt .loader span {
  background: #19892b;
}
.btn.loading .text {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  margin: 0;
}
.loading input[type="search"]::-webkit-search-cancel-button {
  display: none !important;
}
.loadmore {
  margin-bottom: 2rem;
  text-align: center;
}
.loadmore .btn {
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  padding-left: 3rem;
  background: none;
  position: relative;
}
.loadmore .loader {
  width: 32px;
  height: 32px;
  background: #6f777f;
  border-radius: 50%;
  left: 6px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.loadmore .loader span {
  background: #fff !important;
  width: 4px;
  height: 4px;
  top: calc(50% - 2px);
}
.loadmore .ball-beat span:first-child {
  left: calc(50% - 4px / 2 - 4px - 3px);
}
.loadmore .ball-beat span:nth-child(2) {
  left: calc(50% - 4px / 2);
}
.loadmore .ball-beat span:nth-child(3) {
  left: calc(50% - 4px / 2 + 4px + 3px);
}
#popup-toner .rangeslider__labels__label,
#popup-paper .rangeslider__labels__label {
  width: 60px;
  line-height: 1;
  font-size: 0.75rem;
}
#popup-toner .col.model {
  width: calc(100% - 200px);
  padding-left: 52px;
}
#popup-toner .extra .col.model {
  padding-left: 32px;
  position: relative;
}
#popup-toner .extra .col.model a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  max-width: 100%;
  color: #6f777f;
  text-decoration: none;
}
#popup-toner .extra .col.model a:hover {
  color: #19892b;
}
#popup-toner .extra .col.model::before {
  content: '';
  position: absolute;
  top: 12px;
  left: 10px;
  width: 12px;
  height: 1px;
  background: #d7dee3;
}
#popup-toner .col.color {
  width: 50px;
  padding: 0;
  text-align: center;
  margin: 0 auto;
  position: static;
}
#popup-toner .list {
  background: #f4f6f9;
  margin: 0 -20px;
  padding: 20px;
  width: calc(100% + 40px);
  max-height: 480px;
  overflow: auto;
  -webkit-box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5), 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5), 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
#popup-toner .list .alert {
  margin-top: -20px;
}
#popup-toner .list .row {
  padding: 1rem 15px 1rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: inherit;
          transform: inherit;
}
#popup-toner .list a.row {
  color: #6f777f;
}
#popup-toner .list a.row:hover .col {
  color: #19892b;
}
#popup-toner .list .row .qty {
  width: 22px;
  margin-left: -22px;
  display: inline-block;
  text-align: left;
  font-size: 0.875rem;
  line-height: 20px;
  font-family: 'Barlow', sans-serif;
  color: #6f777f;
  position: relative;
  z-index: 1;
  background: #fff;
}
#popup-toner .list .row .qty::before {
  content: '';
  background: url('../img/sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 7px;
  left: -15px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
#popup-toner .list .visible .row .qty::before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#popup-toner .list .row .qty::after {
  content: 'x';
}
#popup-toner .list .extra {
  position: relative;
}
#popup-toner .list .extra .row {
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.4s, X;
  transition: all 0.4s, X;
}
#popup-toner .extra::before {
  content: '';
  position: absolute;
  top: calc(-1rem - 21px);
  width: 1px;
  background: #d7dee3;
  left: 1rem;
}
#popup-toner .multi.visible .extra::before {
  bottom: calc(1rem + 14px);
}
#popup-toner .list .multi .extra .row .col {
  -webkit-transition: all 0.1s 0s, X;
  transition: all 0.1s 0s, X;
  opacity: 0;
  filter: alpha(opacity=0);
}
#popup-toner .list .multi.visible .extra .row .col {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.3s, color 0s 0s;
  transition: all 0.3s 0.3s, color 0s 0s;
}
#popup-toner .list .multi .extra .row,
#popup-toner .list li.multi:last-child .row:last-child {
  padding: 0 15px 0 22px;
}
#popup-toner .list .multi.visible .extra .row,
#popup-toner .list li.multi.visible:last-child .row:last-child {
  padding: 0.5rem 15px 0.5rem 22px;
  max-height: 90px;
}
#popup-toner .list li.multi.visible .row:last-child {
  padding-bottom: 1rem;
}
#popup-toner .list li.multi.visible:last-child .extra .row:last-child {
  padding: 0.5rem 15px 1rem 22px;
  border-radius: 0 0 3px 3px;
}
#popup-toner .list header > .flex,
#popup-toner .list footer > .flex {
  padding: 0 15px 0 0;
}
#popup-toner .list footer {
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  padding: 0;
  width: 100%;
}
#popup-toner .list header {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#popup-toner .list ul {
  margin-bottom: 1rem;
  background: #fff;
}
#popup-toner .num {
  font-size: 0.875rem;
}
#popup-toner .fill {
  -webkit-transition: 0.3s linear, X;
  transition: 0.3s linear, X;
  z-index: 1;
  width: 40px;
  line-height: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  margin: 0 auto;
}
#popup-toner .extra .fill {
  width: 30px;
  line-height: 30px;
  height: 30px;
}
#popup-toner .fill.zero {
  background: #fff;
  color: #6f777f;
}
#popup-newdriverprinter .list .col:not(.status):not(.checkbox),
#popup-newdriver .list .col:not(.status):not(.os),
#popup-testdeploy .list .col:not(.status):not(.os) {
  width: calc(100% / 3);
}
#popup-newdriverprinter .col.checkbox {
  width: 36px;
  padding-right: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#popup-paper {
  overflow: hidden;
}
#popup-paper .icon {
  width: 60px;
  height: 40px;
  margin-right: 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #343a40;
}
#popup-paper .icon.ream svg {
  height: 31px;
}
#popup-paper .col {
  margin: 0.5rem 0;
}
#popup-paper .metrics {
  width: calc(100% - 300px);
}
#popup-paper .metrics > .blk {
  padding-left: 80px;
}
#popup-paper .col.illo {
  width: 300px;
}
#popup-paper .row {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#EFF3F7), to(white));
  background-image: linear-gradient(to top, #EFF3F7 0%, white 100%);
  margin: 0 -20px;
  padding: 20px;
  width: calc(100% + 40px);
}
#popup-paper footer {
  background: #EFF3F7;
}
#popup-paper figure {
  height: 360px;
  position: relative;
}
#popup-paper figure .img {
  position: absolute;
  width: 100%;
  height: 360px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s linear 0.3s, X;
  transition: opacity 0.2s linear 0.3s, X;
}
#popup-paper figure .img.last {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 3;
}
#popup-paper figure .img.this {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 4;
}
#popup-paper figure .img[data-period="thirty"] {
  background: url('../img/stack.png') -100px 100%;
}
#popup-paper figure .img[data-period="sixty"] {
  background: url('../img/stack.png') -500px 100%;
}
#popup-paper figure .img[data-period="ninety"] {
  background: url('../img/stack.png') -900px 0;
}
#popup-paper figure .img[data-period="year"] {
  background: url('../img/stack.png') -1300px 100%;
}
/* Users */
#popup-invite {
  overflow: hidden;
}
#popup-invite .main {
  background: #fff;
  border-radius: 3px 0 0 3px;
}
.open-invite #popup-invite .slideout[data-option="default"] {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.open-invite #popup-invite.sso .slideout[data-option="default"] {
  -webkit-transform: translate(-200px, 0);
  transform: translate(-200px, 0);
}
.open-invite #popup-invite .slideout[data-option="sso"] {
  -webkit-transform: translate(-200px, 0);
  transform: translate(-200px, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.open-invite #popup-invite.sso .slideout[data-option="sso"] {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* New Printer */
[data-step="step-alt"] .list.grid > ul > li .col {
  padding: 0 20px !important;
  width: 100% !important;
  margin: 0 0 0.3rem !important;
  border: 0 !important;
}
[data-step="step-alt"] .list.grid > ul > li .col.device-name {
  margin: 0 0 0.5rem !important;
}
[data-step="step-alt"] .list.grid > ul > li .col.status > i:not(.type):not(.bold):not(.poi) {
  right: auto;
}
/* Printer Apps Config **/
#popup-adv {
  max-width: 800px;
}
#popup-adv .bg-grey {
  padding: 20px;
  margin: -1.5rem -20px 1.5rem -20px;
}
#popup-adv footer.bg-grey {
  margin: 0;
  background-color: #f8f9fa !important;
}
#popup-adv p.adv-global {
  margin-bottom: 1.5rem;
}
#popup-adv .list .col.key {
  width: 50%;
}
#popup-adv .list .col.value {
  width: 50%;
}
#popup-adv .scroll .alert {
  margin: -1.5rem -20px 1.5rem -20px;
  width: calc(100% + 40px);
}
#config-to .btn {
  padding-right: 46px;
  overflow: hidden;
}
#copy-config .list li,
#popup-addgroup #tab-groups-results li,
#popup-addprinters #tab-printers-results li {
  cursor: pointer;
}
#popup-addgroup header > .flex {
  min-height: 32px;
}
#popup-addgroup #tab-groups-results li .btn,
#popup-addgroup #tab-groups-selected li input[type=checkbox] {
  display: none !important;
}
.btn .select-total {
  padding: 0.813rem 0;
  background: #19892b;
  width: 30px;
  height: 100%;
  top: 0;
  right: 0;
  text-align: center;
  position: absolute;
  color: #fff;
  -webkit-box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.2);
          box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.2);
}
#copy-config li .col.device-name,
#popup-addgroup li .col.title,
#popup-manageusers li .col.title,
#popup-addprinters li .col.title {
  color: #5b636a;
  font-weight: normal;
}
#popup-addgroup .col.profile,
#popup-manageusers .col.profile {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  text-align: center;
}
#copy-config .selected .col.device-name,
#popup-addgroup .selected .col.title,
#popup-addprinters .selected .col.title {
  color: #343a40;
  font-weight: 600;
}
#copy-config .success footer {
  margin: 0 -20px -20px -20px;
}
#copy-config .success .ticks {
  display: inline-block;
  margin: 1rem 0 0 0;
  color: #5b636a;
  font-weight: normal;
  text-align: left;
}
#copy-config .success .scroll {
  margin-top: -20px;
  padding: 20px;
}
#popup-adv .tag {
  padding: 0.3rem 0.532rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 27px;
  margin: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#popup-adv .tag.reset {
  padding: 0.3rem 1.6rem 0.3rem 0.532rem;
}
#popup-adv .undo {
  position: absolute;
  width: 12px;
  height: 12px;
  top: -14px;
  right: 7px;
  color: #6f777f;
}
#popup-adv .undo:hover {
  color: #19892b;
}
#popup-adv .undo::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 38px 33px 0;
  border-color: transparent #EFF3F7 transparent transparent;
  position: absolute;
  top: -4px;
  right: -7px;
  z-index: -1;
}
#popup-adv .secondary.more {
  width: auto;
  height: auto;
}
#popup-news {
  overflow: hidden;
}
#popup-news > header {
  background: #eff7f8;
  z-index: 1;
}
#popup-news article {
  padding: 1rem 20px 0.1px 20px;
  position: relative;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.8);
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.8);
  margin: 0 -20px;
}
#popup-news article:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 0;
}
#popup-news article.unread header::before {
  content: '';
  background: #ee6800;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: -14px;
}
#popup-news article .date {
  color: #6f777f;
  width: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
}
#popup-news article p {
  margin: 0 0 1rem 0;
}
#popup-news article header {
  padding: 0;
  border-radius: 0;
  overflow: visible;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
#popup-news .scroll {
  margin: 0;
  max-height: 480px;
}
#popup-news figure.inset {
  float: right;
  max-width: 200px;
  margin: 0 0 1rem 1rem;
  background: #fff;
}
#popup-news figure img {
  margin: 0;
}
#popup-setup .option-list li .icon:not(.icon-exclaim):not(.state) svg,
#popup-setup .option-list li strong {
  fill: #343a40 !important;
  color: #343a40 !important;
}
#popup-setup .option-list li:hover {
  -webkit-box-shadow: inset 0 0 0 1px #19892b;
          box-shadow: inset 0 0 0 1px #19892b;
}
#popup-setup .option-list li:hover .icon:not(.icon-exclaim):not(.state) svg {
  fill: #19892b !important;
  color: #19892b !important;
}
#popup-start {
  overflow: hidden;
}
#popup-start.anim {
  -webkit-transition: all 0.5s ease-in-out, X !important;
  transition: all 0.5s ease-in-out, X !important;
}
#popup-start.shrink {
  -webkit-transition: all 0.5s ease-in-out, X;
  transition: all 0.5s ease-in-out, X;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  visibility: visible !important;
  position: absolute !important;
  padding: 0;
}
#popup-start.shrink *,
#popup-start.shrink::before {
  display: none;
  content: none;
}
#popup-start header {
  padding: 0 20px 1.2rem 20px;
}
#popup-start .content {
  padding: 0 20px;
}
#popup-start #popup-discovery .content {
  width: 100%;
}
#popup-start #popup-discovery .run-installer {
  margin: auto;
}
#popup-start footer {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
#popup-start footer.barro {
  background: rgba(0, 0, 0, 0.05);
  position: relative;
  width: 100%;
  z-index: 10;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  height: 60px;
  padding: 5px 20px 10px 20px;
}
#popup-start footer.barro small {
  margin: 0 auto;
  color: #6f777f;
}
#popup-start footer.barro small .action {
  margin: 0;
}
#popup-start #popup-discovery .step-three .content {
  padding: 2rem 5px 0;
}
#popup-start .mb.manual {
  margin-top: calc(-2rem + 5px);
}
#popup-start .progress {
  display: block;
  width: calc(100% - 40px);
  overflow: hidden;
  border-radius: 10px;
  height: 4px;
  background: rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(linear, left top, right top, from(#19892b), to(#19892b));
  background-image: linear-gradient(to right, #19892b, #19892b);
  background-repeat: no-repeat;
  background-size: 0 100%;
  -webkit-transition: background-size 0.4s ease-in-out;
  transition: background-size 0.4s ease-in-out;
  margin: 0;
}
#popup-start .progress-field {
  max-width: calc(100% - 101px);
}
.slider__label {
  display: none !important;
}
#popup-start .slick-dots {
  right: auto;
  left: 50%;
  top: 15px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#popup-start .tour-content .slick-slide {
  height: auto;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#popup-start .slick-next {
  margin-bottom: 1rem;
}
#popup-start .inl .btn {
  margin: 0 5px;
}
#popup-start .inl input[type=text] {
  margin: 0;
}
.invite-yourself .btn {
  width: 91px;
}
#popup-start .slick-dots li button {
  background: rgba(0, 0, 0, 0.15);
}
#popup-start .slick-dots li.slick-active button {
  background: #19892b;
}
#popup-start .action {
  margin: 0.6rem 0;
  display: inline-block;
}
#popup-start small .action {
  margin: 0;
}
#popup-start .slick-prev.slick-disabled,
#popup-start .slick-prev.disabled {
  display: none !important;
}
#popup-start .slick-prev {
  width: 20px;
  height: 16px;
  min-width: 0;
  text-align: left;
}
#popup-start .winner {
  width: 20px;
  height: 16px;
  text-align: right;
  color: rgba(0, 0, 0, 0.15);
}
#popup-start .winner .icon {
  display: none !important;
}
#popup-start .complete .winner {
  color: #19892b;
}
#popup-start .tip > .os {
  margin: 0.6rem 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#popup-start .success {
  margin: auto;
}
#popup-start .success:not(.hidden) .checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #19892b;
  fill: none;
  -webkit-animation: check-stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
          animation: check-stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
#popup-start .success:not(.hidden) .checkmark {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 0 auto;
  -webkit-box-shadow: inset 0 0 0 #19892b;
          box-shadow: inset 0 0 0 #19892b;
  -webkit-animation: check-fill 0.4s ease-in-out 0.4s forwards, check-scale 0.3s ease-in-out 0.9s both;
          animation: check-fill 0.4s ease-in-out 0.4s forwards, check-scale 0.3s ease-in-out 0.9s both;
}
#popup-start .success:not(.hidden) .checkmark__check {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: check-stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
          animation: check-stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
#popup-start .os .icon {
  margin: 0 10px !important;
}
#popup-start figure {
  margin: 0;
}
#popup-start .tour-figure .slick-list {
  height: 100%;
}
#popup-start > svg {
  position: absolute;
  opacity: 0.6;
  filter: alpha(opacity=60);
  top: 5%;
  z-index: 2;
}
#popup-start .tour-figure figure img {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#popup-start .has-tip {
  display: inline-block;
  border-bottom: 1px dotted #6f777f;
}
#popup-start .tour-content .slick-list {
  overflow: visible;
}
#popup-start .tour-content ol {
  text-align: left;
  margin: 0 auto;
  display: inline-block;
  line-height: 1.2;
}
#popup-start .tour-content ol li {
  margin-bottom: 0.5rem;
}
#popup-start .slick-track {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
}
#popup-start h2 {
  margin-bottom: 1.3rem;
}
#popup-start[data-step="7"] {
  margin: auto;
}
#popup-start[data-step="7"] h2 {
  margin: 1.3rem 0 0.5rem;
}
#popup-start .planet {
  content: '';
  background: url('../img/sprite.png') -200px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 50px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
#popup-start g[id^='logo'],
#popup-start g[id^='foot'],
#popup-start g[class^='tick'] {
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1), X;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1), X;
}
#popup-start g[id^='fire'] {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}
.open-start #popup-start g[id^='logo'] {
  -webkit-animation: bounce-in-fwd 1.1s both;
          animation: bounce-in-fwd 1.1s both;
}
#popup-start .slick-active g[class^='tick'] {
  -webkit-animation: bounce-in-fwd 1.1s both;
          animation: bounce-in-fwd 1.1s both;
}
#popup-start .slick-active g[id^='fire'] {
  -webkit-animation: scale-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
#popup-start .slick-active g[id^='foot'] {
  -webkit-animation: wobble-hor-bottom 0.8s both;
          animation: wobble-hor-bottom 0.8s both;
}
#popup-start .slick-active svg {
  overflow: visible;
}
#popup-start .clouds path {
  -webkit-animation: clouds 40s linear infinite;
          animation: clouds 40s linear infinite;
}
#popup-start .clouds path:nth-child(2) {
  -webkit-animation: clouds 42s linear infinite;
          animation: clouds 42s linear infinite;
}
#popup-start .clouds path:nth-child(3) {
  -webkit-animation: clouds 41s linear infinite;
          animation: clouds 41s linear infinite;
}
#popup-start .clouds path:nth-child(4) {
  -webkit-animation: clouds 44s linear infinite;
          animation: clouds 44s linear infinite;
}
#popup-start::before {
  background: #DDECEC;
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 280px;
  -webkit-transition: all 0.3s ease-in-out 0.3s, X;
  transition: all 0.3s ease-in-out 0.3s, X;
}
.discovery #popup-start::before {
  height: 100%;
}
#popup-start .tour-content {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s ease-in-out 0.7s, X;
  transition: all 0.3s ease-in-out 0.7s, X;
  height: calc(100% - 280px - 60px);
  z-index: 3;
}
#popup-start .tour-figure {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
  z-index: 3;
  -webkit-transition: all 0.3s ease-in-out 0.7s, X;
  transition: all 0.3s ease-in-out 0.7s, X;
  opacity: 1;
  filter: alpha(opacity=100);
  height: 280px;
}
.discovery #popup-start .tour-figure,
.discovery #popup-start .tour-content {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s, X;
  transition: all 0.3s ease-in-out 0s, X;
}
#popup-start #popup-discovery {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 60px);
  background: none;
  border-radius: 3px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0.3s, X;
  transition: all 0.3s ease-in-out 0.3s, X;
}
#popup-start #popup-discovery .step.active {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  overflow: hidden;
}
#popup-start .tips {
  text-align: center;
  margin: auto 0 0;
  padding: 2rem 0 0 0;
  font-size: 0.875rem;
  line-height: 1.3;
  background: rgba(0, 0, 0, 0.05);
}
#popup-start .tips .item {
  padding: 0 30px;
}
.discovery #popup-start #popup-discovery {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.discovery #popup-start .slick-prev {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
#popup-start #popup-discovery .progress-bar {
  margin-top: 30px !important;
}
#popup-start #popup-discovery .progress-bar li {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
#popup-discovery .connection .wire,
.install-type .connection .wire {
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 2px;
  margin: 0 10px;
  position: relative;
  overflow: hidden;
}
.install-type .connection.synced .wire {
  background: #19892b;
}
#popup-start #popup-discovery .manual .terminal {
  height: 290px;
}
#popup-start #popup-discovery small {
  color: #6f777f;
}
#popup-start #popup-discovery .os .icon svg {
  fill: #6f777f;
}
#popup-start #popup-discovery .progress-bar li::before {
  border: 2px solid #DDECEC;
  background: #C6D4D4;
}
#popup-start #popup-discovery .progress-bar:not(.icons) .is-active::before {
  background-color: #DDECEC;
  border-color: #097C55;
}
#popup-start #popup-discovery .progress-bar:not(.icons) .is-complete::before {
  background-color: #097C55;
}
#popup-start #popup-discovery .progress-bar:not(.icons) .is-complete:first-child::before {
  background: #097C55;
}
#popup-start #popup-discovery header {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}
#popup-start #popup-discovery footer {
  background: none;
  max-height: none;
}
/* Driver Printer */
#popup-newdriverprinter[data-content="findme"] .search {
  margin-top: 1rem;
}
#popup-newdriverprinter[data-content="direct"] .list header {
  margin-top: 1rem;
}
/* Printer Discovery */
#popup-discovery figure {
  margin-bottom: 1.5rem;
}
#popup-discovery footer {
  background: #f4f6f9;
  margin: 1.5rem 0 0 0;
  display: block;
}
#popup-discovery footer.hidden .tips {
  opacity: 0;
  filter: alpha(opacity=0);
}
#popup-discovery footer .tips {
  margin: 0 -20px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s ease-in-out 0.5s, X;
  transition: all 0.3s ease-in-out 0.5s, X;
}
#popup-discovery footer .tips .item {
  text-align: center;
  display: block;
  padding: 0 20px;
}
#popup-discovery footer .tips .slick-dots {
  position: static;
  margin: 0.6rem 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#popup-discovery footer .tips .slick-dots li button {
  background: #a4acb9;
}
#popup-discovery footer .tips .slick-dots li.slick-active button {
  background: #19892b;
}
#popup-discovery .callout {
  position: absolute;
  left: calc(50% + 220px);
  top: 100px;
  width: 220px;
  border-radius: 3px;
  z-index: 3;
}
.open-discovery .wrap {
  -webkit-filter: blur(1.5px);
          filter: blur(1.5px);
}
#popup-discovery .step-three header {
  overflow: visible;
}
#popup-discovery .step-three .progress-bar {
  margin-bottom: 0 !important;
}
#popup-discovery .step-three .content {
  padding: 0.5rem 5px 0;
}
#popup-discovery .step-three footer {
  -webkit-transition: all 0.5s ease-in-out, X;
  transition: all 0.5s ease-in-out, X;
  max-height: 150px;
}
#popup-discovery .os {
  margin: 0.6rem 10px 0 10px;
}
.os .icon {
  margin: 0 10px;
}
.connection .logo {
  content: '';
  background: url('../img/sprite.png') 0 -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 55px;
  padding-top: 56px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.connection .logo.hive {
  content: '';
  background: url('../img/sprite.png') -400px -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 55px;
  padding-top: 49px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.connection .logo.papercut {
  content: '';
  background: url('../img/sprite.png') -500px -1700px no-repeat;
  height: 0;
  overflow: hidden;
  width: 36px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.connection {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 400px;
  width: 100%;
  margin: 0 auto 1.3rem auto;
  position: relative;
}
.install-type .connection.paused .wire .connector::before,
.install-type .connection.paused .wire .connector::after {
  content: none;
}
#popup-discovery.last-step {
  max-width: 1080px;
}
.connection .wire .connector {
  width: 100%;
  height: 2px;
  -webkit-animation: connecting 2s ease-in-out infinite;
  animation: connecting 2s ease-in-out infinite;
  top: 0;
  left: 0;
  border: 0;
}
#popup-discovery .connection .wire .connector::before,
.install-type .connection .wire .connector::before {
  content: '';
  position: absolute;
  background: #19892b;
  width: 10px;
  height: 2px;
  display: block;
  -webkit-animation: connecting-rev 2s ease-in-out infinite;
  animation: connecting-rev 2s ease-in-out infinite;
  top: 0;
  left: 0;
  border: 0;
}
#popup-discovery .connection .wire .connector::after {
  display: none;
}
.connection .icon {
  margin: 0;
  height: 48px;
  width: 48px;
}
#popup-discovery .switch-ext {
  max-width: 120px;
  height: 31px;
  position: absolute;
  top: 10px;
  right: 26px;
  font-size: 0.875rem;
  z-index: 3;
}
#popup-discovery .switch-ext li {
  width: 60%;
}
#popup-discovery .switch-ext li:last-child {
  width: 50%;
  margin-left: -10%;
}
.ticker {
  position: relative;
}
.ticker ul {
  margin: 0 auto;
}
.ticker li {
  width: 100%;
  padding: 0.5rem 20px;
  color: #6f777f;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 60px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.ticker li.active {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 0;
}
.ticker li .icon {
  margin-right: 5px;
  vertical-align: middle;
}
.radar {
  background: repeating-radial-gradient(circle, rgba(223, 228, 232, 0) 0, rgba(187, 192, 197, 0.2) 1px, rgba(223, 228, 232, 0) 2px, rgba(223, 228, 232, 0) 20px);
  width: 120px;
  height: 120px;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  border: 1px solid rgba(187, 192, 197, 0.19);
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.radar .num {
  color: #fff;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.25rem;
}
.radar::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: blips 5s infinite;
          animation: blips 5s infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.radar::after {
  content: ' ';
  display: block;
  background-image: linear-gradient(44deg, rgba(0, 255, 51, 0) 50%, #00ff80 100%);
  width: 50%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: radar-beam 5s infinite;
          animation: radar-beam 5s infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  border-radius: 100% 0 0 0;
}
@-webkit-keyframes radar-beam {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes radar-beam {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes blips {
  14% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%);
  }
  14.0002% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%);
  }
  25% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 56% 86%, #f37925 10%, #f37925 30%, rgba(255, 255, 255, 0) 100%);
  }
  26% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 56% 86%, #f37925 10%, #f37925 30%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
  }
  100% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 56% 86%, #f37925 10%, #f37925 30%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
  }
}
@keyframes blips {
  14% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%);
  }
  14.0002% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%);
  }
  25% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 56% 86%, #f37925 10%, #f37925 30%, rgba(255, 255, 255, 0) 100%);
  }
  26% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 56% 86%, #f37925 10%, #f37925 30%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
  }
  100% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 56% 86%, #f37925 10%, #f37925 30%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
  }
}
/*
* TODO: move under figure?
* Used in home and coordinator pages
*/
.client-wrap {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.client {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
}
.client.static {
  position: relative;
  width: auto;
  height: auto;
  -webkit-transform: none;
  transform: none;
  top: auto;
  left: auto;
  display: inline-block;
}
.client.static::before,
.client.static::after {
  z-index: 0;
}
.client.static .logo::before {
  content: none;
}
.client figure {
  width: 120px;
  height: 120px;
  background: #C4CCD4;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.client .logo,
.client .icon {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
}
.client .logo::before {
  content: '';
  background: url('../img/sprite.png') 0 -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 55px;
  padding-top: 56px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -28px;
}
.client .logo.hive::before {
  content: '';
  background: url('../img/sprite.png') -400px -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 55px;
  padding-top: 49px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.client .status {
  z-index: 7;
  position: absolute;
  top: calc(50% - 20px);
  left: -45px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s linear 1s, X;
  transition: all 0.3s linear 1s, X;
}
.client .status i {
  width: 30px;
  height: 30px;
  padding: 7px;
}
.ready .client .status {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.client::before,
.client::after {
  content: "";
  width: 180%;
  height: 180%;
  background-color: #C2CCD5;
  border-radius: 50%;
  /* animation: pulse 3s linear 0s infinite forwards; opacity: 0; */
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.client::before {
  -webkit-animation: waves 6s ease-out infinite 3s;
  animation: waves 6s ease-out infinite 3s;
}
.client::after {
  -webkit-animation: waves 6s ease-out infinite 4.5s;
  animation: waves 6s ease-out infinite 4.5s;
}
/*
* Printers Ink Supplies
*/
.progress {
  background: #E1E7EE;
  width: 100%;
  height: 12px;
  border-radius: 10px;
  margin: 7px 0 0 0;
  position: relative;
  z-index: 1;
}
.progress.vertical,
#ink figure.icon {
  height: 80px;
  border-radius: 3px;
  margin: 0 0 7px 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#ink figure.icon {
  height: 40px;
}
#ink figure.icon i:not(.icon-exclaim) {
  width: 40px;
  height: 40px;
  stroke: #BABFC4;
  stroke-width: 2;
  fill: none;
}
#ink figure.icon i.icon-exclaim {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#ink figure.icon i.icon-exclaim svg {
  fill: #FFB100;
}
#ink figure.icon.depleted i .stack {
  opacity: 0;
  filter: alpha(opacity=0);
}
.progress.vertical + h5,
#ink figure.icon + h5 {
  margin: 0 0 -3px 0;
}
.progress.vertical .fill {
  height: 68%;
  width: 100%;
  border-radius: 3px;
  bottom: 0;
  top: auto;
}
.progress.vertical .fill.out {
  height: 0;
}
.progress.vertical .fill.full {
  height: 100%;
  background: #19892b;
}
.progress .fill {
  position: absolute;
  top: 0;
  left: 0;
  background: #5F6470;
  width: 0;
  height: 100%;
  -webkit-transition: width 1s, X;
  transition: width 1s, X;
  z-index: 1;
  border-radius: 10px;
}
.progress .fill.color {
  background-color: #4158D0;
  background-image: -webkit-gradient(linear, left top, right top, from(#4158D0), color-stop(46%, #C850C0), to(#FFCC70));
  background-image: linear-gradient(90deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
}
.progress.meter {
  display: block;
  width: 100%;
  margin: 0 0 7px 0;
  height: 20px;
  border-radius: 0;
  background: url('../img/meter.png') 0 0 no-repeat;
}
.progress.meter .fill {
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  border-radius: 0;
  background: url('../img/meter.png') 0 -40px no-repeat;
}
.progress.meter .fill.full {
  background: url('../img/meter.png') 0 -80px no-repeat;
  width: 100%;
}
.progress .fill.unknown,
.highlights .progress .fill.unknown {
  background: #adbac2;
  z-index: 0;
}
#ink.notifications .fig {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#ink.notifications ul {
  padding: 1rem 50px 0 20px;
}
#ink.notifications .updated {
  padding: 0;
}
.bell {
  content: '';
  background: url('../img/sprite.png') -1200px -600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 6px;
  right: 0;
  z-index: 2;
}
aside .panel:not(.aside-toneralerts) .notifications-desc,
.tonerlevel,
.notifications .updated {
  display: none;
}
.notifications .notifications-desc,
.notifications .tonerlevel {
  display: block;
}
.notifications-desc .value {
  color: #343a40;
  font-weight: 600;
}
#ink ul:not(.flip) {
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
  color: #b5bbc1;
  font-size: 0.875rem;
  line-height: 1;
}
#ink ul:not(.flip) li {
  position: relative;
  margin-bottom: 10px;
}
#ink ul:not(.flip) li h5 {
  position: absolute;
  left: -20px;
  width: 10px;
  text-align: center;
  top: -6px;
}
#ink .fig {
  position: absolute;
  right: -30px;
  top: 0;
  font-family: 'Source Sans Pro', sans-serif;
  display: none !important;
}
#ink .button {
  position: absolute;
  top: -4px;
  right: 15px;
}
#ink .graph:not(.vertical) {
  margin: 0;
}
#ink .updated {
  color: #6f777f;
  text-align: center;
  padding: 0 20px;
  margin: -4px 0 0 0;
  font-size: 0.875rem;
}
.ink-c .progress .fill {
  background-color: #00A0C6;
}
.ink-m .progress .fill {
  background-color: #DE0184;
}
.ink-y .progress .fill {
  background-color: #FDDF05;
}
.ink-k .progress .fill {
  background-color: #000;
}
.empty {
  position: relative;
  text-align: center;
  margin: auto;
  width: 100%;
  max-width: 300px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.empty:has(div.circle) {
  margin-top: 100px;
  max-width: 520px;
}
.empty > * {
  position: relative;
  z-index: 1;
}
.empty div.circle {
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translate(-50%, -20px);
  transform: translate(-50%, -20px);
  width: 340px;
  height: 340px;
  z-index: 0;
}
.empty .circle .icon {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-bottom: 0;
}
.empty .circle .inner {
  width: 240px;
  height: 240px;
  position: absolute;
  top: 50px;
  left: 50px;
}
.empty .circle .outer .icon:nth-child(1) {
  -webkit-transform: translate(-50%, -24px);
  transform: translate(-50%, -24px);
}
.empty .circle div .icon:nth-child(2) {
  -webkit-transform: translate(calc(-50% - 62px), 0);
  transform: translate(calc(-50% - 62px), 0);
}
.empty .circle div .icon:nth-child(3) {
  -webkit-transform: translate(calc(-50% + 62px), 0);
  transform: translate(calc(-50% + 62px), 0);
}
.empty .circle .outer .icon:nth-child(2) {
  -webkit-transform: translate(calc(-50% - 70px), 0);
  transform: translate(calc(-50% - 70px), 0);
}
.empty .circle .outer .icon:nth-child(3) {
  -webkit-transform: translate(calc(-50% + 70px), 0);
  transform: translate(calc(-50% + 70px), 0);
}
.empty .circle div .icon:nth-child(4) {
  -webkit-transform: translate(calc(-50% - 100px), 48px);
  transform: translate(calc(-50% - 100px), 48px);
}
.empty .circle div .icon:nth-child(5) {
  -webkit-transform: translate(calc(-50% + 100px), 48px);
  transform: translate(calc(-50% + 100px), 48px);
}
.empty .circle .outer .icon:nth-child(4) {
  -webkit-transform: translate(calc(-50% - 124px), 48px);
  transform: translate(calc(-50% - 124px), 48px);
}
.empty .circle .outer .icon:nth-child(5) {
  -webkit-transform: translate(calc(-50% + 132px), 48px);
  transform: translate(calc(-50% + 132px), 48px);
}
.empty.desktop-only {
  display: none !important;
}
.empty small {
  color: #6f777f;
  line-height: 1.3;
}
.empty figure {
  max-width: 160px;
  margin: 0 auto 1rem auto;
}
.empty figure img {
  max-height: 300px;
}
.empty .icon:not(.mold):not(.outline):not(.twenty):not(.twentyfour):not(.twelve):not(.thirtytwo) {
  height: 48px;
}
.empty > .icon {
  margin: 0 auto 0.5rem !important;
  fill: #b5bbc1;
  color: #b5bbc1;
}
.card .empty {
  position: relative;
  -webkit-transform: none;
  transform: none;
}
.empty .icon.outline {
  margin: 0 auto 0.25rem auto !important;
  position: static;
}
.pin.empty .icon.outline {
  margin-top: calc(-.5rem - 10px);
}
.card .empty:not(.pin) .icon.outline::before,
#ink .empty .icon.outline::before {
  content: '';
  width: calc(50% - 60px);
  height: 1px;
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  position: absolute;
  top: 31px;
  left: calc(50% + 20px);
}
.card .empty:not(.pin) .icon.outline::after,
#ink .empty .icon.outline::after {
  content: '';
  width: calc(50% - 60px);
  height: 1px;
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  position: absolute;
  top: 31px;
  right: calc(50% + 20px);
}
.empty .state .icon {
  color: #fff;
}
.empty.fw {
  max-width: none;
  padding: 300px 0 0 0;
  margin: 0;
}
.empty.fw .content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.empty.fw::before {
  content: '';
  width: calc(100% + 2px);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: -1px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(239, 243, 247, 0)), color-stop(70%, #eff3f7));
  background: linear-gradient(to bottom, rgba(239, 243, 247, 0) 30%, #eff3f7 70%);
  z-index: 1;
}
.empty .watermark {
  position: relative;
  z-index: 0;
  margin: -300px 0 0 0;
}
.empty .watermark .col {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.empty .watermark img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.empty .watermark .row {
  background: none !important;
}
.frost {
  -webkit-filter: blur(2px) saturate(70%);
          filter: blur(2px) saturate(70%);
  pointer-events: none;
  position: relative;
}
.slider .frost::before {
  bottom: auto;
  top: 0;
}
.card:hover .frost,
#ink:hover .frost {
  -webkit-filter: blur(0) saturate(100%);
          filter: blur(0) saturate(100%);
  pointer-events: all;
  z-index: 5;
}
.card:hover .frost::before,
#ink:hover .frost::before {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.empty.pin {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.15);
  border-radius: 3px;
}
.empty.pin.l {
  padding: 1rem;
  max-width: 480px;
}
/* Progress Bar */
.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 3rem;
  max-width: 400px;
}
.progress-bar.alt,
.progress-bar.timeline {
  margin: 0 auto !important;
  max-width: none;
}
.progress-bar.timeline::before {
  content: none;
}
.progress-bar.icons {
  padding: 0 24px 24px 24px;
}
.progress-bar li {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  position: relative;
  color: #5b636a;
  white-space: nowrap;
  overflow: visible;
  min-width: 0;
  padding: 0 !important;
  text-align: center;
  border-bottom: 2px solid #dce0e5;
}
.progress-bar.alt li {
  border-top: 2px solid #dce0e5;
  border-bottom: 0;
}
.progress-bar.timeline li {
  padding: 0.75rem 0 0 40px !important;
  border-top: 2px solid #dce0e5;
  border-bottom: 0;
}
.progress-bar.has-img {
  margin-top: 122px !important;
}
.progress-bar img {
  height: 120px;
  margin-top: -122px;
  max-width: none;
  -webkit-transform: translate(-50%, -20px);
          transform: translate(-50%, -20px);
  position: relative;
  margin-bottom: 1rem;
  left: 50%;
}
.progress-bar.alt li::before {
  top: -16px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  content: counter(counter);
}
.progress-bar.timeline li::before {
  top: 0.5rem;
  left: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  content: counter(counter);
  -webkit-transform: none;
          transform: none;
  font-weight: bold;
  color: #b5bbc1;
}
.progress-bar.alt li span,
.progress-bar.timeline li span {
  opacity: 1;
  visibility: visible;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: inherit;
  left: 0;
  display: block;
  white-space: normal;
  position: static;
  margin-top: 1rem;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-transition: 0s;
  transition: 0s;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.25rem;
}
.progress-bar.timeline li:not(.is-active) span small {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  visibility: hidden;
}
.progress-bar.timeline li.is-active span small {
  font-size: 1rem;
  line-height: 1.5;
  width: calc(500% + 10px);
  display: block;
  margin: 1rem 0 0 -40px;
  color: #5b636a;
}
.progress-bar.timeline li:nth-child(2).is-active span small {
  margin: 1rem 0 0 calc(-100% - 80px);
}
.progress-bar.timeline li:nth-child(3).is-active span small {
  margin: 1rem 0 0 calc(-200% - 120px);
}
.progress-bar.timeline li:nth-child(4).is-active span small {
  margin: 1rem 0 0 calc(-300% - 160px);
}
.progress-bar.alt li:first-child span {
  -webkit-transform: translate(-50%, 0) !important;
          transform: translate(-50%, 0) !important;
  width: 200%;
}
.progress-bar.alt li:last-child span {
  width: 200%;
}
.progress-bar.alt span strong {
  display: block;
  margin-bottom: 0.188rem;
  font-family: 'Barlow', sans-serif;
  line-height: 1.25rem;
}
.progress-bar.timeline li span strong {
  display: block;
  margin-bottom: 0.188rem;
  font-family: 'Barlow', sans-serif;
  line-height: 1.25rem;
  color: #343a40;
}
.progress-bar.timeline li.is-complete span strong {
  color: #343a40;
}
.progress-bar.has-img li:first-child img {
  left: 0;
}
.progress-bar.has-img li:last-child img {
  left: 100%;
}
.progress-bar li .add-new {
  display: none;
}
.setup-complete .progress-bar li .add-new {
  display: block;
}
.progress-bar li a {
  color: inherit;
}
.progress-bar.icons li {
  border: 0;
}
.progress-bar.icons li::after {
  position: absolute;
  left: calc(-50% + 24px);
  width: calc(100% - 24px);
  content: '';
  border-bottom: 2px dashed #d7dee3;
}
.progress-bar.icons li.is-active::after {
  border-bottom: 2px solid #19892b;
}
.progress-bar.icons li.is-complete::after {
  border-bottom: 2px solid #1A2228;
}
.progress-bar.icons li.is-complete .icon::before {
  content: '';
  background: url('../img/sprite.png') -795px -793px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  border-radius: 50%;
  background-color: #343a40;
  position: absolute;
  top: -11px;
  right: -11px;
  z-index: 5;
  -webkit-box-shadow: 0 0 0 2px #EFF3F7;
          box-shadow: 0 0 0 2px #EFF3F7;
}
.progress-bar.icons li:last-child::after {
  width: calc(200% - 48px);
  left: calc(-100% + 24px);
}
.progress-bar.icons li:first-child::after {
  border: 0;
}
/* .progress-bar li:first-child,
.progress-bar li:last-child {
  flex: 1;
} */
.progress-bar:not(.icons) li:first-child span {
  left: -10px;
  -webkit-transform: none;
          transform: none;
}
.progress-bar.icons li:first-child span,
.progress-bar.icons li:first-child .icon.twentyfour {
  left: 0;
}
.progress-bar:not(.icons) li:last-child span {
  right: -10px;
  left: auto;
  -webkit-transform: none;
          transform: none;
}
.progress-bar.icons li:last-child span,
.progress-bar.icons li:last-child .icon.twentyfour {
  left: 100%;
}
.progress-bar li::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #EFF3F7;
  border-radius: 50%;
  border: 2px solid #dce0e5;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  font-size: 0.875rem;
  top: auto;
  bottom: -7px;
  z-index: 3;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.popup .progress-bar li::before {
  background: #fff;
}
.progress-bar.icons li::before {
  background: #EFF3F7;
  border: none;
  width: 48px;
  height: 48px;
  left: 50%;
  margin: 0 0 0 -24px;
  bottom: -24px;
}
.progress-bar li:first-child::before {
  left: 0;
}
.progress-bar:not(.icons) li:first-child span::before {
  left: 10px;
}
.progress-bar.alt:not(.icons) li span::before {
  display: none;
}
.progress-bar:not(.timeline) li:last-child::before {
  right: 0;
  left: auto;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}
.progress-bar.icons li:last-child::before {
  margin: 0 -24px 0 0;
}
.progress-bar:not(.icons) li:last-child span::before {
  right: 10px;
  left: auto;
}
.progress-bar span {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  z-index: 6;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  top: calc(100% + 20px);
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 10px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 10px 0 rgba(33, 43, 54, 0.15);
  padding: 0.333rem 0.533rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  white-space: nowrap;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  font-family: 'Barlow', sans-serif;
}
.progress-bar span strong {
  display: block;
}
.progress-bar.timeline li span {
  white-space: initial;
  width: 100%;
  max-width: 200px;
  text-align: left;
  padding: 0;
  margin-top: 0;
}
.progress-bar.icons span {
  top: calc(100% + 20px);
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.2;
  text-align: center;
  opacity: 1;
  visibility: visible;
}
.progress-bar.icons .icon.twentyfour {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 4;
}
.progress-bar:not(.icons):not(.timeline) li span::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid rgba(215, 222, 227, 0.6);
  border-bottom: 0;
  border-right: 0;
  position: absolute;
  left: calc(50% - 5px);
  top: -5px;
  -webkit-transform: rotate(45deg) translate(0, 0);
          transform: rotate(45deg) translate(0, 0);
}
.progress-bar li:hover span {
  display: block !important;
}
.progress-bar .is-active {
  color: #19892b;
}
.progress-bar:not(.icons) .is-complete:not(:first-child)::after,
.progress-bar:not(.icons) .is-active:not(:first-child)::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: -2px;
  left: -50%;
  z-index: 2;
  height: 2px;
  background: #19892b;
}
.anim .progress-bar:not(.icons) .is-active::after {
  width: 0;
  -webkit-animation: progressbar 0.5s forwards ease-out;
  animation: progressbar 0.5s forwards ease-out;
}
.progress-bar.timeline .is-complete::after {
  width: 100% !important;
}
.progress-bar.timeline .is-complete::after,
.progress-bar.timeline .is-active::after {
  top: -2px !important;
  bottom: auto !important;
  left: -100% !important;
}
.progress-bar:not(.icons) .is-complete::before {
  background-color: #19892b;
  border-color: #19892b;
  color: #fff;
}
.progress-bar.timeline .is-complete::before {
  content: '';
  background: url('../img/sprite.png') -793px -792px no-repeat;
  height: 0;
  overflow: hidden;
  width: 24px;
  padding-top: 24px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #19892b;
  border-color: #19892b;
  color: #fff;
}
.progress-bar.timeline.compact li {
  padding: 0 !important;
  height: 16px;
  margin: 0 !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.progress-bar.timeline.compact li.is-active {
  height: auto !important;
  padding: 1.5rem 0 0 0 !important;
}
.progress-bar.timeline.compact li span {
  margin-top: 0.5rem;
}
.progress-bar.timeline.compact li::before {
  top: -14px;
}
.progress-bar.timeline.compact li.is-complete::before {
  top: -10px;
  content: '';
  background: url('../img/sprite.png') -797px -795px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #19892b;
  border-color: #19892b;
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
}
.progress-bar.timeline.compact li:not(:first-child):not(:last-child) {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.progress-bar.timeline.compact li:not(:first-child):not(:last-child)::before {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.progress-bar.timeline.compact li:last-child::before {
  left: auto !important;
  right: 0 !important;
}
.progress-bar.timeline.compact li:not(.is-active) span {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  z-index: 6;
  left: 50%;
  width: 200px !important;
  -webkit-transform: translate(-50%, 0) !important;
          transform: translate(-50%, 0) !important;
  top: 20px;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 10px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 10px 0 rgba(33, 43, 54, 0.15);
  padding: 0.333rem 0.533rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 3px;
  display: none;
  font-family: 'Barlow', sans-serif;
}
.progress-bar.timeline.compact li span small {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  position: static !important;
  visibility: visible !important;
  margin: 0 !important;
}
.progress-bar.timeline.compact .is-complete::after,
.progress-bar.timeline.compact .is-active::after {
  left: -50% !important;
}
.progress-bar.timeline.compact .is-complete:last-child::after,
.progress-bar.timeline.compact .is-active:last-child::after {
  left: -100% !important;
  -webkit-animation: progressbar2x 0.5s forwards ease-out;
  animation: progressbar2x 0.5s forwards ease-out;
}
.progress-bar.timeline.compact li:not(.is-active):first-child span {
  left: 0;
  -webkit-transform: none !important;
          transform: none !important;
  text-align: left;
}
.progress-bar.timeline.compact li:not(.is-active):first-child span::before {
  left: 10px;
}
.progress-bar.timeline.compact li:not(.is-active):last-child span {
  right: 0;
  left: auto;
  -webkit-transform: none !important;
          transform: none !important;
  text-align: left;
}
.progress-bar.timeline.compact li:not(.is-active):last-child span::before {
  left: auto;
  right: 10px;
}
.progress-bar.timeline.compact li:not(.is-active) span::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid rgba(215, 222, 227, 0.6);
  border-bottom: 0;
  border-right: 0;
  position: absolute;
  left: calc(50% - 5px);
  top: -5px;
  -webkit-transform: rotate(45deg) translate(0, 0);
          transform: rotate(45deg) translate(0, 0);
}
.progress-bar.timeline.compact li:not(.is-active) span strong {
  margin: 0 !important;
}
.progress-bar.timeline.compact li.is-active span {
  width: calc(600%);
  max-width: none;
}
.progress-bar.timeline.compact li.is-active:nth-child(2) span {
  width: calc(300%);
  margin-left: -50%;
}
.progress-bar.timeline.compact li.is-active:nth-child(3) span {
  width: calc(300%);
  margin-left: -150%;
}
.progress-bar.timeline.compact li.is-active:last-child span {
  width: calc(600%);
  margin-left: -500%;
}
.progress-bar.timeline.compact li.is-active span strong {
  font-size: 1.125rem;
}
.progress-bar.timeline.compact li.is-active span small {
  font-size: 1rem;
  line-height: 1.5;
  width: 100%;
}
.progress-bar:not(.icons) .is-active::before {
  background-color: #fff;
  border-color: #19892b;
  color: #19892b;
}
.progress-bar:not(.icons) .is-active:first-child::before {
  background-color: #fff;
  border-color: #19892b;
}
.progress-bar:not(.icons) .is-complete:first-child::before {
  background-color: #19892b;
  border-color: #19892b;
}
.progress-bar:not(.icons) .is-active:last-child::before {
  background-color: #fff;
  border-color: #19892b;
}
.progress-bar:not(.icons) .is-complete:last-child::before {
  background-color: #19892b;
  border-color: #19892b;
}
.setup-complete .progress-bar.icons li.is-complete::after,
.setup-complete .progress-bar.icons li::after,
.setup-complete .progress-bar.icons li.is-complete .icon::before,
.setup-complete .progress-bar li::before {
  display: none !important;
}
.setup-complete .progress-bar.icons {
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
  border-radius: 3px;
  padding: 0;
}
.setup-complete .progress-bar span {
  position: static;
  -webkit-transform: none;
  transform: none;
  display: block;
}
.setup-complete .progress-bar a {
  padding: 10px;
  display: block;
}
.setup-complete .progress-bar.icons .icon.twentyfour {
  position: relative;
  top: 0;
  left: 0 !important;
  -webkit-transform: none;
  transform: none;
  margin: 0 0 8px 0;
}
.setup-complete .progress-bar.icons li {
  -webkit-box-flex: inherit !important;
      -ms-flex: inherit !important;
          flex: inherit !important;
  -webkit-box-shadow: 1px 0 0 0 #d7dee3;
          box-shadow: 1px 0 0 0 #d7dee3;
}
.setup-complete .progress-bar.icons li:first-child {
  border-radius: 3px 0 0 3px;
}
.setup-complete .progress-bar.icons li:last-child {
  border-radius: 0 3px 3px 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.setup-complete .progress-bar.icons li.is-active {
  -webkit-box-shadow: 0 0 0 1px #d7dee3, inset 0 -3px 0 0 #27aa27, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px #d7dee3, inset 0 -3px 0 0 #27aa27, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  background: #fff;
}
/*
  Feedback
  Vote for me popover
  */
.whatsnext {
  display: block;
  text-align: center;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  background-color: #fff3e5;
  color: #bb4f00;
  padding: 0.3rem 0;
  font-size: 0.75rem;
  line-height: 1rem;
}
.whatsnext a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.whatsnext a:not(.btn):hover {
  text-decoration: none;
}
.scroll .tab .whatsnext,
.popover .whatsnext,
.popup .whatsnext {
  margin: -1px -20px 0 -20px;
  position: static;
  font-size: 0.875rem;
  padding: 0.5rem 0;
}
.popover .whatsnext {
  margin: 0 -15px;
  border-radius: 3px 3px 0 0;
}
.popup .whatsnext {
  border-radius: 3px 3px 0 0;
  margin: 0;
}
.popover .roadmap {
  margin: 0 -15px;
  padding: 0 15px;
}
.whatsnext i.icon {
  height: 18px;
  width: 20px;
  fill: #ee6800 !important;
  color: #ee6800 !important;
  margin: 0 4px 0 0;
}
.whatsnext .lines-button.close {
  top: 2px;
}
.roadmap {
  overflow: hidden;
  position: relative;
  pointer-events: none;
}
.scroll .roadmap {
  margin: 0 -20px;
  padding: 0 20px;
}
.sample {
  pointer-events: all;
  background: #ee6800;
  z-index: 99;
  position: absolute;
  display: block;
  text-align: center;
  width: 100px;
  height: 20px;
  line-height: 20px;
  right: -2px;
  top: -2px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: translate(20px, 20px) rotate(45deg);
          transform: translate(20px, 20px) rotate(45deg);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.625rem;
  color: #fff;
}
.tab > .sample {
  right: -22px;
}
.sample.alt {
  -webkit-transform: translate(20px, 20px) rotate(-45deg);
          transform: translate(20px, 20px) rotate(-45deg);
  left: -42px;
}
.sample a {
  color: #fff;
  text-decoration: none;
}
.sample.connected {
  content: '';
  background: url('../img/sprite.png') -1000px -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 11px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transform: none;
  transform: none;
  top: 6px;
  right: 6px;
}
.feedback {
  cursor: pointer;
}
.coming-soon .sample {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-15deg);
  transform: translate(-50%, -50%) rotate(-15deg);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  z-index: 100;
  width: 120px;
  height: auto;
  line-height: 1.2;
  padding: 8px 0;
  display: inline-block;
  border: 2px solid #ee6800;
  background: none;
  color: #ee6800;
  font-size: 1rem;
  font-weight: 600;
}
.coming-soon .sample span {
  display: block;
  font-weight: normal;
  font-size: 0.625rem;
}
.coming-soon:hover .sample {
  background: #ee6800;
  top: 30px;
  left: 30px;
  color: #fff;
  font-size: 0.625rem;
  font-weight: normal;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  padding: 2px 0;
}
.coming-soon:hover .sample span {
  display: none !important;
}
.stacked-chart {
  width: calc(100% + 40px);
  height: 224px;
  margin: -1.5rem -20px 2rem -20px;
  background: #E1E7EE;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 0.875rem;
  position: relative;
}
.stacked-chart.mini {
  height: 6px;
  width: 100%;
  overflow: hidden;
  margin: 1rem 0 0 0;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.stacked-chart.mini:hover {
  height: 224px;
}
.stacked-chart.mini .slice:hover {
  -webkit-transition: all 0.5s 0.3s, X;
  transition: all 0.5s 0.3s, X;
}
.stacked-chart .icon-info {
  position: absolute;
  bottom: -30px;
  left: 5px;
}
div.icon-info {
  width: 32px;
  height: 32px;
  padding: 10px 0;
}
div.icon-info > div {
  position: relative;
}
div.icon-info > div svg {
  margin: 0 auto;
  display: block;
}
div.icon-info .tip {
  width: 400px;
}
.icon-info .stacked-chart {
  margin: 0.5rem 0 0 0;
  width: 382px;
  overflow: hidden;
}
.icon-info .stacked-chart:hover .slice {
  min-width: 0;
  width: 0 !important;
}
.icon-info .stacked-chart:hover .slice:hover {
  min-width: 100%;
}
.stacked-chart .slice {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: all 0.5s 0.3s, X;
  transition: all 0.5s 0.3s, X;
  width: 5%;
  min-width: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 0;
  height: 100%;
  color: rgba(255, 255, 255, 0.7);
  background-color: #1D4E89;
  position: relative;
  overflow: hidden;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
.stacked-chart .slice.active {
  -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  z-index: 1;
}
.stacked-chart .slice .value {
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
  white-space: nowrap;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #ffffff;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  position: absolute;
  bottom: 0;
  left: 7px;
}
.stacked-chart .slice .message {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
  padding: 0 30px 0 42px;
  margin: 0 auto;
  text-align: center;
  width: 360px;
}
.stacked-chart .slice .message h5 {
  color: #ffffff;
  font-size: 1.125rem;
}
.stacked-chart .slice .message a {
  color: #ffffff;
  text-decoration: underline;
}
.stacked-chart .slice:nth-of-type(2) {
  background-color: #00B2CA;
}
.stacked-chart .slice:nth-of-type(3) {
  background-color: #7DCFB6;
}
.stacked-chart .slice:nth-of-type(4) {
  background-color: #1A936F;
}
.stacked-chart .slice:nth-of-type(5) {
  background-color: #F79256;
}
.stacked-chart .slice:hover {
  width: 100% !important;
  -webkit-transition: all 0.5s 0s, X;
  transition: all 0.5s 0s, X;
  min-width: 360px;
}
.stacked-chart .slice:hover .message {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.8s, X;
  transition: all 0.3s 0.8s, X;
}
.stacked-chart .slice:hover .value {
  color: rgba(255, 255, 255, 0.3);
}
.vote-pa .rangeslider__fill {
  background: #1D4E89;
}
.vote-cw .rangeslider__fill {
  background: #00B2CA;
}
.vote-ua .rangeslider__fill {
  background: #7DCFB6;
}
.vote-lm .rangeslider__fill {
  background: #1A936F;
}
.vote-f .rangeslider__fill {
  background: #F79256;
}
.pullout.sml {
  font-size: 0.875rem !important;
}
.pullout.success {
  background-color: #e6f0eb;
  color: #5b636a;
}
.pullout.field {
  background: none;
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
  margin: 0 0 1.3rem;
  overflow: hidden;
}
.pullout.field:not(.alert) .icon:not(.os) svg {
  color: #343a40;
  fill: #343a40;
}
.pullout > h6 {
  position: relative;
  z-index: 1;
}
.pullout .select {
  margin-bottom: 9px;
}
.pullout > h6 span {
  background-color: #f9f5eb;
  padding: 0 10px;
  display: inline-block;
}
.pullout .legend ul {
  font-size: 0.75rem;
  color: #d6b76b;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.7rem -3px 0 -3px;
  position: absolute;
  top: 11px;
  left: 15px;
  right: 15px;
  z-index: 0;
}
.pullout .legend ul::before {
  content: '';
  width: 100%;
  border-bottom: 1px solid #ECDEBB;
  position: absolute;
  top: 5px;
}
.pullout .legend ul li {
  background-color: #f9f5eb;
  padding: 0 10px;
  margin: 0;
}
.pullout .legend ul li:last-child {
  margin-left: auto;
}
.pullout .legend ul li::before {
  display: none !important;
}
aside .alert.pullout .alert {
  margin: -1rem -20px 1rem -20px;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  border-radius: 3px 3px 0 0;
}
/* .pullout .center small {
  font-size: 11px;
  color: darken(#ECDEBB, 20%);
  margin: 2rem 0 0 0;
} */
.pullout.outline {
  background: #fff;
}
.pullout.disabled {
  opacity: 0.48;
  filter: alpha(opacity=48);
}
.pullout.dashed {
  border: 1px dashed #d7dee3 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
.pullout.outline a:not(.btn):not(.xl)[data-toggle="collapsable"] {
  color: #19892b;
}
.pullout.trial {
  -webkit-box-shadow: inset 0 0 0 1px #ee6800;
          box-shadow: inset 0 0 0 1px #ee6800;
}
.pullout.jump {
  -webkit-animation: 0.4s jump ease 6 alternate;
          animation: 0.4s jump ease 6 alternate;
}
.pullout.pulse {
  -webkit-animation: 0.4s pullout-pulse ease 6 alternate;
          animation: 0.4s pullout-pulse ease 6 alternate;
}
.pullout.c .icon {
  position: relative;
}
.pullout.c .icon svg {
  position: relative;
  z-index: 2;
}
.pullout.c .icon::after {
  content: '';
  background: #fff;
  width: 16px;
  height: 16px;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
  top: 0;
}
.pullout.c .icon::before {
  content: '';
  background: #19892b;
  width: 16px;
  height: 16px;
  position: absolute;
  border-radius: 50%;
  top: 0;
  z-index: 0;
}
.pullout.c div {
  position: relative;
  z-index: 2;
}
@-webkit-keyframes pullout-grow {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background: #19892b;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff;
  }
  99% {
    -webkit-transform: scale(100);
            transform: scale(100);
    background: #19892b;
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes pullout-grow {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background: #19892b;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff;
  }
  99% {
    -webkit-transform: scale(100);
            transform: scale(100);
    background: #19892b;
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pullout-grow-text {
  0% {
    color: #fff;
  }
  90% {
    color: #fff;
  }
  100% {
    color: #5b636a;
  }
}
@keyframes pullout-grow-text {
  0% {
    color: #fff;
  }
  90% {
    color: #fff;
  }
  100% {
    color: #5b636a;
  }
}
.pullout.c.grow div {
  -webkit-animation: 0.8s pullout-grow-text ease forwards;
          animation: 0.8s pullout-grow-text ease forwards;
}
.pullout.c.grow .icon::before {
  -webkit-animation: 1s pullout-grow ease forwards;
          animation: 1s pullout-grow ease forwards;
}
.backlog ul {
  position: relative;
  display: block;
  height: 3px;
  margin: 100px 0 2rem 0;
  background: #ECDEBB;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.backlog ul::after {
  right: 0;
  top: -1px;
  position: absolute;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#f9f5eb));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f9f5eb 100%);
  height: 6px;
  width: 40px;
}
.backlog li:not(.remaining) {
  position: relative;
  width: calc(100%/5);
  -webkit-transition: all 0.5s, X;
  transition: all 0.5s, X;
}
.backlog li.remaining {
  position: absolute;
  right: 0;
}
.backlog li h6 {
  white-space: nowrap;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  color: #6f777f;
  font-size: 0.75rem;
  text-transform: none;
  letter-spacing: 0;
  position: absolute;
  top: -13px;
  left: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.backlog li .pts {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  color: #6f777f;
  opacity: 0.6;
  filter: alpha(opacity=60);
  font-size: 0.75rem;
  position: relative;
  top: 8px;
  left: -1px;
  width: 13px;
  display: block;
  text-align: center;
}
.backlog li.remaining .pts {
  width: auto;
}
.backlog li.active h6,
.backlog li.active .pts {
  color: #19892b;
}
.backlog li.inserting h6,
.backlog li.inserting .pts,
.backlog li.inserting i {
  -webkit-transition: all 0.3s 2s, X;
  transition: all 0.3s 2s, X;
  opacity: 0;
  filter: alpha(opacity=0);
}
.backlog i {
  content: "";
  position: absolute;
  top: -4px;
  left: -1px;
  display: block;
  width: 12px;
  height: 12px;
  background-color: #f9f5eb;
  border-radius: 50%;
}
.backlog i::before {
  content: '';
  background: url('../img/sprite.png') -1400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 8px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.backlog li.active i::before {
  content: '';
  background: url('../img/sprite.png') -1500px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 8px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.backlog li.active i::after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  top: 2px;
  left: 3px;
  border-radius: 50%;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: transparent;
  -webkit-animation: backlog-pulse 2s infinite;
  animation: backlog-pulse 2s infinite;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.backlog li.moving,
.backlog li.inserting {
  width: 0;
}
.backlog li.moving i::after,
.backlog li.inserting i::after {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.backlog li.moving h6,
.backlog li.moving i,
.backlog li.moving .pts {
  opacity: 0;
  filter: alpha(opacity=0);
}
.backlog .tip {
  top: 100%;
  bottom: auto;
}
.backlog .tip::before {
  top: -5px;
  bottom: auto;
  border-bottom: 0;
  border-right: 0;
  border-left: 1px solid rgba(215, 222, 227, 0.6);
  border-top: 1px solid rgba(215, 222, 227, 0.6);
}
.backlog i:hover .tip {
  -webkit-transform: translate(0, 8px);
          transform: translate(0, 8px);
}
.legend.br {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
}
.legend li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  line-height: 1;
}
.legend li .label,
.recharts-legend-item-text {
  font-size: 0.875rem;
  color: #5b636a !important;
  display: block;
  margin: 0 0 9px;
}
.recharts-legend-item-text {
  display: inline-block;
}
.legend .label {
  padding-left: 18px;
  position: relative;
  display: block;
  line-height: 1;
  margin: 0;
}
.legend .label::before {
  position: absolute;
  left: 0;
  top: 1px;
  content: '';
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #343a40;
}
.legend .legend-month .label::before {
  background-color: #bfd9cc;
  border-radius: 0;
}
.legend .legend-black .label::before {
  background-color: #343a40;
}
.legend .legend-copy .label::before {
  background-color: #FFB100;
}
.legend .legend-print .label::before {
  background-color: #19892b;
}
.legend .legend-scan .label::before {
  background-color: #33C1AF;
}
.legend .legend-fax .label::before {
  background-color: #5C6AC4;
}
.preview .legend {
  text-align: left;
  font-size: 0.875rem;
  display: inline-block;
  max-width: 232px;
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
  border-radius: 3px;
  padding: 0.333rem 0.532rem;
  margin: 0 auto 0.5rem;
}
.preview .legend a {
  text-align: center;
  padding: 0.2rem 0.532rem;
  margin: -0.333rem -0.532rem;
  color: #6f777f;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.625rem;
  text-decoration: none;
}
.preview .legend.visible a {
  background: #E1E7EE;
}
.preview .legend ul {
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s 0.3s, opacity 0.3s 0s;
  transition: all 0.3s 0.3s, opacity 0.3s 0s;
  opacity: 0;
  filter: alpha(opacity=0);
}
.preview .legend.visible ul {
  padding-top: 0.5rem;
  max-height: 120px;
  max-width: 232px;
  opacity: 1;
  filter: alpha(opacity=100);
  margin-top: 0.3rem;
  -webkit-transition: all 0.3s, opacity 0.3s 0.3s;
  transition: all 0.3s, opacity 0.3s 0.3s;
}
.preview .legend li,
.legend.ver li {
  display: block;
  margin: 0;
  margin-bottom: 3px;
  text-align: left;
}
.preview .legend .label::before {
  width: 8px;
  height: 8px;
  top: 3px;
}
.preview .legend li.legend-warning .label::before {
  background-color: #FFB100;
}
.preview .legend li.legend-released .label::before {
  background-color: #19892b;
}
.preview .legend li.legend-stopped .label::before {
  background-color: #EA235F;
}
.search,
.entry {
  position: relative;
  margin-right: 20px;
  min-width: 200px;
  display: inline-block;
}
.search input[type=search]::-webkit-search-cancel-button {
  position: relative;
  -webkit-appearance: none;
  height: 13px;
  width: 13px;
  background: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.6968 6.4248C8.64093 6.36906 8.5966 6.30285 8.56635 6.22996C8.5361 6.15706 8.52053 6.07892 8.52053 6C8.52053 5.92108 8.5361 5.84293 8.56635 5.77004C8.5966 5.69714 8.64093 5.63093 8.6968 5.5752L12.736 1.536C12.895 1.36539 12.9815 1.13973 12.9774 0.906569C12.9733 0.673408 12.8788 0.450945 12.7139 0.28605C12.5491 0.121154 12.3266 0.0266998 12.0934 0.0225859C11.8603 0.018472 11.6346 0.10502 11.464 0.263996L7.4248 4.3032C7.36907 4.35907 7.30286 4.4034 7.22996 4.43365C7.15707 4.4639 7.07892 4.47947 7 4.47947C6.92108 4.47947 6.84294 4.4639 6.77004 4.43365C6.69715 4.4034 6.63094 4.35907 6.5752 4.3032L2.536 0.263996C2.36539 0.10502 2.13974 0.018472 1.90658 0.0225859C1.67342 0.0266998 1.45095 0.121154 1.28606 0.28605C1.12116 0.450945 1.02671 0.673408 1.02259 0.906569C1.01848 1.13973 1.10503 1.36539 1.264 1.536L5.3032 5.5752C5.35908 5.63093 5.40341 5.69714 5.43366 5.77004C5.46391 5.84293 5.47948 5.92108 5.47948 6C5.47948 6.07892 5.46391 6.15706 5.43366 6.22996C5.40341 6.30285 5.35908 6.36906 5.3032 6.4248L1.264 10.464C1.17558 10.5464 1.10466 10.6458 1.05547 10.7562C1.00628 10.8666 0.979827 10.9857 0.977694 11.1066C0.975562 11.2274 0.997792 11.3474 1.04306 11.4595C1.08832 11.5716 1.1557 11.6734 1.24116 11.7588C1.32662 11.8443 1.42842 11.9117 1.54049 11.9569C1.65255 12.0022 1.77259 12.0244 1.89343 12.0223C2.01427 12.0202 2.13345 11.9937 2.24385 11.9445C2.35425 11.8953 2.45361 11.8244 2.536 11.736L6.5752 7.6968C6.63094 7.64092 6.69715 7.59659 6.77004 7.56634C6.84294 7.53609 6.92108 7.52052 7 7.52052C7.07892 7.52052 7.15707 7.53609 7.22996 7.56634C7.30286 7.59659 7.36907 7.64092 7.4248 7.6968L11.464 11.736C11.6346 11.895 11.8603 11.9815 12.0934 11.9774C12.3266 11.9733 12.5491 11.8788 12.7139 11.7139C12.8788 11.549 12.9733 11.3266 12.9774 11.0934C12.9815 10.8603 12.895 10.6346 12.736 10.464L8.6968 6.4248Z" fill="%235B636A"/></svg>');
}
.rgt .search,
.flex-grow + .search,
aside .search,
.search.dropdown,
.search.fp {
  margin-right: 0;
}
.search.autocomplete {
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3, inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
          box-shadow: inset 0 0 0 1px #d7dee3, inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
  border-radius: 3px;
  padding: 0.375rem 0 0 0.375rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: auto;
  background: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.search.autocomplete .entry {
  margin: -0.375rem 0 0 -0.375rem;
  padding: 0.375rem 0 0 0.375rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search.autocomplete input[type=search] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  margin: -0.375rem 0 0 -0.375rem;
  max-width: none;
  height: auto;
  padding: 0.875rem 1rem;
  border-radius: 3px;
}
.search.autocomplete.focus {
  -webkit-box-shadow: inset 0 0 0 1px #C4CDD5;
          box-shadow: inset 0 0 0 1px #C4CDD5;
}
.search.autocomplete.dropdown .entry {
  color: #6f777f;
  margin: -0.375rem 0 0 -0.375rem;
  padding-right: 2rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% + .375rem);
  max-width: calc(100% + .375rem);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px rgba(142, 149, 158, 0.5);
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px rgba(142, 149, 158, 0.5);
}
.search.autocomplete.dropdown.icons .entry .icon {
  height: 18px;
  margin: -2px 0 0 4px;
}
.search.dropdown .entry::after {
  content: '';
  background: url('../img/sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, calc(-50% + 1px));
  transform: translate(0, calc(-50% + 1px));
}
.search .results {
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  border-radius: 0 0 3px 3px;
  position: absolute;
  top: calc(100% - 1px);
  left: 1px;
  width: calc(100% - 2px);
  z-index: 5;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px 0 rgba(33, 43, 54, 0.08);
          box-shadow: 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px 0 rgba(33, 43, 54, 0.08);
}
.search .results.t {
  top: auto;
  bottom: calc(100% - 1px);
  border-radius: 3px 3px 0 0;
}
.search .results .type {
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  padding: 0.5rem 0;
}
.search .results .type:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.search .results .type h5,
.search .results .type .sticky {
  margin: -0.5rem 0 0 0;
  padding: 0.5rem 1rem;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 5;
}
.search .results .type .sticky {
  -webkit-box-shadow: 0 1px 0 0 #d7dee3;
          box-shadow: 0 1px 0 0 #d7dee3;
}
.search .results .type .sticky + ul {
  margin-top: 0.5rem;
}
.search.icons .results .type .selected a::after {
  content: '';
  background: url('../img/sprite.png') -597px -796px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.search.icons .results .type .icon {
  height: 18px;
  margin: 0 0 0 6px !important;
  color: #5b636a;
}
.search:not(.icons) .results .type li a,
.search:not(.icons) .results .type .not-found {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  line-height: 1.25rem;
  padding: 0.25rem 2.5rem 0.25rem 1rem;
  color: #6f777f;
  text-decoration: none;
  word-break: break-all;
}
.search:not(.icons) .results .type li li a {
  padding: 0.25rem 2.5rem 0.25rem;
}
.search:not(.icons) .results .type li a:hover {
  color: #19892b;
}
.search.no-preview .results .type a {
  padding: 0.25rem 1rem;
}
.search .results .type a:hover {
  color: #19892b;
}
.search .results .type a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translate(0, -7px);
  transform: translate(0, -7px);
  z-index: 0;
}
.search.icons .results .type li {
  margin-bottom: 0;
}
.search.icons .results .type li a {
  text-decoration: none;
  display: block;
  color: inherit;
}
.search.icons .results .type li a:hover {
  color: #19892b;
}
.search.icons .type li {
  padding: 0.268rem 0;
}
.search .results .type li:last-child {
  margin: 0;
}
.search .results .type .avatar {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.search .results .type .icon-online,
.search .results .type .icon-warning,
.search .results .type .icon-error,
.search .results .type .icon-disabled {
  margin-right: 10px;
}
.search .results .type.printers .avatar {
  background: #BABFC4;
}
.search .results .type.printers .avatar::before {
  content: '';
  background: url('../img/sprite.png') -600px 0 no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
}
.search.finding .results {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  overflow: auto;
  max-height: 240px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, white), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white)) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}
.search.autocomplete.finding input[type=search] {
  border-radius: 3px 3px 0 0;
}
.search .loader,
.entry .loader {
  left: auto;
  right: 2rem;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.search.loading .loader,
.entry.loading .loader {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 2;
}
.filter {
  margin: 0 0 0.5rem 0;
  position: relative;
  display: inline-block;
}
.filter .popover {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(-50%, 0) scale(1);
  transform: translate(-50%, 0) scale(1);
  -webkit-transition: all 0.15s, X;
  transition: all 0.15s, X;
}
.filter.active .popover {
  -webkit-transition: 0s, X;
  transition: 0s, X;
}
.filter.on {
  height: auto;
}
.filter.on::after {
  content: '';
  background: #19892b;
  width: 8px;
  height: 8px;
  -webkit-box-shadow: 0 0 0 3px #EFF3F7;
          box-shadow: 0 0 0 3px #EFF3F7;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 31px;
}
.filter .btn {
  font-family: 'Source Sans Pro', sans-serif;
}
.filter .btn label {
  padding-right: 0.25rem;
}
.filter.on[data-type="popup-filters"]::after {
  display: none !important;
}
.filter:has(.has-select):not(.on) .btn.has-select {
  background: none;
}
.funnel,
.btn.funnel {
  border-radius: 50%;
  content: '';
  background: url('../img/sprite.png') -785px -582px no-repeat;
  height: 0;
  overflow: hidden;
  width: 48px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  padding-bottom: 0;
  background-color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.funnel.sml,
.btn.funnel.sml {
  content: '';
  background: url('../img/sprite.png') -789px -585px no-repeat;
  height: 0;
  overflow: hidden;
  width: 40px;
  padding-top: 40px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #fff;
}
.funnel.sml:hover,
.btn.funnel.sml:hover {
  content: '';
  background: url('../img/sprite.png') -789px -585px no-repeat;
  height: 0;
  overflow: hidden;
  width: 40px;
  padding-top: 40px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px rgba(142, 149, 158, 0.5);
          box-shadow: inset 0 0 0 1px rgba(142, 149, 158, 0.5);
}
.filter.disabled .funnel {
  pointer-events: none;
  background-color: transparent;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.empty .funnel,
.empty .funnel:hover {
  border-radius: 0;
  content: '';
  background: url('../img/sprite.png') -800px -600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 18px;
  padding-top: 12px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-right: 20px;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.funnel:hover,
.btn.funnel:hover {
  content: '';
  background: url('../img/sprite.png') -785px -582px no-repeat;
  height: 0;
  overflow: hidden;
  width: 48px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px rgba(142, 149, 158, 0.5);
          box-shadow: inset 0 0 0 1px rgba(142, 149, 158, 0.5);
}
.filter-title.sep {
  text-align: left !important;
  padding-left: 0;
  color: #343a40;
  overflow: auto;
}
.filter-title.sep::before {
  top: 50%;
}
.filter-title.sep > span {
  background: #EFF3F7;
  padding-left: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.filter-title .tag {
  font-weight: normal;
  margin: 0 0 0 10px !important;
  padding-left: 0.75rem !important;
}
.enviro {
  height: 48px;
  padding: 0.875rem;
}
.enviro.btn svg {
  margin: 0;
  fill: #CDD2D9;
}
.enviro.btn.active svg {
  fill: #19892b;
}
.popover {
  -webkit-transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  padding: 0 1rem 1px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  border-radius: 3px;
  position: absolute;
  top: calc(100%);
  left: 50%;
  z-index: 5;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.95);
  width: 400px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.024);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.024);
  -webkit-transform: translate(-50%, 0) scale(0.85);
  transform: translate(-50%, 0) scale(0.85);
  /*  max-height: 480px;
  overflow: auto; */
}
.popover[data-type=filter-sidesheet] {
  top: 10px;
  bottom: auto;
  left: auto;
  right: 10px;
  border-radius: 3px;
  -webkit-transform: translate(calc(100% + 10px), 0);
  transform: translate(calc(100% + 10px), 0);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  overflow: auto;
  max-height: none;
  background: rgba(255, 255, 255, 0.95);
}
.active .popover[data-type=filter-sidesheet] {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.024);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.024);
}
.popover[data-type=filter-sidesheet] form {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: 100%;
}
.popover[data-type=filter-sidesheet]::after {
  display: none !important;
}
.popover[data-type=filter-sidesheet] footer {
  position: sticky;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  bottom: 0;
  z-index: 2;
  background: none;
}
.popover.bl {
  -webkit-transform: translate(0, 0) scale(0.85);
  transform: translate(0, 0) scale(0.85);
  left: 0;
}
.popover.sml {
  width: 240px;
}
.active .popover {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(-50%, 0) scale(1);
  transform: translate(-50%, 0) scale(1);
  z-index: 98;
}
.active .popover.bl {
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
li.Mui-disabled {
  background: transparent !important;
}
.popover.bl::after {
  left: 10px;
}
.popover form header {
  padding: 1rem 1rem 0 1rem !important;
  margin: 0 -1rem;
}
.popover form > .row,
.popover .content > .row {
  padding: 1rem !important;
  margin: 0 -1rem !important;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
.popover .select:not(.fp),
.popover .multi-field {
  width: calc(50% - 20px);
  margin: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.popover .search.autocomplete {
  margin: 0;
  width: 100%;
}
.popover input.sml {
  margin: 0 0.5rem 0 0;
}
.page > header .popover .col,
.page-heading .popover .col {
  margin-bottom: 0;
}
body:not(.page-grows) main .popover .option-list li:not(.active) {
  background: #f5f7fa;
}
.popover footer {
  padding: 1rem;
  height: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  border-radius: 0 0 3px 3px;
  font-size: 1rem;
  background: #f5f7fa;
  margin: 0 -15px;
  width: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: sticky;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  bottom: 0;
  z-index: 2;
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
.popover footer .btn {
  margin-left: 10px;
  padding: 0.625rem 0.8rem;
}
.popover footer a:not(.btn) {
  padding: 0.625rem 0.8rem;
  padding: 0;
  margin-right: auto;
}
.table {
  position: relative;
}
.table.alt .row {
  margin: 0;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.content .table:not(.alt) h6 {
  text-align: left;
  margin-bottom: 0.3rem;
}
.table.alt .thead h6 {
  margin: 0;
  padding: 0.8rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.table.alt .thead h6 .icon {
  margin: -2px 5px;
}
.table.alt .thead h5 {
  margin-bottom: 0.5rem;
  width: 100%;
}
.table.alt .thead small {
  margin-top: auto;
  padding-top: 0.5rem;
}
.table.alt .thead .col {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
}
.table.alt .thead .col.selected {
  z-index: 1;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: inset -1px 1px 0 0 #d7dee3, -1px 0 0 0 #d7dee3;
          box-shadow: inset -1px 1px 0 0 #d7dee3, -1px 0 0 0 #d7dee3;
  background-color: #e7f3ec;
  border-radius: 3px 3px 0 0;
}
.table.alt .thead .col.selected h6 {
  color: #005824;
}
.table.alt .thead .col.selected .th {
  -webkit-box-shadow: inset 0 1px 0 0 #d7dee3 !important;
          box-shadow: inset 0 1px 0 0 #d7dee3 !important;
}
.table.alt .thead .th {
  width: 100%;
  -webkit-box-shadow: inset -1px 1px 0 0 #d7dee3;
          box-shadow: inset -1px 1px 0 0 #d7dee3;
  padding: 0.8rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.table.alt .thead .col:nth-child(2) .th {
  border-radius: 3px 0 0 0;
  -webkit-box-shadow: inset -1px 1px 0 0 #d7dee3, -1px 0 0 0 #d7dee3;
          box-shadow: inset -1px 1px 0 0 #d7dee3, -1px 0 0 0 #d7dee3;
}
.table.alt .thead .col:last-child .th {
  border-radius: 0 3px 0 0;
}
.table.alt .tbody {
  max-height: 320px;
  overflow: auto;
  -webkit-box-shadow: inset 0 -1px 0 0 #d7dee3, inset 0 1px 0 0 #d7dee3;
          box-shadow: inset 0 -1px 0 0 #d7dee3, inset 0 1px 0 0 #d7dee3;
  border-radius: 3px 0 3px 3px;
}
.table.alt .tbody .row .col {
  padding: 0.5rem 0.8rem;
  -webkit-box-shadow: inset -1px -1px 0 0 #d7dee3;
          box-shadow: inset -1px -1px 0 0 #d7dee3;
  margin: 0;
}
.table.alt .tbody .row .col.selected {
  background-color: #e7f3ec;
  -webkit-box-shadow: inset -1px 0 0 0 #d7dee3, inset 0 -1px 0 0 #d7dee3, -1px 0 0 0 #d7dee3, 5px 10px 15px 0 rgba(50, 50, 93, 0.1), -5px 10px 15px 0 rgba(50, 50, 93, 0.1) !important;
          box-shadow: inset -1px 0 0 0 #d7dee3, inset 0 -1px 0 0 #d7dee3, -1px 0 0 0 #d7dee3, 5px 10px 15px 0 rgba(50, 50, 93, 0.1), -5px 10px 15px 0 rgba(50, 50, 93, 0.1) !important;
}
.table.alt .tbody .row .col .icon {
  margin: -4px 5px 0 5px;
  display: inline-block;
}
.table.alt .tbody .row:first-child .col {
  -webkit-box-shadow: inset -1px -1px 0 0 #d7dee3, inset 0 1px 0 0 #d7dee3;
          box-shadow: inset -1px -1px 0 0 #d7dee3, inset 0 1px 0 0 #d7dee3;
}
.table.alt .tbody .row:first-child .col:first-child {
  border-radius: 3px 0 0 0;
  -webkit-box-shadow: inset -1px -1px 0 0 #d7dee3, inset 1px 1px 0 0 #d7dee3;
          box-shadow: inset -1px -1px 0 0 #d7dee3, inset 1px 1px 0 0 #d7dee3;
}
.table.alt .tbody .row:first-child .col.selected {
  -webkit-box-shadow: inset -1px 0 0 0 #d7dee3, inset 0 1px 0 0 #d7dee3, inset 0 -1px 0 0 #d7dee3, -1px 0 0 0 #d7dee3, 5px 10px 15px 0 rgba(50, 50, 93, 0.1), -5px 10px 15px 0 rgba(50, 50, 93, 0.1) !important;
          box-shadow: inset -1px 0 0 0 #d7dee3, inset 0 1px 0 0 #d7dee3, inset 0 -1px 0 0 #d7dee3, -1px 0 0 0 #d7dee3, 5px 10px 15px 0 rgba(50, 50, 93, 0.1), -5px 10px 15px 0 rgba(50, 50, 93, 0.1) !important;
}
.table.alt .tbody .row .col:first-child {
  -webkit-box-shadow: inset -1px -1px 0 0 #d7dee3, inset 1px 0 0 0 #d7dee3;
          box-shadow: inset -1px -1px 0 0 #d7dee3, inset 1px 0 0 0 #d7dee3;
}
.table.alt .tbody .row:last-child .col:last-child {
  border-radius: 0 0 3px 0;
}
.table:not(.alt) .row:not(:last-child) {
  margin-bottom: 0.5rem !important;
}
.table.alt .toast {
  position: absolute;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #ffebe3;
  color: #bf2348;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5), 0 0 20px 0 rgba(0, 0, 0, 0.12) !important;
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5), 0 0 20px 0 rgba(0, 0, 0, 0.12) !important;
}
.table.alt .toast.visible {
  bottom: 10px;
}
.table.alt .toast i {
  margin: 0 10px 0 0;
}
.tabs {
  width: 100%;
  margin: 1rem 0 -0.5rem;
  font-size: 1rem;
  line-height: 1.25;
}
.tabs ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
}
.tabs li i.icon:not(.push) {
  margin: 0 0 0.3rem 0;
  color: #343a40;
}
.tabs .has-sub {
  position: static;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.has-sub.active {
  padding-bottom: 60px;
}
.has-sub.active.dh {
  padding-bottom: 120px;
}
.has-sub ul {
  width: calc(100% + 40px);
  position: absolute;
  left: 0;
  background: #E4F0EB;
  -webkit-box-shadow: inset 0 0 10px 0 rgba(48, 88, 96, 0.3);
          box-shadow: inset 0 0 10px 0 rgba(48, 88, 96, 0.3);
  margin: 0 -20px;
  height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: height 0.3s ease-in-out, X;
  transition: height 0.3s ease-in-out, X;
}
.has-sub.active ul {
  height: 60px;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.has-sub.active.dh ul {
  height: 120px;
}
.tabs .has-sub li {
  padding: 6px;
  margin: 0 0 -6px 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out 0.3s, X;
  transition: opacity 0.3s ease-in-out 0.3s, X;
  font-size: 0.875rem;
  width: 50%;
}
.tab-summary {
  font-size: 0.875rem;
  padding: 0.8rem 20px;
  margin: 0 -20px;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
.tabs .has-sub.active > a {
  -webkit-box-shadow: inset 0 -3px 0 0 #19892b;
          box-shadow: inset 0 -3px 0 0 #19892b;
  color: #fff;
}
.tabs .has-sub li h5 {
  font-size: 1rem;
}
.tabs .has-sub li:last-child {
  border: 0;
}
.has-sub.active li {
  opacity: 1;
  filter: alpha(opacity=100);
}
.has-sub.active li.active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tabs .has-sub li a {
  z-index: 1;
  height: 100%;
  padding: 10px 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5b636a;
  -webkit-box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.08), -1px 0 0 0 rgba(0, 0, 0, 0.08);
          box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.08), -1px 0 0 0 rgba(0, 0, 0, 0.08);
}
/* aside.scrolling .has-sub.active {
  padding-bottom: 40px;
}

aside.scrolling .has-sub.active ul {
  height: 40px;
}

aside.scrolling .has-sub.active li.active {
  .box-shadow(inset 0 -1px 0 0 rgba(215, 222, 227, 0.5));
}

aside.scrolling .tabs .has-sub li a h5 {
  margin: 0;
}

aside.scrolling .tabs .has-sub li a span,
aside.scrolling .tabs .has-sub li a img {
  .opacity(0);
  max-height: 0;
  position: absolute;
}

*/
.tabs:not(.alt) .has-sub li a:hover {
  color: #5b636a;
}
.tabs .has-sub li a img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 1rem;
}
.tabs .has-sub li a h5 {
  color: #343a40;
  margin: 0 0 0.3rem 0;
}
.tabs .has-sub li.active a {
  background: #fff;
  border-radius: 3px 3px 0 0;
  color: #5b636a;
}
.seal {
  position: absolute;
  height: 84px;
  width: 80px;
  top: 0;
  left: 0;
  overflow: hidden;
}
.seal .sample.connected {
  background: #ee6800;
  top: 25px;
  left: 25px;
  color: #fff;
  font-size: 0.625rem;
  font-weight: normal;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  padding: 2px 0;
  position: absolute;
  z-index: 100;
  width: 100px;
  height: auto;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.33px;
}
/* .has-sub li a.app-ss::before {
  .sprite(-400px, -1800px, 154px, 32px);
  margin: auto;
}

.has-sub li a.app-er::before {
  .sprite(-600px, -1800px, 152px, 32px);
  margin: auto;
  } */
[role="tablist"] button:focus {
  background: none !important;
}
.tabs.center ul {
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  margin: 0 0 2rem 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.tabs li {
  margin-right: 20px;
}
.tabs.equal li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  width: 50%;
}
.tabs.center li {
  margin: 0 1rem;
}
.tabs li a {
  padding: 0.75rem 0;
  display: block;
  color: rgba(255, 255, 255, 0.7);
  position: relative;
  text-decoration: none !important;
}
.tabs li a div:not(.flex) .icon {
  margin-bottom: 0.5rem;
}
.tabs li a .flex h5 {
  margin: 0;
}
.tabs li a small.blk {
  margin: 0 0 0.3rem;
}
.tabs.underline {
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
.tabs.alt li a {
  color: #6f777f;
}
.tabs.alt li a:hover {
  color: #6f777f;
}
.tabs li.active {
  -webkit-box-shadow: inset 0 -3px 0 0 #19892b;
          box-shadow: inset 0 -3px 0 0 #19892b;
  color: #ffffff;
}
.tabs li.active > a,
.tabs li.active > a:hover {
  color: #fff;
}
.tabs.alt li.active > a,
.tabs.alt li.active > a:hover {
  color: #19892b;
}
.tabs.alt li.active {
  -webkit-box-shadow: inset 0 -3px 0 0 #19892b;
          box-shadow: inset 0 -3px 0 0 #19892b;
}
.tabs.pill li {
  margin-right: 0.5rem;
}
.tabs.pill li i.icon {
  margin: 0 0.75rem 0 0 !important;
}
.tabs.pill li.active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tabs.pill li a {
  padding: 0.875rem 1rem;
  border-radius: 4px;
}
.tabs.pill li.active a {
  background-color: #e7f3ec;
  color: #19892b !important;
}
.tabs.pill li.active a .icon {
  color: #19892b;
  fill: #19892b;
}
.tabs:not(.alt) li a:hover {
  color: #fff;
}
.tabs li.unread a::before {
  content: '';
  background: #ee6800;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  right: -9px;
}
.tab {
  min-height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
.tab-step {
  padding: 20px 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.tab-step #link-account,
.popup #link-account {
  margin: 0;
}
.tab-step[tab-step=config] {
  padding: 0 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 -20px;
}
.tab-step[tab-step=config] > .col {
  padding: 20px 15px 0 15px;
}
aside .list > h5 {
  position: sticky;
  top: 0;
  padding: 0.5rem 20px;
  margin: 0 -20px;
  background: #fff;
  z-index: 7;
  -webkit-box-shadow: inset 0 -1px 0 0 #dce0e5;
          box-shadow: inset 0 -1px 0 0 #dce0e5;
}
#tab-activity .condensed ul {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.tab .col.msg {
  padding-right: 0;
}
.tab > .row {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 -20px;
}
header .tabs {
  margin-top: 0;
}
header .tabs h5 {
  margin: 0;
}
main .tabs {
  margin: 0;
  border-bottom: 1px solid #d7dee3;
}
main .tabs li a {
  padding: 1rem 0 0.75rem;
}
.tabs.segments {
  padding: 0.25rem;
  margin: 0;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  border: 0;
  background: #f8f9fa;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3px;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: auto;
}
.segments li {
  margin: 0;
  text-align: center;
  -webkit-box-shadow: -1px 0 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: -1px 0 0 0 rgba(215, 222, 227, 0.5);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex: 1;
      flex: 1;
}
.segments li:first-child {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.segments li a,
.segments li label span {
  line-height: 1.25rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
  text-decoration: none;
  padding: 0.5rem 0.75rem !important;
  position: relative;
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.segments li a img {
  margin: 0 0 0 6px;
  display: inline-block;
  vertical-align: middle;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.segments li label {
  margin: 0;
}
.segments li.active:not(:first-child) {
  -webkit-box-shadow: inset 1px 0 0 0 rgba(215, 222, 227, 0.5) !important;
          box-shadow: inset 1px 0 0 0 rgba(215, 222, 227, 0.5) !important;
}
.segments li.active a,
.tabs.segments li.active a,
.tabs.segments li.active a:hover {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3, 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 0 1px #d7dee3, 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
  color: #343a40;
  border-radius: 3px;
}
.segments li.active a img {
  opacity: 1;
  filter: alpha(opacity=100);
}
aside .tab footer {
  background: #fff;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
  margin-top: auto;
}
.tag:not(.token) {
  font-size: 0.875rem;
  border-radius: 3px;
  color: #6f777f;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  max-width: 100%;
  position: relative;
  padding: 0.5rem 2rem 0.5rem 47px;
  margin: 0 0.375rem 0.375rem 0;
  white-space: nowrap;
}
.tag.group {
  background-color: #f8f9fa !important;
}
.tag.no-icon {
  padding-left: 0.532rem;
}
.dropdown .tag {
  padding: 0.5rem 0.75rem;
}
.no-preview .tag {
  padding: 0.5rem 2rem 0.5rem 0.75rem;
}
.tag[data-type=inherited] {
  background: #F4F6F9;
}
.tag .avatar {
  /* stylelint-disable-next-line property-no-unknown */
  aspect-ratio: 1;
  width: auto;
  height: 100%;
  padding: 0.5rem 0;
  position: absolute;
  line-height: 1.5;
  left: 0;
  top: 0;
  border-radius: 3px 0 0 3px;
  -webkit-box-shadow: 1px 0 0 0 #d7dee3 !important;
          box-shadow: 1px 0 0 0 #d7dee3 !important;
  color: #6f777f !important;
  background: none !important;
  overflow: hidden;
}
.tag .avatar img {
  border-radius: 0;
}
.tag .avatar svg {
  width: 16px;
}
.tag i[class^='icon-'] {
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.tag .remove {
  content: '';
  background: url('../img/sprite.png') -800px 1px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, calc(-4px));
  transform: translate(0, calc(-4px));
  -webkit-box-shadow: none;
          box-shadow: none;
}
i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
i.inl {
  margin-right: 4px !important;
}
i.icon {
  margin-bottom: 1rem;
}
i.icon-exclaim {
  color: #ee6800 !important;
}
i.icon.pass {
  color: #19892b !important;
}
i.icon.fail {
  color: #ab1d46 !important;
}
.icon .num {
  background: #19892b;
  border-radius: 10px;
  margin-left: auto;
  font-size: 0.75rem;
  line-height: 19px;
  color: #fff;
  padding: 0 7px;
  height: 20px;
  position: absolute;
  right: -10px;
  top: -5px;
}
h5 i.icon.twenty {
  margin-right: 8px;
}
.icon svg {
  height: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.icon.fill svg {
  fill: currentColor;
}
.icon.eight {
  width: 8px;
  height: 8px;
}
.icon.twelve {
  width: 12px;
  height: 12px;
  margin: 0;
}
.icon.sixteen {
  width: 16px;
  height: 16px;
  margin: 0;
}
.icon.twentyfour,
.icon.outline.twentyfour {
  width: 24px;
  height: 24px;
  margin: 0;
}
.icon.thirtytwo,
.icon.outline.thirtytwo {
  width: 32px;
  height: 32px;
  margin: 0;
}
.icon.forty,
.icon.outline.forty {
  width: 40px;
  height: 40px;
  padding: 0;
}
.icon.fortyeight,
.icon.outline.fortyeight {
  width: 48px;
  height: 48px;
  margin: 0 auto 1rem auto;
}
.icon.fiftysix {
  width: 56px;
  height: 56px;
  margin: 0 auto 1rem auto;
}
.icon.seventytwo,
.icon.outline.seventytwo {
  width: 72px;
  height: 72px;
  margin: 0 auto 1rem auto;
}
.icon.logo {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  background: #fff;
  color: #253031;
  width: 72px !important;
  height: 72px !important;
  padding: 18px;
  margin-bottom: 0;
  border-radius: 50%;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
}
.icon.logo.xl {
  width: 144px !important;
  height: 144px !important;
  padding: 36px;
}
.icon.logo img {
  height: auto;
}
.icon.watermark {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, 10px);
  transform: translate(50%, 10px);
  opacity: 0.2;
  filter: alpha(opacity=20);
  margin: 0 !important;
}
.card .icon.watermark {
  width: 96px;
  height: 96px;
  opacity: 0.3;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
  z-index: 0;
  margin: 0 !important;
  color: #b5bbc1;
}
.card .icon.watermark.cr {
  top: 50%;
  -webkit-transform: translate(25%, -50%);
          transform: translate(25%, -50%);
}
.card .icon.watermark svg {
  fill: none;
  vector-effect: non-scaling-stroke;
}
.icon.subdued {
  color: #b5bbc1 !important;
  fill: #b5bbc1 !important;
}
.icon.hive::before {
  content: '';
  background: url('../img/sprite.png') -400px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 35px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: auto;
}
.icon.papercut::before {
  content: '';
  background: url('../img/sprite.png') -400px -1700px no-repeat;
  height: 0;
  overflow: hidden;
  width: 24px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: auto;
}
.icon.split {
  color: #b5bbc1;
  margin: 0 10px !important;
}
.icon.circle {
  border-radius: 50%;
}
.icon.success {
  background: #19892b;
  color: #fff;
}
.icon.squircle {
  background: #19892b;
  color: #fff;
  width: 72px !important;
  height: 72px !important;
  padding: 12px;
  margin: 0 auto 0.8rem auto;
  border-radius: 24px;
}
.icon.squircle.velvet {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px rgba(215, 222, 227, 0.7);
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px rgba(215, 222, 227, 0.7);
  color: #6f777f;
}
.icon.squircle.critical {
  background: #EA215F;
}
.icon.squircle.warning {
  background: #FFB100;
}
.icon.squircle.brand svg {
  color: #fff;
  --color-1: #8ec641;
}
.preview .icon.offlinemode,
.preview .icon.cloudnode {
  color: #687077;
}
.icon.offlinemode::before,
.icon.offline:not(.app-icon)::before {
  content: '';
  width: 2px;
  height: 36px;
  background: #687077;
  -webkit-box-shadow: 0 0 0 3px #EFF3F7;
          box-shadow: 0 0 0 3px #EFF3F7;
  position: absolute;
  top: -4px;
  left: 17px;
  z-index: 6;
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
li .icon.offlinemode::before {
  content: '';
  width: 2px;
  height: 24px;
  background: #13293D;
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
  position: absolute;
  top: -3px;
  left: 10px;
  z-index: 2;
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
li.disabled .icon.offlinemode::before,
.col.disabled .icon.offlinemode::before {
  background: #BABFC4;
}
.preview .col:not(.disabled) .offlinemode + small,
.preview .col:not(.disabled) .cloudnode + small {
  color: #687077;
  font-weight: bold;
}
.disabled .cloudnode svg,
.disabled .cloudnode + small,
.disabled .offlinemode svg,
.disabled .offlinemode + small {
  color: #687077;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.configure .diagram .icon,
.neo {
  height: 100px;
  border-radius: 36px;
  overflow: hidden;
}
.ready.configure .id-badge,
.ready.page-redeem .id-badge {
  -webkit-transform-origin: center -20px;
          transform-origin: center -20px;
  -webkit-animation: swing ease-in-out 1s 6 alternate;
          animation: swing ease-in-out 1s 6 alternate;
}
.confetti-paper path {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(-10px, 10px);
  transform: translate(-10px, 10px);
  -webkit-transition: all 1s, X;
  transition: all 1s, X;
}
.confetti-paper path:nth-child(100) {
  -webkit-transition-delay: 11s;
  transition-delay: 11s;
}
.confetti-paper path:nth-child(99) {
  -webkit-transition-delay: 10.9s;
  transition-delay: 10.9s;
}
.confetti-paper path:nth-child(98) {
  -webkit-transition-delay: 10.8s;
  transition-delay: 10.8s;
}
.confetti-paper path:nth-child(97) {
  -webkit-transition-delay: 10.7s;
  transition-delay: 10.7s;
}
.confetti-paper path:nth-child(96) {
  -webkit-transition-delay: 10.6s;
  transition-delay: 10.6s;
}
.confetti-paper path:nth-child(95) {
  -webkit-transition-delay: 10.5s;
  transition-delay: 10.5s;
}
.confetti-paper path:nth-child(94) {
  -webkit-transition-delay: 10.4s;
  transition-delay: 10.4s;
}
.confetti-paper path:nth-child(93) {
  -webkit-transition-delay: 10.3s;
  transition-delay: 10.3s;
}
.confetti-paper path:nth-child(92) {
  -webkit-transition-delay: 10.2s;
  transition-delay: 10.2s;
}
.confetti-paper path:nth-child(91) {
  -webkit-transition-delay: 10.1s;
  transition-delay: 10.1s;
}
.confetti-paper path:nth-child(90) {
  -webkit-transition-delay: 10s;
  transition-delay: 10s;
}
.confetti-paper path:nth-child(89) {
  -webkit-transition-delay: 9.9s;
  transition-delay: 9.9s;
}
.confetti-paper path:nth-child(88) {
  -webkit-transition-delay: 9.8s;
  transition-delay: 9.8s;
}
.confetti-paper path:nth-child(87) {
  -webkit-transition-delay: 9.7s;
  transition-delay: 9.7s;
}
.confetti-paper path:nth-child(86) {
  -webkit-transition-delay: 9.6s;
  transition-delay: 9.6s;
}
.confetti-paper path:nth-child(85) {
  -webkit-transition-delay: 9.5s;
  transition-delay: 9.5s;
}
.confetti-paper path:nth-child(84) {
  -webkit-transition-delay: 9.4s;
  transition-delay: 9.4s;
}
.confetti-paper path:nth-child(83) {
  -webkit-transition-delay: 9.3s;
  transition-delay: 9.3s;
}
.confetti-paper path:nth-child(82) {
  -webkit-transition-delay: 9.2s;
  transition-delay: 9.2s;
}
.confetti-paper path:nth-child(81) {
  -webkit-transition-delay: 9.1s;
  transition-delay: 9.1s;
}
.confetti-paper path:nth-child(80) {
  -webkit-transition-delay: 9s;
  transition-delay: 9s;
}
.confetti-paper path:nth-child(79) {
  -webkit-transition-delay: 8.9s;
  transition-delay: 8.9s;
}
.confetti-paper path:nth-child(78) {
  -webkit-transition-delay: 8.8s;
  transition-delay: 8.8s;
}
.confetti-paper path:nth-child(77) {
  -webkit-transition-delay: 8.7s;
  transition-delay: 8.7s;
}
.confetti-paper path:nth-child(76) {
  -webkit-transition-delay: 8.6s;
  transition-delay: 8.6s;
}
.confetti-paper path:nth-child(75) {
  -webkit-transition-delay: 8.5s;
  transition-delay: 8.5s;
}
.confetti-paper path:nth-child(74) {
  -webkit-transition-delay: 8.4s;
  transition-delay: 8.4s;
}
.confetti-paper path:nth-child(73) {
  -webkit-transition-delay: 8.3s;
  transition-delay: 8.3s;
}
.confetti-paper path:nth-child(72) {
  -webkit-transition-delay: 8.2s;
  transition-delay: 8.2s;
}
.confetti-paper path:nth-child(71) {
  -webkit-transition-delay: 8.1s;
  transition-delay: 8.1s;
}
.confetti-paper path:nth-child(70) {
  -webkit-transition-delay: 8s;
  transition-delay: 8s;
}
.confetti-paper path:nth-child(69) {
  -webkit-transition-delay: 7.9s;
  transition-delay: 7.9s;
}
.confetti-paper path:nth-child(68) {
  -webkit-transition-delay: 7.8s;
  transition-delay: 7.8s;
}
.confetti-paper path:nth-child(67) {
  -webkit-transition-delay: 7.7s;
  transition-delay: 7.7s;
}
.confetti-paper path:nth-child(66) {
  -webkit-transition-delay: 7.6s;
  transition-delay: 7.6s;
}
.confetti-paper path:nth-child(65) {
  -webkit-transition-delay: 7.5s;
  transition-delay: 7.5s;
}
.confetti-paper path:nth-child(64) {
  -webkit-transition-delay: 7.4s;
  transition-delay: 7.4s;
}
.confetti-paper path:nth-child(63) {
  -webkit-transition-delay: 7.3s;
  transition-delay: 7.3s;
}
.confetti-paper path:nth-child(62) {
  -webkit-transition-delay: 7.2s;
  transition-delay: 7.2s;
}
.confetti-paper path:nth-child(61) {
  -webkit-transition-delay: 7.1s;
  transition-delay: 7.1s;
}
.confetti-paper path:nth-child(60) {
  -webkit-transition-delay: 7s;
  transition-delay: 7s;
}
.confetti-paper path:nth-child(59) {
  -webkit-transition-delay: 6.9s;
  transition-delay: 6.9s;
}
.confetti-paper path:nth-child(58) {
  -webkit-transition-delay: 6.8s;
  transition-delay: 6.8s;
}
.confetti-paper path:nth-child(57) {
  -webkit-transition-delay: 6.7s;
  transition-delay: 6.7s;
}
.confetti-paper path:nth-child(56) {
  -webkit-transition-delay: 6.6s;
  transition-delay: 6.6s;
}
.confetti-paper path:nth-child(55) {
  -webkit-transition-delay: 6.5s;
  transition-delay: 6.5s;
}
.confetti-paper path:nth-child(54) {
  -webkit-transition-delay: 6.4s;
  transition-delay: 6.4s;
}
.confetti-paper path:nth-child(53) {
  -webkit-transition-delay: 6.3s;
  transition-delay: 6.3s;
}
.confetti-paper path:nth-child(52) {
  -webkit-transition-delay: 6.2s;
  transition-delay: 6.2s;
}
.confetti-paper path:nth-child(51) {
  -webkit-transition-delay: 6.1s;
  transition-delay: 6.1s;
}
.confetti-paper path:nth-child(50) {
  -webkit-transition-delay: 6s;
  transition-delay: 6s;
}
.confetti-paper path:nth-child(49) {
  -webkit-transition-delay: 5.9s;
  transition-delay: 5.9s;
}
.confetti-paper path:nth-child(48) {
  -webkit-transition-delay: 5.8s;
  transition-delay: 5.8s;
}
.confetti-paper path:nth-child(47) {
  -webkit-transition-delay: 5.7s;
  transition-delay: 5.7s;
}
.confetti-paper path:nth-child(46) {
  -webkit-transition-delay: 5.6s;
  transition-delay: 5.6s;
}
.confetti-paper path:nth-child(45) {
  -webkit-transition-delay: 5.5s;
  transition-delay: 5.5s;
}
.confetti-paper path:nth-child(44) {
  -webkit-transition-delay: 5.4s;
  transition-delay: 5.4s;
}
.confetti-paper path:nth-child(43) {
  -webkit-transition-delay: 5.3s;
  transition-delay: 5.3s;
}
.confetti-paper path:nth-child(42) {
  -webkit-transition-delay: 5.2s;
  transition-delay: 5.2s;
}
.confetti-paper path:nth-child(41) {
  -webkit-transition-delay: 5.1s;
  transition-delay: 5.1s;
}
.confetti-paper path:nth-child(40) {
  -webkit-transition-delay: 5s;
  transition-delay: 5s;
}
.confetti-paper path:nth-child(39) {
  -webkit-transition-delay: 4.9s;
  transition-delay: 4.9s;
}
.confetti-paper path:nth-child(38) {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.confetti-paper path:nth-child(37) {
  -webkit-transition-delay: 4.7s;
  transition-delay: 4.7s;
}
.confetti-paper path:nth-child(36) {
  -webkit-transition-delay: 4.6s;
  transition-delay: 4.6s;
}
.confetti-paper path:nth-child(35) {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
}
.confetti-paper path:nth-child(34) {
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s;
}
.confetti-paper path:nth-child(33) {
  -webkit-transition-delay: 4.3s;
  transition-delay: 4.3s;
}
.confetti-paper path:nth-child(32) {
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s;
}
.confetti-paper path:nth-child(31) {
  -webkit-transition-delay: 4.1s;
  transition-delay: 4.1s;
}
.confetti-paper path:nth-child(30) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}
.confetti-paper path:nth-child(29) {
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s;
}
.confetti-paper path:nth-child(28) {
  -webkit-transition-delay: 3.8s;
  transition-delay: 3.8s;
}
.confetti-paper path:nth-child(27) {
  -webkit-transition-delay: 3.7s;
  transition-delay: 3.7s;
}
.confetti-paper path:nth-child(26) {
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s;
}
.confetti-paper path:nth-child(25) {
  -webkit-transition-delay: 3.5s;
  transition-delay: 3.5s;
}
.confetti-paper path:nth-child(24) {
  -webkit-transition-delay: 3.4s;
  transition-delay: 3.4s;
}
.confetti-paper path:nth-child(23) {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
.confetti-paper path:nth-child(22) {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.confetti-paper path:nth-child(21) {
  -webkit-transition-delay: 3.1s;
  transition-delay: 3.1s;
}
.confetti-paper path:nth-child(20) {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.confetti-paper path:nth-child(19) {
  -webkit-transition-delay: 2.9s;
  transition-delay: 2.9s;
}
.confetti-paper path:nth-child(18) {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.confetti-paper path:nth-child(17) {
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s;
}
.confetti-paper path:nth-child(16) {
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
.confetti-paper path:nth-child(15) {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.confetti-paper path:nth-child(14) {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.confetti-paper path:nth-child(13) {
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s;
}
.confetti-paper path:nth-child(12) {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s;
}
.confetti-paper path:nth-child(11) {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.confetti-paper path:nth-child(10) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.confetti-paper path:nth-child(9) {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s;
}
.confetti-paper path:nth-child(8) {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.confetti-paper path:nth-child(7) {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}
.confetti-paper path:nth-child(6) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.confetti-paper path:nth-child(5) {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.confetti-paper path:nth-child(4) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.confetti-paper path:nth-child(3) {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
.confetti-paper path:nth-child(2) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.confetti-paper path:nth-child(1) {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}
.ready.configure .confetti-paper path {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
@-webkit-keyframes during-wifi {
  0% {
    stroke: transparent;
    opacity: 0;
  }
  50% {
    stroke: #fff;
    opacity: 1;
  }
}
@keyframes during-wifi {
  0% {
    stroke: transparent;
    opacity: 0;
  }
  50% {
    stroke: #fff;
    opacity: 1;
  }
}
[id^=during-icon] .wifi path {
  animation: during-wifi 3s 3 reverse;
  fill: none;
  opacity: 0;
}
@-webkit-keyframes shake-hor {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shake-hor {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
.wand {
  -webkit-animation: shake-hor 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
          animation: shake-hor 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
#magic .stars path {
  -webkit-animation: wifi 0.3s 3 forwards 0.8s;
          animation: wifi 0.3s 3 forwards 0.8s;
}
.user-a {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(30px, 0);
  transform: translate(30px, 0);
  -webkit-transition: all 0.5s ease-in-out 0.3s, X;
  transition: all 0.5s ease-in-out 0.3s, X;
}
.user-c {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(-30px, 0);
  transform: translate(-30px, 0);
  -webkit-transition: all 0.5s ease-in-out 0.3s, X;
  transition: all 0.5s ease-in-out 0.3s, X;
}
.ready .user-a,
.ready .user-c {
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.configure .icon .draw,
.page-redeem .icon .draw {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  -webkit-transition: all 1s, X;
  transition: all 1s, X;
}
.configure .icon .can {
  -webkit-transform: rotate(-15deg) translate(-15px, 0);
  transform: rotate(-15deg) translate(-15px, 0);
  -webkit-transition: all 0.5s, X;
  transition: all 0.5s, X;
}
.ready.configure .icon .can {
  -webkit-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
}
.configure .icon .drip {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s 0.3s, X;
  transition: all 0.5s 0.3s, X;
}
.ready.configure .icon .drip {
  -webkit-animation: drip 0.5s 0.3s;
  animation: drip 0.5s 0.3s;
  opacity: 1;
  filter: alpha(opacity=100);
}
.invite-paper {
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition: all 1s, X;
  transition: all 1s, X;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ready.configure .invite-paper {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 1s, opacity 0.5s 0.5s;
  transition: all 1s, opacity 0.5s 0.5s;
  opacity: 1;
  filter: alpha(opacity=100);
}
.invite-lines line {
  stroke-dasharray: 120;
  stroke-dashoffset: 120;
  -webkit-transition: all 1.2s 0.7s, X;
  transition: all 1.2s 0.7s, X;
}
.ready.configure .invite-lines line {
  stroke-dashoffset: 0;
}
.configure .icon .sun,
.neo .sun {
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition: all 1s, X;
  transition: all 1s, X;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ready.configure .icon .sun,
.ready.page-redeem .icon .sun {
  -webkit-transform: translate(0, 2px);
  transform: translate(0, 2px);
  -webkit-transition: all 1s, opacity 0.5s 0.5s;
  transition: all 1s, opacity 0.5s 0.5s;
  opacity: 1;
  filter: alpha(opacity=100);
}
.ready.configure .icon .draw,
.ready.page-redeem .icon .draw {
  stroke-dashoffset: 200;
}
.configure .icon .draw.rev,
.page-redeem .icon .draw.rev {
  -webkit-transition: all 1.2s 0.7s, X;
  transition: all 1.2s 0.7s, X;
}
.ready.configure .icon .draw.rev,
.ready.page-redeem .icon .draw.rev {
  stroke-dashoffset: 0;
}
.icon img {
  max-height: 100%;
}
.icon-online {
  width: 12px !important;
  height: 12px !important;
  background: #19892b;
  border-radius: 50%;
}
.icon-warning {
  width: 12px !important;
  height: 12px !important;
  background: #FFB100;
  border-radius: 50%;
}
.icon-error {
  width: 12px !important;
  height: 12px !important;
  background: #ab1d46;
  border-radius: 50%;
}
.icon-disabled {
  width: 12px !important;
  height: 12px !important;
  -webkit-box-shadow: inset 0 0 0 2px #687077;
          box-shadow: inset 0 0 0 2px #687077;
  border-radius: 50%;
}
.icon-ink svg {
  fill: #DE0184;
}
.icon-paper svg {
  fill: #009FC6;
}
.icon-wrench svg {
  fill: #ED145B;
}
.icon-tick {
  content: '';
  background: url('../img/sprite.png') -600px -900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 12px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-right: 6px;
}
.alert .icon-tick {
  margin-right: 10px;
}
.center .icon-tick {
  margin: 0;
}
.icon-hand {
  content: '';
  background: url('../img/sprite.png') -1600px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 15px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: calc(100% - 6px);
  right: -5px;
}
.icon-info {
  display: inline-block;
  vertical-align: baseline;
  position: relative;
}
.icon-info.stuck {
  position: absolute;
  top: -16px;
  right: -16px;
}
.icon-info svg {
  width: 12px !important;
  height: 12px !important;
  fill: rgba(0, 0, 0, 0.3) !important;
  margin: 0 6px;
}
.icon.disabled > svg,
.icon.disabled > img {
  mix-blend-mode: luminosity;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.icon.state {
  position: absolute;
  top: 0;
  right: 0;
  background: #19892b;
  border-radius: 50%;
  color: #fff;
  fill: #fff;
  padding: 6px;
}
.icon.state.static {
  position: static;
}
.icon.state.outline {
  fill: none;
  color: #fff;
}
.icon.state.forty {
  padding: 8px;
}
.connection .service .icon.state,
.empty .icon.state {
  top: -6px;
  right: -6px;
  left: auto;
  padding: 5px;
  -webkit-transform: none;
          transform: none;
}
.connection .icon.state {
  top: 12px;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 1;
}
.connection .icon.state.thirtytwo {
  top: 8px;
}
.icon.state.fail,
.icon.state.fail svg {
  color: #ab1d46 !important;
  fill: #ab1d46 !important;
  background: #fff;
  padding: 0;
  border-radius: 50%;
}
.service .icon.state.fail {
  padding: 3px;
}
.icon.state.warning {
  color: #fff;
  fill: #fff;
  background: #FFB100;
  padding: 8px;
}
.icon.state.paused {
  color: #687077;
  fill: #687077;
  background: #fff;
  padding: 0;
}
.icon.state.nobg {
  background: none;
  top: -6px;
  right: -6px;
  padding: 0;
  margin: 0;
}
.icon.state.nobg svg {
  fill: #687077;
  color: #687077;
}
.icon.state.nobg.info svg {
  fill: #19892b !important;
  color: #19892b !important;
}
.icon.decline::before {
  content: "";
  height: 2px;
  width: 48px;
  -webkit-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff;
  background: #BABFC4;
  position: absolute;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 10;
  top: 50%;
  left: 50%;
  margin-top: 2px;
}
.mold {
  fill: #065143;
  fill: transparent;
}
.icon.mold {
  background: #19892b;
  border-radius: 36px;
  width: 100px;
  height: 100px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.icon.mold svg {
  height: 48px;
  color: #fff;
}
.icon.outline svg {
  stroke: currentColor;
  fill: none !important;
  stroke-width: 2;
}
.icon.outline,
.icon.twenty {
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  color: currentColor;
}
.icon.bold {
  margin: 0;
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 50%;
  background: #19892b;
  position: relative;
  z-index: 2;
}
.icon.bold svg {
  fill: #fff;
  stroke: #fff;
  color: #fff;
  stroke-width: 0;
}
.event .icon.bold {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  padding: 10px;
}
.event .icon.bold svg {
  fill: #687077;
  color: #687077;
}
.error .icon.bold {
  background: #ab1d46;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 10px;
}
.warning .icon.bold {
  background: #FFB100;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 10px;
}
.pause .icon.bold {
  background: #B8BFC4;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.icon-smile {
  color: #fff;
  position: relative;
  margin-bottom: 0.5rem;
  height: 48px;
  width: 96px;
  font-size: 1.5rem;
  line-height: 2rem;
  padding-top: 6px;
}
.icon-smile span {
  position: relative;
  z-index: 1;
}
.icon-smile::before {
  content: '';
  background: #19892b;
  height: 48px;
  width: 96px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
  z-index: 0;
}
.icon-invert {
  color: #fff;
  position: relative;
  margin-bottom: 0.5rem;
  height: 48px;
  width: 96px;
  font-size: 1.5rem;
  line-height: 2rem;
  padding-top: 4px;
}
.icon-invert::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-left: 48px solid transparent;
  border-right: 48px solid transparent;
  border-top: 48px solid #ED145B;
  margin-bottom: 0.5rem;
  color: #fff;
  z-index: 0;
}
.icon-invert span {
  position: relative;
  z-index: 1;
}
.col.os {
  width: 64px !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.os.icon {
  width: 24px;
  height: 24px;
}
.icon.type {
  max-width: 48px;
  height: 48px;
  color: #687077;
}
.os.icon svg {
  fill: #687077;
  color: #687077;
}
.icon.type svg {
  fill: #687077;
  height: 100%;
}
.avatar {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875rem;
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 32px;
  text-transform: uppercase;
  border-radius: 50%;
  text-align: center;
  position: relative;
  margin-right: 10px;
  background: none;
  color: #6f777f;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
a.avatar {
  text-decoration: none;
}
.avatar.brand {
  background: #19892b;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
.avatar a {
  color: #6f777f;
  text-decoration: none;
}
#tops .avatar a {
  color: #fff;
}
.avatar img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.avatar svg {
  width: 20px;
  vertical-align: middle;
}
.avatar.lge {
  width: 120px;
  height: 120px;
  margin: 0;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin: 0 0 1.3rem 0;
  overflow: hidden;
  width: calc(100%);
}
.popup header .embed-container {
  margin: -1.5rem -20px 0 -20px;
  width: calc(100% + 40px);
  background: #000;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card.tour {
  border: 0;
  padding: 0;
  overflow: hidden;
  background: #13293D;
  color: rgba(255, 255, 255, 0.7);
}
.card.tour .col {
  display: block !important;
}
.card.tour h3 {
  color: #fff;
  margin-bottom: 0.5rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #80D0C6), color-stop(80%, #00331a));
  background: linear-gradient(to right, #80D0C6 40%, #00331a 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.carousel {
  position: relative;
  height: 100%;
  width: 100%;
}
.carousel .row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 20px;
}
.flipper-card {
  width: calc(100% - 16px);
  height: 100%;
  padding: 0 20px;
  left: 8px;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.flipper:nth-child(10) .flipper-card {
  -webkit-transition-delay: 580ms;
          transition-delay: 580ms;
}
.flipper:nth-child(9) .flipper-card {
  -webkit-transition-delay: 530ms;
          transition-delay: 530ms;
}
.flipper:nth-child(8) .flipper-card {
  -webkit-transition-delay: 480ms;
          transition-delay: 480ms;
}
.flipper:nth-child(7) .flipper-card {
  -webkit-transition-delay: 430ms;
          transition-delay: 430ms;
}
.flipper:nth-child(6) .flipper-card {
  -webkit-transition-delay: 380ms;
          transition-delay: 380ms;
}
.flipper:nth-child(5) .flipper-card {
  -webkit-transition-delay: 330ms;
          transition-delay: 330ms;
}
.flipper:nth-child(4) .flipper-card {
  -webkit-transition-delay: 280ms;
          transition-delay: 280ms;
}
.flipper:nth-child(3) .flipper-card {
  -webkit-transition-delay: 230ms;
          transition-delay: 230ms;
}
.flipper:nth-child(2) .flipper-card {
  -webkit-transition-delay: 180ms;
          transition-delay: 180ms;
}
.flipper:nth-child(1) .flipper-card {
  -webkit-transition-delay: 130ms;
          transition-delay: 130ms;
}
.slider {
  width: 100%;
}
.flipper-front,
.flipper-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 1.125rem 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 4px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  -webkit-transition: all 0s 0.3s, X !important;
  transition: all 0s 0.3s, X !important;
  opacity: 1;
  filter: alpha(opacity=100);
}
.flipper-is-flipped .flipper-front {
  z-index: -1;
}
.flipper-back {
  background: #065143;
  color: #fff;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flipper-enviro {
  -webkit-transition: all 0.3s, opacity 0s 0.3s;
  transition: all 0.3s, opacity 0s 0.3s;
  text-align: center;
  position: fixed;
  border-radius: 4px;
  background: #065143;
  visibility: hidden;
  z-index: 10;
  overflow: hidden;
}
.flipper-enviro .lines-button.close {
  top: 10px;
  right: 10px;
  position: absolute;
  z-index: 10;
  width: 32px;
  height: 32px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
.flipper-enviro .lines-button.close .lines {
  top: 15px;
  left: 7px;
}
.flipper-enviro .close::before {
  content: '';
  background: #212B36;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
.flipper-enviro .slider {
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
.flipper-enviro .slider img {
  display: block;
}
.flipper-enviro .slider .slick-dots {
  bottom: 25px;
}
.flipper-enviro .slider .item {
  position: relative;
}
.btn-carousel {
  content: '';
  background: url('../img/sprite.png') -1000px -600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  bottom: 1.125rem;
  right: 20px;
}
.morphed .flipper-front,
.morphed .flipper-back {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  -webkit-transition: all 0.1s 0s, X !important;
  transition: all 0.1s 0s, X !important;
}
.morphed .flipper-enviro {
  z-index: 9;
  left: 50% !important;
  top: 50% !important;
  width: 640px !important;
  height: 480px !important;
  -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  visibility: visible;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.morphed .flipper-enviro .slider,
.morphed .flipper-enviro .close {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
}
.flipper-enviro footer {
  background: #065143;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: left;
  padding: 20px;
  color: #fff;
  font-family: 'Barlow', sans-serif;
}
.flipper-card.flipper-is-flipped {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flipper .col.fp .icon {
  margin-right: 10px;
  height: 20px;
}
.flipper-back .col.username a {
  color: #19892b;
}
.list .flipper .flipper-back .col {
  color: #fff;
}
.list .flipper .flipper-back .avatar {
  background: #0E402D;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.flipper-back .more > i:not(.poi),
.flipper-back .more > i:not(.poi)::after,
.flipper-back .more > i:not(.poi)::before {
  background: #fff;
}
.page-verify .product-logo {
  display: block;
  margin: 2rem auto;
}
.page-verify #cloud {
  display: none !important;
}
.page-verify .fills {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-verify .wrap {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #EFF3F7;
}
.page-verify .page-heading {
  background: none;
  margin-top: 1rem;
  color: #5b636a;
  padding: 0;
  text-align: center;
}
.popup #print-instructions {
  padding-bottom: 1.5rem;
}
#print-instructions .page-heading {
  text-align: left;
  padding: 0;
  margin: 0;
  overflow: visible;
}
#print-instructions .tabs {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 0 1.5rem;
  padding: 0;
  width: calc(100% + 3rem);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#print-instructions figure.center img {
  margin: 0;
}
#print-instructions .tabs.center ul {
  width: calc(100% - 3rem);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: auto;
}
#print-instructions figcaption.callout {
  position: absolute;
  left: 155px;
  top: 19px;
  width: 210px;
  border-radius: 3px;
  z-index: 3;
  background: #A4ACB6;
  color: #fff;
  padding: 6px 10px;
  line-height: 1.25rem;
  min-width: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#print-instructions figcaption.callout.alert i svg {
  color: #fff;
}
#print-instructions #link-account {
  margin: 0 0 1rem 0;
}
#print-instructions .tabs.center ul li {
  margin: 0;
  padding: 0 15px;
}
#print-instructions .tabs li a .icon {
  color: #343a40;
}
#print-instructions h2 {
  top: 6px;
  position: relative;
  margin-bottom: 20px;
}
#print-instructions ol {
  margin-bottom: 2rem;
}
#print-instructions ol > li {
  padding: 0 0 0 3rem;
  background: none;
  margin: 0 0 1rem 0;
}
#print-instructions ol > li::before {
  border-radius: 50%;
  line-height: 32px;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 1rem;
  top: 6px;
}
#print-instructions ol > li:not(:last-child)::after {
  top: 38px;
  left: 16px;
}
#print-instructions ol > li.icon-only::before {
  content: '';
}
#print-instructions ol > li.icon-only > .icon {
  position: absolute;
  left: 4px;
  top: 10px;
  z-index: 2;
}
#print-instructions ol > li.icon-only h2 {
  margin: 0;
}
.page-verify .page-heading p {
  margin-bottom: 1.5rem !important;
}
.page-verify h1 {
  font-size: 2rem;
  margin: 0 0 0.6rem 0;
}
.page-verify .page {
  min-height: 0;
  width: 100%;
  padding: 84px 30px;
  color: #5b636a;
  margin: 0;
}
.page-verify #step-computer,
.page-verify #step-mobile {
  text-align: center;
}
.page-verify .page .auto {
  max-width: 600px;
}
.page-verify #logo {
  content: '';
  background: url('../img/sprite.png') 0 -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto 4rem auto;
  display: block;
}
.page-verify #logo.sml {
  content: '';
  background: url('../img/sprite.png') 0 -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 55px;
  padding-top: 56px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
}
#link-account {
  max-width: 480px;
  margin: 0 auto;
  -ms-flex-item-align: center;
      align-self: center;
}
#link-account input[maxlength="1"] {
  text-align: center;
  font-size: 1.125rem;
  padding: 0;
  background: #1A2329;
  color: #fff;
  height: 100%;
  -webkit-box-shadow: inset 0 0 0 1px #1A2329;
          box-shadow: inset 0 0 0 1px #1A2329;
}
#link-account .row {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  line-height: 30px;
}
#link-account .row > div {
  padding: 0 10px;
  margin: 30px 0;
  position: relative;
  height: auto;
}
#link-account .row > div::before {
  content: '';
  float: left;
  padding-top: 100%;
}
#link-account input:required:invalid {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
}
#link-account input:required:invalid:focus {
  -webkit-box-shadow: inset 0 0 0 1px #c4cdd5;
          box-shadow: inset 0 0 0 1px #c4cdd5;
}
.page-chrome {
  background: #fff;
}
.page-chrome .page-heading {
  margin-bottom: 3rem;
}
.page-chrome h2 {
  margin-bottom: 0.3rem;
}
.page-chrome [data-step=question] {
  margin-bottom: 3rem;
}
.page-chrome [data-step=answers] {
  position: relative;
  display: block;
}
.page-chrome [data-step=answers] .preview-email .icon.bold {
  background: #fff;
  top: -10px;
  right: -10px;
}
.page-chrome [data-option=yes] .icon {
  color: #19892b;
}
.page-chrome [data-option=no] .icon {
  fill: #A5AEB7;
}
.page-chrome [data-step=answers] > h5 {
  display: block;
  margin-bottom: 1rem;
}
.page-chrome [data-step=answers]::before {
  content: '';
  position: absolute;
  left: 50%;
  height: 24px;
  width: 1px;
  top: 24px;
  background: rgba(142, 149, 158, 0.5);
}
.page-chrome [data-step=answers]::after {
  content: '';
  position: absolute;
  left: calc(25% + 48px);
  height: 1px;
  width: calc(50% - 96px);
  top: 48px;
  background: rgba(142, 149, 158, 0.5);
}
.page-chrome .instructions {
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
  background: #fff;
  padding: 1rem;
  margin-top: 1rem;
  border-radius: 3px;
}
.page-chrome .instructions .a4 {
  height: auto;
  width: 100%;
}
.page-install .wrap {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #EFF3F7;
}
.page-install .pullout {
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.page-install .check {
  stroke-dasharray: 130px 130px;
  stroke-dashoffset: 130px;
  -webkit-transition: stroke-dashoffset 4.1s linear 0s;
  -webkit-transition: stroke-dashoffset 500ms ease-in-out;
  transition: stroke-dashoffset 500ms ease-in-out;
}
.page-install .icon.linked .check {
  stroke-dashoffset: 0;
}
.page-install .page-heading {
  background: none;
  margin-bottom: 5rem;
  color: #5b636a;
  padding: 0;
}
.page-install .auto {
  max-width: 1020px;
}
.page-link .auto {
  max-width: 480px;
}
.page-install .page-heading p {
  margin-bottom: 1.5rem;
}
.page-install h1 {
  font-size: 2rem;
  margin: 0 0 0.6rem 0;
}
.page-install .page {
  min-height: 0;
  width: 100%;
  padding: 30px;
  text-align: center;
  margin: auto;
}
.page-install .page[role=main] {
  margin: 0 auto;
}
.page-install .step {
  counter-increment: a;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.page-install .step:nth-child(100) {
  -webkit-transition-delay: 39.6s;
  transition-delay: 39.6s;
}
.page-install .step:nth-child(99) {
  -webkit-transition-delay: 39.2s;
  transition-delay: 39.2s;
}
.page-install .step:nth-child(98) {
  -webkit-transition-delay: 38.8s;
  transition-delay: 38.8s;
}
.page-install .step:nth-child(97) {
  -webkit-transition-delay: 38.4s;
  transition-delay: 38.4s;
}
.page-install .step:nth-child(96) {
  -webkit-transition-delay: 38s;
  transition-delay: 38s;
}
.page-install .step:nth-child(95) {
  -webkit-transition-delay: 37.6s;
  transition-delay: 37.6s;
}
.page-install .step:nth-child(94) {
  -webkit-transition-delay: 37.2s;
  transition-delay: 37.2s;
}
.page-install .step:nth-child(93) {
  -webkit-transition-delay: 36.8s;
  transition-delay: 36.8s;
}
.page-install .step:nth-child(92) {
  -webkit-transition-delay: 36.4s;
  transition-delay: 36.4s;
}
.page-install .step:nth-child(91) {
  -webkit-transition-delay: 36s;
  transition-delay: 36s;
}
.page-install .step:nth-child(90) {
  -webkit-transition-delay: 35.6s;
  transition-delay: 35.6s;
}
.page-install .step:nth-child(89) {
  -webkit-transition-delay: 35.2s;
  transition-delay: 35.2s;
}
.page-install .step:nth-child(88) {
  -webkit-transition-delay: 34.8s;
  transition-delay: 34.8s;
}
.page-install .step:nth-child(87) {
  -webkit-transition-delay: 34.4s;
  transition-delay: 34.4s;
}
.page-install .step:nth-child(86) {
  -webkit-transition-delay: 34s;
  transition-delay: 34s;
}
.page-install .step:nth-child(85) {
  -webkit-transition-delay: 33.6s;
  transition-delay: 33.6s;
}
.page-install .step:nth-child(84) {
  -webkit-transition-delay: 33.2s;
  transition-delay: 33.2s;
}
.page-install .step:nth-child(83) {
  -webkit-transition-delay: 32.8s;
  transition-delay: 32.8s;
}
.page-install .step:nth-child(82) {
  -webkit-transition-delay: 32.4s;
  transition-delay: 32.4s;
}
.page-install .step:nth-child(81) {
  -webkit-transition-delay: 32s;
  transition-delay: 32s;
}
.page-install .step:nth-child(80) {
  -webkit-transition-delay: 31.6s;
  transition-delay: 31.6s;
}
.page-install .step:nth-child(79) {
  -webkit-transition-delay: 31.2s;
  transition-delay: 31.2s;
}
.page-install .step:nth-child(78) {
  -webkit-transition-delay: 30.8s;
  transition-delay: 30.8s;
}
.page-install .step:nth-child(77) {
  -webkit-transition-delay: 30.4s;
  transition-delay: 30.4s;
}
.page-install .step:nth-child(76) {
  -webkit-transition-delay: 30s;
  transition-delay: 30s;
}
.page-install .step:nth-child(75) {
  -webkit-transition-delay: 29.6s;
  transition-delay: 29.6s;
}
.page-install .step:nth-child(74) {
  -webkit-transition-delay: 29.2s;
  transition-delay: 29.2s;
}
.page-install .step:nth-child(73) {
  -webkit-transition-delay: 28.8s;
  transition-delay: 28.8s;
}
.page-install .step:nth-child(72) {
  -webkit-transition-delay: 28.4s;
  transition-delay: 28.4s;
}
.page-install .step:nth-child(71) {
  -webkit-transition-delay: 28s;
  transition-delay: 28s;
}
.page-install .step:nth-child(70) {
  -webkit-transition-delay: 27.6s;
  transition-delay: 27.6s;
}
.page-install .step:nth-child(69) {
  -webkit-transition-delay: 27.2s;
  transition-delay: 27.2s;
}
.page-install .step:nth-child(68) {
  -webkit-transition-delay: 26.8s;
  transition-delay: 26.8s;
}
.page-install .step:nth-child(67) {
  -webkit-transition-delay: 26.4s;
  transition-delay: 26.4s;
}
.page-install .step:nth-child(66) {
  -webkit-transition-delay: 26s;
  transition-delay: 26s;
}
.page-install .step:nth-child(65) {
  -webkit-transition-delay: 25.6s;
  transition-delay: 25.6s;
}
.page-install .step:nth-child(64) {
  -webkit-transition-delay: 25.2s;
  transition-delay: 25.2s;
}
.page-install .step:nth-child(63) {
  -webkit-transition-delay: 24.8s;
  transition-delay: 24.8s;
}
.page-install .step:nth-child(62) {
  -webkit-transition-delay: 24.4s;
  transition-delay: 24.4s;
}
.page-install .step:nth-child(61) {
  -webkit-transition-delay: 24s;
  transition-delay: 24s;
}
.page-install .step:nth-child(60) {
  -webkit-transition-delay: 23.6s;
  transition-delay: 23.6s;
}
.page-install .step:nth-child(59) {
  -webkit-transition-delay: 23.2s;
  transition-delay: 23.2s;
}
.page-install .step:nth-child(58) {
  -webkit-transition-delay: 22.8s;
  transition-delay: 22.8s;
}
.page-install .step:nth-child(57) {
  -webkit-transition-delay: 22.4s;
  transition-delay: 22.4s;
}
.page-install .step:nth-child(56) {
  -webkit-transition-delay: 22s;
  transition-delay: 22s;
}
.page-install .step:nth-child(55) {
  -webkit-transition-delay: 21.6s;
  transition-delay: 21.6s;
}
.page-install .step:nth-child(54) {
  -webkit-transition-delay: 21.2s;
  transition-delay: 21.2s;
}
.page-install .step:nth-child(53) {
  -webkit-transition-delay: 20.8s;
  transition-delay: 20.8s;
}
.page-install .step:nth-child(52) {
  -webkit-transition-delay: 20.4s;
  transition-delay: 20.4s;
}
.page-install .step:nth-child(51) {
  -webkit-transition-delay: 20s;
  transition-delay: 20s;
}
.page-install .step:nth-child(50) {
  -webkit-transition-delay: 19.6s;
  transition-delay: 19.6s;
}
.page-install .step:nth-child(49) {
  -webkit-transition-delay: 19.2s;
  transition-delay: 19.2s;
}
.page-install .step:nth-child(48) {
  -webkit-transition-delay: 18.8s;
  transition-delay: 18.8s;
}
.page-install .step:nth-child(47) {
  -webkit-transition-delay: 18.4s;
  transition-delay: 18.4s;
}
.page-install .step:nth-child(46) {
  -webkit-transition-delay: 18s;
  transition-delay: 18s;
}
.page-install .step:nth-child(45) {
  -webkit-transition-delay: 17.6s;
  transition-delay: 17.6s;
}
.page-install .step:nth-child(44) {
  -webkit-transition-delay: 17.2s;
  transition-delay: 17.2s;
}
.page-install .step:nth-child(43) {
  -webkit-transition-delay: 16.8s;
  transition-delay: 16.8s;
}
.page-install .step:nth-child(42) {
  -webkit-transition-delay: 16.4s;
  transition-delay: 16.4s;
}
.page-install .step:nth-child(41) {
  -webkit-transition-delay: 16s;
  transition-delay: 16s;
}
.page-install .step:nth-child(40) {
  -webkit-transition-delay: 15.6s;
  transition-delay: 15.6s;
}
.page-install .step:nth-child(39) {
  -webkit-transition-delay: 15.2s;
  transition-delay: 15.2s;
}
.page-install .step:nth-child(38) {
  -webkit-transition-delay: 14.8s;
  transition-delay: 14.8s;
}
.page-install .step:nth-child(37) {
  -webkit-transition-delay: 14.4s;
  transition-delay: 14.4s;
}
.page-install .step:nth-child(36) {
  -webkit-transition-delay: 14s;
  transition-delay: 14s;
}
.page-install .step:nth-child(35) {
  -webkit-transition-delay: 13.6s;
  transition-delay: 13.6s;
}
.page-install .step:nth-child(34) {
  -webkit-transition-delay: 13.2s;
  transition-delay: 13.2s;
}
.page-install .step:nth-child(33) {
  -webkit-transition-delay: 12.8s;
  transition-delay: 12.8s;
}
.page-install .step:nth-child(32) {
  -webkit-transition-delay: 12.4s;
  transition-delay: 12.4s;
}
.page-install .step:nth-child(31) {
  -webkit-transition-delay: 12s;
  transition-delay: 12s;
}
.page-install .step:nth-child(30) {
  -webkit-transition-delay: 11.6s;
  transition-delay: 11.6s;
}
.page-install .step:nth-child(29) {
  -webkit-transition-delay: 11.2s;
  transition-delay: 11.2s;
}
.page-install .step:nth-child(28) {
  -webkit-transition-delay: 10.8s;
  transition-delay: 10.8s;
}
.page-install .step:nth-child(27) {
  -webkit-transition-delay: 10.4s;
  transition-delay: 10.4s;
}
.page-install .step:nth-child(26) {
  -webkit-transition-delay: 10s;
  transition-delay: 10s;
}
.page-install .step:nth-child(25) {
  -webkit-transition-delay: 9.6s;
  transition-delay: 9.6s;
}
.page-install .step:nth-child(24) {
  -webkit-transition-delay: 9.2s;
  transition-delay: 9.2s;
}
.page-install .step:nth-child(23) {
  -webkit-transition-delay: 8.8s;
  transition-delay: 8.8s;
}
.page-install .step:nth-child(22) {
  -webkit-transition-delay: 8.4s;
  transition-delay: 8.4s;
}
.page-install .step:nth-child(21) {
  -webkit-transition-delay: 8s;
  transition-delay: 8s;
}
.page-install .step:nth-child(20) {
  -webkit-transition-delay: 7.6s;
  transition-delay: 7.6s;
}
.page-install .step:nth-child(19) {
  -webkit-transition-delay: 7.2s;
  transition-delay: 7.2s;
}
.page-install .step:nth-child(18) {
  -webkit-transition-delay: 6.8s;
  transition-delay: 6.8s;
}
.page-install .step:nth-child(17) {
  -webkit-transition-delay: 6.4s;
  transition-delay: 6.4s;
}
.page-install .step:nth-child(16) {
  -webkit-transition-delay: 6s;
  transition-delay: 6s;
}
.page-install .step:nth-child(15) {
  -webkit-transition-delay: 5.6s;
  transition-delay: 5.6s;
}
.page-install .step:nth-child(14) {
  -webkit-transition-delay: 5.2s;
  transition-delay: 5.2s;
}
.page-install .step:nth-child(13) {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.page-install .step:nth-child(12) {
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s;
}
.page-install .step:nth-child(11) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}
.page-install .step:nth-child(10) {
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s;
}
.page-install .step:nth-child(9) {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.page-install .step:nth-child(8) {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.page-install .step:nth-child(7) {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.page-install .step:nth-child(6) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.page-install .step:nth-child(5) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.page-install .step:nth-child(4) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.page-install .step:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.page-install .step:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.page-install .step:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.page-install.ready .step {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page-install .step p {
  min-height: 44px;
  color: #5b636a;
}
.page-install .step p a:not(.btn) {
  text-decoration: underline;
}
.page-install .step figure {
  background: #EFF3F7;
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
  border-radius: 3px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 30px 0 30px;
  height: 290px;
  margin-bottom: 2rem;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.page-install.new-device .step figure {
  background: #fff;
}
.page-install .step figure > div {
  overflow: hidden;
  position: relative;
  margin: 0 -30px;
  width: calc(100% + 60px);
  max-height: 100%;
}
.page-install .popup.basic-wide .alert {
  margin-top: 0;
}
.page-install.new-device .auto > .alert {
  margin: 3rem auto 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-install .alert i.outline {
  margin-right: 10px;
}
.page-install:not(.new-device) .step figure::before {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #6f777f;
  -webkit-box-shadow: 0 0 0 3px #EFF3F7;
          box-shadow: 0 0 0 3px #EFF3F7;
  position: absolute;
  top: -16px;
  left: -16px;
  content: '';
  content: counter(a);
  line-height: 32px;
  color: #fff;
  z-index: 2;
}
#popup-getapp .content {
  padding: 1.5rem 20px;
}
#app-qr {
  margin: 0 auto 1.5rem auto;
  max-width: 200px;
}
.step figure .dialog {
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #03343D;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 0 0 3px 3px;
  padding: 10px;
  font-size: 0.875rem;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(calc(-50% - 10px), -100%);
  transform: translate(calc(-50% - 10px), -100%);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  color: #fff;
  width: 250px;
  max-width: calc(100% - 40px);
}
.step figure .dialog .placeholder-field {
  background: #fff;
  height: 6px;
  width: 100%;
  margin: 5px 0 0 0;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.step figure .dialog .placeholder-select {
  position: relative;
  padding-right: 15px;
}
.step figure .dialog .placeholder-select::after {
  content: '';
  background: url('../img/sprite.png') -400px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 5px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.step figure .dialog .placeholder-footer {
  margin-top: 4px;
  background: none;
  height: auto;
  padding: 0;
}
.step figure .dialog .placeholder-button {
  background: none;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.step figure .dialog .placeholder-page {
  width: 32px;
  height: 45px;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
  margin: 0 10px 0 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.step figure .dialog .placeholder-form {
  width: calc(100% - 42px);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.step.active figure .dialog,
.step.complete figure .dialog {
  -webkit-transform: translate(calc(-50% - 10px), 0);
  transform: translate(calc(-50% - 10px), 0);
}
.step figure .dialog label {
  margin: 0 3px 0 0;
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.page-install:not(.new-device) .complete figure::before {
  content: '';
  background: url('../img/sprite.png') -789px -787px no-repeat;
  height: 0;
  overflow: hidden;
  width: 32px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #19892b;
}
/* .page-install:not(.new-device) .complete figure::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  .border-radius(3px);
  background: rgba(23, 43, 68, 0.7);
  content: 'completed!';
  z-index: -1;
  .h6;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  .flex;
  .flex-col;
  justify-content: center;
} */
.page-install:not(.new-device) figcaption:not(.callout) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: rgba(23, 43, 68, 0.7);
  z-index: -1;
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-install:not(.new-device) figcaption h6 {
  color: #fff;
}
.page-install:not(.new-device) figcaption p {
  color: rgba(255, 255, 255, 0.7);
}
.page-install .wrap .complete figcaption {
  -webkit-transition: all 0.3s ease-in-out, z-index 0.3s ease-in-out 0.2s;
  transition: all 0.3s ease-in-out, z-index 0.3s ease-in-out 0.2s;
  z-index: 1;
}
/* .page-install .wrap .complete figure::after {
  .transition(all .3s ease-in-out, z-index .3s ease-in-out .2s);
  z-index: 1;
} */
.page-install .wrap .step.active figure {
  -webkit-box-shadow: inset 0 0 0 2px #1A2329, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
          box-shadow: inset 0 0 0 2px #1A2329, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
}
.page-install:not(.new-device) .step.active figure::before {
  background-color: #343a40;
}
.page-install .disabled figure {
  background: #6f777f;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-install .disabled figure img {
  -webkit-filter: grayscale(0.81);
          filter: grayscale(0.81);
}
.page-install:not(.new-device) .disabled figure::before {
  background-color: #6f777f;
}
.page-install .disabled input[type=text] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.page-install .disabled .btn {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.page-install #step-mobile.active figure img,
.page-install #step-mobile.complete figure img {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page-install #step-computer.active figure div {
  overflow: visible;
}
.page-install #step-computer.active figure img,
.page-install #step-computer.complete figure img {
  -webkit-transform: translate(-15px, 0);
  transform: translate(-15px, 0);
}
.page-install:not(.new-device) .active .btn,
.page-install:not(.new-device) .active #link-account,
.page-install:not(.new-device) .complete .btn,
.page-install:not(.new-device) .complete #link-account {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-install .complete .btn {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1;
          box-shadow: inset 0 0 0 1px #b5bbc1;
  color: #687077;
}
.page-install #step-print figure {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 30px 20px 30px;
}
.page-install .step figure img {
  max-width: 260px;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.page-install #step-computer figure img {
  max-width: 340px;
  -webkit-transform: translate(80px, 0);
  transform: translate(80px, 0);
}
[tab-step=link] #link-account {
  max-width: none;
}
#link-account .flex pre[class*="language-"] {
  line-height: 1.2;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  margin: 0 5px 0 0;
}
#link-account input[type=text]:focus {
  -webkit-box-shadow: 0 0 0 1px #b5bbc1, 0 0 0 3px rgba(163, 191, 196, 0.5);
          box-shadow: 0 0 0 1px #b5bbc1, 0 0 0 3px rgba(163, 191, 196, 0.5);
}
.page-install #logo {
  content: '';
  background: url('../img/sprite.png') 0 -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto 2rem auto;
  display: block;
}
.page-install #logo.hive {
  content: '';
  background: url('../img/sprite.png') -200px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 135px;
  padding-top: 35px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto 2rem auto;
  display: block;
}
.page-install .app-icon {
  content: '';
  background: url('../img/sprite.png') 10px -1690px no-repeat;
  height: 0;
  overflow: hidden;
  width: 48px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 16px 0 rgba(33, 43, 54, 0.08);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 16px 0 rgba(33, 43, 54, 0.08);
  border-radius: 10px 10px 10px 10px;
  display: none !important;
}
.alert,
.alert.error {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  background-color: #fbe9ee;
  -webkit-box-shadow: inset 4px 1px 0 0 #ea8ba1, inset -1px -1px 0 0 #ea8ba1;
          box-shadow: inset 4px 1px 0 0 #ea8ba1, inset -1px -1px 0 0 #ea8ba1;
  color: #343a40;
  text-align: left;
}
.alert.onlight {
  background: none !important;
}
.alert[data-size=m] {
  font-size: 1rem;
  padding: 0.8rem 30px !important;
}
.alert[data-content=setup] {
  background-color: #e7f3ec !important;
  color: #005824 !important;
}
.alert[data-content=setup] i svg {
  color: #005824 !important;
}
[data-type="demo"] {
  position: fixed;
  top: 0;
  z-index: 12;
  width: 100%;
}
[data-type="demo"] .alert {
  background: #7C53C0;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.4s, X;
  transition: all 0.4s, X;
  max-height: 200px;
  min-height: 48px;
  margin: 0 !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-type="demo"] .alert .btn {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
}
[data-type="demo"] .alert .btn:hover {
  background: #fff;
  color: #7C53C0;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
}
.alert[data-type="branding"] {
  background-color: #19892b !important;
  color: #fff !important;
}
.alert[data-type="branding"] i svg {
  color: #fff !important;
}
.alert[data-type="branding"] .btn {
  background: #fff;
  color: #19892b;
}
.alert a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.alert a:not(.btn):hover {
  text-decoration: none;
}
.alert:not(.noflex) div + .btn {
  margin-left: 10px;
}
.alert.pullout:not(.sml) {
  padding: 1rem 20px;
}
.alert.pullout:not(.flex-ver) .icon.twelve {
  margin-top: 5px;
}
main header + .alert {
  padding: 0.5rem 30px;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
main .pullout {
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.alert.dismissable {
  padding-right: 40px;
  position: relative;
}
.alert .lines-button.close {
  top: 8px;
  right: 10px;
  z-index: 3;
  position: absolute;
}
.alert .close .lines,
.alert .close .lines::before,
.alert .close .lines::after {
  width: 12px !important;
  background: #5b636a;
}
.alert.center {
  width: 100%;
  text-align: center;
}
.alert:not(.noflex) {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-weight: normal;
}
.alert.sticky {
  position: fixed;
  z-index: 7;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: transform 0.3s, X;
  -webkit-transition: X, -webkit-transform 0.3s;
  transition: X, -webkit-transform 0.3s;
  transition: transform 0.3s, X;
  transition: transform 0.3s, X, -webkit-transform 0.3s;
}
.alert.sticky.visible {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.alert.stuck {
  position: sticky !important;
  top: 0;
  margin: -20px -20px 20px -20px;
  z-index: 101;
  border-radius: 0 !important;
  -webkit-box-shadow: 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.24) !important;
          box-shadow: 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.24) !important;
}
[class^=aside]:has(.tabs) .alert.stuck {
  top: 44px;
}
.alert.fp:not(.pullout) {
  border-radius: 0 !important;
  margin: 0 !important;
}
.alert.offer {
  background-color: #e7f3ec;
  color: #343a40;
  font-size: 0.9375rem;
  padding: 20px !important;
  position: relative;
}
.alert > * {
  position: relative;
  z-index: 1;
}
.alert .divider {
  margin: 0.5rem 0 !important;
}
.alert .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  z-index: 0;
}
.alert .bg img {
  max-width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.alert .bg img[src*="png"] {
  width: auto;
  max-height: 100%;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.alert.info {
  background: #e9f0fe;
  background: none;
  color: #343a40;
  -webkit-box-shadow: inset 4px 1px 0 0 #92b2f8, inset -1px -1px 0 0 #92b2f8;
          box-shadow: inset 4px 1px 0 0 #92b2f8, inset -1px -1px 0 0 #92b2f8;
}
.popup header + .alert.info,
.popup header + .alert.info + .alert.info {
  background: #e9f0fe;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.alert.info dl.flex dt {
  color: #163d91;
  -webkit-box-shadow: 0 1px 0 0 #c8d9fc;
          box-shadow: 0 1px 0 0 #c8d9fc;
}
.alert.info dl.flex dd {
  -webkit-box-shadow: 0 1px 0 0 #c8d9fc;
          box-shadow: 0 1px 0 0 #c8d9fc;
}
.alert.announcement dl.flex dt {
  color: #163d91;
  -webkit-box-shadow: 0 1px 0 0 #c8d9fc;
          box-shadow: 0 1px 0 0 #c8d9fc;
}
.alert.announcement dl.flex dd {
  -webkit-box-shadow: 0 1px 0 0 #c8d9fc;
          box-shadow: 0 1px 0 0 #c8d9fc;
}
.alert dl.flex > :last-child,
.alert dl.flex > :nth-last-child(2) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.alert.announcement {
  background: #e9f0fe;
  background: none;
  color: #343a40;
  -webkit-box-shadow: inset 4px 1px 0 0 #92b2f8, inset -1px -1px 0 0 #92b2f8;
          box-shadow: inset 4px 1px 0 0 #92b2f8, inset -1px -1px 0 0 #92b2f8;
}
.popup header + .alert.announcement {
  background: #e9f0fe;
}
.alert.announcement h5,
.alert.announcement h6,
.alert.announcement strong {
  color: #1d51c1;
}
.alert.announcement i svg {
  fill: #2566f2;
  color: #2566f2 !important;
}
.alert.caution {
  background-color: #fff3e5;
  color: #343a40;
}
.alert.warning {
  background-color: #fff3e5;
  color: #343a40;
  -webkit-box-shadow: inset 4px 1px 0 0 #ffc37a, inset -1px -1px 0 0 #ffc37a;
          box-shadow: inset 4px 1px 0 0 #ffc37a, inset -1px -1px 0 0 #ffc37a;
}
.alert.success {
  background-color: #e7f3ec;
  color: #343a40;
  -webkit-box-shadow: inset 4px 1px 0 0 #86c3a1, inset -1px -1px 0 0 #86c3a1;
          box-shadow: inset 4px 1px 0 0 #86c3a1, inset -1px -1px 0 0 #86c3a1;
}
.alert[data-contrast="low"] {
  background: none;
}
.alert.pullout .icon.sixteen {
  margin-top: 2px;
}
.alert[data-type=diagnostics] {
  background-color: #001114;
  color: #096;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.alert[data-type=diagnostics]::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(18, 16, 16, 0)), color-stop(50%, rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.06)), color-stop(rgba(0, 255, 0, 0.02)), to(rgba(0, 0, 255, 0.06)));
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tab-step[tab-step=config] .alert[data-type=diagnostics] {
  margin: 0 -20px;
}
.alert[data-type=diagnostics] a {
  color: #096;
}
.alert[data-type=diagnostics] li a {
  color: rgba(255, 255, 255, 0.7);
}
.alert[data-type=diagnostics] a:hover {
  color: #fff;
}
.alert[data-type=diagnostics] i svg {
  fill: #096 !important;
  color: #096 !important;
}
.alert.warning i svg {
  fill: #ee6800 !important;
  color: #ee6800 !important;
}
.alert.warning .flag {
  color: #fff;
  background: #ee6800;
}
.alert .flag {
  margin: 0 6px 0 0;
}
.alert i,
.alert i.outline,
.alert i.twenty {
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.alert i > svg[viewBox="0 0 16 16"],
.alert i.outline > svg[viewBox="0 0 16 16"],
.alert i.twenty > svg[viewBox="0 0 16 16"] {
  width: 16px;
  height: 16px;
  margin: 2px 10px 0 0;
}
.alert i.thirtytwo {
  width: 32px;
  height: 32px;
}
.alert:not(.pullout) i svg {
  height: 100%;
  max-width: 100%;
}
.alert.error i svg,
.alert i.icon-exclaim {
  fill: #ab1d46 !important;
  color: #ab1d46 !important;
}
.alert.info i svg {
  fill: #2566f2 !important;
  color: #2566f2 !important;
}
.alert.info h5,
.alert.info h6,
.alert.info ol.list-steps > li::before {
  color: #1d51c1;
}
.alert .message ul {
  padding-left: 22px;
  border-left: 1px solid #881240;
  margin: 0.5rem 0 0.5rem -21px;
}
.alert.warning .message ul {
  padding-left: 22px;
  border-left: 1px solid #bb4f00;
}
.alert p:not(:last-child),
.alert ul:not(:last-child) {
  margin-bottom: 0.5rem;
}
#hero + .alert {
  margin: -2rem -30px 2rem -30px;
  padding: 0.5rem 30px;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
.pusher > .alert,
.page > .alert,
.topbar + .alert {
  padding: 0.5rem 30px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-box-shadow: 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
.demo-mode .pusher > .alert.sticky,
.demo-mode .page > .alert.sticky,
.demo-mode .topbar + .alert.sticky,
.demo-mode #hero + .alert.sticky.visible {
  top: 48px;
}
.page > header + .alert.hidden,
.topbar + .alert.hidden {
  padding: 0 30px !important;
}
aside header ~ .alert:not(.pullout):not(.stuck),
.tab-header ~ .alert:not(.pullout):not(.stuck),
.tab-header ~ [role=alert]:not(.pullout):not(.stuck) {
  margin: 0 -20px;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  position: relative;
  z-index: 99;
  width: auto;
  border: 0;
  border-radius: 0;
}
aside header ~ .alert:not(.pullout):not(.stuck).announcement,
.tab-header ~ .alert:not(.pullout):not(.stuck).announcement,
.tab-header ~ [role=alert]:not(.pullout):not(.stuck).announcement,
.list .alert:not(.pullout).info {
  background: #e9f0fe;
}
.scrolling > .alert {
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5) 0 2px 4px 0 rgba(33, 43, 54, 0.05);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5) 0 2px 4px 0 rgba(33, 43, 54, 0.05);
}
.list .alert:not(.pullout) {
  margin: -20px -20px 20px;
  width: calc(100% + 40px);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
.alert.ticket {
  border-top: 1px dashed #CBD0D3;
  color: inherit;
  background: #fff url(../img/ticket.png) 0 100% repeat-x;
}
.coming-soon:not(.popup) {
  position: relative !important;
  overflow: hidden;
}
.coming-soon.tab {
  width: calc(100% + 40px);
  margin: 0 -20px;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
.coming-soon .underconstruction i.icon {
  height: 18px;
  width: 20px;
  fill: #fff;
  margin: 0 6px 0 0;
}
.coming-soon .underconstruction {
  padding: 0.3rem 0;
  font-size: 0.875rem;
  line-height: 1.2;
  background: #ee6800;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 101;
}
.atob {
  position: relative;
}
.atob .pullout,
.atob figure,
.atob figure img {
  margin: 0;
}
.atob::before {
  content: '';
  background: url('../img/sprite.png') -601px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 8px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
}
.pullout {
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 3px;
  position: relative;
  margin: 0 0 1rem;
  font-size: 1rem !important;
  color: #5b636a;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.no-margin-bottom + .pullout,
small + .pullout,
a + .pullout {
  margin-top: 1rem;
}
.pullout > header {
  background: #fff;
  padding: 0.5rem 20px;
  margin: -19px -19px 20px -19px;
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: inset 0 -1px 0 0 #d7dee3;
          box-shadow: inset 0 -1px 0 0 #d7dee3;
}
.pullout > header .rgt {
  padding-right: 5px;
}
.pullout > i svg {
  fill: #687077;
  color: #687077;
}
.pullout a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.pullout a:not(.btn):hover {
  text-decoration: none;
}
.pullout.sml {
  font-size: 0.875rem !important;
  padding: 0.5rem 1rem !important;
}
.pullout.sml i.icon,
.alert:not(.pullout) i,
.alert.pullout.sml i {
  width: 16px !important;
  height: 16px !important;
  margin: 2px 10px 0 0;
}
.alert[data-size="m"] i.icon.twentyfour {
  width: 24px !important;
  height: 24px !important;
}
.page > .alert i.icon,
aside header + .alert i.icon,
.popup header + .alert i.icon {
  margin: 0 10px 0 0;
}
.alert:not(.pullout) h5,
.alert:not(.pullout) h6,
.pullout.sml h5,
.pullout.sml h6 {
  font-size: 0.875rem;
}
.pullout.sml .btn {
  font-size: 0.875rem !important;
  padding: 0.454rem 0.532rem;
}
.pullout.success {
  background-color: #e7f3ec;
  color: #343a40;
}
.pullout.warning {
  background-color: #fff3e5;
  color: #343a40;
}
.pullout.warning i svg {
  color: #ee6800;
}
.pullout.error {
  background-color: #fbe9ee;
  color: #343a40;
}
.pullout.diagnostics {
  background-color: #e7f3ec;
  color: #343a40;
}
.pullout.diagnostics i svg {
  fill: #0d8843;
  color: #0d8843;
}
.pullout.error i svg {
  color: #ab1d46;
  fill: #ab1d46;
}
.pullout.success i svg {
  color: #017737;
  fill: #017737;
}
.pullout.indev {
  -webkit-box-shadow: inset 0 0 0 1px #C7A5FF;
          box-shadow: inset 0 0 0 1px #C7A5FF;
  padding: 0.5rem;
}
.pullout.indev .flag {
  margin-left: 0;
}
.alert.error h5,
.alert.error h6,
.alert.error ol.list-steps > li::before {
  color: #ab1d46;
}
.flex.pullout:not(.flex-col) .icon {
  margin-right: 10px;
}
.pullout[data-type=tabular] {
  padding: 0 0.75rem !important;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  max-width: 900px;
}
.pullout[data-type=tabular] dl.flex {
  margin: 0.25rem 0 -0.25rem 0;
}
.pullout[data-type=tabular] dl.flex dt {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 1.25rem;
  width: 60px;
}
.pullout[data-type=tabular] dl.flex dd {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 1.25rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(100% - 60px);
  word-break: break-all;
  text-align: right;
}
.pullout[data-type=tabular] .col {
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  margin: -1px 0 0 -1px;
  padding: 0.75rem 1rem;
  min-width: 140px;
  width: 20%;
}
.pullout > dl {
  margin: -0.8rem 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.pullout.field {
  background: none;
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
  margin: 0 0 1.5rem;
  overflow: hidden;
}
.pullout .field:last-child {
  margin-bottom: 0;
}
.pullout.field:not(.alert) .icon:not(.os) svg {
  color: #343a40;
  fill: #343a40;
}
.pullout > h6 {
  position: relative;
  z-index: 1;
}
.pullout .select {
  margin-bottom: 9px;
}
.pullout > h6 span {
  background-color: #f9f5eb;
  padding: 0 10px;
  display: inline-block;
}
.pullout .legend ul {
  font-size: 0.75rem;
  color: #d6b76b;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.7rem -3px 0 -3px;
  position: absolute;
  top: 11px;
  left: 15px;
  right: 15px;
  z-index: 0;
}
.pullout .legend ul::before {
  content: '';
  width: 100%;
  border-bottom: 1px solid #ECDEBB;
  position: absolute;
  top: 5px;
}
.pullout .legend ul li {
  background-color: #f9f5eb;
  padding: 0 10px;
  margin: 0;
}
.pullout .legend ul li:last-child {
  margin-left: auto;
}
.pullout .legend ul li::before {
  display: none !important;
}
.list li .row.status-submitted figure::after {
  background: #fff;
}
.list li .row.status-submitted figure::before {
  content: '';
  background: url('../img/sprite.png') -1600px -660px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li .row.status-analysed figure::before {
  content: '';
  background: url('../img/sprite.png') -1600px -660px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li .row.status-pending-release figure::after {
  background: #fff;
}
.list li .row.status-pending-release figure .placeholder-checkbox {
  content: '';
  background: url('../img/sprite.png') -1660px -660px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 2;
}
.list li .row.status-pending-release figure .placeholder-checkbox.spinner::before {
  border-top: 2px solid #19892b;
  border: 2px solid rgba(0, 0, 0, 0);
  border-bottom-color: #19892b;
  border-top-color: #19892b;
  -webkit-animation: spinner 10s linear infinite;
  animation: spinner 10s linear infinite;
}
.list li .row.status-pending-release .flag {
  background-color: #fff3e5 !important;
  color: #bb4f00 !important;
}
.list li .row.status-processing figure .placeholder-checkbox {
  background: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 2;
}
.list li .row.status-processing figure .placeholder-checkbox.spinner::before {
  border-top: 2px solid #19892b;
  border: 2px solid rgba(0, 0, 0, 0);
  border-bottom-color: #19892b;
  border-top-color: #19892b;
  -webkit-animation: spinner 10s linear infinite;
  animation: spinner 10s linear infinite;
}
/* .list li a.row.status-pending-release {
  background: none;
  .box-shadow(none);
  border: 1px dashed rgba(215, 222, 227, 1);
} */
.list li .row.status-pending-release:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.list li .row.status-pending-release figure::before {
  background: none;
}
.list li .row.status-printed figure::after {
  background: #fff;
}
.list li .row.status-printing figure::after {
  background: #fff;
}
.list li .row.status-printed figure::before {
  content: '';
  background: url('../img/sprite.png') -1600px -660px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li .row.status-printing figure::before {
  content: '';
  background: url('../img/sprite.png') -1600px -660px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li .row.status-failed figure::after {
  background: #ab1d46;
  opacity: 0.12;
  filter: alpha(opacity=12);
}
.list li .row.status-failed .flag {
  background-color: #fbe9ee !important;
  color: #881240 !important;
}
.list li .row.status-failed figure::before {
  content: '';
  background: url('../img/sprite.png') -1660px -600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li .row.status-failed-recoverable figure::before {
  content: '';
  background: url('../img/sprite.png') -1660px -600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li .row.status-cancelled figure::before,
.list li .row.status-routed figure::before {
  content: '';
  background: url('../img/sprite.png') -1600px -600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li .row.status-cancelled .flag {
  color: #6f777f !important;
  background: none !important;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3 !important;
          box-shadow: inset 0 0 0 1px #d7dee3 !important;
}
.list li .row.status-cancelled figure::after {
  background: #d7dee3;
}
.list > ul,
.activity ul,
.list > ol {
  margin-bottom: 1.5rem;
  padding: 0 1rem;
  list-style: none;
  position: relative;
  text-align: left;
  opacity: 1;
  filter: alpha(opacity=100);
}
.list > ul > li:not(:last-child),
.activity li:not(:last-child),
.list > ol > li:not(:last-child) {
  margin: 0 0 0.75rem;
}
.list li a.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  background: #fff;
  border-radius: 3px;
  padding: 0.813rem 0;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-decoration: none;
}
.list.condensed li a.row {
  background: none;
  border-radius: 0;
}
.list li .extra a.row,
.list li .extra a.row:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.list li > .row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  padding: 0.75rem 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.list li .row .alert:not(.pullout) {
  -webkit-box-ordinal-group: 100;
      -ms-flex-order: 99;
          order: 99;
  margin: 0.75rem 0 -0.75rem 0;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
  border-radius: 0 0 3px 3px;
  line-height: 1.5;
}
.list.stack li .row .alert:not(.pullout),
[data-list=users] li .row .alert:not(.pullout),
[data-list=accounts] li .row .alert:not(.pullout) {
  margin: 0.5rem 0 -0.5rem 0;
}
.list li.disabled .row {
  background: none !important;
}
.list.white.solo > ul > li:not(.disabled) {
  background: #fff;
  padding: 0 1rem;
  margin: 0 -1rem;
  border-radius: 3px !important;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3 !important;
          box-shadow: inset 0 0 0 1px #d7dee3 !important;
}
.todo {
  overflow: hidden;
  padding: 0 1rem !important;
  margin: 0 -1rem !important;
}
.list.flex-wrap li .row {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
.list:not(.condensed) li > .row.extra {
  -webkit-box-shadow: 1px 0 0 0 rgba(215, 222, 227, 0.5), -1px 0 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 1px 0 0 0 rgba(215, 222, 227, 0.5), -1px 0 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
  padding: 0 0 0.875rem 0;
  border-radius: 0 0 3px 3px;
}
.list li > .row.extra.alt {
  background: #F4F6F9;
  padding: 0.875rem 0;
}
.list li:first-child > .row.extra {
  padding: 0 0 0.875rem 0;
}
.list.collapsable li > .row.extra {
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  max-height: 10000px;
}
.list li.disabled .collapsable-content {
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.list.collapsable li {
  z-index: 1;
}
.list.collapsable li.minimised {
  z-index: 0;
}
.list.collapsable a.row {
  padding-left: 1.2rem;
  border-radius: 3px 3px 0 0;
  z-index: 2;
}
.list.collapsable li.minimised a.row {
  border-radius: 3px;
}
.list.collapsable li:not(.minimised) a.row:hover {
  border-radius: 3px 3px 0 0;
}
.list.collapsable a.row::after {
  top: 20px;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.list.collapsable .minimised a.row::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
/* .list.collapsable a.row::before {
  content: '';
  .sprite(-400px, -200px, 9px, 6px);
  position: absolute;
  top: 50%;
  left: 15px;
  .transform(translate(0, ~"calc(-50% + 1px)") rotate(-90deg));
  .transition(all 0.3s);
} */
.list.collapsable li.minimised a.row::before {
  -webkit-transform: translate(0, calc(-50% + 1px)) rotate(0deg);
  transform: translate(0, calc(-50% + 1px)) rotate(0deg);
}
.list.collapsable li.minimised a.row::after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.list.collapsable li.minimised > .row.extra {
  max-height: 0;
  padding: 0;
  overflow: hidden;
}
/** Comment this out based on feedback
.list.collapsable li a.row .rule .def {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  .transition(all 0.3s ease-in-out .3s);
}

.list.collapsable li.minimised a.row .rule .def {
  max-height: 200px;
  padding-top: .5rem;
  .transition(all 0.3s ease-in-out 0s);
}
*/
.list.collapsable li.minimised .row.extra .fp {
  opacity: 0;
  filter: alpha(opacity=0);
}
.list.collapsable li .row.extra .fp {
  -webkit-transition: opacity 0.15s, X;
  transition: opacity 0.15s, X;
  opacity: 1;
  filter: alpha(opacity=100);
}
.list:not(.condensed) li:not(.archived) .row-link:hover,
.list:not(.condensed) li:not(.multi) > a.row:hover {
  -webkit-box-shadow: 0 0 0 1px #b5bbc1;
          box-shadow: 0 0 0 1px #b5bbc1;
}
.list.condensed[data-list] .row-link:hover,
.list.condensed[data-list] a.row:hover {
  -webkit-box-shadow: inset 1px 0 0 0 #b5bbc1, inset -1px 0 0 0 #b5bbc1, inset 0 1px 0 0 #b5bbc1, 0 1px 0 0 #b5bbc1 !important;
          box-shadow: inset 1px 0 0 0 #b5bbc1, inset -1px 0 0 0 #b5bbc1, inset 0 1px 0 0 #b5bbc1, 0 1px 0 0 #b5bbc1 !important;
  z-index: 2;
}
.list.condensed.grid .row-link:hover {
  -webkit-box-shadow: inset 1px 0 0 0 #b5bbc1, inset -1px 1px 0 0 #b5bbc1, inset 0 -1px 0 0 #b5bbc1 !important;
          box-shadow: inset 1px 0 0 0 #b5bbc1, inset -1px 1px 0 0 #b5bbc1, inset 0 -1px 0 0 #b5bbc1 !important;
}
.condensed:not(.alt) > ul li:last-child .row-link:first-child:hover {
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1 !important;
          box-shadow: inset 0 0 0 1px #b5bbc1 !important;
  z-index: 2;
}
/* .list:not(.condensed) li a.row.status-pending-release:hover {
  border: 1px solid #C5D6D5;
  .box-shadow(none) !important;
} */
.list .row {
  margin: 0 -1rem;
}
.list .row-link {
  cursor: pointer;
}
.list:not(.condensed) .row-link,
.list.stack li .row {
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
  border-radius: 3px;
  background: #fff;
}
.list:not(.condensed) li.selected .row-link,
.list:not(.condensed) li.selected .row,
.list:not(.condensed) li.selected .row-link:hover,
.list:not(.condensed) li.selected .row:hover {
  -webkit-box-shadow: inset 0 0 0 2px #19892b !important;
          box-shadow: inset 0 0 0 2px #19892b !important;
}
.list.condensed li.current .row-link,
.list.condensed li.current .row-link:hover {
  z-index: 1;
  background-color: #e7f3ec;
  -webkit-box-shadow: inset 1px 0 0 0 #19892b, inset -1px 0 0 0 #19892b, inset 0 1px 0 0 #19892b, 0 1px 0 0 #19892b !important;
          box-shadow: inset 1px 0 0 0 #19892b, inset -1px 0 0 0 #19892b, inset 0 1px 0 0 #19892b, 0 1px 0 0 #19892b !important;
}
.list .col {
  padding: 0 1rem;
  display: block;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 15%;
  position: relative;
  color: #5b636a;
  word-break: break-word;
  min-width: 0;
}
.list .col.flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
main .list:not(.grid) .col .label {
  display: none !important;
}
.list .title .col {
  padding: 0;
  width: auto;
}
.list .col.half {
  width: 50%;
}
.list .col.qtr {
  width: 25%;
}
.list .col.total-users,
.list .col.created {
  min-width: 200px;
}
.list .col.total-users .avatar {
  margin: 0 -12px 0 0;
  -webkit-box-shadow: 0 0 0 2px #fff !important;
          box-shadow: 0 0 0 2px #fff !important;
}
.list .col.total-users .avatar:last-child {
  margin-right: 8px;
}
.page-printlog .list figure:not(.graph) {
  overflow: hidden;
  width: 54px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  border-radius: 3px 0 0 3px;
}
.page-printlog .list.condensed figure:not(.graph) {
  top: 1px;
  left: 1px;
  height: calc(100% - 1px);
}
.page-printlog .list.condensed li:last-child figure:not(.graph) {
  height: calc(100% - 2px);
}
.list .col.img {
  overflow: hidden;
  width: 54px;
  margin-top: calc(-.875rem + 1px);
  margin-bottom: calc(-.875rem + 1px);
  margin-left: 1px;
  padding: 0;
  background: #EFF3F7;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.list .col.img figure {
  margin: 0;
  mix-blend-mode: multiply;
  height: 100%;
}
.page-printlog .list figure img {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: none;
  min-width: 54px;
  min-height: 100%;
  max-height: 80px;
}
.list .col.img figure img {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: auto;
  min-width: 54px;
  min-height: 100%;
}
/* .list figure .landscape img {
  max-width: none;
  height: 100%;
} */
.page-printlog .list figure .flag {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 3px 2px;
  border-radius: 0;
  font-size: 0.625rem;
  z-index: 2;
}
.page-printlog .list figure:not(.graph)::before {
  content: '';
  background: url('../img/sprite.png') -800px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 18px;
  padding-top: 18px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  left: 18px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 2;
}
.list .col.type .icon[data-type=diagnostics] svg {
  color: #096;
}
.list a.row::after {
  content: '';
  background: url('../img/sprite.png') -601px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 8px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 0;
}
.list .disabled a.row .def {
  color: #b5bbc1;
}
.list .disabled a.row > .icon {
  opacity: 0.5;
  filter: alpha(opacity=50);
  mix-blend-mode: luminosity;
}
.list a.row.no-arrow::after {
  display: none;
}
.list .disabled .row .fp,
[data-content].disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.list .disabled .col.status,
.list .disabled .col.device-name,
.list .disabled .col.monitor,
.list .disabled .col.type,
.list .disabled .col.actions,
.list .disabled .col.os {
  opacity: 1;
  filter: alpha(opacity=100);
}
.list .disabled .col.type .icon svg {
  fill: #b5bbc1;
  color: #b5bbc1;
}
.list header,
.popup .list header,
.popup header ~ [data-step] .list header {
  margin-bottom: 1rem;
  overflow: visible;
  padding: 0 !important;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.list header .col,
.list footer .col {
  color: #343a40;
  font-weight: 500;
  font-family: 'Barlow', sans-serif;
}
.list header .col.sortable {
  cursor: pointer;
}
.list header .col.sortable::after {
  content: '';
  background: url('../img/sprite.png') -600px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 7px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 0 0 6px;
}
.list header .col.sortable.asc::after {
  background-position: -620px -300px;
}
.list header .col.sortable.desc::after {
  background-position: -640px -300px;
}
.list .select:not(.inl) {
  margin: 0;
}
.col.fp {
  width: 100%;
}
.col.icon {
  padding-right: 0;
}
.col.type {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #343a40;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.col.type h4 {
  margin: 0 0 0.25rem 0;
  font-size: 1.125rem;
}
.col.type dl {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  margin: 0.2rem 0 -0.1rem 0;
  line-height: 1.25rem;
  color: #5b636a;
}
.col.type p:not([class*='css']) {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  color: #5b636a;
  margin: 0;
}
.col.type dl dt,
.col.type dl dd {
  padding: 0.1rem 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.col.type.inset {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  flex-wrap: wrap;
}
.col.type.inset .icon {
  margin: 0.2rem 10px 0.5rem 0;
}
.col.type.inset > div,
.col.type.inset > h5 {
  width: calc(100% - 40px);
}
.col.type.inset h5 {
  margin-bottom: 0.5rem;
}
.col.type.inset > div p {
  margin: 0 0 0 -30px;
}
.col.type.inset .icon svg {
  color: #343a40;
}
.col.rule {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: static;
  padding-right: 48px;
}
.col.name {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: static;
}
.col.name h4 {
  margin: 0;
}
.col.document {
  width: calc(45% - 54px - 80px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  color: #343a40;
  word-break: break-all;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.col.document .flag {
  margin-left: 6px;
}
.list .col.platforms .icon {
  margin-right: 10px;
}
.list .col.msg {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  color: #343a40;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.list .col.profile {
  width: 52px;
  padding-right: 0;
}
.list .col.profile .avatar {
  margin: 0;
}
/* .list[data-type=selectable] li.checked .avatar {
  background-color: @primary !important;
  color: transparent !important;
  position: relative;
}

.list[data-type=selectable] li.checked .avatar::after {
  .sprite(-800px, -800px, 10px, 8px);
  position: absolute;
  top: 50%;
  left: 50%;
  .transform(translate(-50%, -50%));
}

.list[data-type=selectable] li:not(.checked) .row-link:hover .avatar {
  color: transparent;
  background: none;
  background-image: linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  .box-shadow(inset 0 0 0 1px @color-primary-grey-400);
}

.list[data-type=selectable] li:not(.checked) .row-link:hover .avatar::after {
  .sprite(-600px, -800px, 10px, 8px);
  position: absolute;
  top: 50%;
  left: 50%;
  .transform(translate(-50%, -50%));
  .opacity(20);
} */
.grid.list .col.profile {
  position: absolute;
  top: 1.125rem;
  width: 40px;
  padding: 0;
  left: 20px;
  z-index: 1;
}
.col.status {
  width: auto;
  min-width: 32px;
  padding-right: 0 !important;
  text-align: center;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.grid .col.state {
  width: auto;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -ms-flex-item-align: start;
      align-self: flex-start;
  line-height: 1.7;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.25rem;
}
.col.state .icon:not(.push) {
  margin: 0 0 0 10px !important;
}
.col.state > a {
  color: #6f777f;
}
.col.state > a:hover {
  color: #19892b;
}
.col.monitor {
  width: 90px !important;
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.col.actions {
  width: 42px;
  padding-left: 0;
  padding-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.col.last {
  width: 15%;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.col:has(input[type=text] + .btn) input[type=text],
.col:has(.select + .btn) .select,
.rgt:has(.select + .btn) .select {
  border-radius: 3px 0 0 3px;
  margin: 0 -1px 0 0 !important;
}
.grid .col:has(input[type=text] + .btn) input[type=text],
.grid .col:has(.select + .btn) .select,
.grid .rgt:has(.select + .btn) .select {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.col:has(input[type=text] + .btn) input[type=text] + .btn,
.col:has(input[type=text] + button) input[type=text] + button,
.col:has(.select + .btn) .select + .btn,
.rgt:has(.select + .btn) .select + .btn,
.flex:has(.value + .btn) .value + .btn,
.col .filter + .btn {
  border-radius: 0 3px 3px 0;
  margin-left: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: 'Source Sans Pro', sans-serif;
}
.col.device-name,
.col.paper-size {
  color: #343a40;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 20%;
  word-break: break-all;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.col.device-name small {
  display: block;
}
.col.attr {
  width: 25%;
}
.col.platform {
  width: 140px !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.col.platform .architecture {
  margin-left: 8px;
  font-size: 14px;
}
.col.platform .icon.os {
  margin-bottom: 3px;
}
.col.platforms,
.col.username,
.col.transacted-by {
  width: 20%;
}
.col.owner {
  width: 20%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.col.summary {
  width: 50%;
}
.col.seen,
.col.cost,
.col.amount,
.col.balance {
  width: 140px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.col.time,
.col.date {
  width: 240px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.col.method,
.col.transacted-type {
  width: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #687077;
  text-align: center;
}
.transacted-type .text {
  display: none;
}
.transacted-type[data-ver="2"] {
  width: 240px;
  text-align: left;
}
.transacted-type[data-ver="2"] .text {
  display: inline-block;
  margin-left: 0.5rem;
}
header .transacted-type[data-ver="2"] .text {
  margin: 0;
}
.list li i svg {
  stroke: none;
}
.list h5 {
  margin: 0;
}
.mobile-pr i.fill.icon {
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
}
.mobile-pr i.fill svg {
  fill: #13293D;
  height: auto;
  width: 20px;
}
.list .col > .icon {
  margin: 0;
}
.pagination {
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  border-radius: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.pagination a.prev,
.pagination a.next {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  text-align: center;
}
.pagination a.prev::before {
  content: '';
  background: url('../img/sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.pagination a.next::before {
  content: '';
  background: url('../img/sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.pagination ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.pagination a {
  color: #6f777f;
  font-size: 0.875rem;
  padding: 0.532rem 0.8rem;
  display: block;
  -webkit-box-shadow: 1px 0 0 0 #d7dee3;
          box-shadow: 1px 0 0 0 #d7dee3;
  text-decoration: none;
}
.pagination .current a {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  color: #19892b;
}
.pagination a.disabled {
  color: #b5bbc1;
  pointer-events: none;
}
.pagination a.next {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.option-list.solid li {
  background: #fff;
}
.option-list.initial {
  font-size: initial;
}
body:not(.page-grows) main .option-list li:not(.active) {
  background: #ebeff5;
}
.option-list li {
  width: 20%;
  min-width: 120px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  margin: -1px 0 0 -1px;
}
.option-list.no-grow li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.option-list.slim li {
  min-width: 0;
}
.option-list.fw li {
  width: 100%;
}
.option-list.split li {
  width: 50%;
}
.option-list.thirds li {
  width: calc(100% / 3);
}
.option-list.tabs-only.option-list-connected li.active {
  -webkit-box-shadow: inset 1px 0 0 0 #b5bbc1, inset -1px 0 0 0 #b5bbc1, inset 0 3px 0 0 #19892b;
          box-shadow: inset 1px 0 0 0 #b5bbc1, inset -1px 0 0 0 #b5bbc1, inset 0 3px 0 0 #19892b;
}
.option-list.tabs-only li > strong,
.option-list.tabs-only li > a strong {
  color: #343a40;
  display: block;
  line-height: 1.25;
}
.option-list.tabs-only.option-list-connected li.active a::before,
.option-list.tabs-only.option-list-connected li.active a::after {
  content: none;
}
.option-list.tabs-only li .icon:not(.icon-exclaim):not(.state) > svg {
  fill: #687077 !important;
  color: #687077 !important;
}
.option-list.tabs-only .val {
  color: #343a40;
  font-weight: bold;
  display: block;
  line-height: 1.25;
}
.option-list.detach {
  margin: -0.5rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.option-list.detach li {
  margin: 0.5rem;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  border-radius: 3px;
}
.option-list li.disabled {
  overflow: hidden;
}
.option-list li.disabled > *:not(.sample):not(.whatsnext):not(.icon):not(.flag) {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
  mix-blend-mode: luminosity;
}
.option-list li.disabled > .flag {
  position: absolute;
  top: 4px;
  right: 4px;
}
.option-list li > a {
  padding: 0.875rem 1rem;
  color: #6f777f;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  line-height: 1.25rem;
  text-decoration: none !important;
}
.option-list.fw li > a {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.option-list.fw li > a div {
  width: calc(100% - 52px);
}
.option-list.fw li > a div strong {
  margin: 0;
}
.option-list.initial li > a {
  padding: 1rem;
}
.option-list.slim li > a {
  padding: 0.75rem 10px;
}
.option-list.x-slim li > a {
  font-size: 0.875rem;
  padding: 0.454rem 0.532rem;
}
.option-list.many li > a.action {
  padding: 0 10px 10px 10px;
  margin-top: -10px;
  display: none;
}
.option-list.many li.active > a.action {
  display: block;
}
.option-list.many li.active.default {
  background-color: #e6f0eb;
}
.option-list.many li.active.default::before {
  border-color: transparent #006316 transparent transparent;
}
.option-list.many li.active.default > a.action {
  color: #19892b;
  text-decoration: none;
}
.option-list li:last-child > a {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.option-list li > .icon,
.option-list li > a .icon,
.option-list li > .title .icon {
  height: 32px;
  width: 32px;
  margin: 0 auto 0.5rem auto;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: auto;
}
.option-list.fw li .icon {
  margin: 0 20px 0 0;
}
.option-list li .icon.twenty {
  width: 20px;
  height: 20px;
}
.option-list li .icon.twentyfour {
  width: 24px;
  height: 24px;
}
.option-list li .icon.fortyeight {
  width: 48px;
  height: 48px;
}
.option-list li .icon.seventytwo {
  width: 72px;
  height: 72px;
}
.option-list li .icon.icon-exclaim,
.option-list li .icon.state {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 10px;
  left: calc(50% + 24px);
  margin: 0;
  background: none;
  border-radius: 0;
  padding: 0;
}
.option-list li .icon .icon.state {
  top: 0;
  left: calc(50% + 12px);
}
.option-list li .icon.state.success {
  background: #19892b;
  border-radius: 50%;
  padding: 3px;
}
.option-list li .icon:not(.state):not(.outline).icon-exclaim svg {
  fill: #ee6800 !important;
  color: #ee6800 !important;
}
.option-list.slim li .icon {
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.option-list li .icon:not(.state):not(.outline) > svg {
  fill: #6f777f !important;
  color: #6f777f !important;
  max-width: 100%;
}
.option-list li .disabled .icon > svg {
  opacity: 0.5;
  filter: alpha(opacity=50);
  fill: #b5bbc1 !important;
  color: #b5bbc1 !important;
}
.option-list li:not(.active) .icon img:not(.icon-color) {
  -webkit-filter: invert(94%) sepia(5%) saturate(246%) hue-rotate(169deg) brightness(82%) contrast(87%);
          filter: invert(94%) sepia(5%) saturate(246%) hue-rotate(169deg) brightness(82%) contrast(87%);
}
.option-list li.active a .icon:not(.icon-exclaim):not(.state):not(.outline) > svg,
.option-list li a:hover .icon:not(.icon-exclaim):not(.state):not(.outline) > svg {
  fill: #343a40 !important;
  color: #343a40 !important;
}
.option-list li.active a .icon.outline > svg,
.option-list li a:hover .icon.outline > svg {
  fill: none !important;
  color: #343a40 !important;
}
.option-list li.active[data-content="stop"] .icon svg,
.option-list li.active[data-content="deny"] .icon svg {
  fill: #ab1d46 !important;
  color: #ab1d46 !important;
}
.option-list li.active[data-content="warn"] .icon svg {
  fill: #FFB100 !important;
  color: #FFB100 !important;
}
.option-list li > a strong {
  display: block;
  word-break: initial;
  line-height: 1.25;
  color: #6f777f;
}
.option-list li.active > a strong,
.option-list li > a:hover strong {
  color: #343a40;
}
.option-list[data-group="swatches"] li {
  min-width: 0;
  width: 48px;
  height: 48px;
  padding: 0;
}
.option-list[data-group="swatches"] li.active a {
  z-index: 2;
  margin: -2px;
  -webkit-box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.4), inset 2px 2px 0 0 #19892b, inset -2px 0 0 0 #19892b, inset 0 -2px 0 0 #19892b;
          box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.4), inset 2px 2px 0 0 #19892b, inset -2px 0 0 0 #19892b, inset 0 -2px 0 0 #19892b;
}
.option-list[data-group="quickscan-flow"] {
  background: none;
  -webkit-box-shadow: inset 1px 0 0 0 #d7dee3, inset -1px 0 0 0 #d7dee3, 0 -1px 0 0 #d7dee3;
          box-shadow: inset 1px 0 0 0 #d7dee3, inset -1px 0 0 0 #d7dee3, 0 -1px 0 0 #d7dee3;
}
.option-list[data-group="quickscan-flow"] li:not(:last-child) {
  -webkit-box-shadow: 1px 0 0 0 #d7dee3;
          box-shadow: 1px 0 0 0 #d7dee3;
}
.option-list[data-group="quickscan-flow"] li a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100% !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.option-list[data-group="quickscan-flow"] li a .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 0 0 10px;
}
.option-list[data-group="quickscan-flow"] li .icon.state {
  left: auto;
  right: 10px;
}
.option-list[data-group="quickscan-flow"] li .icon:not(.icon-exclaim):not(.state) svg,
.option-list[data-group="quickscan-flow"] li:not(.active) a:hover .icon:not(.icon-exclaim):not(.state) svg {
  fill: none !important;
  color: transparent !important;
  stroke: #6f777f !important;
  stroke-width: 2;
}
.option-list[data-group="quickscan-flow"] li .icon:not(.icon-exclaim):not(.state).stroke svg,
.option-list[data-group="quickscan-flow"] li:not(.active) a:hover .icon:not(.icon-exclaim):not(.state).stroke svg {
  color: #6f777f !important;
}
.option-list[data-group="quickscan-flow"] li.active .icon:not(.icon-exclaim):not(.state):not(.outline) svg [stroke-width="2"] {
  stroke: #8EC741 !important;
}
.option-list[data-group="quickscan-flow"] li.active .icon:not(.icon-exclaim):not(.state):not(.outline) svg {
  fill: rgba(39, 170, 39, 0.8) !important;
  color: rgba(142, 199, 65, 0.8) !important;
  stroke: none !important;
}
.option-list[data-group="quickscan-flow"] li.active::after,
.option-list[data-group="quickscan-flow"] li.active a::before,
.option-list[data-group="quickscan-flow"] li.active a::after {
  content: none !important;
}
.option-list[data-group="quickscan-flow"] li:not(:last-child)::before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  right: -2px;
  z-index: 2;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg) translate(0, -50%);
          transform: rotate(45deg) translate(0, -50%);
  background: #EFF3F7;
  border-top: 1px solid rgba(142, 149, 158, 0.5);
  border-right: 1px solid rgba(142, 149, 158, 0.5);
}
.option-list[data-group="quickscan-flow"] li.active:not(:last-child)::before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  right: -2px;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg) translate(0, -50%);
          transform: rotate(45deg) translate(0, -50%);
  background: #fff;
  border: 0;
  border-top: 1px solid #b5bbc1;
  border-right: 1px solid #b5bbc1;
}
.option-list[data-group="quickscan-flow"] li.active:last-child::before {
  content: none;
}
.option-list li.active {
  z-index: 2;
  -webkit-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2), inset 2px 2px 0 0 #19892b, inset -2px 0 0 0 #19892b, inset 0 -2px 0 0 #19892b;
          box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2), inset 2px 2px 0 0 #19892b, inset -2px 0 0 0 #19892b, inset 0 -2px 0 0 #19892b;
  background: #fff;
}
.option-list.option-list-connected li.active {
  -webkit-box-shadow: inset 1px 1px 0 0 #b5bbc1, inset -1px 0 0 0 #b5bbc1;
          box-shadow: inset 1px 1px 0 0 #b5bbc1, inset -1px 0 0 0 #b5bbc1;
  background: #fff;
}
.option-list.option-list-connected li.active a::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 32px 0;
  border-color: transparent #19892b transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.option-list.option-list-connected li.active a::after {
  content: '';
  background: url('../img/sprite.png') -800px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 5px;
  right: 3px;
  width: 10px !important;
}
.option-list.option-list-connected li.active:first-child {
  border-radius: 3px 0 0 0;
}
.option-list.option-list-connected li.active:last-child {
  border-radius: 0 3px 0 0;
}
.option-list li.active a {
  color: #5b636a;
}
.option-list li small {
  display: block;
  line-height: 1.2;
}
.option-list li.active small {
  color: #5b636a;
}
/* .option-list:not(.no-ticks) li.active::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 32px 0;
  border-color: transparent @primary transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.option-list:not(.no-ticks) li.active::after {
  .sprite(-800px, -800px, 10px, 8px);
  position: absolute;
  top: 5px;
  right: 3px;
  width: 10px !important;
  z-index: 3;
} */
.option-list-content {
  padding: 1rem;
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1;
          box-shadow: inset 0 0 0 1px #b5bbc1;
  border-radius: 0 0 3px 3px;
  margin: -1px 0 0 -1px !important;
  position: relative;
  background: #fff;
  max-height: 9999px;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  margin-bottom: 0.5rem;
}
.option-list-content > * {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s 0.2s, X;
  transition: all 0.2s 0.2s, X;
}
.option-list-content.hidden {
  margin: 0 !important;
}
.option-list-content p,
.option-list-content .field {
  margin: 0 0 0.8rem;
}
.option-list-content > ul:not(.option-list-connected):not(.disc) > li {
  margin-bottom: 0.25rem;
}
.option-list-content ul.disc {
  margin: 0 0 0.75rem 20px;
}
.option-list-content label {
  margin-bottom: 5px;
}
.option-off .row.extra {
  padding: 0;
  border: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
  display: block;
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
}
.message-warn,
.message-stop {
  margin: 0;
  display: none;
}
.option-warn .message-warn {
  display: block;
}
.option-warnstop .message-warn {
  display: block;
}
.option-warnstop .message-stop {
  display: block;
}
#skew {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transform: skewY(-12deg);
          transform: skewY(-12deg);
  -webkit-transform-origin: 0;
          transform-origin: 0;
  background: linear-gradient(150deg, #53f 15%, #05d5ff 70%, #a6ffcb 94%);
  z-index: -1;
  top: 0;
  left: 0;
}
#skew span {
  height: 150px;
  float: left;
  opacity: 0.1;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
#skew :nth-child(1) {
  background: #92C44A;
  width: 10%;
}
#skew :nth-child(2) {
  background: #2CAD62;
  width: 90%;
}
#skew :nth-child(3) {
  background: #53f;
  width: 20%;
}
#skew :nth-child(4) {
  background: #a1ffc8;
  width: 80%;
}
#skew :nth-child(5) {
  background: #0dcfff;
  width: 30%;
}
#skew :nth-child(6) {
  background: #a1ffc8;
  width: 70%;
}
.list.stack li .row,
[data-list=users] li .row,
[data-list=accounts] li .row,
[data-list=reports-scheduled] li .row {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 0.5rem 0;
}
.condensed > ul,
.condensed > ol {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
}
.condensed.alt > ul {
  background: none;
}
.condensed.solid > ul {
  background: #fff;
}
.list.condensed > ul > li,
.list.condensed > ol > li {
  margin: 0;
  padding: 0;
}
.list.condensed > ol.list-steps > li {
  padding: 0 !important;
  margin: 0 !important;
}
.list.condensed > ol > li::before {
  left: -1.75rem;
  top: 0.75rem;
  text-align: center;
  color: #6f777f;
  font-weight: normal;
}
.condensed:not(.alt) > ul li > .row:not(.extra),
.condensed:not(.alt) > ol li > .row:not(.extra) {
  -webkit-box-shadow: inset 0 1px 0 0 #d7dee3;
          box-shadow: inset 0 1px 0 0 #d7dee3;
}
.condensed:not(.alt) > ul li:first-child .row:first-child,
.condensed:not(.alt) > ol li:first-child .row:first-child {
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.condensed:not(.alt) > ul li:last-child .row:first-child,
.condensed:not(.alt) > ol li:last-child .row:first-child {
  border-radius: 0 0 3px 3px;
}
.condensed:not(.alt) > ul li:last-child > .row.extra:last-child,
.condensed:not(.alt) > ul li:first-child > .row:last-child,
.condensed:not(.alt) > ol li:last-child > .row.extra:last-child,
.condensed:not(.alt) > ol li:first-child > .row:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.condensed:not(.alt) > ul li:last-child > .row:last-child:not(:first-child),
.condensed:not(.alt) > ol li:last-child > .row:last-child:not(:first-child) {
  padding-top: 0;
}
.condensed:not(.alt) > ul li.multi:not(.visible):last-child > .row {
  -webkit-transition: box-shadow 0.1s 0.4s, X;
  -webkit-transition: X, -webkit-box-shadow 0.1s 0.4s;
  transition: X, -webkit-box-shadow 0.1s 0.4s;
  transition: box-shadow 0.1s 0.4s, X;
  transition: box-shadow 0.1s 0.4s, X, -webkit-box-shadow 0.1s 0.4s;
  border-radius: 0 0 3px 3px;
}
.condensed .row.disabled {
  background: transparent;
}
.condensed a::after {
  display: none !important;
}
.condensed.alt > ul > li .row {
  -webkit-box-shadow: inset 0 1px 0 0 #d7dee3;
          box-shadow: inset 0 1px 0 0 #d7dee3;
}
.condensed.alt > ul > li:first-child .row {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.list.condensed header {
  padding: 0;
}
.list.condensed header h4 {
  margin: 0;
}
.list.condensed i[class^='icon-'] {
  margin: -2px 10px 0 0;
}
.list.condensed .col.checkbox {
  white-space: nowrap;
  width: auto;
  text-align: right;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.list.condensed .col.checkbox input[type="checkbox"] {
  margin: 0 0 0 8px;
}
.list.condensed .col.checkbox label {
  margin: 0;
}
.timeline {
  position: relative;
}
.timeline h4 {
  padding: 1rem 0;
  background: #f5f7fa;
  background: #EFF3F7;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
.timeline::before {
  content: '';
  position: absolute;
  left: 175px;
  top: 0;
  bottom: -2rem;
  border-right: 1px solid rgba(215, 222, 227, 0.7);
  z-index: 0;
}
.activity.list li .row {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  background: none;
}
.activity.list .col.time {
  width: 140px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  text-align: left;
  padding-left: 0;
  font-family: 'Barlow', sans-serif;
}
.activity.list .status {
  width: 160px;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  text-align: left;
}
.activity.list i.avatar {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #EFF3F7;
  margin: 0 0 0 -20px;
  -webkit-transition: margin 0.3s, z-index 0s 0s;
  transition: margin 0.3s, z-index 0s 0s;
  position: relative;
  z-index: 0;
}
.activity.list i.avatar:nth-child(2) {
  z-index: 1;
}
.activity.list .status:hover i.avatar {
  margin: 0;
  z-index: 99;
  -webkit-transition: margin 0.3s, z-index 0s 0.3s;
  transition: margin 0.3s, z-index 0s 0.3s;
}
.activity.list .status:hover i.avatar:hover {
  z-index: 100;
}
.activity .col.message {
  overflow: hidden;
  word-break: break-word;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(100% - 320px);
  background: #fff;
  color: #5b636a;
  border-radius: 3px;
  padding: 0.875rem 20px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.list.grid:not(.condensed) > ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
  padding: 0;
}
.list.grid.condensed > ul,
.list.grid.condensed > ol {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.list.grid > ul > li,
.list.grid > ol > li {
  width: calc(100% / 4);
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 1rem;
}
.list.grid.condensed > ul > li,
.list.grid.condensed > ol > li {
  -webkit-box-shadow: inset -1px -1px 0 0 #d7dee3;
          box-shadow: inset -1px -1px 0 0 #d7dee3;
  padding: 0;
  margin: 0;
}
.list.grid.condensed > ul > li .row {
  background: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.list.grid.two > ul > li,
.list.grid.two > ol > li {
  width: calc(100% / 2);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.list.grid.three > ul > li,
.list.grid.three > ol > li {
  width: calc(100% / 3);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.list.grid > ul > li a.row,
.list.grid > ul > li > .row,
.list.grid > ol > li > .row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin: 0;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
  padding: 1.125rem 0;
  min-height: 100%;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
}
.list.grid > ul > li a.row.flex-nowrap,
.list.grid > ul > li > .row.flex-nowrap,
.list.grid > ol > li > .row.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.list.grid.condensed > ul > li a.row,
.list.grid.condensed > ol > li a.row {
  padding: 20px;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  color: #5b636a;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.list.grid.condensed > ul > li a.row h6 {
  width: 100%;
}
.list.grid > ul > li > .row .row {
  width: 100%;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.list.grid > ul > li .profile {
  margin: 0 auto 1rem 0;
}
.list.grid i.avatar:not(.logo) {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.list.grid > ul > li .time {
  color: #b5bbc1;
  width: auto;
}
.list.grid > ul > li .col {
  width: 50%;
  float: left;
}
.col.fit {
  width: auto !important;
}
.list.grid > ul > li .col.fp {
  width: 100%;
}
.list.grid > ul > li .col.status {
  width: auto;
  position: absolute;
  left: 0;
  top: 23px;
}
.list.grid > ul > li .col.actions {
  width: auto;
  position: absolute;
  right: 0;
  top: 1.125em;
  z-index: 2;
}
.list.grid > ul > li .col.status,
.list.grid li .col.device-name {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 1rem;
}
.list.grid > ul > li .col.status > i:not(.type):not(.bold):not(.poi) {
  position: absolute;
  top: 0;
  right: -6px;
  z-index: 10;
}
.list.grid > ul > li .col.device-name {
  width: calc(100% - 42px);
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-left: 80px;
  word-break: break-all;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-bottom: 0.5rem;
}
.list.grid > ul > li .col.state {
  width: calc(100% - 42px);
  padding-left: 80px;
  margin-bottom: 1rem;
}
.list .flag {
  margin: 0;
  position: relative;
}
.page-printers .list.grid > ul > li .col.device-name,
.page-printers .list.grid > ul > li .col.ip {
  padding-left: 98px;
}
.list.grid > ul > li .col.ip {
  width: calc(100% - 64px);
  min-height: 20px;
  padding-left: 80px;
  word-break: break-all;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.list.grid > ul > li .col.version {
  width: calc(100% - 64px);
  min-height: 20px;
  padding-left: 80px;
  word-break: break-all;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.list.grid .seen::before {
  content: 'Seen';
  color: #343a40;
  width: 100%;
  display: block;
}
.list.grid .rgt,
.list.grid .seen {
  text-align: right;
}
.list .col::before {
  font-family: 'Barlow', sans-serif;
  color: #343a40;
  font-weight: 500;
}
.list.grid .last-print::before {
  content: 'Last Print';
  color: #343a40;
  width: 100%;
  display: block;
}
.list.grid .enabled::before {
  content: 'Enabled';
  color: #343a40;
  width: 100%;
  display: block;
}
.list.grid .total-pages::before {
  content: 'Total Pages';
  color: #343a40;
  width: 100%;
  display: block;
}
.list.grid .first-seen::before {
  content: 'First Seen';
  color: #343a40;
  width: 100%;
  display: block;
}
.list.grid .col.installed::before {
  content: 'Installed';
  color: #343a40;
  width: 100%;
  display: block;
}
.list.grid .col.version::before {
  content: 'Ver';
  color: #343a40;
  display: inline-block;
  width: 60px;
}
.list.grid .col.ip::before {
  content: 'IP';
  color: #343a40;
  display: inline-block;
  width: 60px;
}
.list.grid .col.macadd::before,
.list.grid .col.gateway-mac::before {
  content: 'MAC';
  color: #343a40;
  display: inline-block;
  width: 60px;
}
.list.grid .col.serial::before {
  content: 'Serial';
  color: #343a40;
  display: inline-block;
  width: 60px;
}
.list.grid .col.ip.alt::before {
  content: none;
}
.list.grid .printers::after {
  content: 'Printers';
  color: #343a40;
  width: 100%;
  display: block;
  font-family: 'Barlow', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  -webkit-font-smoothing: initial;
  margin-top: 3px;
}
.list.grid .monitor::after {
  content: 'Publish';
  color: #343a40;
  width: 100%;
  display: block;
  font-family: 'Barlow', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  -webkit-font-smoothing: initial;
  margin-top: 3px;
}
.list.grid .col.jobs::after {
  content: 'Jobs Held';
  color: #343a40;
  width: 100%;
  display: block;
  font-family: 'Barlow', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  -webkit-font-smoothing: initial;
  margin-top: 3px;
}
.list.grid .col.jobs-printed::after {
  content: 'Printed 24h';
  color: #343a40;
  width: 100%;
  display: block;
  font-family: 'Barlow', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  -webkit-font-smoothing: initial;
  margin-top: 3px;
}
.list.grid .col.pages::after {
  content: 'Pages';
  color: #343a40;
  width: 100%;
  display: block;
  font-family: 'Barlow', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  -webkit-font-smoothing: initial;
  margin-top: 3px;
}
.list.grid > ul > li .col.jobs,
.list.grid > ul > li .col.printers,
.list.grid > ul > li .col.jobs-printed,
.list.grid > ul > li .col.pages,
.list.grid > ul > li .col.monitor {
  height: 100px;
  width: calc(50% - 22px) !important;
  margin: 1rem 0;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: end;
      align-self: flex-end;
  border: 1px solid rgba(215, 222, 227, 0.7);
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -ms-flex-line-pack: center;
      align-content: center;
}
.list.grid > ul > li .col.pages {
  margin-left: 20px;
  border-right: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.list.grid > ul > li .col.monitor .switch {
  margin: 2px 0;
}
.list.grid > ul > li .col.monitor {
  margin-right: 20px;
  border-left: 0;
}
.list.grid > ul > li .col.jobs.alt,
.list.grid > ul > li .col.jobs-printed.alt {
  padding-left: 20px;
  margin-left: 20px;
  margin-right: 0;
  border-right: 0;
  border-left: 1px solid rgba(215, 222, 227, 0.7);
  padding-right: 44px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.list.grid > ul > li .col.monitor.alt {
  padding-left: 44px;
}
.list.grid > ul > li .col.monitor.alt::after {
  content: 'Add to Mesh';
}
.list.grid > ul > li .col.jobs {
  margin-left: 20px;
  border-right: 0;
  padding-right: 44px;
}
.list.grid > ul > li .col.printers,
.list.grid > ul > li .col.jobs-printed {
  margin-right: 20px;
  border-left: 0;
  padding-left: 44px;
}
.list.grid > ul > li .col.username {
  width: calc(100% - 122px);
  margin-left: 80px;
  padding-left: 0;
  word-break: break-all;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: relative;
  font-size: 1rem;
}
.list.grid > ul > li .col.description {
  width: calc(100% - 100px);
  margin-left: 80px;
  padding-left: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: relative;
}
.col.username > a,
.col.username > div,
.col.account > a,
.col.account > div,
.col.device-name > a,
.col.device-name > div,
.col.title {
  color: #343a40;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  max-width: 100%;
  text-decoration: none;
}
.list .title .icon {
  margin-right: 12px;
}
.col.last-status {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.list.grid > ul > li .col.os {
  position: absolute;
  bottom: 130px;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  width: 48px !important;
  padding: 0;
  z-index: 6;
}
.list.grid > ul > li .col.platform {
  position: absolute;
  bottom: 130px;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  width: 48px !important;
  padding: 0;
  z-index: 6;
}
.list > ul > li .col.username .tip {
  width: auto;
  max-width: none;
  margin: 0;
  left: 0;
  white-space: nowrap;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.list > ul > li .col.username .tip::before {
  left: 10px;
}
[data-list="diagnostics"] ul {
  background: #fff;
}
[data-list="diagnostics"].list.grid.condensed > ul > li {
  padding: 1rem;
}
[data-list="diagnostics"].list.grid.condensed header {
  padding: 0.75rem 1rem !important;
}
footer.floating {
  padding: 0.5rem !important;
  position: fixed;
  z-index: 10;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.6) !important;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: center;
      align-self: center;
  gap: 0.5rem;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 -18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 -18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
.invite.envelope {
  display: block;
  background-image: repeating-linear-gradient(135deg, #EC235F 0, #EC235F 30px, #fff 30px, #fff 50px, #348496 50px, #348496 80px, #fff 80px, #fff 100px);
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 10px 15px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 10px 15px 0 rgba(0, 0, 0, 0.07);
  height: 100%;
  padding: 6px;
  color: #6f777f;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
}
.invite.envelope > .flex {
  background: #fff;
  padding: 1rem;
  height: 100%;
  width: 100%;
}
.invite.envelope .username {
  color: #343a40;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.invite.envelope .sender em {
  color: #19892b;
  font-style: normal;
}
.invite.envelope .avatar {
  border-radius: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background: linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  margin: 0 0 0.5rem auto !important;
}
.invite.envelope .avatar img {
  border-radius: 0;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.3;
  filter: alpha(opacity=30);
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
.invite.envelope .avatar::after {
  content: '';
  background: url('../img/sprite.png') -1000px -1400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 63px;
  padding-top: 21px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.list.grid > ul > li a.invite p {
  margin: 0;
  font-size: 0.875rem;
}
.list.grid .col.monitor {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  text-align: right;
  width: 34px;
  padding-left: 0;
}
.list.grid .col.actions {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.list.grid:not([data-list=diagnostics]) header {
  display: none !important;
}
.list .empty:not(.success):not(.pin) {
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  padding: 0.875rem 20px 0 20px;
  height: 100%;
  min-height: 300px;
  -webkit-transform: none;
  transform: none;
  max-width: none;
}
.popup .list .empty:not(.success) {
  height: auto;
}
.timeline .list .empty {
  border: 1px dashed #d7dee3;
  max-height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #eff3f7;
}
.list .empty * {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.3s 0.8s, X;
  transition: opacity 0.3s 0.8s, X;
}
.list .empty.hidden * {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
}
.list .empty h5,
.list .empty p {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  filter: alpha(opacity=100);
}
.fun-fact {
  position: relative;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  background: rgba(255, 255, 255, 0.7);
  max-width: 320px;
  margin: 0 auto 1.5rem auto;
  padding: 20px;
}
.fun-fact h6 {
  color: #b5bbc1;
}
.col.username,
.col.account,
.col.email,
.col.transacted-by {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.end {
  text-align: center;
  padding: 0.7rem 0 2rem;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: -1rem 0 0;
  color: #6f777f;
  background: #EFF3F7;
}
.popup .end,
.popup .end span {
  background: #fff;
}
.end span {
  padding: 0 1rem;
  background: #EFF3F7;
  top: 0.7rem;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.end::before {
  content: '';
  border-bottom: 1px solid rgba(215, 222, 227, 0.7);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.just-added {
  text-align: center;
  padding: 0.7rem 0;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: -1.3rem 0 0 0;
  color: #8d959d;
}
.just-added span {
  padding: 0 1rem;
  background: #f5f7fa;
  background: #EFF3F7;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.just-added::before {
  content: '';
  border-bottom: 1px dashed rgba(215, 222, 227, 0.7);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.sep {
  font-family: 'Barlow', sans-serif;
  text-align: center !important;
  padding: 0.7rem 20px;
  position: relative;
  margin: -0.5rem 0 0.8rem;
}
.sep.left {
  text-align: left !important;
  padding-left: 0;
}
.sep > span {
  padding: 0 1rem;
  background: #f5f7fa;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.sep.left > span {
  padding: 0 1rem 0 0;
}
.sep.white > span {
  background: #fff;
}
.extra .sep > span {
  background: #F4F6F9;
}
.sep::before {
  content: '';
  border-bottom: 1px solid #d7dee3;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
}
.sep .lines,
.sep .lines::before,
.sep .lines::after {
  background: #6f777f;
}
.sep .lines-button.close {
  top: 10px;
  right: 0;
  z-index: 1;
  background-color: #fff;
}
.dothisfirst {
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.8);
  z-index: 8;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #0DAB76;
  padding: 7px;
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  -webkit-transform: translate(0, 200px);
  transform: translate(0, 200px);
  opacity: 0;
}
.open-tour .dothisfirst.highlighted {
  z-index: 11;
}
.ready .dothisfirst.loaded {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.dothisfirst .expand {
  right: 10px;
}
.dothisfirst.expanded {
  width: calc(100% - 40px);
  height: auto;
  max-width: 300px;
  max-height: 300px;
  border-radius: 3px;
  padding: 0;
  background: #0dab76;
  -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-radius 0.2s, max-height 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
  transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-radius 0.2s, max-height 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
.dothisfirst .nextstep {
  visibility: hidden;
  color: rgba(255, 255, 255, 0.8);
  background: #097c55;
  width: calc(100% - 40px);
  top: -26px;
  left: 20px;
  padding: 5px 10px 2px;
  position: absolute;
  z-index: 0;
  font-size: 0.875rem;
  border-radius: 3px 3px 0 0;
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  -webkit-transform: translate(0%, 52px);
  transform: translate(0%, 52px);
}
.dothisfirst .laststep {
  visibility: hidden;
  color: rgba(255, 255, 255, 0.8);
  background: #064c35;
  width: calc(100% - 60px);
  top: -52px;
  left: 30px;
  padding: 5px 10px 2px;
  position: absolute;
  z-index: -1;
  font-size: 0.875rem;
  border-radius: 3px 3px 0 0;
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  -webkit-transform: translate(0%, 52px);
  transform: translate(0%, 52px);
}
.dothisfirst .nextstep .count,
.dothisfirst .laststep .count {
  padding: 0;
}
.dothisfirst.expanded .nextstep {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible;
  -webkit-transition: all 0.3s 0.8s, X;
  transition: all 0.3s 0.8s, X;
}
.dothisfirst.expanded .laststep {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible;
  -webkit-transition: all 0.3s 1s, X;
  transition: all 0.3s 1s, X;
}
.dothisfirst.expanded.step-two .nextstep,
.dothisfirst.expanded.step-three .nextstep,
.dothisfirst.expanded.step-three .laststep,
.dothisfirst.expanded.step-four .nextstep,
.dothisfirst.expanded.step-four .laststep {
  top: 0;
  width: 100%;
  left: 0;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.dothisfirst.expanded.step-two .laststep {
  top: -26px;
  width: calc(100% - 40px);
  left: 20px;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.dothisfirst .seal i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 24px;
}
.dothisfirst .seal i svg {
  fill: none;
  stroke: #fff;
  height: 100%;
}
.dothisfirst .avatar {
  margin-right: 15px;
  width: 72px;
  height: 72px;
  border-radius: 0;
  background-image: repeating-linear-gradient(135deg, #EC235F 0, #EC235F 10px, #fff 10px, #fff 20px, #3E96CE 20px, #3E96CE 30px, #fff 30px, #fff 40px);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dothisfirst .avatar img {
  border: 2px solid #436ecb;
  border-radius: 0;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
.dothisfirst .cards {
  background: #0dab76;
  border-radius: 3px;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
  position: relative;
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
}
.dothisfirst .cards .content {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  height: 0;
}
.dothisfirst.expanded .cards .content.active {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  height: auto;
}
.dothisfirst .content h5 {
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.dothisfirst .content .icon {
  margin: 0 15px 0 0;
  width: 72px;
  height: 72px;
}
.dothisfirst .content .icon .mold {
  fill: rgba(0, 0, 0, 0.5);
}
.dothisfirst .count {
  font-family: 'Barlow', sans-serif;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 4px;
  display: inline-block;
}
.dothisfirst .status,
#print-setup .status,
#print-setup .complete-status {
  font-family: 'Barlow', sans-serif;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.875rem;
  padding: 0.333rem 0;
  display: inline-block;
}
#print-setup .status,
#print-setup .complete-status {
  color: #6f777f;
  padding-right: 15px;
}
.dothisfirst .status::after,
#print-setup .status::after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 1200ms infinite;
          animation: ellipsis steps(4, end) 1200ms infinite;
  content: "\2026";
  width: 0;
  position: absolute;
}
.dothisfirst header {
  padding-right: 20px;
  margin-bottom: 1.5rem;
}
.dothisfirst a.btn.outline,
.dothisfirst a.btn.outline:hover {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
}
.dothisfirst p {
  font-size: 0.875rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.dothisfirst li a {
  color: rgba(255, 255, 255, 0.7);
  position: relative;
}
.dothisfirst li a:hover {
  color: #fff;
}
.dothisfirst .checklist li::before {
  background-color: transparent;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.dothisfirst .checklist li.complete::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.dothisfirst .checklist li.complete a {
  color: rgba(255, 255, 255, 0.5);
}
.dothisfirst .checklist li a::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 0;
  left: 0;
  background: #fff;
  height: 2px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 4;
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
}
.dothisfirst .checklist li.complete a::before {
  width: 100%;
}
.expanded .checklist li a::before {
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
.emblem {
  text-align: center;
  font-family: 'Barlow', sans-serif;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: 0.625rem;
  font-weight: 600;
  width: 66px;
  height: 66px;
  position: relative;
  -webkit-transition: opacity 0.3s 0.5s, X;
  transition: opacity 0.3s 0.5s, X;
  /* .animation(spin 6s linear infinite); */
}
.emblem span {
  position: absolute;
  display: inline-block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
}
.expanded .emblem,
.expanded .seal i,
.expanded .tip.stuck {
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  height: 0;
  width: 0;
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
}
.expanded .emblem {
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
}
.expanded .cards {
  position: relative;
  opacity: 1;
  filter: alpha(opacity=100);
  padding: 20px;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0.5s, X;
  transition: opacity 0.3s 0.5s, X;
}
.steps {
  width: 100%;
  margin: 0;
  overflow: hidden;
  border-right: 1px solid rgba(215, 222, 227, 0.5);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  height: 56px;
}
.steps ol {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 56px;
  margin: 0;
  overflow: hidden;
  background: #fff;
}
.steps.stuck ol {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  border-bottom: 1px solid rgba(215, 222, 227, 0.5);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.05);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.05);
}
.steps li {
  width: 33.33%;
  padding: 0 0.75rem;
  position: relative;
  margin: 0;
  font-weight: 600;
  font-size: 1.125rem;
  padding: 0;
}
.steps li a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
  height: 100%;
  color: #6f777f;
}
.steps li.active a {
  background: #19892b;
  color: #fff;
}
.steps li.complete a {
  background: #fff;
  color: #343a40;
}
.steps li strong {
  color: inherit;
  display: block;
}
.steps li::before {
  height: 0;
  width: 0;
  content: '';
  border-top: 36px solid transparent;
  border-bottom: 36px solid transparent;
  border-left: 10px solid #fff;
  position: absolute;
  z-index: 2;
  left: auto;
  right: -9px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.steps li::after {
  height: 0;
  width: 0;
  content: '';
  border-top: 36px solid transparent;
  border-bottom: 36px solid transparent;
  border-left: 10px solid rgba(215, 222, 227, 0.5);
  position: absolute;
  z-index: 1;
  left: auto;
  right: -10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.steps li.active::before {
  border-left: 10px solid #19892b;
}
.steps li.complete::before {
  border-left: 10px solid #fff;
}
.steps li.complete .icon::after {
  content: '';
  background: url('../img/sprite.png') -795px -793px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #4EC4C1;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  right: -8px;
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
}
.steps li .icon {
  height: 32px;
  width: 32px;
  margin: 0 12px 0 0;
  position: relative;
}
.steps li svg {
  fill: #BABFC4;
}
.steps li.active svg {
  fill: #fff;
}
.steps li.complete svg {
  fill: #13293C;
}
.steps li:last-child::before,
.steps li:last-child::after {
  display: none !important;
}
.poi-wrapper {
  position: relative;
}
.poi-wrapper .poi {
  position: absolute;
  top: 8px;
  right: -30px;
  left: auto;
  cursor: default;
}
.poi {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  width: 8px;
  height: 8px;
  z-index: 1;
}
.poi::before {
  content: '';
  background: #ee6800;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
.poi.stuck {
  position: absolute;
  top: -4px;
  right: -4px;
  margin: 0;
}
.poi::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: transparent;
  -webkit-animation: poi-pulse 2s infinite;
  animation: poi-pulse 2s infinite;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.poi.stuck.cl {
  top: 50%;
  left: 0;
  right: auto;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.poi.bl {
  top: auto;
  bottom: -4px;
  right: auto;
  left: 20px;
}
.poi:hover .tip.bl {
  -webkit-transform: translate(0, 8px);
  transform: translate(0, 8px);
}
.poi .tip {
  width: 240px;
  background: #fff;
  padding: 0.625rem 0.8rem;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
.tip.visible {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: translate(-50%, -8px);
  transform: translate(-50%, -8px);
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
.tip.visible.tl,
.tip.visible.tr {
  -webkit-transform: translate(0, -8px) !important;
  transform: translate(0, -8px) !important;
}
.tip.visible.bl,
.tip.visible.br,
.tip.visible.cl,
.tip.visible.cr {
  -webkit-transform: translate(0, 8px) !important;
  transform: translate(0, 8px) !important;
}
.poi .tip.stuck span {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.poi .tip strong {
  margin-bottom: 0.3rem;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
}
.poi .tip span.des {
  margin: 0.25rem 0 0.75rem;
  display: block;
  line-height: 1.25rem;
}
.poi .tip span.footer {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.poi .tip span.footer .btn {
  margin-left: 10px;
  font-size: 0.875rem;
  padding: 0.454rem 0.532rem;
}
.nav-account .num,
nav .num,
.tabs .num {
  background: #ee6800;
  border-radius: 10px;
  margin-left: auto;
  font-size: 0.75rem;
  line-height: 19px;
  color: #fff;
  padding: 0 7px;
  height: 20px;
  display: inline-block;
}
nav .num {
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.sticky > .empty {
  padding: 0;
  -webkit-transition: opacity 0.15s 0s, max-height 0.5s 0.15s;
  transition: opacity 0.15s 0s, max-height 0.5s 0.15s;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: none;
  transform: none;
  position: static;
  max-height: 0;
  overflow: hidden;
}
.off .preview .empty {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  max-height: 300px;
  -webkit-transition: opacity 0.15s 0.5s, max-height 0.5s 0s;
  transition: opacity 0.15s 0.5s, max-height 0.5s 0s;
}
.preview-a4,
.preview-phone,
.preview-email {
  -webkit-transition: opacity 0.15s 0.3s, max-height 0.5s 0.15s;
  transition: opacity 0.15s 0.3s, max-height 0.5s 0.15s;
  opacity: 1;
  filter: alpha(opacity=100);
  max-height: 400px;
  position: relative;
}
.preview-email .flag {
  font-size: 0.75rem;
  margin: 0;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
aside .preview .preview-email dt,
[data-type="aside"] .preview .preview-email dt {
  width: 50px;
  padding: 0.5rem 0;
}
aside .preview .preview-email dd,
[data-type="aside"] .preview .preview-email dd {
  width: calc(100% - 50px);
  padding: 0.5rem 0;
}
aside .preview .preview-email dt:nth-last-child(2),
aside .preview .preview-email dd:last-child,
[data-type="aside"] .preview .preview-email dt:nth-last-child(2),
[data-type="aside"] .preview .preview-email dd:last-child {
  padding-bottom: 0;
}
.preview-email hr {
  margin: 0.5rem 0;
}
.preview-phone .slick-list,
.preview-phone .slick-track {
  height: 100%;
}
aside .preview dt,
[data-type="aside"] .preview dt {
  width: 120px;
}
aside .preview dd,
[data-type="aside"] .preview dd {
  width: calc(100% - 120px);
}
aside .preview dd .collapsable-content {
  margin: 0.4rem 0 -0.4rem -120px !important;
  width: calc(100% + 120px);
}
.preview-email .icon.bold {
  background: #EFF3F7;
  position: absolute;
  top: -20px;
  right: -20px;
}
.preview-email #ink ul {
  padding: 1rem 30px 0 20px;
}
.preview-email #ink ul .progress {
  height: 8px;
}
.preview-email #ink .fig {
  display: block !important;
  font-size: 0.75rem;
  top: -1px;
}
.preview-email #ink h5 {
  font-size: 0.75rem;
}
.preview-email .icon.bold svg {
  fill: #b5bbc1;
  color: #b5bbc1;
}
.preview-jobdetails {
  width: 100%;
  padding-left: 20%;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #6f777f;
  margin: 0 auto 12px;
  position: relative;
  overflow: hidden;
}
.preview-jobdetails::before {
  background: rgba(23, 43, 68, 0.7);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.preview-jobdetails .placeholder-page {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
}
.preview-jobdetails .placeholder-page .placeholder-header {
  padding: 10px 0;
  height: auto;
  background: none;
  display: block;
}
.preview-jobdetails .placeholder-page dt,
.preview-jobdetails .placeholder-page dd {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.preview-jobdetails .placeholder-content {
  background: #fff;
  padding: 10px 20px;
  position: relative;
  z-index: 2;
}
.preview-jobdetails .thumb-off {
  display: none;
}
.preview-jobdetails.thumb-off .thumb-off {
  display: block;
}
.preview-jobdetails.thumb-off .thumb-on {
  display: none;
}
.preview-jobdetails .placeholder-header {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #1f1f1f;
  margin: 0;
  padding: 20px;
  height: 84px;
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 2;
}
.preview-jobdetails .placeholder-image {
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  border: 0;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.preview-jobdetails .placeholder-tabs {
  margin: 0 0 -18px 0;
  background: none;
  text-align: left;
  border: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  z-index: 2;
}
.preview-jobdetails .placeholder-tabs > div {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0 0 6px 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.3);
}
.preview-jobdetails .placeholder-tabs > div.active {
  -webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.7);
          box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.7);
  color: rgba(255, 255, 255, 0.7);
}
.preview-jobdetails h5 {
  text-align: left;
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 0.75rem;
}
.preview-jobdetails dt {
  width: 60px;
  padding: 0.6rem 20px 0.6rem 0;
}
.preview-jobdetails dd {
  width: calc(100% - 60px);
  padding: 0.6rem 0;
}
.preview-jobdetails dt span,
.preview-jobdetails dd span {
  display: block;
  background: #e8eaeb;
  height: 5px;
  width: 100%;
}
.device-preview {
  position: relative;
  z-index: 1;
  width: 100%;
}
.device-preview.center {
  max-width: 360px;
  margin: 0 auto;
}
.device-preview .content {
  background: #1f1f1f;
  overflow: hidden;
  border-radius: 9px;
  color: #fff;
  padding: 25px 15px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: 120px;
}
.browser .device-preview .content {
  border-radius: 0;
}
.device-preview.er .content > .flex {
  margin: auto;
}
.device-preview .flex .placeholder-paragraph span {
  margin: 3px auto 0 auto;
  background: #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.device-preview h5 {
  color: #fff;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
[data-type=userportal] h5 {
  color: #343a40;
}
.device-preview .segment.pulse,
.device-preview .segment i.pulse {
  -webkit-animation: pulse 1s 3;
  animation: pulse 1s 3;
}
.device-preview .swipe {
  position: absolute;
  left: 72%;
  bottom: 40px;
}
.device-preview .swipe i {
  width: 32px;
  margin: 0;
}
.device-preview .guest {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.device-preview .guest .placeholder-logo {
  width: 20px;
  height: 20px;
  background: #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.device-preview .guest i {
  height: 20px;
  margin: 0 0 0 auto;
}
.device-preview i svg {
  display: block;
  fill: #fff;
}
.device-preview i.disabled {
  mix-blend-mode: luminosity;
}
.device-preview .showqr i {
  width: 60%;
  padding: 5px;
  background: #fff;
}
.device-preview .code {
  margin-top: 0.5rem;
}
.device-preview .forest-pos {
  max-width: 40px;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.device-preview .code .flex > span {
  width: 15px;
  height: 15px;
  border-radius: 2px;
  background: #fff;
  margin: 0 2px;
  display: block;
}
.device-preview .content .forty {
  background: rgba(0, 0, 0, 0.2);
  margin: -15px 0;
  padding: 15px;
}
.device-preview .placeholder-popup {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  padding: 0.75rem 1rem;
  margin: 0 1rem;
}
.device-preview .placeholder-popup .placeholder-icon {
  width: 20px;
  height: 20px;
  opacity: 0.2;
  filter: alpha(opacity=20);
  background: #fff;
  border-radius: 50%;
  margin: 0 auto 0.25rem auto;
}
.device-preview .empty {
  padding: 0 1rem;
}
.device-preview .empty > .icon {
  color: #fff;
  fill: #fff;
}
.device-preview .message {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.device-preview .placeholder-nav {
  background: rgba(255, 255, 255, 0.2);
  width: 30px !important;
  margin: -25px 15px -25px -15px;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: 120px;
}
.device-preview[data-type="userportal"] .content {
  background: #E1E7EE;
}
.device-preview[data-type="userportal"] .placeholder-nav {
  background: #121E2B;
}
.device-preview .placeholder-nav span {
  width: 100%;
  height: 25px;
  -webkit-box-shadow: 0 1px 0 0 #1f1f1f;
          box-shadow: 0 1px 0 0 #1f1f1f;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.625rem;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.device-preview .placeholder-nav span.active {
  -webkit-box-shadow: 0 1px 0 0 #1f1f1f, inset -2px 0 0 0 #19892b;
          box-shadow: 0 1px 0 0 #1f1f1f, inset -2px 0 0 0 #19892b;
}
.device-preview .placeholder-nav .icon {
  margin: 0 auto !important;
}
.device-preview .placeholder-nav span svg {
  shape-rendering: crispEdges;
  color: #fff;
}
.device-preview .placeholder-nav .placeholder-logo {
  position: absolute;
  bottom: 10px;
  left: 8px;
  width: 14px;
  height: 14px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.device-preview .placeholder-nav .placeholder-logo.hex {
  width: 20px;
  height: 20px;
  left: 5px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.device-preview .placeholder-nav .placeholder-logo.hex svg {
  width: 100%;
}
.device-preview[data-type="userportal"] .placeholder-nav .placeholder-logo {
  bottom: auto;
  top: 10px;
}
.device-preview header {
  background: #1f1f1f !important;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  margin: 0 -15px !important;
  padding: 0 0 10px !important;
  border: 0 !important;
  width: calc(100% + 30px) !important;
  z-index: 0 !important;
  position: static !important;
}
.device-preview header .placeholder-logo {
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.device-preview header .placeholder-paragraph {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
}
.device-preview .placeholder-paragraph span {
  margin: 0 auto;
  opacity: 0.4;
  filter: alpha(opacity=40);
  width: 40% !important;
}
.device-preview .placeholder-card {
  max-width: 720px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden;
}
.device-preview .placeholder-modal {
  width: 50%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  padding: 10px;
}
.device-preview .placeholder-modal .placeholder-listitem {
  width: 100%;
}
.device-preview .dimmed {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.device-preview .placeholder-content {
  padding: 0 15px;
  max-height: 180px;
  overflow: auto;
}
.device-preview .placeholder-header,
.device-preview .placeholder-footer {
  background: rgba(255, 255, 255, 0.1);
  font-weight: 600;
  font-family: Barlow, sans-serif;
  font-size: 1rem;
  padding: 10px 15px;
  margin: 0;
  height: auto;
}
.placeholder-main {
  padding: 20px;
}
.placeholder-listheader {
  font-size: 0.75rem;
  color: #6f777f;
  line-height: 1.25rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 14px) !important;
  padding: 0 7px;
  margin: 0 -7px;
  text-align: left;
}
.placeholder-listheader span {
  margin: 0 2px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.placeholder-rowcard {
  width: 100%;
  height: 2rem;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 1;
  line-height: 1.25rem;
  padding: 5px;
}
.device-preview .placeholder-rowcard {
  background-color: rgba(255, 255, 255, 0.1);
}
.placeholder-rowcard span,
.placeholder-label {
  display: block;
  line-height: 1.1;
  font-size: 0.625rem;
  color: #6f777f;
}
.device-preview .placeholder-label {
  color: rgba(255, 255, 255, 0.7);
  width: 40px;
}
.placeholder-rowcard.highlight span {
  color: #fff;
}
.placeholder-listitem {
  margin: 0 auto;
  width: 60%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 8px;
}
.placeholder-listitem.fp {
  width: calc(100% + 14px) !important;
  padding: 7px;
  margin: 0 -7px;
}
.placeholder-listitem:last-child:not(.fp) {
  margin: 0 auto;
}
.placeholder-listitem .icon {
  margin-right: 10px;
}
.placeholder-listitem .icon img:not(.icon-color) {
  -webkit-filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(41deg) brightness(103%) contrast(101%);
          filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(41deg) brightness(103%) contrast(101%);
}
.placeholder-grid {
  width: 60%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  position: relative;
}
.placeholder-grid .placeholder-listitem,
.placeholder-grid .placeholder-listitem:last-child {
  width: calc(100% / 3);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 10px;
  position: relative;
}
.placeholder-grid .placeholder-listitem span.circle {
  position: absolute;
  z-index: 2;
  top: -4px;
  left: -2px;
  background: #6b6c6d;
  -webkit-box-shadow: 0 0 0 2px #1f1f1f;
          box-shadow: 0 0 0 2px #1f1f1f;
  opacity: 1;
}
.placeholder-grid .placeholder-listitem span:not(.placeholder-text):not(.placeholder-label):not(.circle):not(.JCLRgrip) {
  background: #fff;
  height: 32px;
  opacity: 1;
  width: 100%;
  margin: 0 3px 4px 3px;
}
.placeholder-grid .placeholder-listitem span.short {
  width: 15px !important;
  background: #dde0e3 !important;
  opacity: 0.4 !important;
  margin: 0 0 0 3px !important;
  height: 5px !important;
  display: inline-block !important;
}
.placeholder-listitem span.circle,
.placeholder-radio,
.placeholder-nav span.circle {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #dde0e3;
  opacity: 0.4;
  margin: 0 2px;
  display: inline-block;
}
.placeholder-nav span.circle {
  top: 7px;
  position: relative;
}
.browser .placeholder-logo {
  margin: 0.5rem auto !important;
  background: rgba(255, 255, 255, 0.3) !important;
}
.placeholder-listitem span:not(.placeholder-text):not(.circle):not(.JCLRgrip):not(.placeholder-label),
.browser .placeholder-nav span:not(.circle):not(.placeholder-text):not(.placeholder-label) {
  display: block;
  background: #dde0e3;
  height: 5px;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 2px;
  position: relative;
}
[data-type=userportal] .placeholder-listitem span:not(.placeholder-text):not(.circle):not(.JCLRgrip),
[data-type=userportal] .placeholder-rowcard {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 1;
  filter: alpha(opacity=100);
}
[data-type=userportal] .placeholder-listitem span.highlight:not(.placeholder-text):not(.circle):not(.JCLRgrip),
[data-type=userportal] .placeholder-rowcard.highlight {
  background-color: #19892b;
}
.alert.info.reorder .placeholder-listitem:first-child {
  -webkit-animation: shift-down 8s linear infinite;
  animation: shift-down 8s linear infinite;
}
.alert.info .placeholder-listitem span:not(.placeholder-text):not(.circle) {
  background: rgba(0, 0, 0, 0.2);
}
.alert.info.resize .placeholder-listitem span.will-resize {
  -webkit-animation: resize 8s linear infinite;
  animation: resize 8s linear infinite;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 50%;
}
.placeholder-listitem .JCLRgrip {
  -webkit-animation: resizeGrip 8s linear infinite;
  animation: resizeGrip 8s linear infinite;
  left: calc(50% + 5px);
  top: 0;
  height: 50px;
  background: none !important;
  border-left: 1px dashed #006316 !important;
  margin-left: -5px;
  position: absolute;
  z-index: 5;
}
.alert.info.resize .placeholder-listitem span.short {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
.alert.info .placeholder-listitem.dragging {
  background: #fff;
  border-radius: 3px;
  padding: 7px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
  -webkit-animation: shift-up 8s linear infinite;
  animation: shift-up 8s linear infinite;
}
.alert.info .placeholder-listitem.dragging .icon {
  position: absolute;
  top: calc(100% - 10px);
  left: 20px;
}
.placeholder-listitem .JCLRgrip .icon {
  margin-left: -10px !important;
}
.placeholder-text span {
  display: block;
  background: #dde0e3;
  height: 5px;
  opacity: 0.4;
  filter: alpha(opacity=40);
  width: 10%;
  margin: 0 2px;
}
.placeholder-radio {
  margin: 0 8px 0 0;
}
.device-preview .JPadding > tbody > tr > td:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
.device-preview th.name {
  width: 45%;
}
.device-preview .can-resize {
  /* resize: horizontal;
  overflow: auto; */
  position: relative;
}
.device-preview .can-resize::after,
.device-preview .grab {
  content: '';
  width: 13px;
  height: 8px;
  background: url(../img/sprite.png) -799px -499px no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.device-preview th.align-rgt {
  width: 100px;
}
.device-preview table th,
.device-preview .JPadding > tbody > tr > td {
  color: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.device-preview .has-tip {
  border-bottom: 1px dashed #33C2AF;
}
.JCLRgrip:not(:last-child) {
  border-left: 1px dashed rgba(60, 182, 164, 0.5);
}
.device-preview .more {
  width: 14px;
  height: 16px;
  top: 10px;
  left: 6px;
  z-index: 10;
}
.device-preview .more .tip {
  padding: 0;
}
.device-preview .more .tip.cl,
.device-preview .more .tip.cr {
  -webkit-transform: translate(-4px, 0);
          transform: translate(-4px, 0);
}
.device-preview .more .view {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.device-preview .more > i {
  top: 0;
  left: 5px;
  background: #33C2AF;
}
.device-preview .more:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.device-preview .more > i:not(.poi)::after,
.device-preview .more > i:not(.poi)::before {
  background: #33C2AF;
}
.device-preview table {
  border-collapse: separate !important;
  border-spacing: 0 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.device-preview table tbody tr {
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  margin-bottom: 10px !important;
}
.device-preview .placeholder-button {
  background: rgba(255, 255, 255, 0.2);
  min-width: 40px;
}
.device-preview .placeholder-button.primary {
  background: #19892b;
  color: #fff !important;
}
.placeholder-listitem span.short {
  width: 15px;
  margin: 0 2px;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}
.placeholder-listheader span.medium,
.placeholder-listitem span.medium {
  width: 40px;
  margin: 0 2px;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}
.browser {
  position: relative;
  -webkit-box-shadow: 0 0 0 1px #c6dabf !important;
          box-shadow: 0 0 0 1px #c6dabf !important;
  border-radius: 4px;
  overflow: hidden;
}
.preview .browser {
  -webkit-box-shadow: 0 0 0 1px #d7dee3 !important;
          box-shadow: 0 0 0 1px #d7dee3 !important;
}
.browser.elevated {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025) !important;
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025) !important;
}
.browser img {
  display: block;
}
.browser::before {
  display: block;
  content: '';
  height: 20px;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 -0.5em 1em 0 rgba(0, 0, 0, 0.03), inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 -0.5em 1em 0 rgba(0, 0, 0, 0.03), inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  position: relative;
  z-index: 1;
}
.browser .shrink,
.browser .close,
.browser .expand {
  content: '';
  width: 6px;
  height: 6px;
  background: #D55C35;
  opacity: 0.6;
  position: absolute;
  top: 7px;
  left: 7px;
  right: auto;
  border-radius: 50%;
  z-index: 2;
  padding-top: 0;
}
.browser .shrink {
  left: 18px;
  background: #E6A121;
}
.browser .expand {
  left: 29px;
  background: #2CA248;
}
.browser.elevated .shrink,
.browser.elevated .close,
.browser.elevated .expand,
.device-mock .browser .shrink,
.device-mock .browser .close,
.device-mock .browser .expand {
  background: #EFF3F7;
  opacity: 1;
}
.browser .placeholder-nav {
  background: #01272E;
  width: 14.29%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 1% 2% 4% 1%;
}
.browser .placeholder-topbar {
  background: #19892b;
  width: 100%;
  height: 5.6%;
}
.browser .card .placeholder-listitem span,
.browser .card .placeholder-paragraph span {
  background: #dbdddf !important;
  opacity: 0.6 !important;
  filter: alpha(opacity=60) !important;
}
.device-mock .browser {
  position: absolute;
  top: 2.3%;
  left: 11.4%;
  width: 77%;
  max-height: 81%;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5) !important;
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5) !important;
}
[data-content=branding-logo] {
  width: 100%;
  height: 50px;
  margin: 0 0 14% 6%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-content=branding-logo-footer] {
  height: 50px;
  position: absolute;
  bottom: 2%;
  left: 1%;
  width: 12.29%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-type=adminreport] [data-content=branding-logoreport] {
  position: absolute;
  right: 2%;
  height: 5%;
  width: auto;
  top: 6%;
  margin: 0;
  display: block;
}
[data-type=adminlogin] [data-content=branding-logowhite] {
  position: absolute;
  left: calc(50% + 10.7%);
  height: 8%;
  width: auto;
  top: 29.5%;
  margin: 0;
  display: block;
}
[data-type=adminlogin] .placeholder-button {
  position: absolute;
  left: calc(60.85%);
  height: 4.7%;
  width: 28.6%;
  top: 77.2%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #19892b;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
  font-size: 0.5rem;
}
.logopreview {
  background: #03272E;
  height: 192px;
  border-radius: 3px;
}
.logopreview .filepond--panel-root {
  border: 1px dashed #fff;
}
.logopreview .filepond--image-preview,
.logopreview .filepond--item-panel {
  background: none;
  border: 0;
}
.logopreview-white,
.logopreview-report {
  background: #fff;
  height: 192px;
  border-radius: 3px;
}
.logopreview .filepond--drop-label,
.logopreview-white .filepond--drop-label,
.logopreview-report .filepond--drop-label {
  font-size: 0.875rem;
  height: 100%;
}
.logopreview .filepond--drop-label.filepond--drop-label label {
  color: #fff;
}
.logopreview .filepond--label-action {
  color: rgba(255, 255, 255, 0.8);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.8);
          text-decoration-color: rgba(255, 255, 255, 0.8);
}
.logopreview-white .filepond--image-preview,
.logopreview-report .filepond--image-preview {
  background-color: #fff !important;
}
.logopreview .filepond--file-info .filepond--file-info-main,
.logopreview-white .filepond--file-info .filepond--file-info-main,
.logopreview-report .filepond--file-info .filepond--file-info-main {
  color: #fff;
}
.logopreview .filepond--file-info .filepond--file-info-sub,
.logopreview-white .filepond--file-info .filepond--file-info-sub,
.logopreview-report .filepond--file-info .filepond--file-info-sub {
  color: rgba(255, 255, 255, 0.8);
}
[data-content=branding-logo] img,
[data-content=branding-logowhite] img,
[data-content=branding-logoreport] img,
[data-content=branding-logo-footer] img {
  height: 100%;
  max-width: 100px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.browser .placeholder-nav .placeholder-group {
  margin-bottom: 14%;
}
.browser .placeholder-nav .placeholder-group span:not(.circle) {
  margin: 0 0 4px 15px !important;
}
.browser .placeholder-nav .placeholder-text {
  width: 70%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: 4px 2px !important;
  opacity: 0.2;
  display: block;
  background: #dde0e3;
  height: 5px;
}
.unavailable {
  -webkit-filter: blur(2px);
          filter: blur(2px);
  pointer-events: none;
  position: relative;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.unavailable + .empty.pin {
  max-width: 200px;
  padding: 0.5rem 0.75rem;
  text-align: left;
}
.unavailable + .btn.pin {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.unavailable .progress .fill {
  background: #BABFC4 !important;
}
.unavailable.chart svg {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.5;
}
.frost::before {
  content: 'Sample Data';
  z-index: 99;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  bottom: -30px;
  font-weight: normal;
  white-space: nowrap;
  background: #ee6800;
  color: #fff;
  border-radius: 3px;
  font-size: 0.625rem;
  line-height: 20px;
  padding: 0 7px;
  height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-family: 'Barlow', sans-serif;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.off .preview-a4,
.off .preview-phone {
  opacity: 0;
  filter: alpha(opacity=0);
  max-height: 0;
  -webkit-transition: opacity 0.15s 0s, max-height 0.5s 0s;
  transition: opacity 0.15s 0s, max-height 0.5s 0s;
}
.preview-split .col {
  padding: 0 !important;
}
.preview-split input {
  border-radius: 3px 0 0 3px;
}
.preview {
  padding: 2rem 20px;
  width: 320px;
  background: #EFF3F7;
  text-align: center;
  position: relative;
}
.preview .sticky {
  top: 2rem;
}
.screen img {
  max-width: 194px;
}
[data-img="120"] {
  height: 120px;
  overflow: hidden;
}
.preview h4 {
  margin-bottom: 1.5rem;
}
.preview #ink h4 + .updated {
  margin: -1.5rem 0 1.5rem;
}
.preview .row {
  margin: 0 -5px;
}
.preview .col {
  padding: 0 5px 10px 5px;
}
[data-type="userportal"] .col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.publication {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.publication .a4 {
  position: absolute;
  left: 60px;
  bottom: 0;
  margin: 0;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  overflow: hidden;
}
a.publication:hover .a4 {
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
.publication .a4 img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-width: none;
}
.publication .cover {
  position: relative;
  z-index: 2;
  min-height: 312px;
  overflow: hidden;
  padding: 20px 2rem;
  margin-bottom: 30px;
  color: #fff;
  width: 240px;
  background: #1B791B;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 30px -6px rgba(50, 50, 93, 0.25), 0 9px 18px -9px rgba(0, 0, 0, 0.3), 0 -6px 18px -4px rgba(0, 0, 0, 0.025);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 30px -6px rgba(50, 50, 93, 0.25), 0 9px 18px -9px rgba(0, 0, 0, 0.3), 0 -6px 18px -4px rgba(0, 0, 0, 0.025);
}
.publication .cover .title {
  position: absolute;
  top: 2rem;
  left: 2rem;
}
.publication .cover::before {
  content: '';
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-left: 8px solid rgba(0, 0, 0, 0.07);
  border-right: 3px solid rgba(255, 255, 255, 0.07);
  z-index: 4;
}
.publication .cover img {
  mix-blend-mode: luminosity;
  opacity: 0.1;
  filter: alpha(opacity=10);
  position: absolute;
  right: -40px;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  bottom: -40px;
  width: 100% !important;
  height: auto;
  max-height: 100%;
}
.publication .cover .btn.outline {
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  color: #fff;
}
.publication:hover .btn.outline {
  background: #fff;
  color: #19892b;
}
.publication h6,
.publication small {
  color: rgba(255, 255, 255, 0.7) !important;
  margin-bottom: 0;
}
.publication h3,
.publication h5 {
  color: #fff !important;
}
.a4 {
  width: 232px;
  height: 300px;
  padding: 20px;
  font-size: 0.75rem;
  line-height: 1.1;
  color: #6f777f;
  margin: 0 auto 12px;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  position: relative;
}
.a4:has(.btn) [class^='placeholder'] {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.a4 .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.a4 .watermark {
  left: 0;
  right: 0;
  padding: 20px;
  position: absolute;
  opacity: 0.4;
  filter: alpha(opacity=40);
  z-index: 2;
}
.a4.pos-bottom .watermark {
  bottom: 0;
}
.a4.pos-top .watermark {
  top: 1px;
}
.a4.pos-custom {
  margin: 30px 0 12px;
}
.a4.pos-custom .watermark {
  border: 1px dashed #ccc;
  cursor: move;
}
.a4.pos-bottom .welcome {
  bottom: 0;
  text-align: left;
  position: absolute;
  left: 0;
  padding: 20px;
}
.a4 .icon.twentyfour {
  margin-right: 10px;
}
.a4.pos-custom::after {
  content: 'Drag watermark to desired position';
  position: absolute;
  top: -24px;
  left: 0;
  right: 0;
  font-size: 0.875rem;
}
.a4.pos-full .watermark {
  top: 50%;
  -webkit-transform: translate(0%, -50%) rotate(-45deg);
  transform: translate(0%, -50%) rotate(-45deg);
}
.advice {
  font-size: 0.875rem;
  text-align: left;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  border-radius: 3px;
  padding: 10px;
}
.advice h5 {
  font-size: 0.875rem;
}
.advice ul {
  margin-bottom: 0;
}
.watermark-format li > a::before {
  content: '';
  background: url('../img/sprite.png') -1000px -1000px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-bottom: 10px;
}
.watermark-format li.pos-top > a::before {
  content: '';
  background: url('../img/sprite.png') -1200px -1000px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.watermark-format li.pos-full > a::before {
  content: '';
  background: url('../img/sprite.png') -1200px -1200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.watermark-format li.pos-custom > a::before {
  content: '';
  background: url('../img/sprite.png') -1000px -1200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.printer {
  margin: 0 auto 40px auto;
  padding-top: 22px;
  position: relative;
  border-radius: 0 4px 4px 4px;
  width: 120px;
  height: 150px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s, X;
  transition: all 0.3s ease-in-out 0s, X;
}
.printer.shrink {
  height: 0;
  margin: 0 auto;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out 0.5s, X;
  transition: all 0.3s ease-in-out 0.5s, X;
}
.printer *,
.printer::before {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.15s ease-in-out 0.5s, X;
  transition: all 0.15s ease-in-out 0.5s, X;
}
.printer.shrink *,
.printer.shrink::before {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s ease-in-out 0s, X;
  transition: all 0.15s ease-in-out 0s, X;
  visibility: hidden !important;
}
.tray {
  width: 50%;
  height: 24px;
  background: #BABDD1;
  position: absolute;
  top: 0;
  left: 1px;
  z-index: 3;
  border-radius: 6px 6px 0 0;
  -webkit-transform: skew(-6deg, -3deg);
          transform: skew(-6deg, -3deg);
}
.sticker {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.sticker.show {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.sticker.qr {
  top: 10px;
  left: 10px;
}
.sticker.nfc {
  top: 10px;
  left: 36px;
}
.app-installed .printer {
  margin-left: 0;
  overflow: visible;
}
.sticker.app {
  left: 140px;
  top: -8px;
  width: 320px;
  height: auto;
}
.sticker.app figure::before {
  content: '';
  width: 200px;
  height: 84px;
  background: linear-gradient(-154deg, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0) 36%);
  border-top: 0;
  border-left: 0;
  position: absolute;
  top: 90px;
  left: -68px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-117deg) translate(0, 0);
          transform: rotate(-117deg) translate(0, 0);
  z-index: -1;
}
.sticker.app figure figcaption {
  font-size: 0.875rem;
  margin-bottom: 0.3rem;
  position: relative;
  color: rgba(255, 255, 255, 0.7);
}
.sticker.app figure figcaption .empty {
  position: absolute;
  top: 8px;
  right: 0;
  width: 24px;
}
.sticker.app figure img {
  -webkit-box-shadow: 2px 4px 20px 0 rgba(255, 255, 255, 0.2);
          box-shadow: 2px 4px 20px 0 rgba(255, 255, 255, 0.2);
  -webkit-transform: perspective(1000px) scale(1) rotateX(2deg) rotateY(-14deg) rotateZ(0deg);
          transform: perspective(1000px) scale(1) rotateX(2deg) rotateY(-14deg) rotateZ(0deg);
}
.sticker.app figure,
.sticker.app figure img {
  margin: 0;
}
.sticker.app .app-icon {
  position: absolute;
  left: -81px;
  top: 47px;
}
.sticker svg {
  fill: #fff;
  stroke: none;
  width: 20px;
  height: 20px;
}
.app-icon svg {
  color: #8896A2;
}
.sticker .app-icon svg {
  color: #fff;
}
.app-icon.online svg {
  color: #19892b;
}
.sticker.pulse {
  opacity: 1;
  filter: alpha(opacity=100);
}
.sticker.pulse svg {
  -webkit-animation: pulse 1.5s 3;
  animation: pulse 1.5s 3;
}
.preview .client {
  width: 66px;
  height: 66px;
  position: relative;
  left: 0;
  top: 0;
  -webkit-transform: none;
          transform: none;
  margin: 1.3rem auto 2.6rem;
}
.preview .client .logo::before {
  content: '';
  background: url('../img/sprite.png') 0 -1700px no-repeat;
  height: 0;
  overflow: hidden;
  width: 28px;
  padding-top: 28px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: -14px 0 0 -14px;
}
.preview .client .logo.hive::before {
  content: '';
  background: url('../img/sprite.png') -400px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 35px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: -16px 0 0 -17px;
}
.tray::after {
  content: '';
  display: block;
  background: #BABDD1;
  width: 16px;
  height: 26px;
  top: 1px;
  left: calc(100% - 12px);
  border-radius: 0 6px 0 0;
  position: absolute;
  -webkit-transform: rotate(-19deg);
          transform: rotate(-19deg);
}
.tray::before {
  content: '';
  display: block;
  -webkit-box-shadow: 0 2px 0 0 #9298B5;
          box-shadow: 0 2px 0 0 #9298B5;
  width: 80%;
  height: 4px;
  top: 2px;
  left: 100%;
  position: absolute;
  -webkit-transform: translateZ(0) rotate(-4deg) scale(1, 1);
  transform: translateZ(0) rotate(-4deg) scale(1, 1);
  z-index: -1;
}
.printer::before {
  content: '';
  display: block;
  width: 100%;
  height: 10%;
  background: #BABDD1;
  border-radius: 0 3px 0 3px;
  position: relative;
  z-index: 3;
}
.base {
  right: 0;
  height: calc(30%);
  position: absolute;
  top: calc(10% + 19px);
  left: 4px;
  background: #9298B5;
}
.base::before {
  background: #6F779B;
  content: '';
  position: absolute;
  width: 60%;
  left: 0;
  height: 100%;
}
.display {
  background: #1f1f1f;
  content: '';
  position: absolute;
  width: 50%;
  right: 4px;
  height: 20%;
  border-radius: 0 0 3px 3px;
}
.bottom {
  background: #BABDD1;
  width: 100%;
  height: 54%;
  border-radius: 0 0 4px 4px;
  padding-top: 18px;
  position: absolute;
  bottom: 0;
}
.printer .paper-drawer {
  width: 100%;
  height: 25%;
  -webkit-box-shadow: 0 -2px 0 0 #6F779B;
          box-shadow: 0 -2px 0 0 #6F779B;
  position: absolute;
  bottom: 0;
  background: #CCCFDD;
  border-radius: 0 0 4px 4px;
}
.printer .paper-drawer::before {
  content: '';
  display: block;
  width: 30%;
  height: 35%;
  background-color: #6F779B;
  border-radius: 0 0 6px 6px;
  margin: 0 auto;
}
.printer .paper-drawer:nth-child(2) {
  bottom: calc(25% + 2px);
  border-radius: 0;
  background: #C0C3D5;
}
.printer .paper-drawer:nth-child(3) {
  bottom: calc(50% + 4px);
  border-radius: 0;
  background: #BABDD1;
}
.printer-shadow {
  height: 7px;
  width: 160px;
  border-radius: 50%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-filter: blur(4px);
          filter: blur(4px);
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -80px;
}
.printer-shadow::before {
  content: '';
  position: absolute;
  left: 20px;
  width: 120px;
  height: 4px;
  background-color: #3D4154;
  border-radius: 50%;
}
.phone {
  opacity: 1;
  filter: alpha(opacity=100);
  border-radius: 18px;
  background-color: #485563;
  padding: 10px;
  width: 212px;
  margin: 0 auto 1rem auto;
  height: 365px;
  position: relative;
  -webkit-box-shadow: 0 -0.5em 1.6em 0 rgba(0, 0, 0, 0.15), 0 0 0.875em 0 rgba(0, 0, 0, 0.15), 0 -0.063em 0.25em 0 rgba(0, 0, 0, 0.15), inset 0 -1em 2em 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 -0.5em 1.6em 0 rgba(0, 0, 0, 0.15), 0 0 0.875em 0 rgba(0, 0, 0, 0.15), 0 -0.063em 0.25em 0 rgba(0, 0, 0, 0.15), inset 0 -1em 2em 0 rgba(0, 0, 0, 0.2);
}
.notch {
  position: absolute;
  width: 40%;
  height: 3%;
  top: 10px;
  left: 30%;
  z-index: 4;
  background: #485563;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.notch::before,
.notch::after {
  content: '';
  height: 14px;
  position: absolute;
  top: -4px;
  width: 8px;
}
.notch::before {
  background: radial-gradient(circle at bottom right, transparent 0, transparent 70%, #485563 70%, #485563 100%);
  right: -7px;
}
.notch::after {
  background: radial-gradient(circle at bottom left, transparent 0, transparent 70%, #485563 70%, #485563 100%);
  left: -7px;
}
.glass {
  z-index: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  background-color: none;
  /* border-radius: 35px; */
}
/* .glass:before {content: ''; z-index: 1; position: absolute; top: 5px; left: 22%; width: 56%; height: 20px; background-color: black; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } */
.screen {
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100%);
  height: calc(100%);
  opacity: 1;
  overflow: hidden;
  border-radius: 10px;
  background: #EFF3F7;
}
.screen.silent {
  background: none;
}
.screen .empty {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.4;
}
.screen .interstitial {
  font-size: 0.875rem;
  line-height: 1.4;
  background: #EFF1F4;
  position: relative;
  text-align: center;
  width: 100%;
  height: calc(100% - 30px);
  padding: 0 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.interstitial .icon:not(.mold) {
  margin-bottom: 0.8rem;
  background: #ab1d46;
  width: 48px;
  height: 48px;
  padding: 12px;
  border-radius: 17px;
  margin: 0 auto 8px auto;
}
.interstitial .icon.warn {
  background: #FFB100;
}
.interstitial .icon.restrict {
  background: #A4ACB8;
}
.interstitial svg {
  fill: #fff;
  color: #fff;
}
.interstitial .placeholder-paragraph span {
  margin-left: auto;
  margin-right: auto;
}
.screen h5 {
  font-size: 1rem;
}
.screen .empty h5 {
  color: #fff;
}
.syncing {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 0 auto 1.5rem auto;
  font-size: 0.875rem;
}
.syncing.option-list {
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  margin: 0;
  font-size: initial;
}
.syncing.ver {
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.syncing .icon {
  z-index: 5;
}
.syncing.disconnected .icon::before {
  content: '';
  width: 2px;
  height: 40px;
  background: #B5C2C9;
  -webkit-box-shadow: 0 0 0 3px #EFF3F7;
          box-shadow: 0 0 0 3px #EFF3F7;
  position: absolute;
  top: 6px;
  left: 23px;
  z-index: 2;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.syncing.disconnected .icon svg {
  -webkit-filter: saturate(15%);
          filter: saturate(15%);
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.syncing.ver:not(.split):not(.paused)::before {
  right: 32px;
  top: 124px;
  background: #B5C2C9;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.syncing > div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
}
.syncing .delivery strong {
  background: #fff;
  padding: 0 10px;
}
.syncing .icon.bold {
  width: 48px;
  height: 48px;
  padding: 9px 12px 6px 8px;
  background: #253031;
}
.syncing .delivery .icon.bold {
  width: 72px;
  height: 72px;
  background: #00A68B;
  padding: 22px 32px 22px 4px;
  mask: url(../img/arrow.svg);
  -webkit-mask: url(../img/arrow.svg);
  -webkit-mask-size: 134px 72px;
  mask-size: 134px 72px;
  border-radius: 0;
}
.syncing > div .icon:not(.bold):not(.state):not(.twenty) {
  width: 32px;
  height: 32px;
  margin: 4px 0 4px 0;
  color: #253031;
}
.syncing > div strong {
  margin-top: 4px;
}
@keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
.syncing:not(.split):not(.paused)::before {
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  content: '';
  position: absolute;
  left: 30px;
  right: 36px;
  top: 36px;
  margin-top: -4px;
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, from(#B5C2C9), color-stop(40%, #B5C2C9), color-stop(70%, #B5C2C9));
  background: linear-gradient(to right, #B5C2C9 0%, #B5C2C9 40%, #B5C2C9 70%);
  z-index: 1;
  mask: url(../img/arrow.svg);
  -webkit-mask: url(../img/arrow.svg);
}
#customdelivery {
  position: relative;
}
#customdelivery .scroll {
  max-height: 380px;
  overflow: auto;
}
#customdelivery::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid rgba(215, 222, 227, 0.6);
  border-top: 0;
  border-left: 0;
  position: absolute;
  left: calc(50% + 95px);
  top: -5px;
  -webkit-transform: rotate(225deg) translate(0, 0);
          transform: rotate(225deg) translate(0, 0);
}
.warning-process {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  max-width: 232px;
  margin: 0 auto 1.3rem auto;
  overflow: hidden;
}
.warning-process:not(.split)::before {
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  content: '';
  position: absolute;
  left: 10px;
  width: calc(100% - 20px);
  top: 50%;
  margin-top: -4px;
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, #3b8cc5), color-stop(40%, #ffb100), color-stop(50%, #ffb100), color-stop(60%, #ffb100), color-stop(80%, #07ae59));
  background: linear-gradient(to right, #3b8cc5 20%, #ffb100 40%, #ffb100 50%, #ffb100 60%, #07ae59 80%);
  z-index: 1;
  mask: url(../img/arrow.svg);
  -webkit-mask: url(../img/arrow.svg);
}
@keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
.warning-process.split .step-1::before {
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  content: '';
  position: absolute;
  left: 10px;
  width: 50%;
  top: 50%;
  margin-top: -4px;
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, #3b8cc5), color-stop(80%, #ffb100));
  background: linear-gradient(to right, #3b8cc5 20%, #ffb100 80%);
  z-index: 1;
  mask: url(../img/arrow.svg);
  -webkit-mask: url(../img/arrow.svg);
}
@keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
.warning-process.split .step-2::before {
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  content: '';
  position: absolute;
  left: calc(50% - 10px);
  width: 50%;
  top: 50%;
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #ffb100), color-stop(80%, #ab1d46));
  background: linear-gradient(to right, #ffb100 40%, #ab1d46 80%);
  z-index: 1;
  mask: url(../img/arrow.svg);
  -webkit-mask: url(../img/arrow.svg);
  -webkit-transform: rotate(12deg);
          transform: rotate(12deg);
  margin-top: 4px;
}
@keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
.warning-process.split .step-2::after {
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  content: '';
  position: absolute;
  left: calc(50% - 10px);
  width: 50%;
  top: 50%;
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #ffb100), color-stop(80%, #07ae59));
  background: linear-gradient(to right, #ffb100 40%, #07ae59 80%);
  z-index: -1;
  mask: url(../img/arrow.svg);
  -webkit-mask: url(../img/arrow.svg);
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
  margin-top: -14px;
}
@keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
.option-b {
  position: relative;
  display: none;
}
.split .option-b {
  display: block;
}
.option-b::before {
  content: '';
  height: 2px;
  width: 28px;
  -webkit-box-shadow: 0 0 0 2px #ab1d46;
          box-shadow: 0 0 0 2px #ab1d46;
  background: #fff;
  position: absolute;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 10;
  top: 50%;
  left: 50%;
  margin-top: 2px;
}
.warning-process .tip.stuck {
  right: auto;
  left: 29%;
  bottom: 0;
  margin: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  font-family: 'Barlow', sans-serif;
  font-size: 0.75rem;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.warning-process .tip.stuck span {
  width: auto;
}
.warning-process .tip.stuck::before {
  left: 50%;
  height: 14px;
  bottom: 18px;
  background: none;
  width: 1px;
  border: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transform: none;
  transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.warning-process.split .step-3 {
  height: 80px;
}
.warning-process.split .step-3 .option-b {
  margin-top: 5px;
}
.warning-process .bold {
  -webkit-transition: all 0.5s, X;
  transition: all 0.5s, X;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.warning-process .step-1 .bold {
  background: #348496;
}
.warning-process .step-2 .bold {
  background: #FFB100;
}
.warning-process .step-3 .bold {
  background: #19892b;
}
.warning-process .step-3 .bold.stop {
  background: #ab1d46;
  position: relative;
  border-radius: 0;
  padding: 0;
  height: 20px;
}
.warning-process .step-3 .bold.stop svg {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.warning-process .step-3 .bold.stop::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 20px;
  height: 0;
  border-bottom: 10px solid #ab1d46;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.warning-process .step-3 .bold.stop::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 20px;
  height: 0;
  border-top: 10px solid #ab1d46;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.warning-process .slick-slide {
  outline: none;
  cursor: pointer;
}
.warning-process .slick-current .bold {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.warning-process .slick-list {
  overflow: visible;
  width: 100%;
}
.screen .carousel h5 {
  font-size: 0.875rem;
}
.screen .carousel .item {
  background: #EFF3F7;
  width: 192px;
  padding: 15px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.screen .carousel .slick-slide:not(.item) {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.screen .carousel .slick-slide:not(.item) > div {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
.screen .carousel .slick-slide:not(.item) > div > .item {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
.screen .carousel .item.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.screen .carousel .icon {
  height: 48px;
}
.phone.step-2 {
  -webkit-animation: shake 3s;
  animation: shake 3s;
}
.wifi {
  width: 64px;
  height: 64px;
  fill: #3D4155;
  position: absolute;
  top: -53px;
  left: 73px;
}
.wifi path {
  -webkit-animation: wifi 3s infinite;
          animation: wifi 3s infinite;
}
.wifi path:nth-child(1) {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.wifi path:nth-child(2) {
  -webkit-animation-delay: -1.6s;
          animation-delay: -1.6s;
}
.wifi path:nth-child(3) {
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}
.chat-bubble {
  width: 120px;
  color: #fff;
  background: #19892b;
  border-radius: 30px;
  position: relative;
  display: block;
  padding: 10px 15px;
  margin: 0 auto 40px;
  font-size: 0.875rem;
  line-height: 1.2;
}
.chat-bubble:hover,
.chat-bubble:hover::before,
.chat-bubble:hover::after {
  background: #61d095;
  color: #fff;
}
.chat-bubble .loader {
  display: none;
}
.chat-bubble::before {
  height: 25px;
  width: 25px;
  background: #19892b;
  position: absolute;
  left: -1px;
  bottom: 0;
  border-radius: 50%;
  content: '';
  z-index: -1;
}
.chat-bubble::after {
  height: 12px;
  width: 12px;
  background: #19892b;
  content: '';
  display: block;
  border-radius: 50%;
  position: absolute;
  left: -10px;
  bottom: -10px;
}
.preview .document {
  background: #fff;
  padding: 15px;
  position: relative;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.preview .document figure {
  margin: -14px -14px 0 -14px;
}
.preview .document::before {
  z-index: 1;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 24px solid #E1E7EE;
  border-left: 24px solid #EFF3F7;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.placeholder-header {
  background: #00272E;
  margin: -15px -15px 0 -15px;
  height: 40px;
  position: relative;
  z-index: 1;
  text-align: left;
  color: #fff;
  font-size: 0.75rem;
  padding: 15px 15px 0 15px;
}
.placeholder-header .nav-toggle.lines-button {
  display: block;
  left: 10px;
  pointer-events: none;
}
.placeholder-header .nav-toggle.lines-button .lines,
.placeholder-header .nav-toggle.lines-button .lines::before,
.placeholder-header .nav-toggle.lines-button .lines::after {
  background: #fff;
  width: 12px;
  height: 1px;
}
.placeholder-header .nav-toggle.lines-button .lines::before {
  top: -4px;
}
.placeholder-header .nav-toggle.lines-button .lines::after {
  top: 4px;
}
.placeholder-logo:not(.hex) {
  background: #c0c3c7;
  height: 27px;
  width: 27px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.5rem;
}
.placeholder-listitem .placeholder-logo {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: #dde0e3;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.placeholder-item {
  background: #fff;
  position: relative;
  padding: 0.532rem 0.8rem 0.532rem calc(40px);
  opacity: 1;
  filter: alpha(opacity=100);
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #d7dee3;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #d7dee3;
  margin: 5px -10px;
}
.placeholder-item .placeholder-paragraph span:last-child {
  margin: 3px 0 0 0;
}
.placeholder-checkbox {
  background: #c0c3c7;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: background-color 0.3s 0.5s, X;
  transition: background-color 0.3s 0.5s, X;
}
.placeholder-checkbox::before {
  content: '';
  background: url('../img/sprite.png') -800px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -5px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s 0.5s, X;
  transition: opacity 0.3s 0.5s, X;
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.placeholder-checkbox.spinner::before {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  content: '';
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border-top: 2px solid #19892b;
  border-right: 2px solid transparent;
  -webkit-animation: spinner 0.6s linear infinite;
  animation: spinner 0.6s linear infinite;
}
.placeholder-heading {
  margin-bottom: 2px;
  width: 100%;
  font-weight: 600;
  color: #394C59;
  font-size: 0.875rem;
  text-align: left;
}
.placeholder-heading span {
  display: block;
  background: #dbdddf;
  height: 10px;
  width: 100%;
  margin-bottom: 6px;
}
.placeholder-heading span:last-child {
  width: 60%;
}
.placeholder-heading span.short {
  width: 30%;
}
.placeholder-paragraph {
  margin-bottom: 0.5rem;
}
.placeholder-image {
  overflow: hidden;
  border: 3px solid #dbdddf;
  height: 60px;
  width: 100%;
  margin: 0 0 0.5rem 0;
  position: relative;
}
.placeholder-image svg {
  stroke-width: 3;
  stroke: #dbdddf;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.placeholder-paragraph span {
  display: block;
  background: #dbdddf;
  height: 5px;
  width: 100%;
  margin-top: 3px;
}
.placeholder-paragraph.last span:last-child {
  width: 80%;
  margin: 3px 10%;
  background: #dbdddf;
}
.a4 .placeholder-image {
  border: 3px solid #dbdddf;
}
.a4 .placeholder-image svg {
  stroke: #dbdddf;
}
.a4 .placeholder-header {
  margin: 0 0 0.5rem 0;
  padding: 0;
  background: none;
  height: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.a4 .placeholder-logo,
.a4 .placeholder-paragraph span,
.a4 .placeholder-paragraph.last span,
.a4 .placeholder-heading span {
  background: #e8eaeb;
}
.a4 .placeholder-paragraph.last span:last-child {
  margin: 3px 0;
}
.placeholder-button {
  color: #fff;
  padding: 0 0.5rem;
  margin: 0.5rem auto 0 auto;
  height: 20px;
  background: #e8eaeb;
  border-radius: 3px;
  font-size: 0.625rem;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 20px;
  display: inline-block;
  position: relative;
}
.placeholder-button.active {
  background: #19892b;
}
.placeholder-button.secondary {
  color: #6f777f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #d7dee3;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #d7dee3;
}
.placeholder-toast {
  background: #212B36;
  color: #ffffff;
  font-family: 'Barlow', sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  z-index: 0;
  position: absolute;
  bottom: 40px;
  right: 10px;
  padding: 0.532rem 0.8rem;
  -webkit-transition: transform 0.3s 0.5s, opacity 0.3s 2s;
  -webkit-transition: opacity 0.3s 2s, -webkit-transform 0.3s 0.5s;
  transition: opacity 0.3s 2s, -webkit-transform 0.3s 0.5s;
  transition: transform 0.3s 0.5s, opacity 0.3s 2s;
  transition: transform 0.3s 0.5s, opacity 0.3s 2s, -webkit-transform 0.3s 0.5s;
  -webkit-transform: translateY(calc(100% + 40px));
  transform: translateY(calc(100% + 40px));
}
.placeholder-footer {
  background: #fff;
  margin: auto 0 0 0;
  padding: 0 10px;
  height: 30px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 1;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.item .placeholder-footer {
  margin: auto -15px -15px -15px;
  width: calc(100% + 30px);
}
.placeholder-footer .placeholder-button {
  margin: 5px 0 0 5px;
}
.phone.step-3 .placeholder-item,
.slick-active .item.step-3 .placeholder-item {
  opacity: 0;
  filter: alpha(opacity=0);
  margin-top: -80px;
}
.phone.step-3 .placeholder-toast,
.slick-active .item.step-3 .placeholder-toast {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 0;
  filter: alpha(opacity=0);
}
.item.step-3 .placeholder-item {
  -webkit-transition: opacity 0.3s 2.5s, margin 0.3s 2.5s;
  transition: opacity 0.3s 2.5s, margin 0.3s 2.5s;
}
.item.step-3 .placeholder-checkbox {
  background: none;
}
.item.step-2 .placeholder-button {
  -webkit-transition: transform 0.3s 2.7s, X;
  -webkit-transition: X, -webkit-transform 0.3s 2.7s;
  transition: X, -webkit-transform 0.3s 2.7s;
  transition: transform 0.3s 2.7s, X;
  transition: transform 0.3s 2.7s, X, -webkit-transform 0.3s 2.7s;
}
.phone.step-2 .item.step-2 .placeholder-button,
.slick-active .item.step-2 .placeholder-button {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-box-shadow: 0 1px 5px 0 rgba(63, 63, 68, 0.2), 0 0 0 1px #d7dee3;
          box-shadow: 0 1px 5px 0 rgba(63, 63, 68, 0.2), 0 0 0 1px #d7dee3;
}
.phone.step-1 .placeholder-checkbox {
  background-color: #19892b;
}
.phone.step-1 .placeholder-checkbox::before,
.slick-active .item.step-1 .placeholder-checkbox::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.placeholder-item h5 {
  text-align: left;
  line-height: 1.1;
}
.item.step-1 .placeholder-button {
  -webkit-transition: transform 0.3s 2.7s, background-color 0.3s 0.5s, X;
  -webkit-transition: background-color 0.3s 0.5s, X, -webkit-transform 0.3s 2.7s;
  transition: background-color 0.3s 0.5s, X, -webkit-transform 0.3s 2.7s;
  transition: transform 0.3s 2.7s, background-color 0.3s 0.5s, X;
  transition: transform 0.3s 2.7s, background-color 0.3s 0.5s, X, -webkit-transform 0.3s 2.7s;
}
.phone.step-1 .item.step-1 .placeholder-footer .placeholder-button,
.slick-active .item.step-1 .placeholder-footer .placeholder-button {
  background: #19892b;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.phase {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: none;
  z-index: 2;
  position: absolute;
}
.phase .placeholder-footer {
  margin: auto -15px -15px -15px;
  width: calc(100% + 30px);
}
.phase.b {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 0.2s 2.2s, X;
  transition: all 0.2s 2.2s, X;
}
.slick-active .phase.b {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.phase.a {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transition: all 0.2s 3s, X;
  transition: all 0.2s 3s, X;
  z-index: 1;
}
.slick-active .phase.a {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}
.apphome {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.placeholder-appicon {
  width: calc(28% - 10px);
  height: 0;
  padding-top: calc(28% - 10px);
  border-radius: 12px;
  background: #c0c3c7;
  margin: 5px;
  position: relative;
}
.placeholder-appicon.brand {
  background-color: #fff;
  -webkit-transition: all 0.6s 2s, X;
  transition: all 0.6s 2s, X;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 2;
}
.placeholder-appicon.brand::before {
  content: '';
  background: url('../img/sprite.png') 0 -1700px no-repeat;
  height: 0;
  overflow: hidden;
  width: 28px;
  padding-top: 28px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transition: all 0.2s 1.8s, X;
  transition: all 0.2s 1.8s, X;
  opacity: 1;
  filter: alpha(opacity=100);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.slick-active .placeholder-appicon.brand {
  -webkit-transform: scale(12);
  transform: scale(12);
  background: #EFF3F7;
  margin: 0;
}
.slick-active .placeholder-appicon.brand::before {
  opacity: 0;
  filter: alpha(opacity=0);
}
.placeholder-notification {
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.2;
  color: #5F6470;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 10px 15px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 10px 15px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
  top: 20px;
  left: 10px;
  right: 10px;
  padding: 0.532rem 0.8rem;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, -100px);
  transform: translate(0, -100px);
  border-radius: 3px;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  z-index: 5;
}
.slick-active .placeholder-notification,
.placeholder-notification.visible {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.placeholder-notification .header {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  font-size: 0.75rem;
  color: #394C59;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.placeholder-pagetitle {
  background: #00272E;
  height: 25%;
  margin: 0 -15px;
  padding: 15px;
}
.placeholder-pagetitle .placeholder-paragraph span {
  background: rgba(255, 255, 255, 0.3);
  margin-top: 8px;
}
.placeholder-pagetitle .placeholder-paragraph span:last-child::after {
  content: '';
  display: block;
  background: rgba(255, 255, 255, 0.15);
  height: 5px;
  width: 60%;
  position: relative;
  top: 13px;
}
.placeholder-tabs {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  background: #00272E;
  margin: 0 -15px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.75rem;
  color: #fff;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  text-align: center;
}
.placeholder-tabs > div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding: 8px 0 6px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3);
          box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3);
}
.placeholder-tabs > div.disabled svg,
.placeholder-tabs > div.disabled span {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.placeholder-tabs i.icon {
  width: 20px;
  height: 20px;
  margin: 0 auto 3px;
}
.placeholder-tabs i.icon svg {
  fill: #fff;
}
.placeholder-tabs .icon.numeric svg {
  color: #fff;
}
.placeholder-notification .header::before {
  content: '';
  background: url('../img/sprite.png') -200px -1700px no-repeat;
  height: 0;
  overflow: hidden;
  width: 12px;
  padding-top: 12px;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: inline-block;
  margin: 0 5px 0 0;
}
.placeholder-notification .header .time {
  color: #A4ACB9;
  margin-left: auto;
  font-weight: normal;
}
[data-mode=skeleton] {
  position: relative;
}
[data-mode=skeleton] > ul {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
[data-mode=skeleton][data-type=scrollable] {
  overflow: hidden;
}
[data-mode=skeleton].list.condensed > ul {
  background: rgba(255, 255, 255, 0.6);
}
[data-mode=skeleton]:not(.card)::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100px;
  z-index: 5;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#EFF3F7));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #EFF3F7 100%);
}
[data-mode=skeleton] ul {
  pointer-events: none;
}
[data-type="report"] [data-mode=skeleton]::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#fff));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #fff 100%);
}
[data-mode=skeleton] li > .row {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  max-height: 56px;
}
[data-mode=skeleton] .col.last {
  min-width: none;
}
[data-mode=skeleton] li .col:not(.actions),
[data-mode=skeleton] header .col:not([data-type="label"]),
[data-mode=skeleton] .col.sortable::after,
[data-mode=skeleton] tbody td,
[data-mode=skeleton].card .col:not([data-type="label"]) {
  visibility: hidden;
  color: transparent;
  position: relative;
  overflow: hidden;
  height: 24px;
}
[data-mode=skeleton] tbody td {
  visibility: visible;
}
[data-mode=skeleton] li .col.checkbox::before {
  width: 16px;
  height: 16px !important;
  right: auto;
  margin: -8px 0 0 0 !important;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
[data-content=report-list][data-mode=skeleton] li .col.img {
  height: 56px !important;
}
[data-mode=skeleton] li .col.img::before {
  content: '';
  display: block;
  background: #dfe2e4;
  width: 100% !important;
  height: 100% !important;
  -webkit-transform: none;
  transform: none;
  position: static;
  opacity: 1;
  top: 0 !important;
  left: 0 !important;
}
[data-mode=skeleton] .col:not(.actions):not([data-type="label"])::before,
[data-mode=skeleton] tbody td::before {
  content: '';
  display: block;
  background: #dfe2e4;
  height: 6px;
  left: 15px;
  right: 15px;
  visibility: visible;
  position: absolute;
  top: 50%;
  margin: -3px 0 0 0;
}
@-webkit-keyframes skeletonloading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes skeletonloading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
[data-mode=skeleton].is-loading .col:not(.actions)::before,
[data-mode=skeleton].is-loading tbody td::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #dfe2e4), color-stop(50%, #f7f7f7), color-stop(75%, #dfe2e4));
  background: linear-gradient(90deg, #dfe2e4 25%, #f7f7f7 50%, #dfe2e4 75%);
  -webkit-animation: skeletonloading 3s linear infinite;
          animation: skeletonloading 3s linear infinite;
  background-size: 200% 100%;
}
[data-mode=skeleton] .row .more > i:not(.poi),
[data-mode=skeleton] .row .more > i:not(.poi)::after,
[data-mode=skeleton] .row .more > i:not(.poi)::before {
  background: #dfe2e4;
}
[data-mode=skeleton] tbody td:has(table)::before {
  content: none;
}
[data-mode=skeleton] tbody td::before {
  left: 10px;
  right: 10px;
}
.mb {
  width: 80%;
  margin: 4rem auto 2rem auto;
  max-width: 400px;
  position: relative;
  font-size: 125%;
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
  z-index: 2;
}
.mb.manual {
  width: 100%;
  max-width: none;
  font-size: 100%;
  margin: 0 auto 2rem auto;
}
.slider:hover .mb {
  z-index: -1;
}
.tampa {
  width: 100%;
  border-radius: 10px 10px 0 0;
  background: #1A2329;
  max-height: 400px;
  overflow: auto;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  padding: 50px 0 70px;
  margin: 0 auto -0.2em auto;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), inset 0 6px 0 0 #fff, inset 6px 0 0 0 #fff, inset -6px 0 0 0 #fff, inset 0 -26px 0 0 #fff, 0 0 2em 0 rgba(0, 0, 0, 0.12);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), inset 0 6px 0 0 #fff, inset 6px 0 0 0 #fff, inset -6px 0 0 0 #fff, inset 0 -26px 0 0 #fff, 0 0 2em 0 rgba(0, 0, 0, 0.12);
}
.tampa pre {
  opacity: 0;
  filter: alpha(opacity=0);
  max-height: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out 0.3s, X;
  transition: opacity 0.3s ease-in-out 0.3s, X;
}
.manual-printer {
  text-align: left;
  padding: 20px;
  max-height: 200px;
  position: relative;
  z-index: 2;
  top: 0;
  margin-top: -2rem;
  -webkit-transition: top 0.3s 0.5s, opacity 0.3s 0.5s, z-index 0.3s 1s;
  transition: top 0.3s 0.5s, opacity 0.3s 0.5s, z-index 0.3s 1s;
}
.manual-printer.hidden {
  top: -200px;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  padding: 0;
  z-index: 1;
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
}
.manual-printer .field {
  max-width: 480px;
  margin: 0 auto;
}
.manual-printer input {
  border-radius: 3px 0 0 3px;
}
.manual-printer .btn {
  border-radius: 0 3px 3px 0;
  min-width: 80px;
}
.manual-printer h4 {
  color: #343a40;
  max-width: 480px;
  margin: 0 auto 0.8rem auto;
  font-size: 1.125rem;
}
.edgenode {
  font-size: 0.75rem;
  position: absolute;
  bottom: 20px;
  width: 100%;
  color: #b5bbc1;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.teclado {
  background-color: #fff;
  width: 120%;
  padding-top: 1%;
  margin: 0 0 0 -10%;
  position: relative;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.touchpad {
  background-image: -webkit-linear-gradient(0deg, #c3c3c4 0%, #c6c6c8 1%, #dddddd 4%, #eeeeef 8%, #ededed 27%, #ededed 50%, #ededed 86%, #e0e0e3 93%, #d3d2d5 96%, #c5c5c7 99%, #c7c7c8 100%);
  border-radius: 8%;
  border-top: none;
  border-bottom: none;
  width: 20%;
  height: 100%;
  position: absolute;
  left: calc(40%);
  top: 0;
}
.sombra {
  position: relative;
  width: 120%;
  margin: 0 -10%;
  padding-top: 3.4%;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.sombra::before {
  content: '';
  display: block;
  background-color: rgba(198, 198, 200, 0.3);
  border-radius: 0 0 100% 0;
  height: 100%;
  width: 50%;
  position: absolute;
  left: 50%;
  top: 0;
}
.sombra::after {
  content: '';
  display: block;
  background-color: rgba(198, 198, 200, 0.3);
  border-radius: 0 0 0 100%;
  height: 100%;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.dev-mode {
  content: '';
  background: url('../img/sprite.png') -1400px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 10;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dev-mode:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mb.manual::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(18, 16, 16, 0)), color-stop(50%, rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.06)), color-stop(rgba(0, 255, 0, 0.02)), to(rgba(0, 0, 255, 0.06)));
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
.mb.manual::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-animation: flicker 0.15s infinite;
          animation: flicker 0.15s infinite;
}
.mode {
  color: #6f777f;
  position: absolute;
  top: 14px;
  left: 20px;
  right: 20px;
  font-size: 1.125rem;
  line-height: 1;
  text-align: left;
  visibility: hidden;
  text-transform: uppercase;
  pointer-events: none;
  z-index: 10;
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}
.auto-status {
  font-size: 0.875rem;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 52px;
  color: #fff;
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
}
.manual .auto-status {
  opacity: 0;
  filter: alpha(opacity=0);
}
/* .anim .mode {
  animation: overlay-anim 5s linear;
  animation-fill-mode: forwards;
} */
.terminal {
  background: #1A2329;
  color: #096;
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 0.875rem;
  text-align: left;
  overflow: hidden;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  max-height: 0;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  -webkit-animation: turn-off 0.55s cubic-bezier(0.23, 1, 0.32, 1);
          animation: turn-off 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.terminal pre {
  padding: 0.5rem;
  white-space: pre-wrap;
  font-family: monospace;
  background: transparent;
}
.terminal .error {
  color: #bf2348;
}
.terminal .window {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  overflow: hidden;
}
#popup-discovery figure.progress {
  border-radius: 0;
  margin: 0;
  display: none;
  height: 22px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.4);
  text-align: left;
  font-size: 0.875rem;
  font-weight: 600;
  background: #425867;
}
#popup-discovery figure.progress::before {
  padding: 0 1rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: attr(data-content);
  width: calc(100% - 1rem);
}
#popup-discovery figure.progress .after {
  padding: 0 1rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: #19892b;
  color: #fff;
}
#popup-discovery .manual figure {
  display: block;
}
.crt {
  position: relative;
}
.crt .status {
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  line-height: 1.2;
  font-size: 1rem;
  position: relative;
  background: #06080a;
  color: #fff;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: 29px;
}
.crt .status-summary {
  background: #096;
  color: #C2FFEA;
  padding: 0.3rem 0 0.3rem 0.5rem;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
  z-index: 3;
}
.crt .status-summary::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 15px solid #096;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: -15px;
}
.crt .status-latest {
  padding: 0.3rem 0.5rem 0.3rem 1.5rem;
  word-break: break-all;
}
.crt .status-latest li {
  opacity: 0;
  filter: alpha(opacity=0);
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
.crt .status-latest li.active {
  opacity: 1;
  filter: alpha(opacity=100);
  max-height: 100px;
  -webkit-transition: all 0.3s 0.4s, X;
  transition: all 0.3s 0.4s, X;
}
.crt .terminal {
  -webkit-animation: none;
          animation: none;
  height: 320px;
  max-height: 320px;
  overflow: auto;
}
.crt::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(18, 16, 16, 0)), color-stop(50%, rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.06)), color-stop(rgba(0, 255, 0, 0.02)), to(rgba(0, 0, 255, 0.06)));
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
.manual .terminal {
  -webkit-animation: none;
          animation: none;
  height: 50vh;
  max-height: 50vh;
  overflow: auto;
}
.manual .terminal .window,
.crt .window {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.mb.manual .tampa {
  padding: 0;
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 2em 0 rgba(0, 0, 0, 0.12);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 2em 0 rgba(0, 0, 0, 0.12);
  max-height: 800px;
}
.mb.manual .tampa pre {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  max-height: none;
  overflow: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}
.mb.manual .teclado,
.mb.manual .sombra,
.mb.manual .shadow,
.mb.manual .edgenode,
.mb.manual .radar {
  display: none !important;
}
.mb .screen {
  position: absolute;
  top: 1em;
  left: 1em;
  width: calc(100% - 2em);
  z-index: -1;
}
.shadow {
  -webkit-filter: blur(50px);
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  width: calc(110% - 100px);
  height: 60px;
  background: rgba(0, 0, 0, 0.15);
  z-index: -1;
  position: absolute;
  top: calc(100%);
  left: -10%;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.smart-detect {
  font-size: 0.875rem;
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  border-radius: 3px;
  overflow: hidden;
}
.smart-detect li {
  width: 25%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-shadow: 1px 0 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 1px 0 0 0 rgba(215, 222, 227, 0.5);
  padding: 10px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.smart-detect li .switch {
  margin: auto auto 0 auto;
}
.smart-detect li.disabled > a {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.smart-detect li:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.smart-detect li::before {
  content: '';
  background: url('../img/sprite.png') -1000px -1000px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-bottom: 10px;
}
.smart-detect li > a span {
  display: block;
}
.smart-detect li.blank::before {
  content: '';
  background: url('../img/sprite.png') -1400px -1200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.smart-detect li.blank-header::before {
  content: '';
  background: url('../img/sprite.png') -1600px -1000px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.smart-detect li.blank-intent::before {
  content: '';
  background: url('../img/sprite.png') -1400px -1000px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.smart-detect input[type=checkbox] {
  margin: 0;
}
.sub {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
/* .sub li { border-bottom: 1px solid rgba(255,255,255, 0.2); }
.sub li:last-child { border: 0; } */
.sub a {
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  line-height: 1.2;
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #d7dee3;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #d7dee3;
  color: #6f777f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background-image: linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  padding: 0.813rem 2rem 0.813rem 1rem;
  display: block;
  text-align: left;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.sub a:hover {
  -webkit-box-shadow: 0 0 0 1px #C5D6D5;
          box-shadow: 0 0 0 1px #C5D6D5;
}
.sub li:first-child a {
  margin-top: 1px;
  border-radius: 3px 3px 0 0;
}
.sub li:last-child a {
  margin-top: 1px;
  border-radius: 0 0 3px 3px;
}
.sub li:only-child a {
  margin-top: 1px;
  border-radius: 3px;
}
.sub li a i {
  position: absolute;
  right: 22px;
  top: 50%;
  z-index: 3;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  content: '';
  background: url('../img/sprite.png') -601px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 8px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.sub li a.link-external i {
  content: '';
  background: url('../img/sprite.png') -600px -440px no-repeat;
  height: 0;
  overflow: hidden;
  width: 14px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.sub li.complete a::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 32px 0;
  border-color: transparent #19892b transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.sub li.complete a::after {
  content: '';
  background: url('../img/sprite.png') -800px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 5px;
  right: 3px;
  width: 10px !important;
}
.sub .disabled a {
  background: rgba(239, 243, 247, 0.8) !important;
  pointer-events: none;
}
.sub .disabled a i,
.sub li.complete.disabled a::before,
.sub li.complete.disabled a::after {
  display: none !important;
}
.sub .flag {
  margin: -3px 0 -3px 10px;
}
.honeycomb {
  margin-bottom: 1rem;
  text-align: center;
}
.honeycomb .row {
  margin: 5px 0;
}
.honeycomb .avatar {
  color: #6f777f;
  -webkit-box-shadow: inset 0 0 1 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 1 1px rgba(215, 222, 227, 0.5);
}
.flip-clock-with-dates {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
}
.flip-clock-with-dates.loaded {
  opacity: 1;
  max-height: 400px;
}
.flip-clock-wrapper .flip {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.flip-clock-wrapper {
  font-family: 'Barlow', sans-serif;
  margin: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}
.flip-clock-wrapper ul {
  background: none;
  width: 40px;
  height: 60px;
  max-width: 40px;
  min-width: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flip-clock-wrapper ul li {
  line-height: 52px;
}
.flip-clock-wrapper ul li a div div.inn {
  font-size: 2.25rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2F3337), to(#1C1F21));
  background-image: linear-gradient(to bottom, #2F3337, #1C1F21);
  border: 2px solid #26292C;
  border-radius: 6px;
  font-weight: 500;
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 #090A0B;
          box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6), inset 0 1px 0 #090A0B;
}
.flip-clock-wrapper ul li a div.up::after {
  top: auto;
  bottom: 1px;
  height: 2px;
  left: 2px;
  right: 2px;
  width: auto;
  background: #26292C;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.trend {
  margin: 0 0 0 auto;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  letter-spacing: 0.03em;
  font-size: 0.75rem;
  display: block;
  padding: 0;
  color: #6f777f;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.trend > span {
  position: relative;
}
.trend.up {
  color: #19892b;
}
.trend.down,
.deduct {
  color: #bf2348 !important;
}
.trend.up::before {
  content: '';
  background: url('../img/sprite.png') -1400px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 6px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 2px 0.1rem 0 0;
}
.trend.down::before {
  content: '';
  background: url('../img/sprite.png') -1200px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 6px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 0.1rem 0 0;
}
[class^="counter-pagecount"] {
  background: #1f1f1f;
  border-radius: 3px;
}
.counter-pagecount-unavailable {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.counter-pagecount-unavailable span {
  font-family: 'Barlow', sans-serif;
  color: #fff;
  background: #343a40;
  border-radius: 0;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 40px;
  min-width: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 1px;
}
.sound-wave {
  width: 50%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.sound-wave .bar {
  display: block;
  width: 2px;
  margin-right: 1px;
  height: 40px;
  background: #fff;
  -webkit-animation: sound 0ms -800ms linear infinite alternate;
          animation: sound 0ms -800ms linear infinite alternate;
  -webkit-transition: height 0.8s;
  transition: height 0.8s;
}
@-webkit-keyframes sound {
  0% {
    opacity: 0.35;
    height: 6px;
  }
  100% {
    opacity: 1;
    height: 24px;
  }
}
@keyframes sound {
  0% {
    opacity: 0.35;
    height: 6px;
  }
  100% {
    opacity: 1;
    height: 24px;
  }
}
.sound-wave .bar:nth-child(1) {
  height: 2px;
  -webkit-animation-duration: 474ms;
          animation-duration: 474ms;
}
.sound-wave .bar:nth-child(2) {
  height: 10px;
  -webkit-animation-duration: 433ms;
          animation-duration: 433ms;
}
.sound-wave .bar:nth-child(3) {
  height: 8px;
  -webkit-animation-duration: 407ms;
          animation-duration: 407ms;
}
.sound-wave .bar:nth-child(4) {
  height: 16px;
  -webkit-animation-duration: 458ms;
          animation-duration: 458ms;
}
.sound-wave .bar:nth-child(5) {
  height: 20px;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
}
.sound-wave .bar:nth-child(6) {
  height: 22px;
  -webkit-animation-duration: 427ms;
          animation-duration: 427ms;
}
.sound-wave .bar:nth-child(7) {
  height: 14px;
  -webkit-animation-duration: 441ms;
          animation-duration: 441ms;
}
.sound-wave .bar:nth-child(8) {
  height: 16px;
  -webkit-animation-duration: 419ms;
          animation-duration: 419ms;
}
.sound-wave .bar:nth-child(9) {
  height: 20px;
  -webkit-animation-duration: 487ms;
          animation-duration: 487ms;
}
[class^="counter-pagecount"]::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.3);
  display: none !important;
}
.counter-pagecount.flip-clock-wrapper ul {
  margin: 0 1px;
  width: calc(100% / 6);
  -webkit-box-shadow: none;
          box-shadow: none;
  max-width: none;
  border-radius: 0;
  background: #292929;
  height: 40px;
}
.counter-pagecount.flip-clock-wrapper ul li {
  line-height: 35px;
}
.counter-pagecount.flip-clock-wrapper ul li a div div.inn {
  text-shadow: none;
  border-radius: 0;
  font-weight: 400;
  font-size: 1.25rem;
}
.counter-pagecount.flip-clock-wrapper ul li a div.up::after {
  display: none !important;
}
@media print {
  @page {
    margin: 2cm;
    size: auto;
    width: auto;
  }
  body {
    margin: 0;
    display: block !important;
    width: auto;
  }
  .page {
    display: block;
    width: auto;
  }
  .toprint::before {
    display: none !important;
  }
  .page-break {
    page-break-after: always;
    -webkit-column-break-after: always;
       -moz-column-break-after: always;
            break-after: always;
    page-break-before: always;
  }
  .printout {
    border: 1px solid #eee;
    -webkit-box-shadow: none;
            box-shadow: none;
    page-break-inside: avoid;
  }
  .draft-wrap .snip-qr,
  .draft-wrap .snip-nfc,
  .draft-wrap .snip-code,
  .draft-wrap .snip-details {
    display: block !important;
  }
  .printout.draft .feature.left,
  .printout.draft .feature.right {
    border: 0 !important;
  }
  .printout.draft .details,
  .printout.draft.cut-qr .details,
  .printout.draft.cut-qr.cut-code .details,
  .printout.draft.cut-qr.cut-code.cut-nfc .details,
  .printout.draft.cut-qr.cut-nfc .details,
  .printout.draft.cut-code.cut-nfc .details {
    border: 1px dashed #000 !important;
    border-top: 0 !important;
  }
  .printout.draft .code,
  .printout.draft.cut-qr .code,
  .printout.draft.cut-qr.cut-code .code,
  .printout.draft.cut-qr.cut-code.cut-nfc .code,
  .printout.draft.cut-qr.cut-nfc .code,
  .printout.draft.cut-code.cut-nfc .code {
    border: 1px dashed #000 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
  .printout.draft .qr,
  .printout.draft.cut-qr .qr,
  .printout.draft.cut-qr.cut-code .qr,
  .printout.draft.cut-qr.cut-code.cut-nfc .qr,
  .printout.draft.cut-qr.cut-nfc .qr,
  .printout.draft .nfc,
  .printout.draft.cut-qr .nfc,
  .printout.draft.cut-qr.cut-code .nfc,
  .printout.draft.cut-qr.cut-code.cut-nfc .nfc,
  .printout.draft.cut-qr.cut-nfc .nfc {
    border: 0 !important;
    border-bottom: 1px dashed #000 !important;
  }
  .printout .segment > *:not(h4) {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
  }
  .cutout {
    display: none;
  }
}
.topbar {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-transition: left 0.3s, X;
  transition: left 0.3s, X;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: #19892b;
  color: #fff;
  font-size: 0.875rem;
  position: absolute;
  width: calc(100%);
  height: 56px;
  z-index: 6;
  top: -56px;
  left: 0;
}
.topbar.warning {
  background: #ee6800;
}
.topbar.warning .btn {
  color: #ee6800;
}
.topbar.warning .nav-account.unread a > i::after {
  -webkit-box-shadow: 0 0 0 3px #ee6800;
          box-shadow: 0 0 0 3px #ee6800;
}
.topbar.warning .notification-centre.unread a .num {
  -webkit-box-shadow: 0 0 0 3px #ee6800;
          box-shadow: 0 0 0 3px #ee6800;
  color: #ee6800;
}
.topbar.critical {
  background: #ab1d46;
}
.topbar.critical .btn {
  color: #ab1d46;
}
.topbar.critical .nav-account.unread a > i::after {
  -webkit-box-shadow: 0 0 0 3px #ab1d46;
          box-shadow: 0 0 0 3px #ab1d46;
}
.topbar.critical .notification-centre.unread a .num {
  -webkit-box-shadow: 0 0 0 3px #ab1d46;
          box-shadow: 0 0 0 3px #ab1d46;
  color: #ab1d46;
}
.open-user .topbar {
  z-index: 11;
}
.scrolling .topbar {
  -webkit-box-shadow: 0 2px 4px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 2px 4px 0 rgba(33, 43, 54, 0.15);
}
.open-menu .topbar {
  left: 0;
  z-index: 8;
}
.topbar .alert {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  background: none;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.topbar .alert i svg {
  fill: #fff;
  color: #fff;
}
.topbar p {
  margin: 0;
  line-height: 1.2;
}
.topbar .alert a:not(.btn) {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
}
.topbar .alert .btn {
  margin: 0 0.5rem;
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  background: none;
}
.topbar .alert .btn.outline {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  background: none;
}
.topbar .alert .btn.outline:hover {
  color: #687077;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  background: #fff;
}
.page > header,
.page-heading {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 0 30px;
  position: relative;
  background: #ffffff;
  color: #5b636a;
  width: 100%;
  z-index: 6;
}
.page > header h1 {
  margin: 0;
}
.page > header .auto,
.page-heading .auto {
  padding: 1.5rem 0 0.5rem 0;
}
.configure .page > header .auto > .row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.configure .diagram h6 {
  color: #6f777f;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.33px;
  -webkit-font-smoothing: auto;
}
.page > header .col,
.page-heading .col {
  margin-bottom: 1rem;
}
.page > header p:not([class*='css']),
.page-heading p:not([class*='css']) {
  margin: 0.2rem 0 0 0;
  font-size: 1.125rem;
  line-height: 1.3;
  color: #6f777f;
}
.page > header .select,
.page-heading .select {
  margin-left: auto;
}
header > .more:not(.btn) {
  position: absolute;
  top: 45px;
  right: 10px;
}
[data-type="inl"] > .more:not(.btn) {
  top: auto;
  right: auto;
  position: relative;
}
header .switch {
  position: absolute;
  left: 20px;
  top: 20px;
}
.page-easyprinting .page-heading,
.page-printsecurity .page-heading,
.page-reducewaste .page-heading {
  min-height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-account {
  height: 100%;
  position: relative;
}
.nav-account > a {
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  line-height: 1.2;
  font-size: 0.875rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px 0 15px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: left;
  width: 240px;
  -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.1);
          box-shadow: -1px 0 0 rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
.nav-account .whatsnew {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.nav-account > a::after {
  content: '';
  background: url('../img/sprite.png') -400px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 5px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.nav-account > a > i {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875rem;
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 32px;
  text-transform: uppercase;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  position: relative;
  margin: 0;
}
.nav-account.unread > a > i::after {
  content: '';
  background: #fff;
  width: 8px;
  height: 8px;
  -webkit-box-shadow: 0 0 0 3px #19892b;
          box-shadow: 0 0 0 3px #19892b;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 26px;
}
.nav-account > a > i img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.nav-account strong {
  display: block;
  color: #fff;
  font-family: 'Barlow', sans-serif;
}
.notification-centre {
  margin-right: 20px;
}
.notification-centre a {
  position: relative;
}
.notification-centre i {
  color: #fff;
  padding: 4px;
  border-radius: 50%;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ring-ring {
  -webkit-animation: ring-ring 4s 0.7s ease-in-out;
          animation: ring-ring 4s 0.7s ease-in-out;
}
.notification-centre.unread i {
  opacity: 1;
  filter: alpha(opacity=100);
}
.notification-centre.unread a .num {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  font-weight: 600;
  font-family: 'Barlow', sans-serif;
  margin-left: auto;
  font-size: 0.75rem;
  line-height: 1.1;
  color: #19892b;
  padding: 0 5px;
  height: 14px;
  -webkit-box-shadow: 0 0 0 3px #19892b;
          box-shadow: 0 0 0 3px #19892b;
  position: absolute;
  top: -5px;
  right: -5px;
}
.user {
  margin-left: 10px;
  width: calc(100% - 42px);
}
.reminder i {
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.reminder i svg {
  fill: #fff;
  color: #fff;
}
.demo-mode:not(.open-tour) nav {
  top: 48px;
  padding-bottom: 48px;
}
.demo-mode nav .reminder {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 200px;
  padding: 10px;
  background: #ee6800;
  color: #fff;
  font-size: 0.875rem;
}
nav .reminder.renew {
  position: absolute;
  border-radius: 3px;
  bottom: 10px;
  left: 10px;
  width: 180px;
  padding: 10px;
  background: #fff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: inherit;
  font-family: 'Source Sans Pro', sans-serif;
}
.reminder.renew h5 {
  font-size: 1rem;
  color: #00272E;
}
.demo-mode .reminder.renew h5 {
  color: #00272E;
}
.reminder.renew i svg {
  fill: #006316;
  color: #006316;
}
.demo-mode nav .reminder h5 {
  margin: 0;
  color: #fff;
}
.demo-mode nav .reminder p {
  margin: 0;
}
.user strong,
.user span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  max-width: 100%;
}
.user-menu {
  -webkit-transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: translate(0, 0) scale(0.85);
  transform: translate(0, 0) scale(0.85);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
  border-radius: 3px;
  position: absolute;
  top: 53px;
  right: 10px;
  width: 220px;
  padding: 0.8rem 1rem 0.268rem 1rem;
}
.open-user .user-menu {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
/* .user-menu::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid rgba(215, 222, 227, 0.6);
  border-bottom: 0;
  border-right: 0;
  position: absolute;
  left: 20px;
  top: -5px;
  transform-origin: 50% 50%;
  .transform(rotate(45deg) translate(0, 0));
} */
.user-menu li.split {
  margin: 0.268rem -1rem 0 -1rem;
  padding: 0.268rem 1rem 0 1rem;
  border-top: 1px solid rgba(215, 222, 227, 0.75);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.user-menu li.split .tip span {
  width: 200px;
}
.user-menu li a:not(.action):not(.btn) {
  color: #6f777f;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.268rem 0;
  width: 100%;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  text-decoration: none;
}
.user-menu li a[data-action=exit-demo] i {
  color: #fff;
  padding: 4px;
  background: #7C53C0;
  margin: 0.268rem 0 0;
}
.user-menu li.split a[data-action=exit-demo] i {
  top: 0.268rem;
  right: 1rem;
}
.user-menu li .btn {
  font-size: 0.875rem;
  padding: 0.3rem 0.5rem;
}
.user-menu li a:not(.action):not(.btn):hover {
  color: #19892b;
}
.user-menu li a.link-ext::after {
  margin-left: auto;
}
.nav-account label {
  margin: 0.268rem 0;
}
.nav-account .select {
  margin: 0 0 0.268rem auto;
}
.nav-account .select select {
  padding: 0.3rem 2rem 0.3rem 0.5rem;
  font-size: 0.875rem;
}
.open-menu .wrap > nav {
  left: 0;
}
#logo {
  content: '';
  background: url('../img/sprite.png') -200px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 1.5rem auto;
  display: block;
}
#logo.hive {
  content: '';
  background: url('../img/sprite.png') -400px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 135px;
  padding-top: 35px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 1.5rem auto;
  display: block;
}
#logo.hive.dark {
  content: '';
  background: url('../img/sprite.png') -200px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 135px;
  padding-top: 35px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
#cloud-center {
  fill: red;
}
#logo.mobile {
  display: none !important;
  height: 30px;
  width: auto;
  position: absolute;
  left: 50px;
  top: 13px;
  margin: 0;
}
.wrap > nav {
  font-family: 'Barlow', sans-serif;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  line-height: 1.2;
  background: var(--sidebar-bg-color, #00272e);
  -webkit-box-shadow: inset -3px 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: inset -3px 0 20px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 200px;
  -webkit-transition: left 0.3s, top 0.2s;
  transition: left 0.3s, top 0.2s;
  overflow-y: auto;
}
nav > ul {
  margin: 2rem 0 0 0;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  list-style: none;
}
nav > ul li > ul {
  margin: 0;
  list-style: none;
}
nav li {
  margin-bottom: 0;
}
nav li > a {
  color: #ffffff;
  display: block;
  padding: 0.5rem 0.5rem 0.5rem 2.5rem;
  position: relative;
  text-decoration: none;
}
nav li.active a,
nav li.active a:hover {
  color: #fff;
  -webkit-box-shadow: inset -4px 0 0 0 rgba(255, 255, 255, 0.7);
          box-shadow: inset -4px 0 0 0 rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.1);
  background-blend-mode: screen;
  height: 100%;
}
nav li.unread a::before {
  content: '';
  background: #ee6800;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 18px;
}
nav > ul li a:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
}
nav h6 {
  color: #6f777f;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.33px;
  -webkit-font-smoothing: auto;
  margin: 1.5rem 0 0 0;
  padding: 0.5rem 2.5rem;
  position: relative;
  color: rgba(255, 255, 255, 0.6);
  mix-blend-mode: lighten;
}
nav li a i,
nav h6 i {
  width: 2.5rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin: 2px 0 0 0;
  text-align: center;
  color: #fff;
}
nav li a i svg,
nav h6 svg {
  fill: #fff;
  width: 20px;
}
nav .nav-home svg {
  width: 22px;
}
nav .nav-configure svg {
  width: 18px;
}
nav .nav-configure > h6 > a {
  color: #ffd23f;
}
nav .nav-explore h6 a {
  color: #19892b;
}
nav .nav-manage svg {
  width: 18px;
}
nav .nav-manage h6 a {
  color: #2d77e5;
}
body:not(.page-team):not(.page-grows) nav .nav-account {
  height: auto;
  margin-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  width: 100%;
  -webkit-transition: all 0.4s, X;
  transition: all 0.4s, X;
}
body:not(.page-team):not(.page-grows) nav .nav-account > a {
  margin: 0;
  width: 100%;
  padding: 10px;
  height: auto;
}
body:not(.page-team):not(.page-grows) nav .nav-account .user-menu {
  position: static;
  width: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s, max-height 0.5s;
  transition: all 0.2s, max-height 0.5s;
  -webkit-transform: none;
  transform: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
body:not(.page-team):not(.page-grows) nav .nav-account .user-menu::before {
  display: none !important;
}
body:not(.page-team):not(.page-grows) nav .user {
  width: calc(100% - 30px);
}
body:not(.page-team):not(.page-grows) nav .nav-account .user-menu li {
  padding: 0.5rem 10px;
  font-size: 0.875rem;
  border: 0;
}
body:not(.page-team):not(.page-grows) nav .nav-account .select {
  margin: 0 0 0 auto;
}
body:not(.page-team):not(.page-grows) nav .nav-account label {
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.5);
}
body:not(.page-team):not(.page-grows) nav .nav-account .user-menu li a {
  padding: 0;
  color: rgba(255, 255, 255, 0.8);
}
body:not(.page-team):not(.page-grows) nav .nav-account i {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.open-user:not(.page-team):not(.page-grows) nav .nav-account .user-menu {
  max-height: 200px;
}
.nav-toggle.lines-button {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 24px;
  height: 30px;
  left: 20px;
  z-index: 6;
}
.nav-toggle.lines-button .lines::before {
  width: 24px;
}
.nav-toggle.lines-button .lines::after {
  width: 12px;
}
.open-menu .lines-button .lines {
  background: transparent;
}
.open-menu .lines-button .lines::before,
.open-menu .lines-button .lines::after {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  top: 0;
  width: 24px;
}
.open-menu .lines-button .lines::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
}
.open-menu .lines-button .lines::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
}
aside .lines,
aside .lines::before,
aside .lines::after {
  background: #6f777f;
}
.nav-pages {
  margin: 1rem 0;
}
.nav-pages li {
  margin: 0 15px;
  position: relative;
}
.nav-pages li a.active {
  color: #19892b;
}
.nav-pages li:not(:last-child)::after {
  content: '';
  background: rgba(255, 255, 255, 0.3);
  width: 6px;
  height: 6px;
  position: absolute;
  right: -18px;
  top: 50%;
  margin: -3px 0 0 0;
  border-radius: 50%;
}
.nav-pages li:last-child:not(.active) .row {
  border-radius: 0 0 3px 3px;
}
#hero {
  background: #e7f3ec url('../img/cross-section-bg.jpg') 50% 100% no-repeat;
  color: #fff;
  max-height: 325px;
  height: 325px;
  font-size: 0.875rem;
  margin: -2rem -30px 2rem -30px;
  width: calc(100% + 60px);
  padding: 0 30px;
  position: relative;
  -webkit-transition: max-height 0.5s 0.3s, X;
  transition: max-height 0.5s 0.3s, X;
  overflow: hidden;
  overflow-x: auto;
  z-index: 1;
}
[data-content="view-summary"] {
  -webkit-transition: max-height 0.5s 0.3s, X;
  transition: max-height 0.5s 0.3s, X;
  max-height: 0;
  overflow: hidden;
}
[data-content="view-summary"] .card {
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
  opacity: 0;
  filter: alpha(opacity=0);
}
[data-content="view-summary"].inserting {
  max-height: 200px;
}
[data-content="view-summary"].inserting .card {
  -webkit-transition: all 0.3s 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), X;
  transition: all 0.3s 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), X;
  opacity: 1;
  filter: alpha(opacity=100);
}
[data-content="view-summary"].inserting .col:nth-child(2) .card {
  -webkit-transition: all 0.3s 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), X;
  transition: all 0.3s 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), X;
}
[data-content="view-summary"].inserting .col:nth-child(3) .card {
  -webkit-transition: all 0.3s 0.7s cubic-bezier(0.39, 0.575, 0.565, 1), X;
  transition: all 0.3s 0.7s cubic-bezier(0.39, 0.575, 0.565, 1), X;
}
#hero h4 {
  font-size: 1rem;
}
#hero.offline .coord::before,
#hero.offline .coord::after,
#hero.offline .client::before,
#hero.offline .client::after {
  content: none;
}
#hero.offline .client .logo {
  -webkit-animation: flicker 2s linear infinite both;
  animation: flicker 2s linear infinite both;
  background: rgba(255, 255, 255, 0.5);
}
#hero .auto {
  /* fix the shaking issue */
  height: 325px;
}
#hero .auto > .row {
  height: 100%;
}
body:not(.page-extensions) #hero img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  height: 100%;
}
#hero .outline {
  color: #19892b;
  -webkit-box-shadow: inset 0 0 0 1px #19892b;
          box-shadow: inset 0 0 0 1px #19892b;
}
#hero .outline:hover {
  color: #fff;
  background: #19892b;
}
#hero .coord {
  position: absolute;
  color: rgba(0, 0, 0, 0.75);
}
#hero .coord dl.flex {
  margin-top: 0.25rem;
}
#hero .coord dl.flex dt {
  width: 100px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
#hero .coord dl.flex dd {
  width: calc(100% - 100px);
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
#hero .coord .icon-info {
  position: absolute;
  z-index: 10;
  cursor: pointer;
}
#hero .coord .icon-info svg {
  fill: rgba(0, 0, 0, 0.3) !important;
}
#hero .coord a:not(.btn):hover {
  color: #19892b;
  text-decoration: underline;
}
#hero .coord .icon {
  width: 48px;
  position: absolute;
  z-index: 1;
  color: #343a40;
}
#hero-direct .text,
#hero-findme .text {
  text-align: left;
}
#hero-super,
#hero-new {
  top: 10px;
  left: 200px;
}
#hero-findme {
  top: 30px;
  left: 400px;
}
#hero-offlinemode {
  top: 10px;
  left: 520px;
  text-align: center;
  z-index: 10;
}
#hero #hero-offlinemode .icon {
  padding: 8px;
  width: 36px !important;
  height: 36px;
  background: #253031;
  border-radius: 50%;
  color: #fff !important;
  margin: 0 auto 0.2rem auto;
  position: relative;
}
#hero #hero-offlinemode .icon::before {
  content: '';
  width: 2px;
  height: 24px;
  background: #fff;
  -webkit-box-shadow: 0 0 0 3px #253031;
          box-shadow: 0 0 0 3px #253031;
  position: absolute;
  top: 5px;
  left: 17px;
  z-index: 2;
  -webkit-transform: rotate(-32deg);
          transform: rotate(-32deg);
}
#hero #hero-offlinemode .icon svg {
  -webkit-filter: none;
          filter: none;
}
#hero .coord::before,
#hero .coord::after {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  content: '';
  width: 0;
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0.8)), color-stop(80%, rgba(255, 255, 255, 0.4)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.4) 80%);
  mask: url(../img/arrow.svg);
  -webkit-mask: url(../img/arrow.svg);
}
@keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
#hero-super::before {
  -webkit-transition: all 0.6s ease-in 1.1s, X;
  transition: all 0.6s ease-in 1.1s, X;
  position: absolute;
  top: 30px;
  left: 210px;
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}
.ready #hero-super::before {
  width: 590px;
}
#hero-super::after {
  -webkit-transition: all 0.6s ease-in 1.5s, X;
  transition: all 0.6s ease-in 1.5s, X;
  position: absolute;
  top: 100px;
  left: 200px;
  -webkit-transform: rotate(55deg);
          transform: rotate(55deg);
}
.ready #hero-super::after {
  width: 110px;
}
#hero-super .icon,
#hero-new .icon {
  height: 48px;
  top: 30px;
  left: 142px;
}
#hero-new .icon.embel {
  top: -4px;
  left: 154px;
  -webkit-animation: flicker 5s ease-in-out 2s 5;
  animation: flicker 5s ease-in-out 2s 5;
}
#hero-new .icon.embel svg {
  stroke: #ab1d46;
  stroke-width: 2;
}
#hero-standard,
#hero-toner {
  top: 170px;
  left: 30px;
}
#hero-direct {
  top: 180px;
  left: 60px;
}
#hero-standard::before {
  -webkit-transition: all 0.6s ease-in 1.3s, X;
  transition: all 0.6s ease-in 1.3s, X;
  position: absolute;
  top: 20px;
  left: 210px;
  -webkit-transform: rotate(-51deg);
          transform: rotate(-51deg);
}
.ready #hero-standard::before {
  width: 110px;
}
#hero-standard::after {
  -webkit-transition: all 0.6s ease-in 1.5s, X;
  transition: all 0.6s ease-in 1.5s, X;
  position: absolute;
  top: 70px;
  left: 220px;
}
.ready #hero-standard::after {
  width: 140px;
}
#hero-standard .icon,
#hero-toner .icon {
  top: 52px;
  left: 140px;
  height: 43px;
}
#hero-toner .icon {
  height: 37px;
  top: 57px;
}
#hero-blank {
  top: 231px;
  left: 450px;
}
#hero-blank .icon {
  height: 34px;
}
#hero-blank.coord::before {
  -webkit-transition: all 0.6s ease-in 1.5s, X;
  transition: all 0.6s ease-in 1.5s, X;
  position: absolute;
  top: 0;
  left: 86px;
  -webkit-transform: rotate(-38deg);
          transform: rotate(-38deg);
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(37, 169, 39, 0.8)), color-stop(80%, rgba(37, 169, 39, 0.4)));
  background: linear-gradient(to right, rgba(37, 169, 39, 0.8) 20%, rgba(37, 169, 39, 0.4) 80%);
  -webkit-animation: printer-connect 6s ease-in-out 4s 12, move-arrows 0.5s infinite linear;
          animation: printer-connect 6s ease-in-out 4s 12, move-arrows 0.5s infinite linear;
}
.ready #hero-blank::before {
  width: 250px;
}
#hero-blank::after {
  -webkit-transition: all 0.6s ease-in 1.5s, X;
  transition: all 0.6s ease-in 1.5s, X;
  position: absolute;
  top: 10px;
  left: 86px;
  -webkit-transform: rotate(-17deg);
          transform: rotate(-17deg);
}
.ready #hero-blank::after {
  width: 480px;
}
#hero-toner .icon.bold {
  top: 29px;
  left: 169px;
  width: 32px;
  height: 32px;
  padding: 8px;
  background: #ee6800;
  -webkit-animation: shake 5s 5;
  animation: shake 5s 5;
}
#hero-toner .icon.bold svg {
  fill: #fff;
}
#hero-passive,
.page-printers #hero-popular {
  top: 200px;
  left: 770px;
}
#hero-popular {
  top: 170px;
  left: 700px;
}
#hero-cloud {
  top: 145px;
  left: 1220px;
}
#hero-cloud > .icon {
  left: -50px;
}
#hero-cloud::before {
  -webkit-transition: all 0.6s ease-in 1.3s, X;
  transition: all 0.6s ease-in 1.3s, X;
  position: absolute;
  top: 5px;
  left: -55px;
  -webkit-transform: rotate(-150deg);
  transform: rotate(-150deg);
}
.ready #hero-cloud::before {
  width: 20px;
}
#hero-cloud .icon {
  padding: 8px;
  width: 36px !important;
  height: 36px;
  background: #6f777f;
  border-radius: 50%;
  color: #fff !important;
}
#hero-cloud .icon svg {
  -webkit-filter: none !important;
          filter: none !important;
}
#hero-cloud .icon::before {
  content: '';
  width: 2px;
  height: 26px;
  background: #fff;
  -webkit-box-shadow: 0 0 0 3px #6f777f;
          box-shadow: 0 0 0 3px #6f777f;
  position: absolute;
  top: 5px;
  left: 17px;
  z-index: 2;
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
#hero-cloud .icon.online {
  background: #19892b;
}
#hero-cloud .icon.online::before {
  content: none;
}
#hero-remote {
  bottom: 21px;
  left: 1180px;
}
#hero-remote::before {
  -webkit-transition: all 0.6s ease-in 1.3s, X;
  transition: all 0.6s ease-in 1.3s, X;
  position: absolute;
  top: -20px;
  left: 7px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ready #hero-remote::before {
  width: 100px;
}
.ready #hero-remote.excl::before {
  height: 3px;
  background: #fff;
  -webkit-mask: none;
          mask: none;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
#hero #hero-remote .icon {
  width: 24px;
}
#hero-passive > .icon {
  left: -70px;
  height: 34px;
  top: 31px;
}
#hero-passive .snooze .icon svg {
  fill: #fff;
}
#hero-popular > .icon {
  top: 18px;
  height: 46px;
  left: -70px;
}
#hero-popular > .icon.embel {
  top: -16px;
}
#hero-popular > .icon.embel .ray {
  -webkit-animation: pulsate 5s ease-in-out 1s 5;
  animation: pulsate 5s ease-in-out 1s 5;
}
#hero-popular > .icon.embel .ray:nth-child(2) {
  -webkit-animation: pulsate 5s ease-in-out 1.1s 5;
  animation: pulsate 5s ease-in-out 1.1s 5;
}
#hero-popular > .icon.embel .ray:nth-child(3) {
  -webkit-animation: pulsate 5s ease-in-out 1.2s 5;
  animation: pulsate 5s ease-in-out 1.2s 5;
}
.snooze {
  position: absolute;
  left: -60px;
  top: 30px;
}
.z {
  position: absolute;
  height: 9px;
  width: 9px;
  z-index: 0;
  opacity: 0;
}
#steam-one {
  -webkit-animation: steam-one 3s ease-out 0.8s infinite;
  animation: steam-one 3s ease-out 0.8s infinite;
}
#steam-two {
  -webkit-animation: steam-two 3s ease-out 0s infinite;
  animation: steam-two 3s ease-out 0s infinite;
}
#steam-three {
  -webkit-animation: steam-three 3s ease-out 1s infinite;
  animation: steam-three 3s ease-out 1s infinite;
}
#hero-user {
  top: 56px;
  left: 741px;
}
#hero-user.coord .icon {
  width: 11px;
  -webkit-transform: rotate(110deg);
  transform: rotate(110deg);
}
#hero-user.coord .icon svg {
  stroke: #13293D;
}
.coord .text {
  width: 140px;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
}
.transmit::before,
.transmit::after {
  content: "";
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 0;
  -webkit-box-shadow: 0 0 0 8px #fff;
          box-shadow: 0 0 0 8px #fff;
  border-radius: 50%;
}
.transmit::before {
  -webkit-animation: ripples 4s ease-out infinite;
  animation: ripples 4s ease-out infinite;
}
.transmit::after {
  -webkit-animation: ripples 4s ease-out infinite 2s;
  animation: ripples 4s ease-out infinite 2s;
}
#hero-user .transmit::before,
#hero-user .transmit::after {
  width: 60px;
  height: 60px;
  -webkit-box-shadow: 0 0 0 6px #fff;
          box-shadow: 0 0 0 6px #fff;
  -webkit-animation: ripples 3s ease-out infinite 0s;
  animation: ripples 3s ease-out infinite 0s;
}
#hero-user .transmit::after {
  -webkit-animation: ripples 3s ease-out infinite 1.5s;
  animation: ripples 3s ease-out infinite 1.5s;
}
#hero em {
  color: #006633;
  font-style: normal;
}
#hero p {
  margin: 0 0 0.5rem;
}
#hero.minimised {
  max-height: 52px;
  overflow: hidden;
}
#hero.minimised[data-ver="2"] {
  max-height: 0;
}
#hero::after {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0.8s, X;
  transition: all 0.3s 0.8s, X;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  z-index: 11;
  background-color: #e7f3ec;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
#hero.minimised::after {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
  visibility: visible;
}
#hero .empty {
  color: #343a40;
  display: block;
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  top: 0;
  left: 0;
  -webkit-transform: translate(0);
          transform: translate(0);
  z-index: 12;
  max-width: none;
  line-height: 52px;
  text-align: left;
  padding: 0;
}
#hero .empty a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
#hero .empty a:not(.btn):hover {
  text-decoration: none;
}
#hero.minimised .empty {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.5s, X;
  transition: all 0.3s 0.5s, X;
  visibility: visible;
}
.page-beta #hero {
  background: #DDECEC;
  max-height: none;
  height: auto;
  color: #5b636a;
  padding: 2rem 30px;
}
.page-beta #hero .auto {
  max-height: none;
  height: auto;
}
body.page-beta #hero img {
  position: static;
  height: auto;
  max-width: 100%;
  margin-bottom: 2rem;
}
.page > footer {
  padding: 1.5rem 30px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #E1E7EE;
  color: #6f777f;
  font-size: 0.875rem;
  /* width: ~"calc(100% - 200px)";
  position: relative;
  position: fixed;
  bottom: 0;
  left: 200px;
  z-index: 1;
  height: 100px; */
}
.page > footer p {
  margin: 0;
}
.page > footer a {
  color: #687077;
  text-decoration: underline;
  -webkit-text-decoration-skip: auto;
          text-decoration-skip: auto;
}
footer.stuck {
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 13px 27px 5px rgba(50, 50, 93, 0.15), 0 8px 16px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 13px 27px 5px rgba(50, 50, 93, 0.15), 0 8px 16px 8px rgba(0, 0, 0, 0.2);
  position: fixed;
  min-width: 240px;
  width: 100%;
  max-width: 100%;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  z-index: 9;
  font-size: initial;
  padding: 0.8rem 30px;
}
footer.stuck.visible {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
footer.stuck .rgt .btn {
  margin-left: 0.5rem;
}
.overlay,
[data-type=inset].open-aside .overlay {
  padding: 2rem 20px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  overflow: auto;
}
.demo-mode .overlay {
  padding: calc(2rem + 48px) 20px 2rem 20px;
}
.overlay::before {
  -webkit-transition: opacity 0.3s 0.3s, left 0.3s;
  transition: opacity 0.3s 0.3s, left 0.3s;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.open-aside .overlay,
.has-overlay::before {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 7;
}
.has-overlay::before {
  -webkit-transition: opacity 0.3s 0.3s, left 0.3s;
  transition: opacity 0.3s 0.3s, left 0.3s;
  content: '';
  background: rgba(23, 43, 68, 0.7);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 7;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.open-aside #print-setup {
  z-index: 6;
}
.open-modal .overlay,
.open-invite .overlay,
.open-addgroup .overlay,
.open-addprinters .overlay,
.open-manageusers .overlay,
.open-addusers .overlay,
.open-csvresults .overlay,
.open-reportpreview .overlay,
.open-reportshare .overlay,
.open-echousers .overlay,
.open-echodebug .overlay,
.open-echozscaler .overlay,
.open-reportschedule .overlay,
.open-uninvited .overlay,
.open-newdriver .overlay,
.open-newnetwork .overlay,
.open-deletenetwork .overlay,
.open-testdeploy .overlay,
.open-share .overlay,
.open-access .overlay,
.open-blocker .overlay,
.open-reporting .overlay,
.open-grows .overlay,
.open-media .overlay,
.open-planted .overlay,
.open-newaccount .overlay,
.open-feedback .overlay,
.open-support .overlay,
.open-testdelivery .overlay,
.open-adddatabase .overlay,
.open-papercutai .overlay,
.open-rename .overlay,
.open-copyschedule .overlay,
.open-deviceadmin .overlay,
.open-newqueue .overlay,
.open-newcost .overlay,
.open-reviewprompt .overlay,
.open-userdetails .overlay,
.open-editlabel .overlay,
.open-lookuppreview .overlay,
.open-newlookup .overlay,
.open-promote .overlay,
.open-remove .overlay,
.open-unsavedchanges .overlay,
.open-deletecost .overlay,
.open-deletepapersize .overlay,
.open-enablebeta .overlay,
.open-disablebeta .overlay,
.open-sendinvite .overlay,
.open-confirmsignup .overlay,
.open-changeregion .overlay,
.open-ignore .overlay,
.open-resetlink .overlay,
.open-diagupdate .overlay,
.open-diagnostics .overlay,
.open-remove-custom .overlay,
.open-remove-datasource .overlay,
.open-remove-driver .overlay,
.open-remove-driverprinter .overlay,
.open-newdriverprinter .overlay,
.open-deploy .overlay,
.open-warndeploy .overlay,
.open-update-datasource .overlay,
.open-edit-datasource .overlay,
.open-resetcode .overlay,
.open-unlinkcard .overlay,
.open-iconpicker .overlay,
.open-manage .overlay,
.open-redeemkey .overlay,
.open-expired .overlay,
.open-getapp .overlay,
.open-unlinkapp .overlay,
.open-cardconvertor .overlay,
.open-mobilerelease .overlay,
.open-howtoprint .overlay,
.open-reinvite .overlay,
.open-review .overlay,
.open-lost .overlay,
.open-account .overlay,
.open-vote .overlay,
.open-extension .overlay,
.open-googleuser .overlay,
.open-downloadreport .overlay,
.open-demo .overlay,
.open-demoexit .overlay,
.open-start .overlay,
.open-adv .overlay,
.open-newprinter .overlay,
.open-reinstall .overlay,
.open-upgrade .overlay,
.open-change .overlay,
.open-cloudnodes .overlay,
.open-downloadnodes .overlay,
.open-edgemesh .overlay,
.open-queue .overlay,
.open-cost .overlay,
.open-enablecloud .overlay,
.open-supernodes .overlay,
.open-standardnodes .overlay,
.open-passivenodes .overlay,
.open-export .overlay,
.open-news .overlay,
.open-setup .overlay,
.open-auth .overlay,
.open-authnew .overlay,
.open-authdisable .overlay,
.open-authenable .overlay,
.open-autodiscover .overlay,
.open-discovermanually .overlay,
.open-setupqr .overlay,
.open-setupnfc .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 9;
}
.open-modal .overlay::before,
.open-aside .overlay::before,
.open-invite .overlay::before,
.open-addgroup .overlay::before,
.open-addprinters .overlay::before,
.open-manageusers .overlay::before,
.open-addusers .overlay::before,
.open-csvresults .overlay::before,
.open-reportpreview .overlay::before,
.open-reportshare .overlay::before,
.open-echousers .overlay::before,
.open-echodebug .overlay::before,
.open-echozscaler .overlay::before,
.open-reportschedule .overlay::before,
.open-uninvited .overlay::before,
.open-newdriver .overlay::before,
.open-testdeploy .overlay::before,
.open-newnetwork .overlay::before,
.open-deletenetwork .overlay::before,
.open-share .overlay::before,
.open-access .overlay::before,
.open-blocker .overlay::before,
.open-reporting .overlay::before,
.open-grows .overlay::before,
.open-media .overlay::before,
.open-planted .overlay::before,
.open-newaccount .overlay::before,
.open-feedback .overlay::before,
.open-support .overlay::before,
.open-testdelivery .overlay::before,
.open-adddatabase .overlay::before,
.open-papercutai .overlay::before,
.open-rename .overlay::before,
.open-copyschedule .overlay::before,
.open-deviceadmin .overlay::before,
.open-newqueue .overlay::before,
.open-newcost .overlay::before,
.open-reviewprompt .overla::before,
.open-userdetails .overlay::before,
.open-editlabel .overlay::before,
.open-lookuppreview .overlay::before,
.open-newlookup .overlay::before,
.open-promote .overlay::before,
.open-remove .overlay::before,
.open-deletecost .overlay::before,
.open-unsavedchanges .overlay::before,
.open-deletepapersize .overlay::before,
.open-enablebeta .overlay::before,
.open-disablebeta .overlay::before,
.open-sendinvite .overlay::before,
.open-confirmsignup .overlay::before,
.open-changeregion .overlay::before,
.open-ignore .overlay::before,
.open-resetlink .overlay::before,
.open-diagupdate .overlay::before,
.open-diagnostics .overlay::before,
.open-remove-custom .overlay::before,
.open-remove-datasource .overlay::before,
.open-remove-driver .overlay::before,
.open-remove-driverprinter .overlay::before,
.open-newdriverprinter .overlay::before,
.open-deploy .overlay::before,
.open-warndeploy .overlay::before,
.open-update-datasource .overlay::before,
.open-edit-datasource .overlay::before,
.open-resetcode .overlay::before,
.open-unlinkcard .overlay::before,
.open-iconpicker .overlay::before,
.open-manage .overlay::before,
.open-redeemkey .overlay::before,
.open-expired .overlay::before,
.open-getapp .overlay::before,
.open-unlinkapp .overlay::before,
.open-cardconvertor .overlay::before,
.open-mobilerelease .overlay,
.open-howtoprint .overlay::before,
.open-reinvite .overlay::before,
.open-review .overlay::before,
.open-lost .overlay::before,
.open-account .overlay::before,
.open-vote .overlay::before,
.open-extension .overlay::before,
.open-googleuser .overlay::before,
.open-downloadreport .overlay::before,
.open-demo .overlay::before,
.open-demoexit .overlay::before,
.open-start .overlay::before,
.open-adv .overlay::before,
.open-newprinter .overlay::before,
.open-reinstall .overlay::before,
.open-upgrade .overlay::before,
.open-change .overlay::before,
.open-cloudnodes .overlay::before,
.open-downloadnodes .overlay::before,
.open-edgemesh .overlay::before,
.open-queue .overlay::before,
.open-cost .overlay::before,
.open-enablecloud .overlay::before,
.open-supernodes .overlay::before,
.open-standardnodes .overlay::before,
.open-passivenodes .overlay::before,
.open-export .overlay::before,
.open-news .overlay::before,
.open-setup .overlay::before,
.open-auth .overlay::before,
.open-authnew .overlay::before,
.open-authdisable .overlay::before,
.open-authenable .overlay::before,
.open-autodiscover .overlay::before,
.open-discovermanually .overlay::before,
.open-setupqr .overlay::before,
.open-setupnfc .overlay::before {
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.open-modal,
.open-aside:not([data-type="inset"]),
.open-menu,
.open-invite,
.open-resetcode,
.open-addgroup,
.open-addprinters,
.open-manageusers,
.open-addusers,
.open-csvresults,
.open-reportpreview,
.open-reportshare,
.open-echousers,
.open-echodebug,
.open-echozscaler,
.open-reportschedule,
.open-uninvited,
.open-newdriver,
.open-testdeploy,
.open-newnetwork,
.open-deletenetwork,
.open-share,
.open-access,
.open-blocker,
.open-reporting,
.open-grows,
.open-media,
.open-planted,
.open-newaccount,
.open-feedback,
.open-support,
.open-testdelivery,
.open-adddatabase,
.open-papercutai,
.open-toner,
.open-paper,
.open-discovery,
.open-mobile,
.open-rename,
.open-copyschedule,
.open-deviceadmin,
.open-newqueue,
.open-newcost,
.open-reviewprompt,
.open-userdetails,
.open-editlabel,
.open-lookuppreview,
.open-newlookup,
.open-manage,
.open-redeemkey,
.open-expired,
.open-getapp,
.open-reinvite,
.open-review,
.open-account,
.open-extension,
.open-googleuser,
.open-demo,
.open-demoexit,
.open-start,
.open-adv,
.open-newprinter,
.open-reinstall,
.open-upgrade,
.open-change,
.open-unlinkapp,
.open-cardconvertor,
.open-mobilerelease,
.open-cloudnodes,
.open-downloadnodes,
.open-edgemesh,
.open-queue,
.open-cost,
.open-enablecloud,
.open-supernodes,
.open-standardnodes,
.open-passivenodes,
.open-export,
.open-setup,
.open-auth,
.open-authnew,
.open-authdisable,
.open-authenable,
.open-news {
  overflow: hidden;
}
.open-menu .pusher {
  overflow: hidden;
}
.open-menu .wrap:has(.alert.sticky) .pusher {
  overflow: initial;
}
.no-anim {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
}
.MuiDrawer-modal {
  z-index: 8 !important;
}
.popup {
  position: absolute;
  max-width: 640px;
  top: -3000px;
  opacity: 0;
  -webkit-transform: translate(0, 0) scale(0.85);
  transform: translate(0, 0) scale(0.85);
  visibility: hidden;
  border-radius: 4px;
  background: #fff;
  margin: auto;
  -ms-flex-item-align: center;
      align-self: center;
}
.popup.vh {
  height: 100%;
  max-height: 920px;
  min-height: 720px;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}
.popup.vh form {
  overflow: hidden;
}
.popup.vh [data-step] > header,
.popup.vh > header,
.popup.vh > form > header {
  width: 100%;
  position: sticky !important;
  top: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 2;
}
.popup.vh > form > header {
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  background: #fff;
}
.popup.vh [data-step],
.popup.vh > form {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.popup.vh .content {
  overflow: auto;
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: #fff;
}
.popup.vh.has-sticky .content {
  padding-top: 0;
}
.popup.vh .content .scroll {
  background-image: none;
  max-height: none;
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
  width: calc(100% + 40px);
}
.popup.vh footer {
  position: sticky;
  bottom: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
  background: #fff;
}
.popup.vh .empty,
.popup.vh .success {
  margin: auto;
}
.popup .filter {
  position: static;
}
.popup .filter .popover {
  position: fixed;
  left: 0;
  top: 97px;
  bottom: 89px;
  overflow: auto;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  border-radius: 0;
}
.popup .aside {
  width: 320px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #EFF3F7;
  border-radius: 0 3px 3px 0;
  -webkit-box-shadow: inset -1px 0 0 rgba(215, 222, 227, 0.5), inset 0 0 10px 0 rgba(48, 88, 96, 0.3);
          box-shadow: inset -1px 0 0 rgba(215, 222, 227, 0.5), inset 0 0 10px 0 rgba(48, 88, 96, 0.3);
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
  overflow: hidden;
  padding: 20px;
  position: absolute;
  left: 100%;
  height: 100%;
  -webkit-transform: translate(-320px, 0);
          transform: translate(-320px, 0);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.popup .aside .powerup.monitor {
  max-height: none;
  margin: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  background: #1A2329;
}
.popup .aside .powerup .terminal {
  height: 100%;
  max-height: none;
  padding: 0 20px;
  position: relative;
}
.popup .aside .powerup .btn-group {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}
.popup .aside figure {
  max-width: 72px;
  margin: 0 auto;
}
:root {
  --d: 16px;
  --angle: 0deg;
  --gradient-shadow: conic-gradient(from var(--angle) at center, #27AA27, #32C2AF, #8EC640, #6F97D8, #FFB000);
}
#popup-papercutai {
  -webkit-transform: translate(-160px, 0) !important;
          transform: translate(-160px, 0) !important;
}
#popup-papercutai [data-content=ai-states] {
  background: #1A2329;
  color: #096;
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 0.875rem;
  margin: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
}
.letter {
  display: inline-block;
  -webkit-animation: pulseletter 1.5s infinite;
          animation: pulseletter 1.5s infinite;
}
.popup .aside[data-option=converted] {
  width: 480px;
  -webkit-transform: translate(-480px, 0);
          transform: translate(-480px, 0);
}
.popup[data-option=converted] .aside[data-option=converted],
.open-papercutai .aside[data-option=default] {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.popup[data-option=converted] .aside[data-option=default] {
  -webkit-transform: translate(-320px, 0);
          transform: translate(-320px, 0);
}
#popup-papercutai header {
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
#airing {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: var(--d) solid;
  -o-border-image: var(--gradient-shadow) 10;
     border-image: var(--gradient-shadow) 10;
  pointer-events: none;
  -webkit-filter: blur(12px);
          filter: blur(12px);
}
.popup .main {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 3px 0 0 3px;
  width: 100%;
}
.popup .slideout {
  z-index: 0;
  width: 200px;
  background: #eff3f7;
  border-radius: 0 3px 3px 0;
  -webkit-box-shadow: inset -1px 0 0 rgba(215, 222, 227, 0.5), inset 0 0 10px 0 rgba(48, 88, 96, 0.3);
          box-shadow: inset -1px 0 0 rgba(215, 222, 227, 0.5), inset 0 0 10px 0 rgba(48, 88, 96, 0.3);
  overflow: hidden;
  position: absolute;
  left: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out 0.3s, X;
  transition: all 0.3s ease-in-out 0.3s, X;
  -webkit-transform: translate(-200px, 0);
  transform: translate(-200px, 0);
}
.popup .slideout ol::before {
  content: "";
  background: rgba(163, 191, 196, 0.2);
  position: absolute;
  height: calc(100% / 3);
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}
.popup .slideout p {
  font-size: 0.875rem;
  line-height: 1.4;
}
.popup .slideout ol {
  height: 100%;
}
.popup .slideout ol:not(.progress-bar):not(.list-steps) > li:not(:last-child)::after {
  content: none;
}
.popup .slideout li {
  color: #5a6b7d;
  margin: 0;
  height: calc(100% / 3 );
  -webkit-box-shadow: inset 0 -1px 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 rgba(215, 222, 227, 0.5);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center !important;
  padding: 1rem !important;
}
.popup .slideout li i {
  margin: 1rem auto 0.5rem auto;
  color: #26aa27;
}
.popup .slideout li i .duo {
  color: #8ec641;
}
.popup .slideout li:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.popup .slideout li::before {
  color: #5a6b7d;
  z-index: 1;
  display: none;
}
.popup.basic {
  max-width: 640px;
}
.popup.basic-wide,
.popup.wide {
  max-width: 800px;
}
.popup.xl {
  max-width: 960px;
}
.popup:focus {
  outline: 0;
}
.popup .scroll {
  padding: 1rem 20px;
  margin-top: -1.5rem;
  max-height: 480px;
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
}
.popup.xl .scroll {
  max-height: 600px;
}
.popup .scroll dl.flex {
  height: auto;
  min-height: none;
}
.popup footer .action,
.popup .btn.opp {
  margin: 0 auto 0 0 !important;
}
.popup ol {
  margin: 0;
}
.popup header {
  width: 100%;
  padding: 1.5rem 20px 1.2rem;
  position: relative;
  border-radius: 4px 4px 0 0;
}
.popup header + .alert {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.popup .list header.sticky {
  background: #fff;
  padding: 0.5rem 0 !important;
  -webkit-box-shadow: 0 1px 0 0 #d7dee3;
          box-shadow: 0 1px 0 0 #d7dee3;
  margin: 0 !important;
  z-index: 10;
  border-radius: 0;
}
.popup.basic header,
.popup.basic-wide header {
  padding: 1.5rem 40px 1.2rem 20px;
}
.popup.basic header.center,
.popup.basic-wide header.center {
  padding: 1.5rem 40px 1.2rem;
}
.popup.basic header .close,
.popup.basic-wide header .close {
  top: 5px;
  right: 5px;
}
.popup header figure {
  background: #DDEDED;
  text-align: center;
  overflow: hidden;
  margin: -1.5rem -20px 0 -20px;
  border-radius: 4px 4px 0 0;
}
.popup.basic header figure,
.popup.basic-wide header figure {
  margin: -1.5rem -40px 0 -20px;
}
.popup header figure img {
  max-width: calc(100% + 40px);
  display: block;
  margin: 0 auto;
}
.popup .content {
  padding: 1.5rem 20px 0;
  position: relative;
  border-radius: 0 0 4px 4px;
}
.popup .lines-button.close {
  top: 10px;
  right: 10px;
  position: absolute;
  z-index: 10;
  width: 32px;
  height: 32px;
}
.popup .lines-button.close .lines {
  top: 15px;
  left: 7px;
}
.popup:not(.basic):not(.basic-wide):not(.min):not(.xl) .close::before {
  content: '';
  background: #212b36;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
.popup:not(.basic):not(.basic-wide):not(.min):not(.xl) p .close::before {
  content: none;
}
.popup.basic .close::before {
  display: none !important;
}
.popup.min .lines,
.popup.min .lines::before,
.popup.min .lines::after,
.popup.basic .lines,
.popup.basic .lines::before,
.popup.basic .lines::after,
.popup.basic-wide .lines,
.popup.basic-wide .lines::before,
.popup.basic-wide .lines::after {
  background: #6f777f;
}
.popup .lines,
.popup .lines::before,
.popup .lines::after {
  background: #fff;
}
.popup .close:hover::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.popup footer {
  position: static;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: auto;
  height: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px;
  border-radius: 0 0 4px 4px;
  z-index: 99;
}
.popup:has(.scroll) footer {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
}
.popup .tab footer {
  margin: auto -20px 0;
  width: auto;
}
.popup footer.center {
  display: block;
}
.popup footer .btn:not(.fp) {
  margin: 0 0 0 1rem;
}
.popup footer.center .btn {
  margin: 0.5rem;
}
.popup:not(.basic):not(.basic-wide) header h3 {
  margin: 1.5rem 0 0.3rem;
}
.popup header > p {
  margin: 0 0 0.3rem;
  color: #6f777f;
}
.popup header .icon {
  margin: 0;
}
.popup ol:not(.progress-bar):not(.list-steps) > li {
  -webkit-transition: all 0.3s, padding 0s;
  transition: all 0.3s, padding 0s;
  width: auto;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  position: relative;
  margin: 0 0 2rem;
  padding-left: 32px;
  counter-increment: a;
}
.popup ol:not(.progress-bar):not(.list-steps) > li::before {
  content: counter(counter);
  position: absolute;
  left: 0;
  height: 24px;
  line-height: 24px;
  width: 24px;
  text-align: center;
  top: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  border-radius: 50%;
}
.popup ol:not(.progress-bar):not(.list-steps) > li:not(:last-child)::after {
  content: '';
  width: 1px;
  height: 100%;
  background: rgba(215, 222, 227, 0.5);
  position: absolute;
  top: 24px;
  left: 12px;
}
.popup .device {
  margin: 2rem 0 -65% 0;
}
.popup header .tabs {
  margin: 1rem -20px -1.2rem;
  padding: 0 20px;
  width: calc(100% + 40px);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
.popup.basic header.center .tabs,
.popup.basic-wide header.center .tabs {
  margin: 1rem -40px -1.2rem;
  width: calc(100% + 80px);
}
.popup.basic-wide header .tabs {
  margin: 1rem -40px -1.2rem -20px;
  width: calc(100% + 60px);
}
.popup .tabs.center ul {
  margin: 0;
}
.popup .tabs.center ul li {
  margin-bottom: 0;
}
.popup .empty:not(.loading) {
  position: static;
  -webkit-transform: none;
  transform: none;
  margin-top: 1.3rem;
  padding: 1.5rem 20px;
}
#popup-vote.popup .content .rangeslider {
  margin-top: 3rem;
}
.popup footer small.blk {
  margin: 0;
}
.popup footer .os {
  margin-top: 6px;
}
.markdown-release-notes h1 {
  font-size: 1.25rem;
  margin: 0 0 12px;
}
.markdown-release-notes h2 {
  font-size: 1.125rem;
  margin: 0 0 9px;
}
.markdown-release-notes ul {
  margin: 0 0 1.3rem 20px;
  list-style: none;
}
.markdown-release-notes ul > li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  left: -20px;
  top: 9px;
  border-radius: 50%;
  background: #6f777f;
}
.popup .step {
  display: none;
}
.popup .step.active {
  display: block;
}
.multi li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 1rem 0;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  color: #6f777f;
}
.multi li:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.multi li .add {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
}
.multi li .email {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 1rem;
  text-align: left;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ReactModal__Body--open .wrap .overlay {
  display: none !important;
}
.ReactModal__Content {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: auto;
  width: 540px;
}
.ReactModal__Content:focus {
  outline: none;
}
.ReactModal__Body--open .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 9;
}
.ReactModal__Body--open .popup {
  position: static;
  opacity: 1;
  display: block;
  z-index: 100;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  visibility: visible;
  width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.success {
  padding: 20px;
}
.success.noheader {
  padding: 40px 20px 20px 20px;
}
.success figure {
  margin-bottom: 1.3rem;
}
.success figure img {
  margin: 0 auto;
  max-height: 200px;
}
.lines-button {
  position: absolute;
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer;
}
.lines-button:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.lines-button.close {
  width: 20px;
  height: 20px;
  right: 1rem;
  top: 1rem;
  z-index: 1;
}
[data-type="inl"] .lines-button.close {
  top: auto;
  right: auto;
  position: relative;
}
.lines,
.lines::before,
.lines::after {
  display: inline-block;
  width: 18px;
  height: 2px;
  background: #fff;
  -webkit-transition: 0.3s, X;
  transition: 0.3s, X;
  position: absolute;
  top: 14px;
  left: 0;
  content: '';
}
.close.lines-button .lines::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
}
.close.lines-button .lines::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
}
.close .lines,
.close .lines::before,
.close .lines::after {
  width: 16px !important;
  top: 9px;
  left: 1px;
}
.close.lines-button .lines {
  background: transparent;
}
.close.lines-button .lines::before,
.close.lines-button .lines::after {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  top: 0;
  width: 24px;
}
.lines::before {
  top: -6px;
}
.lines::after {
  top: 6px;
}
.open-toner .overlay,
.open-paper .overlay,
.open-discovery .overlay,
.open-mobile .overlay,
.open-app .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 9;
}
.open-tour.open-toner .overlay,
.open-tour.open-paper .overlay {
  z-index: 11;
}
.open-toner .overlay::before,
.open-paper .overlay::before,
.open-discovery .overlay::before,
.open-mobile .overlay::before,
.open-app .overlay::before {
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.open-modal .popup,
.open-toner #popup-toner,
.open-paper #popup-paper,
.open-discovery #popup-discovery,
.open-app #popup-app,
.open-invite #popup-invite,
.open-addgroup #popup-addgroup,
.open-addprinters #popup-addprinters,
.open-manageusers #popup-manageusers,
.open-addusers #popup-addusers,
.open-csvresults #popup-csvresults,
.open-reportpreview #popup-reportpreview,
.open-reportshare #popup-reportshare,
.open-echousers #popup-echousers,
.open-echodebug #popup-echodebug,
.open-echozscaler #popup-echozscaler,
.open-reportschedule #popup-reportschedule,
.open-uninvited #popup-uninvited,
.open-newdriver #popup-newdriver,
.open-testdeploy #popup-testdeploy,
.open-newnetwork #popup-newnetwork,
.open-deletenetwork #popup-deletenetwork,
.open-share #popup-share,
.open-access #popup-access,
.open-blocker #popup-blocker,
.open-reporting #popup-reporting,
.open-grows #popup-grows,
.open-media #popup-media,
.open-planted #popup-planted,
.open-newaccount #popup-newaccount,
.open-feedback #popup-feedback,
.open-support #popup-support,
.open-testdelivery #popup-testdelivery,
.open-adddatabase #popup-adddatabase,
.open-papercutai #popup-papercutai,
.open-rename #popup-rename,
.open-copyschedule #popup-copyschedule,
.open-deviceadmin #popup-deviceadmin,
.open-newqueue #popup-newqueue,
.open-newcost #popup-newcost,
.open-reviewprompt #popup-reviewprompt,
.open-userdetails #popup-userdetails,
.open-editlabel #popup-editlabel,
.open-lookuppreview #popup-lookuppreview,
.open-newlookup #popup-newlookup,
.open-manage #popup-manage,
.open-redeemkey #popup-redeemkey,
.open-expired #popup-expired,
.open-getapp #popup-getapp,
.open-unlinkapp #popup-unlinkapp,
.open-cardconvertor #popup-cardconvertor,
.open-howtoprint #popup-howtoprint,
.open-reinvite #popup-reinvite,
.open-review #popup-review,
.open-promote #popup-promote,
.open-remove #popup-remove,
.open-deletecost #popup-deletecost,
.open-unsavedchanges #popup-unsavedchanges,
.open-deletepapersize #popup-deletepapersize,
.open-enablebeta #popup-enablebeta,
.open-disablebeta #popup-disablebeta,
.open-sendinvite #popup-sendinvite,
.open-confirmsignup #popup-confirmsignup,
.open-changeregion #popup-changeregion,
.open-ignore #popup-ignore,
.open-resetlink #popup-resetlink,
.open-diagupdate #popup-diagupdate,
.open-diagnostics #popup-diagnostics,
.open-remove-custom #popup-removecustom,
.open-remove-datasource #popup-removedatasource,
.open-remove-driver #popup-removedriver,
.open-remove-driverprinter #popup-removedriverprinter,
.open-newdriverprinter #popup-newdriverprinter,
.open-deploy #popup-deploy,
.open-warndeploy #popup-warndeploy,
.open-update-datasource #popup-updatedatasource,
.open-edit-datasource #popup-editdatasource,
.open-resetcode #popup-resetcode,
.open-unlinkcard #popup-unlinkcard,
.open-iconpicker #popup-iconpicker,
.open-mobilerelease #popup-mobilerelease,
.open-lost #popup-lostmode,
.open-account #popup-account,
.open-vote #popup-vote,
.open-extension .popup-extension.active,
.open-googleuser #popup-googleuser,
.open-downloadreport #popup-downloadreport,
.open-demo #popup-demo,
.open-demoexit #popup-demoexit,
.open-start #popup-start,
.open-adv #popup-adv,
.open-newprinter #popup-newprinter,
.open-reinstall #popup-reinstall,
.open-upgrade #popup-upgrade,
.open-change #popup-change,
.open-cloudnodes #popup-cloudnodes,
.open-downloadnodes #popup-downloadnodes,
.open-edgemesh #popup-edgemesh,
.open-queue #popup-queue,
.open-cost #popup-cost,
.open-enablecloud #popup-enablecloud,
.open-supernodes #popup-supernodes,
.open-standardnodes #popup-standardnodes,
.open-passivenodes #popup-passivenodes,
.open-export #popup-export,
.open-news #popup-news,
.open-setup #popup-setup,
.open-auth #popup-auth,
.open-authnew #popup-authnew,
.open-authdisable #popup-authdisable,
.open-authenable #popup-authenable,
.open-autodiscover #popup-autodiscover,
.open-discovermanually #popup-discovermanually,
.open-setupqr #popup-setupqr,
.open-setupnfc #popup-setupnfc {
  position: static;
  opacity: 1;
  display: block;
  z-index: 100;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  visibility: visible;
  width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.open-app #popup-app {
  max-width: 480px;
}
.open-app #popup-app header {
  background: #eff3f7;
}
.popup .content .rangeslider {
  margin-top: 1.5rem;
}
/* === Theme Variables === */
[data-theme="light"] {
  --color-bg-main: #f5f7fa;
  /* @color-primary-grey-050 */
  --color-bg-secondary: #f1f3f5;
  /* @color-primary-grey-100 */
  --color-border: #d3d9de;
  /* @color-primary-grey-200 */
  --color-text: #5e6e77;
  /* @color-primary-grey-550 */
  --color-text-strong: #2f3e46;
  /* @color-primary-grey-800 */
  --color-icon: #4a5a63;
  /* @color-primary-grey-700 */
  --color-accent-bg: #e7f3ec;
  --color-accent-text: #165c47;
  /* @color-primary-core-850 */
  --color-notification: #19892b;
  /* @primary */
  --shadow-ring: 0 0 0 3px #f5f7fa;
}
[data-theme="dark"] {
  --color-bg-main: #1e1e1e;
  /* Dark background */
  --color-bg-secondary: #2c2c2c;
  /* Slightly lighter for secondary elements */
  --color-border: #393939;
  /* Border color */
  --color-text: #BFBFBF;
  /* Primary text color */
  --color-text-strong: #fff;
  /* Strong text color */
  --color-icon: #ccc;
  /* Icon color */
  --color-accent-bg: #333;
  /* Accent background */
  --color-accent-text: #19892b;
  /* Accent text color */
  --color-notification: #19892b;
  /* Notification color */
  --shadow-ring: 0 0 0 3px #1e1e1e;
  /* Shadow ring */
}
/* 2. Component styles — scoped under [data-theme] */
[data-theme],
[data-theme] body,
[data-theme] .pusher,
[data-theme] main,
[data-theme] .home-c .sep span,
[data-theme] .filter-title.sep > span,
[data-theme] .just-added span {
  background: var(--color-bg-main);
  color: var(--color-text);
}
[data-theme] main {
  padding: 0 30px 2rem 30px;
}
[data-theme] .pusher > .alert,
[data-theme] .page > .alert,
[data-theme] .topbar + .alert,
[data-theme] #hero + .alert {
  margin: 0 auto 2rem auto;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  max-width: 1680px;
  width: 100%;
}
[data-theme] .configure .diagram .icon,
[data-theme] .neo {
  -webkit-box-shadow: none;
          box-shadow: none;
}
[data-theme] .highlights .tabs.segments {
  background: var(--color-bg-secondary) !important;
}
[data-theme=dark] .highlights .tabs.segments,
[data-theme=dark] .card,
[data-theme=dark] #new-activity,
[data-theme=dark] .system-status .client .logo {
  background: var(--color-bg-secondary) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
[data-theme=light] #logo.hive {
  background-position: -200px -1900px;
  width: 135px;
  height: 35px;
  background-repeat: no-repeat;
}
[data-theme] #hero {
  margin: 0 auto 2rem auto;
  border-radius: 4px;
  width: 100%;
  max-width: 1680px;
}
[data-theme] .page > header,
[data-theme] .page-heading {
  margin: 0 30px;
  background: none;
  width: auto;
  padding: 0;
}
[data-theme] .configure .page > header {
  margin-bottom: 2rem;
}
[data-theme] .configure .page > header .auto {
  border-bottom: 1px solid var(--color-border);
}
[data-theme] nav,
[data-theme] .topbar {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
[data-theme] nav {
  padding-left: 10px;
}
[data-theme] .page > footer {
  display: none;
}
[data-theme] .toner-breakdown li {
  mix-blend-mode: normal;
}
[data-theme] nav li > a {
  color: var(--color-text);
  border-radius: 4px;
}
[data-theme] nav li > a:hover {
  color: var(--color-text);
  background: var(--color-bg-secondary);
}
[data-theme] nav li.active a,
[data-theme] nav li.active a:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: var(--color-accent-bg);
  color: var(--color-accent-text);
}
[data-theme] .nav-account strong,
[data-theme=dark] h1,
[data-theme=dark] h2,
[data-theme=dark] h3,
[data-theme=dark] h4,
[data-theme=dark] h5,
[data-theme=dark] h6,
[data-theme=dark] .list .col.msg,
[data-theme=dark] #tops .label,
[data-theme=dark] .med,
[data-theme=dark] .lge,
[data-theme=dark] .config-highlights .config.card .label,
[data-theme=dark] .highlights .tabs.segments li.active a {
  color: var(--color-text-strong) !important;
}
[data-theme=dark] .forecast-paper::after {
  display: none !important;
}
[data-theme=dark] .highlights .tabs.segments li.active .icon.fill svg {
  fill: var(--color-text-strong) !important;
}
[data-theme=dark] small,
[data-theme=dark] time,
[data-theme=dark] .list .col,
[data-theme=dark] .home-c .sep span,
[data-theme=dark] .legend li .label,
[data-theme=dark] .recharts-legend-item-text,
[data-theme=dark] .tabs.alt li a,
[data-theme=dark] .highlights .tabs.segments ul li a .icon.fill svg {
  color: var(--color-text) !important;
}
[data-theme=dark] .highlights .tabs.segments ul li a .icon svg {
  stroke: var(--color-text);
}
[data-theme=dark] .btn.secondary {
  background: none;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  color: #fff;
}
[data-theme=dark] .condensed:not(.alt) > ul li:not(:first-child) > .row:not(.extra),
[data-theme=dark] .condensed:not(.alt) > ol li:not(:first-child) > .row:not(.extra) {
  -webkit-box-shadow: inset 0 1px 0 0 var(--color-border);
          box-shadow: inset 0 1px 0 0 var(--color-border);
}
[data-theme=dark] .segments li {
  -webkit-box-shadow: -1px 0 0 0 var(--color-border);
          box-shadow: -1px 0 0 0 var(--color-border);
}
[data-theme=dark] hr.divider,
[data-theme=dark] .sep::before {
  border-bottom: 1px solid var(--color-border);
}
[data-theme=dark] .condensed.alt > ul > li .row {
  -webkit-box-shadow: inset 0 1px 0 0 var(--color-bg-secondary);
          box-shadow: inset 0 1px 0 0 var(--color-bg-secondary);
}
[data-theme=dark] #tops header {
  -webkit-box-shadow: inset 0 -1px 0 0 var(--color-border);
          box-shadow: inset 0 -1px 0 0 var(--color-border);
}
[data-theme=dark] .system-status .icon.state {
  -webkit-box-shadow: 0 0 0 3px var(--color-bg-secondary);
          box-shadow: 0 0 0 3px var(--color-bg-secondary);
}
[data-theme=dark] .config-highlights .config.card .list ul,
[data-theme=dark] #new-activity li .row,
[data-theme=dark] .highlights .tabs.segments::before {
  background: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}
[data-theme="dark"] #new-activity header {
  background: rgba(58, 58, 58, 0.8);
  -webkit-box-shadow: none;
          box-shadow: none;
}
[data-theme] .nav-account > a,
[data-theme] nav li a i svg,
[data-theme] nav h6 i svg,
[data-theme] nav h6,
[data-theme] .notification-centre i {
  color: var(--color-icon);
  fill: var(--color-icon);
}
[data-theme] .nav-account > a::after {
  background-position: -400px -200px;
  width: 9px;
  height: 6px;
  background-repeat: no-repeat;
  display: inline-block;
  content: '';
}
[data-theme] .nav-toggle .lines,
[data-theme] .nav-toggle .lines::before,
[data-theme] .nav-toggle .lines::after {
  background: var(--color-icon);
}
[data-theme] nav li.active a i svg {
  color: var(--color-accent-text);
  fill: var(--color-accent-text);
}
[data-theme] .notification-centre.unread a .num,
[data-theme] .nav-account.unread > a > i::after {
  -webkit-box-shadow: var(--shadow-ring);
          box-shadow: var(--shadow-ring);
  background: var(--color-notification);
  color: #fff;
}
.page-home.demo-mode #subscribe-banner {
  display: none;
}
.page-faq {
  height: 100%;
}
.page-faq h1 {
  margin-bottom: 2rem;
  -webkit-font-smoothing: antialiased;
}
.page-faq .index h1 {
  margin-bottom: 0.3rem;
  color: #fff;
}
.page-faq .index .icon {
  opacity: 0.3;
  filter: alpha(opacity=30);
  width: 20px;
  height: 24px;
}
.page-faq .index .active .icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-faq .wrap {
  padding: 0;
  height: 100%;
}
.page-faq .auto {
  height: 100%;
  max-width: 100%;
}
.page-faq .auto::before {
  content: '';
  position: absolute;
  background: #00272E;
  width: 3000px;
  top: 0;
  right: 50%;
  height: 100%;
  z-index: -1;
}
.page-faq #logo,
.page-pricing #logo {
  margin: 0 auto 4rem;
  content: '';
  background: url('../img/sprite.png') -200px -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 82px;
  padding-top: 83px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.page-faq .page {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  margin-bottom: 0;
}
.page-faq .index {
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background: #00272E;
  color: rgba(255, 255, 255, 0.7);
  min-width: 375px;
  width: 40%;
}
.page-faq .index .row {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5) !important;
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5) !important;
}
.page-faq .title {
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.page-faq .index .row.extra {
  max-height: 0;
  padding: 0 !important;
  overflow: hidden;
  -webkit-transition: all 0.5s, X;
  transition: all 0.5s, X;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.page-faq .index .row.extra ul {
  width: 100%;
}
.page-faq .index a {
  color: #6f777f;
}
.page-faq .index a:hover {
  color: #19892b;
}
.page-faq .index .active .row.extra {
  max-height: 400px;
  padding-bottom: 0.813rem;
}
.page-faq .search {
  margin-bottom: 1rem;
}
.page-faq .search input[type=search] {
  width: 100%;
}
.page-faq .col > div {
  max-width: 360px;
  padding: 20px 20px 0 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: auto;
  text-align: center;
}
.page-faq .answers {
  overflow: auto;
  position: relative;
  background: #fff;
  padding: 40px;
  width: 60%;
}
.page-faq .placeholder-image {
  height: 240px;
}
.scrollto {
  padding: 0.5rem 20px;
  display: block;
}
.page-faq .index li:last-child:not(.active) .row {
  border-radius: 0 0 3px 3px;
}
.branded .topbar {
  background: #fff;
  -webkit-box-shadow: inset 0 -1px 0 0 #E5E9ED;
          box-shadow: inset 0 -1px 0 0 #E5E9ED;
  color: inherit;
}
.branded .topbar .alert {
  color: inherit;
}
.branded .topbar .alert i svg {
  fill: #A4ACB5;
}
.branded .topbar .btn {
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px #d7dee3;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px #d7dee3;
  color: #6f777f;
}
.branded .nav-account > a {
  width: auto;
  -webkit-box-shadow: inset 1px 0 0 0 #E5E9ED;
          box-shadow: inset 1px 0 0 0 #E5E9ED;
  color: #343a40;
}
.branded .nav-account > a .vendor {
  margin-right: 1rem;
  display: block;
  height: 24px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.branded .nav-account > a .vendor img {
  height: 100%;
}
.branded .nav-account strong {
  color: #343a40;
}
.branded .lines,
.branded .lines::before,
.branded .lines::after {
  background: #6f777f;
}
.branded .user-menu .support {
  background: #F2F7F5;
  margin: 0 -1rem -0.268rem -1rem;
  padding: 0.8rem 1rem 0.8rem 1rem;
  -webkit-box-shadow: inset 0 1px 0 0 #E5E9ED;
          box-shadow: inset 0 1px 0 0 #E5E9ED;
  border-radius: 0 0 3px 3px;
}
.branded .user-menu .support strong {
  display: initial;
}
.branded nav {
  padding-bottom: 111px;
}
.open-user.branded nav {
  padding-bottom: 262px;
}
.branded nav .nav-account {
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 200px;
}
.branded nav .nav-account a {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.branded nav .nav-account .vendor {
  margin: 0 0 10px 0;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 18px;
}
.branded nav .nav-account .vendor img {
  height: 100%;
}
.branded nav .nav-account label,
.branded nav .nav-account .user-menu li a {
  color: #6f777f;
}
.branded nav .nav-account .user-menu li {
  border-bottom: 1px solid rgba(215, 222, 227, 0.5);
}
.branded nav .user-menu .support {
  margin: 0;
  font-size: 0.875rem;
  padding: 0.5rem 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 1.4;
}
#current-plan {
  padding: 2rem 30px;
  background: #DDEDED;
  width: calc(100% + 60px);
  margin: -2rem -30px 3rem -30px;
  overflow: hidden;
}
#current-plan .row.center {
  border: 1px solid #B6D8D8;
  border-top: 0;
  margin: -1rem 0 0 0;
  padding-top: 20px;
  overflow: hidden;
}
#current-plan .row.center.alt {
  border: 0;
}
#current-plan .card {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  min-height: 240px;
  position: relative;
}
.your-plan .logo {
  content: '';
  background: url('../img/sprite.png') 0 -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto 2rem auto;
}
.hive .your-plan .logo {
  content: '';
  background: url('../img/sprite.png') -200px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 135px;
  padding-top: 35px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto 2rem auto;
}
#current-plan .active-users .card::before,
#current-plan .active-users .card::after {
  height: 200%;
  width: 1px;
  background: #B6D8D8;
  position: absolute;
  left: -30px;
  top: -50%;
  content: '';
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
  z-index: 0;
}
#current-plan .active-users .card::after {
  left: auto;
  right: -30px;
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
}
#current-plan .active-users figure {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
  margin-left: 85px;
}
#current-plan .active-users .lge,
#current-plan .active-users .blk {
  position: relative;
  z-index: 1;
}
#current-plan .icon {
  height: 54px;
  color: #343a40;
}
#plan-details .icon {
  color: #343a40;
}
.hive .icon .pc {
  stroke: #19892b;
}
#current-plan small {
  color: #5b636a;
  max-width: 240px;
  margin: 0 auto;
}
#current-plan small.last-week {
  color: rgba(0, 0, 0, 0.5);
}
#current-plan .card .lge {
  font-size: 4rem;
}
#current-plan h6 {
  color: #343a40;
  position: relative;
  z-index: 1;
}
#current-plan .num {
  color: #343a40;
  margin-bottom: 0.3rem;
}
#current-plan .flag {
  position: absolute;
  background: #3C8787;
  color: #b5bbc1;
  padding: 3px 5px;
  letter-spacing: 0.05em;
}
#billing-top {
  font-size: 1rem;
  font-size: 1.5rem;
}
#current-plan .auto > h3 {
  border-bottom: 1px solid #B6D8D8;
  margin-bottom: 1rem;
}
#current-plan .auto > h3 span {
  background: #DDEDED;
  display: inline-block;
  position: relative;
  top: 10px;
  padding: 0 10px;
}
#current-plan img {
  max-height: 100px;
  margin-bottom: 1rem;
  -ms-flex-item-align: center;
      align-self: center;
  max-width: none;
}
#current-plan h4 {
  margin-bottom: 1rem;
}
#plan-details {
  padding: 2rem 30px;
  background: #DDEDED;
  width: calc(100% + 60px);
  margin: -2rem -30px 3rem -30px;
  overflow: hidden;
}
#plan-details .program {
  position: relative;
}
#plan-details .mark {
  width: 100px;
  height: 100px;
}
.current-license {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 -30px 2rem -30px;
  margin-left: calc(-50vw + 50% - 30px);
  margin-right: calc(-50vw + 50% - 30px);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}
.current-license .slick-list {
  padding: 0 30px;
  overflow: visible;
}
.current-license .slick-prev {
  content: '';
  background: url('../img/sprite.png') -584px -387px no-repeat;
  height: 0;
  overflow: hidden;
  width: 40px;
  padding-top: 40px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #fff;
  z-index: 10;
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #B6D8D8;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #B6D8D8;
  border-radius: 0 3px 3px 0;
  position: absolute;
  top: -56px;
  right: 220px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.current-license .slick-next {
  content: '';
  background: url('../img/sprite.png') -584px -388px no-repeat;
  height: 0;
  overflow: hidden;
  width: 40px;
  padding-top: 40px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #fff;
  z-index: 10;
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #B6D8D8;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #B6D8D8;
  border-radius: 0 3px 3px 0;
  position: absolute;
  top: -56px;
  right: 180px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.current-license .slick-disabled.slick-prev,
.current-license .slick-disabled.slick-next {
  background: #DDEDED;
}
.current-license .slick-prev:focus,
.current-license .slick-next:focus {
  outline: 0;
}
.subscription {
  margin-right: 20px;
  width: calc(100% - 40px);
  max-width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}
.license-certificate {
  background: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8;
          box-shadow: inset 1px 1px 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8;
  border-right: 1px dashed rgba(215, 222, 227, 0.9);
  padding: 2rem;
  position: relative;
  min-height: 480px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 3px 0 0 3px;
}
.license-certificate .mark {
  position: absolute;
  width: 120px;
  height: 120px;
  bottom: 2rem;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.license-details {
  padding: 2rem;
  border-radius: 0 3px 3px 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  background: #fff url(../img/lightpaperfibers.png);
  -webkit-box-shadow: inset -1px 1px 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8, 0 8px 10px -7px rgba(0, 0, 0, 0.1);
          box-shadow: inset -1px 1px 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8, 0 8px 10px -7px rgba(0, 0, 0, 0.1);
  border-bottom-right-radius: 200px 40px;
  min-width: 360px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.license-details::before {
  content: '';
  position: absolute;
  left: -15px;
  top: 0;
  background: #DDEDED;
  -webkit-box-shadow: inset -1px 0 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8;
          box-shadow: inset -1px 0 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8;
  width: 30px;
  height: 15px;
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
}
.license-details::after {
  content: '';
  position: absolute;
  left: -15px;
  bottom: 0;
  background: #DDEDED;
  -webkit-box-shadow: inset -1px 0 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8;
          box-shadow: inset -1px 0 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8;
  width: 30px;
  height: 15px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
}
.license-certificate .license-pc h3 {
  text-align: center;
  font-size: 2.5rem;
  color: rgba(166, 197, 197, 0.3);
  text-transform: uppercase;
  position: relative;
  line-height: 0.8;
  margin: 0;
}
.license-certificate .license-pc small {
  display: block;
  line-height: 1;
  color: rgba(60, 135, 135, 0.8);
  position: absolute;
  top: 10px;
  width: 100%;
  z-index: 1;
  letter-spacing: 0.05em;
}
.license-valid.expired .val {
  color: #881240;
}
.license-details .tab {
  min-height: 0;
}
.license-details .btn-group {
  margin-top: auto;
}
.license-details .tabs.segments {
  width: 100%;
  padding: 0;
  position: relative;
  text-align: center;
  font-size: 1.125rem;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  overflow: visible;
}
.license-details .tabs.segments ul {
  width: 100%;
  padding: 10px 0;
}
.license-details .tabs.segments ul li {
  width: 50%;
}
.license-details .tabs.segments ul li a {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: none;
  padding: 0.532rem 0;
}
.license-details .tabs.segments li.active {
  background: none;
}
.license-details .tabs.segments::before {
  content: '';
  width: calc(50%);
  height: calc(100%);
  background: #0A1C2E;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.1), 9px 9px 16px rgba(163, 177, 198, 0.6);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.1), 9px 9px 16px rgba(163, 177, 198, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.tabs.segments.usage::before {
  left: calc(50%);
}
.license-details .tabs.segments li.active a {
  color: #fff !important;
  background: none;
}
.license-certificate .license-customer {
  margin: auto;
  z-index: 3;
}
.license-certificate .license-customer .sep {
  font-size: 0.875rem;
  color: #b5bbc1;
  line-height: 1.4;
  font-family: 'Source Sans Pro', sans-serif;
  display: block;
  margin: -0.5rem 0;
}
.license-certificate .license-customer .sep span {
  background: #fff;
}
.license-certificate .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#plan-details .license-certificate .row .col:last-child {
  text-align: right;
}
.license-ref {
  text-align: center;
}
.license-certificate .rgt {
  text-align: right;
}
.license-certificate .val {
  color: #343a40;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.2;
}
.license-customer .val {
  font-size: 1.75rem;
  padding-bottom: 3px;
  line-height: 1.25rem;
  color: #343a40;
  font-weight: 600;
}
.license-customer .val.partner {
  border: 0;
  font-size: 1.25rem;
  color: #5b636a;
  font-weight: normal;
}
.license-certificate h6 {
  margin: 0;
  color: #b5bbc1;
}
#current-plan .license-customer small {
  color: #b5bbc1;
  max-width: none;
  margin-top: 0.15rem;
}
.license-details h3 {
  margin-bottom: 0.8rem;
}
.license-details dl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.license-details .scroll {
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  margin: 0;
  padding: 0;
  min-height: 320px !important;
}
.license-details .scroll::after {
  content: '';
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 60px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(250, 251, 251, 0)), to(#fafbfb));
  background: linear-gradient(to bottom, rgba(250, 251, 251, 0) 20%, #fafbfb 100%);
  bottom: 0;
  left: 0;
}
.license-details dt {
  width: 50%;
  padding: 0.8rem 20px 0.8rem 0;
  -webkit-box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
  color: #343a40;
  font-weight: 600;
}
.license-details dd {
  width: 50%;
  padding: 0.8rem 0;
  -webkit-box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
}
.license-details dt:nth-last-child(2),
.license-details dd:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ribbon {
  width: 100px;
  height: 150px;
  background-color: #E9F3F3;
  position: absolute;
  right: 2rem;
  top: 1px;
  z-index: 0;
  color: #b5bbc1;
}
.ribbon svg {
  position: absolute;
  top: 32px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #27AA27;
}
.ribbon::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -50px;
  border-left: 50px solid rgba(182, 216, 216, 0.3);
  border-right: 50px solid rgba(182, 216, 216, 0.3);
  border-bottom: 50px solid transparent;
}
#plan-details #usage {
  -webkit-box-shadow: 0 0 0 1px #B6D8D8;
          box-shadow: 0 0 0 1px #B6D8D8;
  margin-bottom: 1rem;
  border-radius: 3px;
  display: inline-block;
}
#plan-details #usage .row {
  margin: 0;
}
#plan-details #usage .col {
  min-width: 0;
  height: 80px;
  padding: 10px 15px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 1px -1px 0 0 #B6D8D8;
          box-shadow: 1px -1px 0 0 #B6D8D8;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#plan-details #usage .col.period {
  border-radius: 3px 0 0 3px;
}
#plan-details #usage .graph {
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: 0;
  top: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: -1;
}
#plan-details #usage .graph span {
  background: #cce4e4;
  margin: 0 2px;
  height: 25%;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#plan-details #usage .graph span:nth-child(2) {
  height: 50%;
}
#plan-details #usage .graph span:nth-child(3) {
  height: 80%;
}
#plan-details #usage .graph span:nth-child(4) {
  height: 70%;
}
#plan-details #usage .graph span:nth-child(5) {
  height: 10%;
}
#plan-details #usage .col:last-child {
  border-radius: 0 3px 3px 0;
}
#plan-details #usage .col:hover {
  z-index: 2;
}
#plan-details #usage .col.period h5 {
  margin: 0;
}
#plan-details #usage h6 {
  margin: 0 0 0.2rem;
  color: #343a40;
}
#plan-details #usage small {
  margin-top: auto;
  color: rgba(60, 135, 135, 0.8);
}
#plan-details #usage small.period {
  color: #5b636a;
  opacity: 1;
  filter: alpha(opacity=100);
  margin: auto 0 0 0;
}
#usage .num {
  color: #343a40;
  margin-bottom: 0.3rem;
  line-height: 1.3;
}
#usage .icon-info svg {
  fill: #3C8787 !important;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#plan-details .mark em {
  margin-top: 28px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(-6deg) translate(-50%, 0);
  transform: rotate(-6deg) translate(-50%, 0);
  font-size: 1.5rem;
  background: #fff;
}
#plan-details .mark .tl,
#plan-details .mark .bl {
  font-size: 0.75rem;
}
#plan-details .cert {
  margin: 0;
  padding: 3rem;
  overflow: hidden;
  background: #fff url(../img/lightpaperfibers.png);
  position: relative;
  -webkit-box-shadow: 0 8px 10px -7px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 10px -7px rgba(0, 0, 0, 0.1);
  border-bottom-right-radius: 200px 40px;
}
#plan-details .cert::before {
  content: '';
  background: #F2F7F5;
  width: calc(43.33% + 30px);
  height: 140%;
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
  position: absolute;
  left: -10%;
  top: -10%;
  z-index: 0;
}
#plan-details .cert h4 {
  position: relative;
  margin-bottom: 2rem;
  color: #343a40;
  font-weight: normal;
  padding-right: 160px;
}
#plan-details .script {
  font-family: 'little_opheliaregular';
  font-size: 1.25rem;
  color: rgba(63, 63, 68, 0.3);
  line-height: 1;
  display: inline-block;
}
#plan-details h2 {
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
#plan-details .cert .logo svg {
  height: 60px;
}
#plan-details .divider {
  border-color: #B6D8D8;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/*
#plan-details dl {
  .flex;
  .box-shadow(0 0 0 1px rgba(182, 216, 216, .5));
}

#plan-details dl dt {
  width: 160px;
  .box-shadow(0 1px 0 0 rgba(182, 216, 216, .5));
  text-transform: uppercase;
  color: #A6C5C5;
  font-size: 10px;
  letter-spacing: 0.05em;
  .flex;
  align-content: center;
  padding: 4px 12px;
}

#plan-details dl dd {
  width: ~"calc(100% - 160px)";
  .box-shadow(0 1px 0 0 rgba(182, 216, 216, .5));
  padding: 4px 6px;
  color: #3C8787;
  font-size: 0.813rem;
} */
#all-plans h2 {
  font-size: 1.75rem;
  margin-bottom: 2rem;
}
#all-plans .tabs.segments {
  max-width: 320px;
  width: 100%;
  margin: 0 auto 2rem auto;
  padding: 0;
  position: relative;
  text-align: center;
  font-size: 0.875rem;
  -webkit-box-shadow: inset 0 0 0 1px rgba(63, 63, 68, 0.1);
          box-shadow: inset 0 0 0 1px rgba(63, 63, 68, 0.1);
  overflow: visible;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 0;
}
#all-plans .tabs.segments ul {
  width: 100%;
  padding: 0;
  position: static;
}
#all-plans .tabs.segments ul li {
  width: 50%;
  position: static;
}
#all-plans .tabs.segments ul li a {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: none;
  padding: 0.813rem 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#all-plans .tabs.segments li.active {
  background: none;
}
#all-plans .tabs.segments::before {
  content: '';
  width: calc(50%);
  height: calc(100%);
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #FFF), to(#F2F5F8));
  background-image: linear-gradient(180deg, #FFF 20%, #F2F5F8 100%);
  -webkit-box-shadow: inset -1px -1px 1px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(163, 177, 198, 0.6);
          box-shadow: inset -1px -1px 1px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(163, 177, 198, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
#all-plans .tabs.segments.billing::before {
  left: calc(50%);
}
#all-plans .tabs.segments li.active a {
  background: none;
  color: #343a40;
  font-weight: 600;
}
.pc svg {
  height: 35px;
  margin: 20px auto calc(11px + 1rem) auto;
}
.hive #all-plans h2 {
  margin-bottom: 4rem;
}
#all-plans h2 strong {
  color: #6f777f;
  font-family: 'Source Sans Pro', sans-serif;
  display: block;
  font-weight: normal;
  font-size: 1.125rem;
}
.hive #all-plans h2 strong {
  max-width: 480px;
  margin: 0 auto;
}
#all-plans .price {
  color: #343a40;
  font-weight: 600;
  font-family: 'Barlow', sans-serif;
  font-size: 1.125rem;
  margin-top: 1rem;
  width: 100%;
}
#all-plans .price .val {
  font-size: 1.25rem;
}
#all-plans .price small {
  font-family: 'Barlow', sans-serif;
}
#all-plans .list.grid ul {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#all-plans .list.grid ul.ticks {
  margin-left: 20px;
}
#all-plans .list.grid > ul > li {
  width: 33.33%;
  padding: 0 0.75rem;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5) !important;
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5) !important;
  max-height: none;
  padding: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  opacity: 0;
  filter: alpha(opacity=0);
}
#all-plans.visible .list.grid > ul > li.tier-one {
  border-radius: 3px 0 0 3px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
#all-plans .logo-wrapper svg {
  margin: 0 auto;
}
#all-plans .logo {
  content: '';
  background: url('../img/sprite.png') 0 -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto 10px auto;
}
#all-plans .logo-hive {
  margin: 0 auto 10px auto;
}
#all-plans.visible .list.grid > ul > li.tier-two {
  border-radius: 3px 0 0 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
#all-plans.visible .list.grid > ul > li.tier-three {
  border-radius: 3px 3px 3px 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
#all-plans .list.grid > ul > li.current {
  -webkit-box-shadow: 0 0 0 1px #b5bbc1, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
          box-shadow: 0 0 0 1px #b5bbc1, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
  z-index: 3;
  border-radius: 3px !important;
}
#all-plans .list.grid header {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 30px 20px 0 20px;
  margin: 0 0 10px;
  position: relative;
  overflow: hidden;
}
#all-plans .list.grid header .flag {
  position: absolute;
  left: 0;
  right: 0;
  padding: 10px;
  border-radius: 0;
  top: 0;
  background-color: #DDEDED;
  color: rgba(60, 135, 135, 0.8);
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
}
#all-plans .list.grid li.tier-one {
  margin-top: 80px;
}
#all-plans .list.grid li.tier-one header {
  padding-top: 44px !important;
}
#all-plans .list.grid li.tier-one ul {
  margin-top: 39px;
}
#all-plans .list.grid li.tier-two {
  margin-top: 40px;
  z-index: 2;
}
#all-plans .list.grid li.tier-three header {
  margin-bottom: 50px;
}
.ticks li {
  padding: 5px 20px 0 20px;
}
.ticks .notick::before {
  display: none !important;
}
.ticks .icon {
  margin-left: auto;
  color: #b5bbc1;
}
/* .ticks li:nth-child(even) {
  background: #F2F7F5;
} */
.ticks li::before {
  content: '';
  background: url('../img/sprite.png') -600px -900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 12px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  left: 0;
  top: 11px;
}
#all-plans footer {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding: 20px 15px 15px 15px;
  width: 100%;
  margin: 0 0 15px 0;
  position: relative;
  -webkit-box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
  min-height: 92px;
}
#all-plans .plus {
  text-align: center;
  padding: 5px 0;
  margin-bottom: 10px;
}
.plus strong {
  font-weight: 600;
  font-size: 1.125rem;
  font-style: italic;
  position: relative;
  color: #19892b;
}
.plus strong::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  height: 7px;
  width: 100%;
  border: solid 2px #19892b;
  border-color: #19892b transparent transparent transparent;
  border-radius: 50%;
}
/* #all-plans footer::before {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: -50px;
  left: 0;
  height: 50px;
  width: 100%;
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(50, 50, 93, 0.1) 150%);
} */
#all-plans footer .btn {
  margin: 5px;
  width: 100%;
  -ms-flex-item-align: start;
      align-self: start;
}
#all-plans .logo-wrapper {
  margin: 1rem 0;
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  height: 75px;
}
#all-plans .logo-wrapper img {
  max-height: 100%;
}
#all-plans .current .card {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 30px -6px rgba(50, 50, 93, 0.15), 0 18px 18px -9px rgba(0, 0, 0, 0.2), 0 -6px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 30px -6px rgba(50, 50, 93, 0.15), 0 18px 18px -9px rgba(0, 0, 0, 0.2), 0 -6px 36px -8px rgba(0, 0, 0, 0.025);
}
.page-billing .mark {
  display: block !important;
  border-radius: 50%;
  border: 1px solid #A6C5C5;
}
.page-billing .mark .icon {
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none !important;
}
.page-billing .mark em {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: #343a40;
  font-family: 'Barlow', sans-serif;
  margin-top: 34px;
}
.page-billing .mark .tl {
  font-size: 0.625rem;
  top: 4px;
  color: rgba(60, 135, 135, 0.8);
}
.page-billing .mark .bl {
  font-size: 0.625rem;
  bottom: 4px;
  color: rgba(60, 135, 135, 0.8);
}
.page-pricing #cloud {
  display: none !important;
}
.page-pricing #logo svg {
  visibility: visible;
}
.page-pricing .fills {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-pricing .wrap {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #00272E;
  text-align: center;
}
.page-pricing .page-heading {
  background: none;
  color: #fff;
}
.page-pricing h1 {
  color: #6f777f;
  font-size: 2.25rem;
}
.page-pricing .page {
  min-height: 0;
  width: 100%;
  margin: auto;
  padding: 30px;
}
.pricing-table {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 560px;
  margin: 2rem auto 0 auto;
}
.pricing-table li {
  width: 50%;
  padding: 0 20px;
}
.pricing-table li .card {
  border: 0;
  height: 100%;
  margin: 0 !important;
}
.pricing-table li header {
  background: #759197;
  border-radius: 3px 3px 0 0;
  overflow: hidden;
  color: #fff;
  margin: -20px -20px 20px -20px;
  width: auto;
  padding: 20px;
}
.pricing-table li header img {
  margin: -20px -20px 0.5rem -20px;
  max-width: none;
}
.pricing-table li header h2 {
  color: #6f777f;
  margin-bottom: 0.3rem;
}
.pricing-table li header .lge {
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pricing-table li header .lge .unit {
  font-size: 1rem;
  line-height: 1;
  top: 5px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: relative;
  margin-right: 2px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.pricing-table li header .lge .billing-type {
  position: relative;
  opacity: 0.6;
  filter: alpha(opacity=60);
  text-transform: uppercase;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  line-height: 1;
  -ms-flex-item-align: end;
      align-self: flex-end;
  top: -5px;
}
.page-styleguide main {
  background: none;
  margin-top: 2rem;
  padding: 0;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  border-radius: 3px;
  -ms-flex-wrap: initial;
      flex-wrap: initial;
}
.font-family-reg h1,
.font-family-feg h4 {
  font-weight: normal;
}
.font-family-base h1,
.font-family-base h4 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
}
.page-styleguide section {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
  padding: 30px;
}
.page-styleguide main > .flex > .third {
  -webkit-box-shadow: inset -1px 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset -1px 1px 0 0 rgba(215, 222, 227, 0.5);
}
.page-styleguide div.twothird {
  padding: 0;
}
.page-styleguide li,
.page-styleguide h6 {
  margin-bottom: 1.3rem;
}
.palette {
  display: grid;
  grid: 80px 45px -webkit-min-content / repeat(5, minmax(50px, 1fr));
  grid: 80px 45px min-content / repeat(5, minmax(50px, 1fr));
  margin-bottom: 1em;
}
.palette h5 {
  grid-column: span 5;
  text-align: left;
  padding: 10px 0;
}
.palette__main {
  grid-column: span 5;
}
.palette.main div:nth-child(1) {
  background: #19892b;
}
.palette.main div:nth-child(2) {
  background: #BFD9CC;
}
.palette.main div:nth-child(3) {
  background: #0DAB76;
}
.palette.main div:nth-child(4) {
  background: #096;
}
.palette.main div:nth-child(5) {
  background: #065143;
}
.palette.main div:nth-child(6) {
  background: #00272E;
}
.palette.second div:nth-child(1) {
  background: #6f777f;
}
.palette.second div:nth-child(2) {
  background: #B8BFC4;
}
.palette.second div:nth-child(3) {
  background: #A4ACB5;
}
.palette.second div:nth-child(4) {
  background: #5F6470;
}
.palette.second div:nth-child(5) {
  background: #394C59;
}
.palette.second div:nth-child(6) {
  background: #1A2329;
}
.palette.alternates {
  grid: 80px 45px -webkit-min-content / repeat(3, minmax(50px, 1fr));
  grid: 80px 45px min-content / repeat(3, minmax(50px, 1fr));
}
.palette.alternates div:nth-child(1) {
  background: #348496;
  grid-column: span 1;
}
.palette.alternates div:nth-child(2) {
  background: #E81F5F;
}
.palette.alternates div:nth-child(3) {
  background: #FFB100;
}
.font-family {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-signin.mobile.animated .pitch {
  background: #00272E;
}
.page-signin.mobile.animated .phase.a {
  background: url(../img/mobile-bg-b.jpg) no-repeat center center;
}
.page-signin.mobile.animated .phone .placeholder-header {
  background: #00272E;
  padding-top: 13px;
  height: 69px;
}
.page-signin.mobile.animated .pitch > .flex .col ul li.poi-thumbnails {
  top: 165px;
}
.page-signin.mobile.animated .pitch > .flex .col ul li.poi-btn {
  bottom: 0;
  position: absolute;
}
.mobile.page-signin.animated .nav-account {
  top: 0;
  padding-top: 13px;
}
.mobile.page-signin.animated .screen .empty {
  font-size: 1rem;
  color: #5b636a;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.5s, X;
  transition: all 0.3s 0.5s, X;
}
.mobile.page-signin.animated .screen .empty.humpty {
  opacity: 0;
  filter: alpha(opacity=0);
}
.mobile.page-signin.animated .screen .empty h5 {
  color: #343a40;
}
.mobile.page-signin.animated .screen .empty .icon {
  height: 120px;
}
.page-signin.mobile.animated .phone .placeholder-header strong {
  color: #fff;
}
.page-signin.mobile.animated .placeholder-pc::after {
  content: '';
  background: url('../img/sprite.png') -222px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 92px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.page-signin.mobile.animated .phase.b .placeholder-item {
  padding: 15px 15px 15px 72px;
  margin: 0 -15px;
  border-radius: 0;
  -webkit-box-shadow: inset 0 -1px 0 0 #E6E6E6;
          box-shadow: inset 0 -1px 0 0 #E6E6E6;
  text-align: left;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px);
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(100) {
  -webkit-transition-delay: 39.6s;
  transition-delay: 39.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(99) {
  -webkit-transition-delay: 39.2s;
  transition-delay: 39.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(98) {
  -webkit-transition-delay: 38.8s;
  transition-delay: 38.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(97) {
  -webkit-transition-delay: 38.4s;
  transition-delay: 38.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(96) {
  -webkit-transition-delay: 38s;
  transition-delay: 38s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(95) {
  -webkit-transition-delay: 37.6s;
  transition-delay: 37.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(94) {
  -webkit-transition-delay: 37.2s;
  transition-delay: 37.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(93) {
  -webkit-transition-delay: 36.8s;
  transition-delay: 36.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(92) {
  -webkit-transition-delay: 36.4s;
  transition-delay: 36.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(91) {
  -webkit-transition-delay: 36s;
  transition-delay: 36s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(90) {
  -webkit-transition-delay: 35.6s;
  transition-delay: 35.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(89) {
  -webkit-transition-delay: 35.2s;
  transition-delay: 35.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(88) {
  -webkit-transition-delay: 34.8s;
  transition-delay: 34.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(87) {
  -webkit-transition-delay: 34.4s;
  transition-delay: 34.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(86) {
  -webkit-transition-delay: 34s;
  transition-delay: 34s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(85) {
  -webkit-transition-delay: 33.6s;
  transition-delay: 33.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(84) {
  -webkit-transition-delay: 33.2s;
  transition-delay: 33.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(83) {
  -webkit-transition-delay: 32.8s;
  transition-delay: 32.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(82) {
  -webkit-transition-delay: 32.4s;
  transition-delay: 32.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(81) {
  -webkit-transition-delay: 32s;
  transition-delay: 32s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(80) {
  -webkit-transition-delay: 31.6s;
  transition-delay: 31.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(79) {
  -webkit-transition-delay: 31.2s;
  transition-delay: 31.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(78) {
  -webkit-transition-delay: 30.8s;
  transition-delay: 30.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(77) {
  -webkit-transition-delay: 30.4s;
  transition-delay: 30.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(76) {
  -webkit-transition-delay: 30s;
  transition-delay: 30s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(75) {
  -webkit-transition-delay: 29.6s;
  transition-delay: 29.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(74) {
  -webkit-transition-delay: 29.2s;
  transition-delay: 29.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(73) {
  -webkit-transition-delay: 28.8s;
  transition-delay: 28.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(72) {
  -webkit-transition-delay: 28.4s;
  transition-delay: 28.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(71) {
  -webkit-transition-delay: 28s;
  transition-delay: 28s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(70) {
  -webkit-transition-delay: 27.6s;
  transition-delay: 27.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(69) {
  -webkit-transition-delay: 27.2s;
  transition-delay: 27.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(68) {
  -webkit-transition-delay: 26.8s;
  transition-delay: 26.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(67) {
  -webkit-transition-delay: 26.4s;
  transition-delay: 26.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(66) {
  -webkit-transition-delay: 26s;
  transition-delay: 26s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(65) {
  -webkit-transition-delay: 25.6s;
  transition-delay: 25.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(64) {
  -webkit-transition-delay: 25.2s;
  transition-delay: 25.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(63) {
  -webkit-transition-delay: 24.8s;
  transition-delay: 24.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(62) {
  -webkit-transition-delay: 24.4s;
  transition-delay: 24.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(61) {
  -webkit-transition-delay: 24s;
  transition-delay: 24s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(60) {
  -webkit-transition-delay: 23.6s;
  transition-delay: 23.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(59) {
  -webkit-transition-delay: 23.2s;
  transition-delay: 23.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(58) {
  -webkit-transition-delay: 22.8s;
  transition-delay: 22.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(57) {
  -webkit-transition-delay: 22.4s;
  transition-delay: 22.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(56) {
  -webkit-transition-delay: 22s;
  transition-delay: 22s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(55) {
  -webkit-transition-delay: 21.6s;
  transition-delay: 21.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(54) {
  -webkit-transition-delay: 21.2s;
  transition-delay: 21.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(53) {
  -webkit-transition-delay: 20.8s;
  transition-delay: 20.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(52) {
  -webkit-transition-delay: 20.4s;
  transition-delay: 20.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(51) {
  -webkit-transition-delay: 20s;
  transition-delay: 20s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(50) {
  -webkit-transition-delay: 19.6s;
  transition-delay: 19.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(49) {
  -webkit-transition-delay: 19.2s;
  transition-delay: 19.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(48) {
  -webkit-transition-delay: 18.8s;
  transition-delay: 18.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(47) {
  -webkit-transition-delay: 18.4s;
  transition-delay: 18.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(46) {
  -webkit-transition-delay: 18s;
  transition-delay: 18s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(45) {
  -webkit-transition-delay: 17.6s;
  transition-delay: 17.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(44) {
  -webkit-transition-delay: 17.2s;
  transition-delay: 17.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(43) {
  -webkit-transition-delay: 16.8s;
  transition-delay: 16.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(42) {
  -webkit-transition-delay: 16.4s;
  transition-delay: 16.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(41) {
  -webkit-transition-delay: 16s;
  transition-delay: 16s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(40) {
  -webkit-transition-delay: 15.6s;
  transition-delay: 15.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(39) {
  -webkit-transition-delay: 15.2s;
  transition-delay: 15.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(38) {
  -webkit-transition-delay: 14.8s;
  transition-delay: 14.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(37) {
  -webkit-transition-delay: 14.4s;
  transition-delay: 14.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(36) {
  -webkit-transition-delay: 14s;
  transition-delay: 14s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(35) {
  -webkit-transition-delay: 13.6s;
  transition-delay: 13.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(34) {
  -webkit-transition-delay: 13.2s;
  transition-delay: 13.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(33) {
  -webkit-transition-delay: 12.8s;
  transition-delay: 12.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(32) {
  -webkit-transition-delay: 12.4s;
  transition-delay: 12.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(31) {
  -webkit-transition-delay: 12s;
  transition-delay: 12s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(30) {
  -webkit-transition-delay: 11.6s;
  transition-delay: 11.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(29) {
  -webkit-transition-delay: 11.2s;
  transition-delay: 11.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(28) {
  -webkit-transition-delay: 10.8s;
  transition-delay: 10.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(27) {
  -webkit-transition-delay: 10.4s;
  transition-delay: 10.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(26) {
  -webkit-transition-delay: 10s;
  transition-delay: 10s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(25) {
  -webkit-transition-delay: 9.6s;
  transition-delay: 9.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(24) {
  -webkit-transition-delay: 9.2s;
  transition-delay: 9.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(23) {
  -webkit-transition-delay: 8.8s;
  transition-delay: 8.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(22) {
  -webkit-transition-delay: 8.4s;
  transition-delay: 8.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(21) {
  -webkit-transition-delay: 8s;
  transition-delay: 8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(20) {
  -webkit-transition-delay: 7.6s;
  transition-delay: 7.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(19) {
  -webkit-transition-delay: 7.2s;
  transition-delay: 7.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(18) {
  -webkit-transition-delay: 6.8s;
  transition-delay: 6.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(17) {
  -webkit-transition-delay: 6.4s;
  transition-delay: 6.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(16) {
  -webkit-transition-delay: 6s;
  transition-delay: 6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(15) {
  -webkit-transition-delay: 5.6s;
  transition-delay: 5.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(14) {
  -webkit-transition-delay: 5.2s;
  transition-delay: 5.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(13) {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(12) {
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(11) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(10) {
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(9) {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(8) {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(7) {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(6) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(5) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(4) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.page-signin.mobile.animated .step-2 .phase.b .placeholder-item {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  max-height: 100px;
}
.page-signin.mobile.animated .step-2 .phase.b .placeholder-item.printing > * {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s 2.7s, X;
  transition: opacity 0.3s 2.7s, X;
}
.page-signin.mobile.animated .step-2 .phase.b .placeholder-item.printing {
  max-height: 0;
  padding: 0;
  -webkit-transition: all 0.3s 3s, X;
  transition: all 0.3s 3s, X;
}
.page-signin.mobile.animated .phase.b .placeholder-checkbox {
  height: 40px;
  width: 40px;
  left: 15px;
  background: #A4ACB9;
  -webkit-box-shadow: 0 0 0 1px #E6E6E6;
          box-shadow: 0 0 0 1px #E6E6E6;
}
.page-signin.mobile.animated .phase.b .placeholder-checkbox svg:not(.wave) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s, X;
  transition: all 0.15s, X;
  z-index: 3;
}
.page-signin.mobile.animated .phase.b .placeholder-checkbox .wave {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 23px;
  z-index: 1;
  margin-top: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s, X;
  transition: all 0.15s, X;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wave span {
  display: block;
  bottom: 0;
  left: 0;
  width: 3px;
  height: 5px;
  background: #19892b;
  position: absolute;
  -webkit-animation: analyze 1.5s infinite ease-in-out;
          animation: analyze 1.5s infinite ease-in-out;
}
.wave span:nth-child(2) {
  left: 5px;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.wave span:nth-child(3) {
  left: 10px;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.wave span:nth-child(4) {
  left: 15px;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.wave span:nth-child(5) {
  left: 20px;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-checkbox img {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s, X;
  transition: all 0.15s, X;
  position: relative;
  z-index: 2;
}
.page-signin.mobile.animated .print-ready .phase.b .placeholder-checkbox img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin.mobile.animated .phase.b .placeholder-checkbox .tick {
  content: '';
  background: url('../img/sprite.png') -988px -787px no-repeat;
  height: 0;
  overflow: hidden;
  width: 40px;
  padding-top: 40px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #19892b;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 1px;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-signin.mobile.animated .phase.b .printing .placeholder-checkbox {
  background: #fff;
}
.page-signin.mobile.animated .phase.b .printing .placeholder-checkbox .tick {
  -webkit-transition: all 0.15s 2s, X;
  transition: all 0.15s 2s, X;
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin.mobile.animated .phase.b .printing .placeholder-checkbox img {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-signin.mobile.animated .phase.b .printing .placeholder-checkbox svg {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin.mobile.animated .phase.b .printing .placeholder-checkbox .wave {
  opacity: 1;
  filter: alpha(opacity=100);
}
.printing .progress-value {
  stroke-dasharray: 125.66;
  stroke-dashoffset: 125.66;
  -webkit-animation: loader 2s 1 forwards;
          animation: loader 2s 1 forwards;
}
@-webkit-keyframes loader {
  from {
    stroke-dashoffset: 125.66;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes loader {
  from {
    stroke-dashoffset: 125.66;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.page-signin .phase.b .placeholder-checkbox::before {
  display: none !important;
}
.page-signin.mobile.animated .phase.b .placeholder-item h5 {
  font-size: 1rem;
  line-height: 1.25rem;
  position: relative;
}
.page-signin.mobile.animated .phase.b .placeholder-item span.shimmer {
  background: #A4ACB9;
  height: 13px;
  width: 80%;
  position: absolute;
  left: 0;
  top: 3px;
}
.page-signin.mobile.animated .phase.b .placeholder-item span.shimmer:nth-child(2) {
  width: 60%;
  top: 21px;
}
.page-signin.mobile.animated .phase.b .placeholder-item span.text {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-signin.mobile.animated .print-ready .phase.b .placeholder-item span.shimmer {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-signin.mobile.animated .print-ready .phase.b .placeholder-item span.text {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin.mobile.animated .phase.b .placeholder-item p {
  margin: 0;
  position: relative;
}
.page-signin.mobile.animated .phase.b .placeholder-item p span.shimmer {
  width: 40%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  top: 3px;
}
.page-signin.mobile .page {
  min-height: 100%;
}
.page-signin.mobile .phone .screen {
  background: #00272E;
}
.page-signin.mobile .screen.open-user .step-release {
  -webkit-transform: translate(0, 260px);
  transform: translate(0, 260px);
}
.page-signin.mobile .screen .step-user {
  background: #00272E;
  width: calc(100% - 10px);
  position: absolute;
  left: 5px;
  top: 5px;
  text-align: left;
  z-index: -1;
  padding: 20px 0;
}
.page-signin.mobile .screen .step-user a {
  color: #fff;
}
.page-signin.mobile .screen .step-user a.close {
  top: 13px;
}
.page-signin.mobile .screen .step-user header {
  padding: 0.8rem 15px;
  text-align: center;
}
.page-signin.mobile .screen .step-user ul {
  margin: 0;
}
.page-signin.mobile .screen .step-user li a {
  padding: 0.5rem 0;
  display: block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-signin.mobile .screen .step-user li a i {
  width: 22px;
  margin-right: 20px;
  text-align: center;
}
.page-signin.mobile .screen .step-user li a span {
  display: block;
  -ms-flex-item-align: center;
      align-self: center;
}
.page-signin.mobile .screen .step-user footer {
  padding: 0.8rem 0;
  margin: 0.8rem 15px 0 15px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.875rem;
  color: #b5bbc1;
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2);
          box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2);
}
.page-signin.mobile .pitch {
  padding: 6rem 0 30px;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#021E66), to(#0F7578));
  background: linear-gradient(to right, #021E66, #0F7578);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.page-signin.mobile .pitch #logo {
  position: absolute;
  top: 2rem;
  left: 30px;
}
.page-signin.mobile .pitch > .flex {
  margin: 3rem auto 0 auto;
  max-width: 1180px;
}
.page-signin.mobile .pitch > .flex .col {
  width: calc(50% - 376px/2);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.page-signin.mobile .pitch > .flex .col:first-child ul {
  text-align: right;
  list-style: none;
  font-family: Barlow, sans-serif;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 60px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px 20px 0 40px;
  position: relative;
}
.page-signin.mobile .pitch > .flex .col:last-child ul {
  text-align: left;
  list-style: none;
  font-family: Barlow, sans-serif;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 60px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px 0 40px 20px;
  position: relative;
}
.page-signin.mobile .pitch > .flex .col ul li {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1), X;
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1), X;
  position: relative;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(100) {
  -webkit-transition-delay: 99s;
  transition-delay: 99s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(99) {
  -webkit-transition-delay: 98s;
  transition-delay: 98s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(98) {
  -webkit-transition-delay: 97s;
  transition-delay: 97s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(97) {
  -webkit-transition-delay: 96s;
  transition-delay: 96s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(96) {
  -webkit-transition-delay: 95s;
  transition-delay: 95s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(95) {
  -webkit-transition-delay: 94s;
  transition-delay: 94s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(94) {
  -webkit-transition-delay: 93s;
  transition-delay: 93s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(93) {
  -webkit-transition-delay: 92s;
  transition-delay: 92s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(92) {
  -webkit-transition-delay: 91s;
  transition-delay: 91s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(91) {
  -webkit-transition-delay: 90s;
  transition-delay: 90s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(90) {
  -webkit-transition-delay: 89s;
  transition-delay: 89s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(89) {
  -webkit-transition-delay: 88s;
  transition-delay: 88s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(88) {
  -webkit-transition-delay: 87s;
  transition-delay: 87s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(87) {
  -webkit-transition-delay: 86s;
  transition-delay: 86s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(86) {
  -webkit-transition-delay: 85s;
  transition-delay: 85s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(85) {
  -webkit-transition-delay: 84s;
  transition-delay: 84s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(84) {
  -webkit-transition-delay: 83s;
  transition-delay: 83s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(83) {
  -webkit-transition-delay: 82s;
  transition-delay: 82s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(82) {
  -webkit-transition-delay: 81s;
  transition-delay: 81s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(81) {
  -webkit-transition-delay: 80s;
  transition-delay: 80s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(80) {
  -webkit-transition-delay: 79s;
  transition-delay: 79s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(79) {
  -webkit-transition-delay: 78s;
  transition-delay: 78s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(78) {
  -webkit-transition-delay: 77s;
  transition-delay: 77s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(77) {
  -webkit-transition-delay: 76s;
  transition-delay: 76s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(76) {
  -webkit-transition-delay: 75s;
  transition-delay: 75s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(75) {
  -webkit-transition-delay: 74s;
  transition-delay: 74s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(74) {
  -webkit-transition-delay: 73s;
  transition-delay: 73s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(73) {
  -webkit-transition-delay: 72s;
  transition-delay: 72s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(72) {
  -webkit-transition-delay: 71s;
  transition-delay: 71s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(71) {
  -webkit-transition-delay: 70s;
  transition-delay: 70s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(70) {
  -webkit-transition-delay: 69s;
  transition-delay: 69s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(69) {
  -webkit-transition-delay: 68s;
  transition-delay: 68s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(68) {
  -webkit-transition-delay: 67s;
  transition-delay: 67s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(67) {
  -webkit-transition-delay: 66s;
  transition-delay: 66s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(66) {
  -webkit-transition-delay: 65s;
  transition-delay: 65s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(65) {
  -webkit-transition-delay: 64s;
  transition-delay: 64s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(64) {
  -webkit-transition-delay: 63s;
  transition-delay: 63s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(63) {
  -webkit-transition-delay: 62s;
  transition-delay: 62s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(62) {
  -webkit-transition-delay: 61s;
  transition-delay: 61s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(61) {
  -webkit-transition-delay: 60s;
  transition-delay: 60s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(60) {
  -webkit-transition-delay: 59s;
  transition-delay: 59s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(59) {
  -webkit-transition-delay: 58s;
  transition-delay: 58s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(58) {
  -webkit-transition-delay: 57s;
  transition-delay: 57s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(57) {
  -webkit-transition-delay: 56s;
  transition-delay: 56s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(56) {
  -webkit-transition-delay: 55s;
  transition-delay: 55s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(55) {
  -webkit-transition-delay: 54s;
  transition-delay: 54s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(54) {
  -webkit-transition-delay: 53s;
  transition-delay: 53s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(53) {
  -webkit-transition-delay: 52s;
  transition-delay: 52s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(52) {
  -webkit-transition-delay: 51s;
  transition-delay: 51s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(51) {
  -webkit-transition-delay: 50s;
  transition-delay: 50s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(50) {
  -webkit-transition-delay: 49s;
  transition-delay: 49s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(49) {
  -webkit-transition-delay: 48s;
  transition-delay: 48s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(48) {
  -webkit-transition-delay: 47s;
  transition-delay: 47s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(47) {
  -webkit-transition-delay: 46s;
  transition-delay: 46s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(46) {
  -webkit-transition-delay: 45s;
  transition-delay: 45s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(45) {
  -webkit-transition-delay: 44s;
  transition-delay: 44s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(44) {
  -webkit-transition-delay: 43s;
  transition-delay: 43s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(43) {
  -webkit-transition-delay: 42s;
  transition-delay: 42s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(42) {
  -webkit-transition-delay: 41s;
  transition-delay: 41s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(41) {
  -webkit-transition-delay: 40s;
  transition-delay: 40s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(40) {
  -webkit-transition-delay: 39s;
  transition-delay: 39s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(39) {
  -webkit-transition-delay: 38s;
  transition-delay: 38s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(38) {
  -webkit-transition-delay: 37s;
  transition-delay: 37s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(37) {
  -webkit-transition-delay: 36s;
  transition-delay: 36s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(36) {
  -webkit-transition-delay: 35s;
  transition-delay: 35s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(35) {
  -webkit-transition-delay: 34s;
  transition-delay: 34s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(34) {
  -webkit-transition-delay: 33s;
  transition-delay: 33s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(33) {
  -webkit-transition-delay: 32s;
  transition-delay: 32s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(32) {
  -webkit-transition-delay: 31s;
  transition-delay: 31s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(31) {
  -webkit-transition-delay: 30s;
  transition-delay: 30s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(30) {
  -webkit-transition-delay: 29s;
  transition-delay: 29s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(29) {
  -webkit-transition-delay: 28s;
  transition-delay: 28s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(28) {
  -webkit-transition-delay: 27s;
  transition-delay: 27s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(27) {
  -webkit-transition-delay: 26s;
  transition-delay: 26s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(26) {
  -webkit-transition-delay: 25s;
  transition-delay: 25s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(25) {
  -webkit-transition-delay: 24s;
  transition-delay: 24s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(24) {
  -webkit-transition-delay: 23s;
  transition-delay: 23s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(23) {
  -webkit-transition-delay: 22s;
  transition-delay: 22s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(22) {
  -webkit-transition-delay: 21s;
  transition-delay: 21s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(21) {
  -webkit-transition-delay: 20s;
  transition-delay: 20s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(20) {
  -webkit-transition-delay: 19s;
  transition-delay: 19s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(19) {
  -webkit-transition-delay: 18s;
  transition-delay: 18s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(18) {
  -webkit-transition-delay: 17s;
  transition-delay: 17s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(17) {
  -webkit-transition-delay: 16s;
  transition-delay: 16s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(16) {
  -webkit-transition-delay: 15s;
  transition-delay: 15s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(15) {
  -webkit-transition-delay: 14s;
  transition-delay: 14s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(14) {
  -webkit-transition-delay: 13s;
  transition-delay: 13s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(13) {
  -webkit-transition-delay: 12s;
  transition-delay: 12s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(12) {
  -webkit-transition-delay: 11s;
  transition-delay: 11s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(11) {
  -webkit-transition-delay: 10s;
  transition-delay: 10s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(10) {
  -webkit-transition-delay: 9s;
  transition-delay: 9s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(9) {
  -webkit-transition-delay: 8s;
  transition-delay: 8s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(8) {
  -webkit-transition-delay: 7s;
  transition-delay: 7s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(7) {
  -webkit-transition-delay: 6s;
  transition-delay: 6s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(6) {
  -webkit-transition-delay: 5s;
  transition-delay: 5s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(5) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(4) {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(3) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(2) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.page-signin.mobile .pitch > .flex .col ul li.poi-thumbnails {
  top: 200px;
  position: absolute;
}
.page-signin.mobile .pitch > .flex .col ul li::after {
  content: '';
  width: 35px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 12px;
  right: -42px;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.page-signin.mobile .pitch > .flex .col:last-child ul li::after {
  right: auto;
  left: -42px;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li {
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(100) {
  -webkit-transition-delay: 39.6s;
  transition-delay: 39.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(99) {
  -webkit-transition-delay: 39.2s;
  transition-delay: 39.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(98) {
  -webkit-transition-delay: 38.8s;
  transition-delay: 38.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(97) {
  -webkit-transition-delay: 38.4s;
  transition-delay: 38.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(96) {
  -webkit-transition-delay: 38s;
  transition-delay: 38s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(95) {
  -webkit-transition-delay: 37.6s;
  transition-delay: 37.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(94) {
  -webkit-transition-delay: 37.2s;
  transition-delay: 37.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(93) {
  -webkit-transition-delay: 36.8s;
  transition-delay: 36.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(92) {
  -webkit-transition-delay: 36.4s;
  transition-delay: 36.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(91) {
  -webkit-transition-delay: 36s;
  transition-delay: 36s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(90) {
  -webkit-transition-delay: 35.6s;
  transition-delay: 35.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(89) {
  -webkit-transition-delay: 35.2s;
  transition-delay: 35.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(88) {
  -webkit-transition-delay: 34.8s;
  transition-delay: 34.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(87) {
  -webkit-transition-delay: 34.4s;
  transition-delay: 34.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(86) {
  -webkit-transition-delay: 34s;
  transition-delay: 34s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(85) {
  -webkit-transition-delay: 33.6s;
  transition-delay: 33.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(84) {
  -webkit-transition-delay: 33.2s;
  transition-delay: 33.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(83) {
  -webkit-transition-delay: 32.8s;
  transition-delay: 32.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(82) {
  -webkit-transition-delay: 32.4s;
  transition-delay: 32.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(81) {
  -webkit-transition-delay: 32s;
  transition-delay: 32s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(80) {
  -webkit-transition-delay: 31.6s;
  transition-delay: 31.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(79) {
  -webkit-transition-delay: 31.2s;
  transition-delay: 31.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(78) {
  -webkit-transition-delay: 30.8s;
  transition-delay: 30.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(77) {
  -webkit-transition-delay: 30.4s;
  transition-delay: 30.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(76) {
  -webkit-transition-delay: 30s;
  transition-delay: 30s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(75) {
  -webkit-transition-delay: 29.6s;
  transition-delay: 29.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(74) {
  -webkit-transition-delay: 29.2s;
  transition-delay: 29.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(73) {
  -webkit-transition-delay: 28.8s;
  transition-delay: 28.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(72) {
  -webkit-transition-delay: 28.4s;
  transition-delay: 28.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(71) {
  -webkit-transition-delay: 28s;
  transition-delay: 28s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(70) {
  -webkit-transition-delay: 27.6s;
  transition-delay: 27.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(69) {
  -webkit-transition-delay: 27.2s;
  transition-delay: 27.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(68) {
  -webkit-transition-delay: 26.8s;
  transition-delay: 26.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(67) {
  -webkit-transition-delay: 26.4s;
  transition-delay: 26.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(66) {
  -webkit-transition-delay: 26s;
  transition-delay: 26s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(65) {
  -webkit-transition-delay: 25.6s;
  transition-delay: 25.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(64) {
  -webkit-transition-delay: 25.2s;
  transition-delay: 25.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(63) {
  -webkit-transition-delay: 24.8s;
  transition-delay: 24.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(62) {
  -webkit-transition-delay: 24.4s;
  transition-delay: 24.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(61) {
  -webkit-transition-delay: 24s;
  transition-delay: 24s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(60) {
  -webkit-transition-delay: 23.6s;
  transition-delay: 23.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(59) {
  -webkit-transition-delay: 23.2s;
  transition-delay: 23.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(58) {
  -webkit-transition-delay: 22.8s;
  transition-delay: 22.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(57) {
  -webkit-transition-delay: 22.4s;
  transition-delay: 22.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(56) {
  -webkit-transition-delay: 22s;
  transition-delay: 22s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(55) {
  -webkit-transition-delay: 21.6s;
  transition-delay: 21.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(54) {
  -webkit-transition-delay: 21.2s;
  transition-delay: 21.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(53) {
  -webkit-transition-delay: 20.8s;
  transition-delay: 20.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(52) {
  -webkit-transition-delay: 20.4s;
  transition-delay: 20.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(51) {
  -webkit-transition-delay: 20s;
  transition-delay: 20s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(50) {
  -webkit-transition-delay: 19.6s;
  transition-delay: 19.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(49) {
  -webkit-transition-delay: 19.2s;
  transition-delay: 19.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(48) {
  -webkit-transition-delay: 18.8s;
  transition-delay: 18.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(47) {
  -webkit-transition-delay: 18.4s;
  transition-delay: 18.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(46) {
  -webkit-transition-delay: 18s;
  transition-delay: 18s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(45) {
  -webkit-transition-delay: 17.6s;
  transition-delay: 17.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(44) {
  -webkit-transition-delay: 17.2s;
  transition-delay: 17.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(43) {
  -webkit-transition-delay: 16.8s;
  transition-delay: 16.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(42) {
  -webkit-transition-delay: 16.4s;
  transition-delay: 16.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(41) {
  -webkit-transition-delay: 16s;
  transition-delay: 16s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(40) {
  -webkit-transition-delay: 15.6s;
  transition-delay: 15.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(39) {
  -webkit-transition-delay: 15.2s;
  transition-delay: 15.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(38) {
  -webkit-transition-delay: 14.8s;
  transition-delay: 14.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(37) {
  -webkit-transition-delay: 14.4s;
  transition-delay: 14.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(36) {
  -webkit-transition-delay: 14s;
  transition-delay: 14s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(35) {
  -webkit-transition-delay: 13.6s;
  transition-delay: 13.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(34) {
  -webkit-transition-delay: 13.2s;
  transition-delay: 13.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(33) {
  -webkit-transition-delay: 12.8s;
  transition-delay: 12.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(32) {
  -webkit-transition-delay: 12.4s;
  transition-delay: 12.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(31) {
  -webkit-transition-delay: 12s;
  transition-delay: 12s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(30) {
  -webkit-transition-delay: 11.6s;
  transition-delay: 11.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(29) {
  -webkit-transition-delay: 11.2s;
  transition-delay: 11.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(28) {
  -webkit-transition-delay: 10.8s;
  transition-delay: 10.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(27) {
  -webkit-transition-delay: 10.4s;
  transition-delay: 10.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(26) {
  -webkit-transition-delay: 10s;
  transition-delay: 10s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(25) {
  -webkit-transition-delay: 9.6s;
  transition-delay: 9.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(24) {
  -webkit-transition-delay: 9.2s;
  transition-delay: 9.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(23) {
  -webkit-transition-delay: 8.8s;
  transition-delay: 8.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(22) {
  -webkit-transition-delay: 8.4s;
  transition-delay: 8.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(21) {
  -webkit-transition-delay: 8s;
  transition-delay: 8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(20) {
  -webkit-transition-delay: 7.6s;
  transition-delay: 7.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(19) {
  -webkit-transition-delay: 7.2s;
  transition-delay: 7.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(18) {
  -webkit-transition-delay: 6.8s;
  transition-delay: 6.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(17) {
  -webkit-transition-delay: 6.4s;
  transition-delay: 6.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(16) {
  -webkit-transition-delay: 6s;
  transition-delay: 6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(15) {
  -webkit-transition-delay: 5.6s;
  transition-delay: 5.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(14) {
  -webkit-transition-delay: 5.2s;
  transition-delay: 5.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(13) {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(12) {
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(11) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(10) {
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(9) {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(8) {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(7) {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(6) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(5) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(4) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.page-signin.mobile .pitch.step-2 > .flex .col ul li,
.page-signin.mobile .pitch.listview > .flex .col ul li {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page-signin.mobile .demo {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0s cubic-bezier(0.23, 1, 0.32, 1), X;
  transition: all 0s cubic-bezier(0.23, 1, 0.32, 1), X;
  margin-top: 0;
}
.ready.mobile .demo {
  -webkit-transform: scale(1);
          transform: scale(1);
  height: 656px;
}
.page-signin.mobile .phone,
.page-signin.mobile .step-2 .phone {
  width: 376px;
  height: 656px;
  margin-top: 0;
}
.page-signin.mobile .phone .notch {
  height: 2%;
}
.page-signin.mobile .phase {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #EFF3F7;
}
.page-signin.mobile .phase.a {
  background: url(../img/mobile-bg.jpg) no-repeat center center;
}
.page-signin.mobile .phase h2 {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #6f777f;
  width: 100%;
  opacity: 0.4;
  filter: alpha(opacity=40);
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1s, X;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1s, X;
}
.page-signin.mobile .step-2 .phase h2 {
  top: 100px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.page-signin.mobile .listview .phase h2 {
  top: 100px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: all 0s 0s, X;
  transition: all 0s 0s, X;
}
.page-signin.mobile .step-release {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  background: #EFF3F7;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.page-signin.mobile .phone .apphome {
  position: static;
  height: 100%;
}
.page-signin.mobile .placeholder-appicon {
  width: calc(25% - 10px);
  height: 0;
  padding-top: calc(25% - 10px);
  background: #fff;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.ready.page-signin.mobile .placeholder-appicon.brand,
.page-signin.mobile .placeholder-appicon.brand {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin.mobile h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 3rem;
  -webkit-transform: skewY(-10deg);
          transform: skewY(-10deg);
  line-height: 1;
}
.mobile h1 span.first {
  display: block;
  -webkit-transform: translate(-100px, 0);
          transform: translate(-100px, 0);
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), X;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), X;
}
.mobile h1 span.last {
  display: block;
  -webkit-transform: translate(200px, 0);
          transform: translate(200px, 0);
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), X;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), X;
  color: #b5bbc1;
}
.ready.mobile h1 span {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.mobile.page-signin .phone {
  background: -webkit-gradient(linear, left top, right top, from(#6ACFEC), to(#9EEDED));
  background: linear-gradient(to right, #6ACFEC, #9EEDED);
}
.mobile.page-signin .phone .placeholder-header {
  padding: 0;
  height: 80px;
  background: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mobile.page-signin .nav-account {
  position: absolute;
  right: 0;
  z-index: 10;
}
.mobile.page-signin .nav-account > a {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  margin-right: 20px;
}
.mobile.page-signin .nav-account > a::after {
  display: none !important;
}
.placeholder-pc {
  width: 114px;
  height: 32px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, left 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, width 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
  -webkit-transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, left 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, width 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, left 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, width 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, left 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, width 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, left 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, width 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
  opacity: 0;
  filter: alpha(opacity=0);
  white-space: nowrap;
  overflow: hidden;
}
.placeholder-pc::before {
  content: '';
  background: url('../img/sprite.png') 0 -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 22px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.placeholder-pc::after {
  content: '';
  background: url('../img/sprite.png') -22px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 92px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transition: opacity 0.15s ease-in-out 1s, X;
  transition: opacity 0.15s ease-in-out 1s, X;
}
.step-2 .placeholder-pc {
  opacity: 1;
  filter: alpha(opacity=100);
  left: 20px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-animation: blur 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1s;
  animation: blur 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1s;
  width: 22px;
}
.listview .placeholder-pc {
  opacity: 1;
  filter: alpha(opacity=100);
  left: 20px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  width: 22px;
}
.step-2 .placeholder-pc::after {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-signin .details .phase.a,
.page-signin .listview .phase.a {
  opacity: 0;
  visibility: hidden;
}
.page-signin .listview .phase.b {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.mobile.page-signin .phase.b .placeholder-carousel {
  margin: 0 -15px;
  width: calc(100% + 30px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  text-align: center;
  -webkit-transform: translate(100px, 0);
  transform: translate(100px, 0);
  -webkit-transition: opacity 0.15s ease-in-out 1s, transform 0.3s ease-in-out 1s;
  -webkit-transition: opacity 0.15s ease-in-out 1s, -webkit-transform 0.3s ease-in-out 1s;
  transition: opacity 0.15s ease-in-out 1s, -webkit-transform 0.3s ease-in-out 1s;
  transition: opacity 0.15s ease-in-out 1s, transform 0.3s ease-in-out 1s;
  transition: opacity 0.15s ease-in-out 1s, transform 0.3s ease-in-out 1s, -webkit-transform 0.3s ease-in-out 1s;
  opacity: 0;
  filter: alpha(opacity=0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px 0 80px 0;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(100) {
  -webkit-transition-delay: 19.8s;
  transition-delay: 19.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(99) {
  -webkit-transition-delay: 19.6s;
  transition-delay: 19.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(98) {
  -webkit-transition-delay: 19.4s;
  transition-delay: 19.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(97) {
  -webkit-transition-delay: 19.2s;
  transition-delay: 19.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(96) {
  -webkit-transition-delay: 19s;
  transition-delay: 19s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(95) {
  -webkit-transition-delay: 18.8s;
  transition-delay: 18.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(94) {
  -webkit-transition-delay: 18.6s;
  transition-delay: 18.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(93) {
  -webkit-transition-delay: 18.4s;
  transition-delay: 18.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(92) {
  -webkit-transition-delay: 18.2s;
  transition-delay: 18.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(91) {
  -webkit-transition-delay: 18s;
  transition-delay: 18s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(90) {
  -webkit-transition-delay: 17.8s;
  transition-delay: 17.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(89) {
  -webkit-transition-delay: 17.6s;
  transition-delay: 17.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(88) {
  -webkit-transition-delay: 17.4s;
  transition-delay: 17.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(87) {
  -webkit-transition-delay: 17.2s;
  transition-delay: 17.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(86) {
  -webkit-transition-delay: 17s;
  transition-delay: 17s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(85) {
  -webkit-transition-delay: 16.8s;
  transition-delay: 16.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(84) {
  -webkit-transition-delay: 16.6s;
  transition-delay: 16.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(83) {
  -webkit-transition-delay: 16.4s;
  transition-delay: 16.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(82) {
  -webkit-transition-delay: 16.2s;
  transition-delay: 16.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(81) {
  -webkit-transition-delay: 16s;
  transition-delay: 16s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(80) {
  -webkit-transition-delay: 15.8s;
  transition-delay: 15.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(79) {
  -webkit-transition-delay: 15.6s;
  transition-delay: 15.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(78) {
  -webkit-transition-delay: 15.4s;
  transition-delay: 15.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(77) {
  -webkit-transition-delay: 15.2s;
  transition-delay: 15.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(76) {
  -webkit-transition-delay: 15s;
  transition-delay: 15s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(75) {
  -webkit-transition-delay: 14.8s;
  transition-delay: 14.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(74) {
  -webkit-transition-delay: 14.6s;
  transition-delay: 14.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(73) {
  -webkit-transition-delay: 14.4s;
  transition-delay: 14.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(72) {
  -webkit-transition-delay: 14.2s;
  transition-delay: 14.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(71) {
  -webkit-transition-delay: 14s;
  transition-delay: 14s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(70) {
  -webkit-transition-delay: 13.8s;
  transition-delay: 13.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(69) {
  -webkit-transition-delay: 13.6s;
  transition-delay: 13.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(68) {
  -webkit-transition-delay: 13.4s;
  transition-delay: 13.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(67) {
  -webkit-transition-delay: 13.2s;
  transition-delay: 13.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(66) {
  -webkit-transition-delay: 13s;
  transition-delay: 13s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(65) {
  -webkit-transition-delay: 12.8s;
  transition-delay: 12.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(64) {
  -webkit-transition-delay: 12.6s;
  transition-delay: 12.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(63) {
  -webkit-transition-delay: 12.4s;
  transition-delay: 12.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(62) {
  -webkit-transition-delay: 12.2s;
  transition-delay: 12.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(61) {
  -webkit-transition-delay: 12s;
  transition-delay: 12s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(60) {
  -webkit-transition-delay: 11.8s;
  transition-delay: 11.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(59) {
  -webkit-transition-delay: 11.6s;
  transition-delay: 11.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(58) {
  -webkit-transition-delay: 11.4s;
  transition-delay: 11.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(57) {
  -webkit-transition-delay: 11.2s;
  transition-delay: 11.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(56) {
  -webkit-transition-delay: 11s;
  transition-delay: 11s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(55) {
  -webkit-transition-delay: 10.8s;
  transition-delay: 10.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(54) {
  -webkit-transition-delay: 10.6s;
  transition-delay: 10.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(53) {
  -webkit-transition-delay: 10.4s;
  transition-delay: 10.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(52) {
  -webkit-transition-delay: 10.2s;
  transition-delay: 10.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(51) {
  -webkit-transition-delay: 10s;
  transition-delay: 10s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(50) {
  -webkit-transition-delay: 9.8s;
  transition-delay: 9.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(49) {
  -webkit-transition-delay: 9.6s;
  transition-delay: 9.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(48) {
  -webkit-transition-delay: 9.4s;
  transition-delay: 9.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(47) {
  -webkit-transition-delay: 9.2s;
  transition-delay: 9.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(46) {
  -webkit-transition-delay: 9s;
  transition-delay: 9s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(45) {
  -webkit-transition-delay: 8.8s;
  transition-delay: 8.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(44) {
  -webkit-transition-delay: 8.6s;
  transition-delay: 8.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(43) {
  -webkit-transition-delay: 8.4s;
  transition-delay: 8.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(42) {
  -webkit-transition-delay: 8.2s;
  transition-delay: 8.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(41) {
  -webkit-transition-delay: 8s;
  transition-delay: 8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(40) {
  -webkit-transition-delay: 7.8s;
  transition-delay: 7.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(39) {
  -webkit-transition-delay: 7.6s;
  transition-delay: 7.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(38) {
  -webkit-transition-delay: 7.4s;
  transition-delay: 7.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(37) {
  -webkit-transition-delay: 7.2s;
  transition-delay: 7.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(36) {
  -webkit-transition-delay: 7s;
  transition-delay: 7s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(35) {
  -webkit-transition-delay: 6.8s;
  transition-delay: 6.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(34) {
  -webkit-transition-delay: 6.6s;
  transition-delay: 6.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(33) {
  -webkit-transition-delay: 6.4s;
  transition-delay: 6.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(32) {
  -webkit-transition-delay: 6.2s;
  transition-delay: 6.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(31) {
  -webkit-transition-delay: 6s;
  transition-delay: 6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(30) {
  -webkit-transition-delay: 5.8s;
  transition-delay: 5.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(29) {
  -webkit-transition-delay: 5.6s;
  transition-delay: 5.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(28) {
  -webkit-transition-delay: 5.4s;
  transition-delay: 5.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(27) {
  -webkit-transition-delay: 5.2s;
  transition-delay: 5.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(26) {
  -webkit-transition-delay: 5s;
  transition-delay: 5s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(25) {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(24) {
  -webkit-transition-delay: 4.6s;
  transition-delay: 4.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(23) {
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(22) {
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(21) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(20) {
  -webkit-transition-delay: 3.8s;
  transition-delay: 3.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(19) {
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(18) {
  -webkit-transition-delay: 3.4s;
  transition-delay: 3.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(17) {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(16) {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(15) {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(14) {
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(13) {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(12) {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(11) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(10) {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(9) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(8) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(7) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(6) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(5) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(4) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(3) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.mobile.page-signin .slick-current {
  cursor: pointer;
}
.mobile .placeholder-item h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  max-width: 100%;
  margin: 0;
}
.mobile.page-signin .phase.b .init .placeholder-item {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  filter: alpha(opacity=100);
}
.mobile .placeholder-item .placeholder-a4 {
  width: 208px;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #fff;
  border-radius: 0;
  margin: 0 auto 20px auto;
  -webkit-box-shadow: inset 0 -1px 0 0 #d7dee3, 0 6px 12px -2px rgba(50, 50, 93, 0.25), 0 3px 7px -3px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 -1px 0 0 #d7dee3, 0 6px 12px -2px rgba(50, 50, 93, 0.25), 0 3px 7px -3px rgba(0, 0, 0, 0.3);
}
.phase.c {
  visibility: hidden;
  padding: 0;
  overflow: auto;
}
.details .phase.c {
  visibility: visible;
}
.placeholder-a4.clone {
  width: 208px;
  height: 292px;
  position: absolute;
  z-index: 99;
}
.placeholder-a4.clone h4 {
  position: absolute;
  bottom: 20px;
  left: 15px;
  color: #fff;
  z-index: 11;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out 0s, X;
  transition: all 0.2s ease-in-out 0s, X;
}
.phase.c.visible.shrink .placeholder-a4.clone h4 {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0s ease-in-out 0s, X;
  transition: all 0s ease-in-out 0s, X;
}
.phase.c.visible .placeholder-a4.clone h4 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s ease-in-out 0.3s, X;
  transition: all 0.2s ease-in-out 0.3s, X;
}
.phase.c.visible .placeholder-a4.clone {
  position: relative;
  background: #00272E;
  -webkit-transition: all 0.5s ease-in-out 0s, background 0s;
  transition: all 0.5s ease-in-out 0s, background 0s;
}
.phase.c.shrink.visible .placeholder-a4.clone {
  background: none;
  -webkit-transition: all 0.5s ease-in-out 0s, background 0s;
  transition: all 0.5s ease-in-out 0s, background 0s;
}
.phase.c.visible dl {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.phase.c dl,
.phase.c.shrink dl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 0s ease-in-out 0s, X;
  transition: all 0s ease-in-out 0s, X;
  text-align: left;
}
.phase.c dl dt,
.phase.c dl dd {
  width: calc(100% - 100px);
  padding: 0.6rem 15px;
  background: #fff;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
}
.doc-attr {
  overflow: auto;
  padding-bottom: 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.doc-attr .close,
.details .shrink .doc-attr .close {
  z-index: 99;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out 0s, X;
  transition: all 0.2s ease-in-out 0s, X;
}
.details .doc-attr .close {
  opacity: 1;
  filter: alpha(opacity=100);
}
.phase.c dl dt {
  width: 100px;
}
.placeholder-a4.grayscale img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.details .phase:not(.shrink) .placeholder-a4.clone {
  width: 100%;
  height: auto;
  overflow: hidden;
  top: 0 !important;
  left: 0 !important;
  -webkit-transition: all 0.5s ease-in-out 0s, X;
  transition: all 0.5s ease-in-out 0s, X;
}
.details .shrink .placeholder-a4.clone {
  position: absolute !important;
  width: 208px;
}
.details .shrink .placeholder-a4.clone img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.details .placeholder-a4.clone img {
  display: block;
  margin: 0 auto;
}
.mobile .slick-current.placeholder-item .placeholder-a4 {
  -webkit-box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
.mobile .placeholder-footer {
  width: calc(100%);
  height: 60px;
  padding: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  left: 15px;
  bottom: 15px;
  z-index: 10;
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 -10px 15px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 -10px 15px 0 rgba(0, 0, 0, 0.07);
  -webkit-transform: translate(0, 60px);
  transform: translate(0, 60px);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.placeholder-appheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #b5bbc1;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1rem;
  line-height: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s ease-in-out 1.5s, X;
  transition: all 0.15s ease-in-out 1.5s, X;
}
.mobile.page-signin .phone .placeholder-appheader.humpty {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s ease-in-out 0s, X;
  transition: all 0.15s ease-in-out 0s, X;
}
.step-2 .placeholder-appheader,
.listview .placeholder-appheader {
  opacity: 1;
  filter: alpha(opacity=100);
}
.listview .placeholder-appheader {
  -webkit-transition: all 0s 0s, X;
  transition: all 0s 0s, X;
}
.page-signin .placeholder-appheader small {
  color: #b5bbc1;
}
.mobile .visible .placeholder-footer,
.mobile .listview .phase.b .placeholder-footer {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.mobile .step-2 .placeholder-footer {
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
.mobile .step-2 .placeholder-footer.visible {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.mobile .visible .placeholder-footer {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.3s ease-in-out 0.5s, X;
  transition: all 0.3s ease-in-out 0.5s, X;
}
.phase.c .placeholder-a4::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  z-index: 1;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.phase.c.visible:not(.shrink) .placeholder-a4::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin.mobile .step-2 .phase.b .placeholder-button {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
  font-weight: normal;
  line-height: 40px;
  background: #19892b;
  cursor: pointer;
  -webkit-transition: background-color 0.3s, X;
  transition: background-color 0.3s, X;
}
.page-signin.mobile .step-2 .phase.b .placeholder-button.disabled {
  pointer-events: none;
  background: #6f777f;
}
@-webkit-keyframes blur {
  0% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes blur {
  0% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
.page-quickstart {
  background: #fff;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-quickstart main {
  background: #fff;
}
.page-quickstart .wrap {
  padding: 0;
  background: #fff;
  margin: auto;
  min-height: 0;
  overflow: auto;
}
.page-quickstart .page {
  margin: 0;
  min-height: 0;
}
.page-quickstart .manual {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid rgba(215, 222, 227, 0.5);
  border-right: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: auto;
  background: #fff url(../img/paper.png);
}
.page-quickstart.alt .manual {
  background: #fff;
}
.page-quickstart .wrap header {
  margin: 0;
  padding: 0;
  background: url(../img/grid.png);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-quickstart.alt header {
  background: #13293D;
}
.page-quickstart header .half {
  padding: 2rem;
}
.page-quickstart header .brand {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2rem;
}
.page-quickstart.alt header .brand {
  background: #EFF3F7 url(../img/quick-start.jpg) 0 100% no-repeat;
  background-size: cover;
}
.page-quickstart header .requirements {
  background: #0D1B27;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}
.page-quickstart.alt header .requirements {
  padding: 2rem;
}
.page-quickstart header .requirements li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 20px;
  margin-bottom: 10px;
}
.page-quickstart header .requirements h6 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  font-family: 'ddc_hardwarecondensed';
  font-weight: normal;
}
.page-quickstart.alt header .requirements h6 {
  margin: 0;
}
.page-quickstart header .requirements .col {
  padding: 2rem 0;
  margin: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-quickstart header .requirements .icon {
  height: 68px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-quickstart header .requirements .icon svg {
  margin: auto;
  fill: none;
}
.page-quickstart header .requirements .icon svg.icon-phone {
  max-height: 48px;
}
.page-quickstart header .requirements .icon svg.icon-allen {
  max-height: 34px;
}
.page-quickstart header .requirements .downloads {
  border-right: 1px dashed rgba(255, 255, 255, 0.4);
  background: #0D1B27;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-quickstart header .requirements .downloads > div {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
}
.page-quickstart header .requirements .downloads > div:last-child {
  margin: 0;
}
.badge {
  content: '';
  background: url('../img/sprite.png') -200px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto;
}
.alt .badge {
  margin: 10px;
}
.badge:hover {
  content: '';
  background: url('../img/sprite.png') -200px -848px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.googleplay {
  content: '';
  background: url('../img/sprite.png') -200px -900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.googleplay:hover {
  content: '';
  background: url('../img/sprite.png') -200px -948px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.windows {
  content: '';
  background: url('../img/sprite.png') 0 -900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.windows:hover {
  content: '';
  background: url('../img/sprite.png') 0 -948px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.mac {
  content: '';
  background: url('../img/sprite.png') -400px -900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.mac:hover {
  content: '';
  background: url('../img/sprite.png') -400px -948px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.page-quickstart header .requirements .num {
  display: block;
  color: #b5bbc1;
  font-family: 'ddc_hardwarecompressed';
  font-size: 1.5rem;
}
.page-quickstart header .requirements .num small {
  font-size: 1rem;
  color: #b5bbc1;
  font-family: 'ddc_hardwarecompressed';
  margin-left: 2px;
}
.page-quickstart header h2 {
  color: #006633;
  font-family: 'ddc_hardwarecondensed';
  font-size: 2.25rem;
  font-weight: normal;
  margin-bottom: 1.3rem;
}
.page-quickstart header #logo {
  margin: 0 0 1.5rem 0;
  width: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-quickstart header .ver {
  margin-bottom: 1.3rem;
  line-height: 1;
  font-size: 2.25rem;
  font-family: 'ddc_hardwarecompressed';
}
.page-quickstart header .edition {
  margin: 0.5rem 0 0.2rem 0.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  content: '';
  background: url('../img/sprite.png') 0 -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 145px;
  padding-top: 30px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.page-quickstart.alt header .edition {
  margin: 0 0 1.5rem auto;
}
.page-quickstart:not(.alt) header h1 {
  font-size: 4rem;
  font-family: 'ddc_hardware_regular';
  font-weight: normal;
  line-height: 0.94;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-quickstart.alt header h1 {
  color: rgba(255, 255, 255, 0.6);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 2rem;
  line-height: 0.9;
  letter-spacing: 8px;
  font-family: 'ddc_hardwarecondensed';
  font-weight: normal;
}
.page-quickstart.alt header h1 span {
  display: block;
  font-size: 5rem;
  letter-spacing: 0;
  margin: 0 0 0 -4px;
  color: #fff;
}
.quick-start {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  overflow: hidden;
  text-align: center;
}
.quick-start > li {
  width: 33.33%;
  padding: 0 0.75rem;
  text-align: center;
  padding: 3rem 40px;
  margin: 0;
  border-top: 1px solid rgba(215, 222, 227, 0.5);
  border-right: 1px solid rgba(215, 222, 227, 0.5);
}
.alt .quick-start .third {
  padding: 2rem 40px 0 40px;
  border-top: 1px solid rgba(215, 222, 227, 0.5);
  border-right: 1px solid rgba(215, 222, 227, 0.5);
}
.alt .quick-start .third > ul,
.alt .quick-start .third > ol {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
}
.alt .quick-start .third > ul > li > ul,
.alt .quick-start .third > ol > li > ul {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.alt .quick-start .col > ol > li {
  width: 100%;
  text-align: center;
  margin: 0 0 1.3rem;
}
.alt .quick-start .col > ol > li::before {
  display: none !important;
}
.alt .quick-start .col > ol > li p .num {
  background: #6f777f;
  width: 24px;
  height: 24px;
  color: #fff;
  line-height: 25px;
  border-radius: 50%;
  font-family: 'Roboto Condensed', sans-serif;
  display: inline-block;
  position: static;
  font-size: 0.875rem;
  margin-right: 6px;
  -webkit-font-smoothing: auto;
}
.alt .quick-start .col.highlight {
  background: rgba(65, 199, 196, 0.05);
}
.quick-start > li a {
  text-decoration: underline;
}
.quick-start > li .icon svg {
  stroke: #1A2329;
  fill: none;
}
.quick-start > li::before {
  font-size: 2.25rem;
  top: 1.5rem;
  left: 2rem;
  line-height: 1;
  color: #343a40;
  content: counter(counter) '.';
  font-family: 'ddc_hardwarecondensed';
}
.quick-start li p {
  color: #6f777f;
  margin: 0;
}
.quick-start > li ul {
  margin: 1.3rem 0 0 0;
}
.quick-start li .callout {
  color: #6f777f;
  position: absolute;
  top: 1.5rem;
  right: 1rem;
  width: 120px;
  padding: 0;
  text-align: left;
}
.quick-start li .callout::before {
  content: '';
  width: 60px;
  border-top: 1px dashed #ccc;
  position: absolute;
  left: -67px;
  top: 24px;
  -webkit-transform: rotate(-28deg);
          transform: rotate(-28deg);
}
.page-quickstart > footer {
  position: static;
  height: auto;
  width: 100%;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 1.5rem 20px;
  color: #6f777f;
  font-size: 0.875rem;
}
.page-quickstart.v4 .manual {
  background: #fff;
  border: 0;
  max-width: 1180px;
  padding: 2rem;
}
.page-quickstart.v4 .manual .flex > header {
  background: none;
  padding: 0 6rem 0 0;
}
.page-quickstart.v4 .manual .title {
  width: 100%;
  margin-bottom: 1rem;
}
.page-quickstart.v4 .manual .title svg {
  width: 100%;
}
.page-quickstart.v4 .manual footer {
  padding: 0;
  margin-top: calc(-2rem - 19px);
}
.page-quickstart.v4 .manual p {
  margin: 0;
}
.page-quickstart.v4 .manual ol {
  margin: 0;
}
.page-quickstart.v4 .manual ol li {
  padding: 0 0 2rem calc(100px + 2rem);
  margin-bottom: 1rem;
}
.page-quickstart.v4 .manual ol > li::before {
  content: '';
  height: calc(100% - 100px - 1rem);
  width: 1px;
  background: #D6DCE0;
  position: absolute;
  left: 50px;
  top: calc(100px + 1rem);
}
.page-quickstart.v4 .manual ol > li:last-child {
  margin: 0;
  padding-bottom: 0;
}
.page-quickstart.v4 .manual ol > li:last-child::before {
  display: none !important;
}
.page-quickstart.v4 .manual ol li header {
  background: none;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  margin-bottom: 1rem;
}
.page-quickstart.v4 .manual ol li header .icon {
  margin: 0 2rem 0 calc(-100px - 2rem);
}
.page-quickstart.v4 .manual ol li header h3 {
  margin: 0;
}
.page-quickstart.v4 .manual small.blk {
  margin-top: 6px;
  line-height: 1.5;
  background-color: #e6f0eb;
  color: #006316;
  padding: 0.532rem 0.8rem;
  border-radius: 3px;
}
.page-quickstart.v4 .manual figure {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-quickstart.v4 .manual figure svg {
  width: 100%;
  max-width: 181px;
}
.page-quickstart.v4 .manual figure figcaption {
  width: 50%;
  padding-left: 2rem;
  font-weight: normal;
  color: #5b636a;
  text-transform: none;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5;
}
.page-quickstart.v4 .app-links {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.3rem;
}
.page-quickstart.v4 .app-links .badge {
  display: block;
  margin: 0;
}
.page-quickstart.v4 .app-links .badge:last-child {
  margin-left: 20px;
}
.page-sticker {
  height: auto;
  background: #EFF3F7;
}
.page-sticker .wrap {
  padding: 0;
  margin: auto;
  min-height: 0;
  overflow: visible;
}
.page-sticker .page {
  margin: 0;
  min-height: 0;
}
.page-sticker header {
  background: #fff;
  position: relative;
}
.page-sticker .page header p {
  margin: 0 0 1.3rem 0;
  font-size: 1rem;
  line-height: 1.5;
  color: initial;
}
.page-sticker header h1 {
  margin-bottom: 0.3rem;
}
.page-sticker header .auto {
  max-width: 520px;
  margin: 0 auto;
  padding: 1.5rem 0 0.5rem 0;
}
.page-sticker header ol {
  font-size: 1.125rem;
  margin: 0.7rem 0 1.3rem;
}
.page-sticker header ol li {
  width: 33.33%;
  padding: 0 0.75rem;
  max-width: 160px;
  padding: 0;
}
.page-sticker header ol li i {
  display: block;
}
.page-sticker header ol li .mold {
  fill: #13293C;
}
.page-sticker header ol li::before {
  content: '';
  width: calc(100% - 100px - 1rem);
  height: 1px;
  background: #D6DCE0;
  position: absolute;
  left: calc(50% + 58px);
  top: calc(50px);
}
.page-sticker header ol li:last-child::before {
  display: none !important;
}
.page-sticker .toprint {
  position: relative;
}
.page-sticker .highlight {
  color: #5F6470;
  text-transform: none;
  font-size: 1rem;
  padding: 0.8rem 1rem;
  border-radius: 3px;
  margin-bottom: 1.3rem;
  font-family: 'Barlow', sans-serif;
  border: 1px solid #D6DCE0;
}
.page-sticker .highlight ul {
  margin-bottom: 0;
}
.page-sticker .alert .flag {
  background: #1A2329;
  color: #fff;
}
.printout {
  overflow: hidden;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  background: #fff;
  max-width: 520px;
  margin: 2rem auto;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.draft-wrap .snip-qr {
  position: absolute;
  width: 13px;
  height: 12px;
  top: 128px;
  left: -6px;
  display: none;
  z-index: 2;
}
.cut-qr .snip-qr {
  display: block;
}
.draft-wrap .snip-qr span {
  position: absolute;
  font-size: 1rem;
  font-size: 0.625rem;
  left: calc(100% - 30px);
  top: 2px;
}
.draft-wrap .snip-qr svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.draft-wrap .snip-code {
  position: absolute;
  width: 13px;
  height: 12px;
  bottom: -2px;
  left: calc(50% - 10px);
  display: none;
  z-index: 2;
}
.cut-code .snip-code {
  display: block;
}
.draft-wrap .snip-code span {
  position: absolute;
  font-size: 1rem;
  font-size: 0.625rem;
  right: -6px;
  top: 16px;
}
.draft-wrap .snip-code svg {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.draft-wrap .snip-details {
  display: none;
  position: absolute;
  width: 33.33%;
  top: -14px;
  left: calc(33.33%);
  font-size: 1rem;
  font-size: 0.625rem;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}
.draft-wrap .snip-nfc {
  position: absolute;
  width: 13px;
  height: 12px;
  top: 128px;
  right: -6px;
  display: none;
  z-index: 2;
}
.cut-nfc .snip-nfc {
  display: block;
}
.draft-wrap .snip-nfc span {
  position: absolute;
  font-size: 1rem;
  font-size: 0.625rem;
  right: calc(100% - 35px);
  top: 2px;
}
.draft-wrap .snip-nfc svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.draft-wrap {
  position: relative;
}
.draft-wrap .qr i::before {
  content: 'Example Only';
  font-size: 1rem;
  color: #000;
  font-weight: 600;
  font-size: 0.625rem;
  -webkit-transform: rotate(-45deg) translate(-50%, -50%);
  transform: rotate(-45deg) translate(-50%, -50%);
  position: absolute;
  top: -5%;
  left: 35%;
  width: 150%;
  line-height: 1;
  padding: 4px 0;
  text-align: center;
  background: #fff;
  z-index: 10;
}
.printout.draft {
  margin: 1rem auto 2rem auto;
}
.printout.draft .segment > *:not(h4) {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.printout > div {
  width: 33.33%;
  padding: 0 0.75rem;
  text-align: center;
  padding: 15px 10px;
  position: relative;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 3;
}
.printout > .code {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: none;
}
.printout > .details {
  overflow: initial;
  z-index: 2;
}
.printout > .qr h6 {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: -20px;
  position: absolute;
}
.printout i {
  width: 60%;
  margin: 0 auto;
}
.printout.no-gaps i {
  width: 100%;
}
.printout i.logo {
  width: 24px;
  height: 24px;
  margin-bottom: 5px;
}
.printout i.icon {
  width: 40px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.printout > .nfc h6 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  right: -32px;
  position: absolute;
}
.printout small {
  font-size: 0.625rem;
  color: #000;
}
.printout small a {
  color: rgba(0, 0, 0, 0.5);
}
.printout .watermark {
  overflow: hidden;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: -25px;
  width: 100%;
  height: 135%;
  z-index: 1;
}
.printout .watermark svg,
.printout .watermark img {
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  top: -10px;
  height: 100%;
  max-width: initial;
}
.mark {
  display: none !important;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.mark em {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #000;
  font-family: 'little_opheliaregular';
  font-style: normal;
  font-size: 2rem;
  white-space: nowrap;
}
.printout h2 {
  font-size: 1rem;
  color: #000;
  line-height: 1.25;
}
.printout h6 {
  color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 0.625rem;
  margin: 0;
}
.printout .code h6 {
  display: none !important;
}
.printout .numcode {
  font-size: 1.25rem;
  color: #000;
  font-weight: 600;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.printout .numcode span {
  width: 20px;
}
.mark .tl,
.mark .tr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  font-size: 1rem;
  font-size: 0.625rem;
}
.mark .bl,
.mark .br {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 1rem;
  font-size: 0.625rem;
}
.printout h4 {
  display: none !important;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -3px;
  font-size: 1rem;
  color: #000;
  opacity: 0.07;
  filter: alpha(opacity=7);
  font-size: 1.75rem;
  margin: 0;
  font-weight: 900;
}
.printout .code h4 {
  bottom: auto;
  top: 50%;
  -webkit-transform: translate(0, calc(50% - 25px));
  transform: translate(0, calc(50% - 25px));
}
.segment * {
  position: relative;
  z-index: 2;
}
.cut-qr .qr {
  border: 1px dashed #000;
  border-right: 0;
}
.cut-qr .details {
  border: 1px dashed #000;
  border-left: 0;
}
.cut-qr .printout .qr > *:not(h4),
.cut-qr .printout .details > *:not(h4) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.cut-nfc .nfc {
  border: 1px dashed #000;
  border-left: 0;
}
.cut-nfc .details {
  border: 1px dashed #000;
  border-right: 0;
}
.cut-nfc .printout .nfc > *:not(h4),
.cut-nfc .printout .details > *:not(h4) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.cut-code .code {
  border: 1px dashed #000;
  border-top: 0;
}
.cut-code .details {
  border: 1px dashed #000;
  border-bottom: 0;
}
.cut-code.cut-qr .qr {
  border-bottom: 0;
}
.cut-code.cut-qr .code {
  border-left: 0;
}
.cut-code.cut-qr .details {
  border-left: 0 !important;
}
.cut-code.cut-qr .feature.left {
  border: 1px dashed #000;
  border-top: 0;
  border-right: 0;
}
.cut-code .printout .code > *:not(h4),
.cut-code .printout .details > *:not(h4) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.cut-all {
  border: 1px dashed #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cut-all .segment > *:not(h4) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.cut-qr.cut-nfc .details {
  border-left: 0;
}
.cut-code.cut-nfc .nfc {
  border-bottom: 0;
}
.cut-code.cut-nfc .code {
  border-right: 0 !important;
}
.cut-code.cut-nfc .details {
  border-right: 0 !important;
}
.cut-code.cut-nfc .feature.right {
  border: 1px dashed #000;
  border-top: 0;
  border-left: 0;
}
.toprint {
  position: relative;
}
.toprint::before {
  position: fixed;
  top: -75%;
  left: -150%;
  display: block;
  width: 300%;
  height: 300%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  font-family: 'Barlow', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  content: attr(data-watermark);
  color: #000;
  opacity: 0.04;
  filter: alpha(opacity=4);
  font-size: 2rem;
  margin: 0;
  font-weight: 900;
  z-index: -1;
}
.page-terms {
  height: 100%;
}
.page-terms .page > .auto {
  max-width: 100%;
}
.page-terms h1 {
  margin-bottom: 2rem;
  -webkit-font-smoothing: antialiased;
}
.page-terms .pitch h1 {
  margin-bottom: 0.3rem;
  color: #fff;
}
.page-terms .pitch .icon {
  opacity: 0.3;
  filter: alpha(opacity=30);
  width: 20px;
  height: 24px;
}
.page-terms .pitch .active .icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-terms .wrap {
  padding: 0;
  height: 100%;
}
.page-terms .auto {
  height: 100%;
}
.page-terms .auto::before {
  content: '';
  position: absolute;
  background: #00272E;
  width: 3000px;
  top: 0;
  right: 50%;
  height: 100%;
  z-index: -1;
}
.abridged p,
.intro {
  font-size: 1.125rem;
  color: #343a40;
}
.page-terms #logo,
.page-pricing #logo {
  margin: 0 auto 4rem;
  content: '';
  background: url('../img/sprite.png') -200px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.page-terms .page {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  margin-bottom: 0;
}
.page-terms .pitch {
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background: #00272E;
  color: rgba(255, 255, 255, 0.7);
  width: 30%;
}
.page-terms .pitch .row {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5) !important;
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5) !important;
}
.page-terms .title {
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.page-terms .pitch .row.extra {
  max-height: 0;
  padding: 0 !important;
  overflow: hidden;
  -webkit-transition: all 0.5s, X;
  transition: all 0.5s, X;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.page-terms .pitch .row.extra ul {
  width: 100%;
}
.page-terms .pitch a {
  color: #fff;
  text-decoration: none;
}
.page-terms .pitch a:hover {
  color: #19892b;
}
.page-terms .pitch .active .row.extra {
  max-height: 400px;
  padding-bottom: 0.813rem;
}
.page-terms .search {
  margin-bottom: 1rem;
}
.page-terms .search input[type=search] {
  width: 100%;
}
.page-terms .pitch > div {
  max-width: 360px;
  padding: 20px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin: auto;
}
.page-terms .content {
  overflow: auto;
  position: relative;
  background: #fff;
  padding: 40px;
  width: 60%;
}
.page-terms .content > div {
  max-width: 760px;
}
.page-terms .placeholder-image {
  height: 240px;
}
.page-terms dd {
  margin-bottom: 0.5rem;
}
.page-terms ol {
  margin-bottom: 1.3rem;
}
.page-terms ol li {
  margin-bottom: 0.5rem;
}
.page-terms .pitch ol li {
  padding-left: 30px !important;
}
.page-terms ol > li > ol > li > ol > li {
  padding-left: 48px !important;
}
.page-terms .scrollto {
  display: block;
  padding: 0;
}
.page-signin.alt {
  background: #E7F6E9;
  height: 100%;
  text-align: center;
}
.page-signin.alt h1 {
  margin-bottom: 0.3rem;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.scene {
  fill: #192028;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#cloud {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
}
.completed #cloud {
  opacity: 0;
  filter: alpha(opacity=0);
}
.fills {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.completed .fills {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin .wrap {
  padding: 0;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
.page-signin {
  height: auto;
  min-height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  color: inherit;
}
.page-signin figure.center {
  width: 80%;
  max-width: 480px;
}
.page-signin figure.center img,
.page-signin figure.center svg {
  -webkit-animation: bob 4s linear infinite;
          animation: bob 4s linear infinite;
  left: -50%;
  position: relative;
  width: 100%;
}
.page-signin #printer {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-animation: scale-up-bottom 1s forwards 2.4s;
          animation: scale-up-bottom 1s forwards 2.4s;
}
.page-signin #man {
  -webkit-animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both 1.5s;
          animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both 1.5s;
}
.page-signin #browser {
  -webkit-animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.2s;
          animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.2s;
}
.page-signin #stars path {
  -webkit-animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.4s;
          animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.4s;
}
.page-signin #stars path:nth-child(2) {
  -webkit-animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.6s;
          animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.6s;
}
.page-signin #stars path:nth-child(3) {
  -webkit-animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.8s;
          animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.8s;
}
.page-signin #woman {
  -webkit-animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both 3s;
          animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both 3s;
}
.page-signin #dashline {
  position: relative;
  z-index: 1;
}
.page-signin #dashline path {
  -webkit-animation: drawPath 3s linear forwards;
          animation: drawPath 3s linear forwards;
}
@media screen and (max-width: 68em) {
  .page-signin .wrap header {
    background: #E7F6E9;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .page-signin header .rgt span {
    display: inline-block !important;
  }
}
@media screen and (max-width: 48em) {
  .page-signin header .rgt span {
    display: block !important;
  }
}
.page-signin > .alert {
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  position: relative;
  z-index: 99;
}
.page-signin.alt #logo,
.page-pricing #logo {
  margin: 0 auto 4rem;
  content: '';
  background: url('../img/sprite.png') -200px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.page-signin.alt .page {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  margin-bottom: 0;
}
.page-signin .page .row {
  margin: 0;
  width: 100%;
}
.page-signin .col {
  height: 100%;
}
.page-signin .signin {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
.page-signin .signin > div,
.page-signin .pitch > div {
  padding: 40px 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: auto;
  width: 100%;
  max-width: 520px;
}
.page-signin .pitch {
  text-align: center;
  overflow: hidden;
  width: calc(50%);
  position: relative;
  background: #E7F6E9;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-signin .pitch .tip.stuck {
  font-family: 'Barlow', sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  min-width: 240px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: translate(0, 8px);
  transform: translate(0, 8px);
  -webkit-transition: all 0.3s 0.5s, X;
  transition: all 0.3s 0.5s, X;
  left: auto;
  right: 40px;
  color: #5b636a;
  max-width: 320px;
  background: #fff;
  -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.12), 0 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 15px 35px rgba(50, 50, 93, 0.12), 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.page-signin.ready .pitch .tip.stuck {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: translate(0, -8px);
  transform: translate(0, -8px);
}
.page-signin .pitch .tip.stuck::before,
.pitch .tip.stuck::before {
  left: auto;
  right: 15px;
  background: #fff;
  border: 1px solid rgba(215, 222, 227, 0.6);
  border-left: 0;
  border-top: 0;
}
.page-signin .pitch > img {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  max-height: none;
  max-width: none;
}
.page-signin .pitch .avatar img {
  z-index: 4;
}
.page-signin .pitch .avatar::before {
  content: '';
  width: 200px;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #00331a;
  z-index: 3;
}
.page-signin .pitch .avatar::after {
  content: '';
  width: 400px;
  height: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #004d26;
  z-index: 2;
}
.page-signin.org .pitch::before {
  content: '';
  width: 600px;
  height: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #005c2e;
  z-index: 1;
}
ul.social {
  list-style: none;
  padding: 0;
  text-align: left;
  max-width: 200px;
}
.social li {
  display: block;
  margin: 0 0 10px;
}
.social li:not(.fp) a.btn {
  width: 100%;
  text-align: center;
  line-height: 20px;
}
.social li a.btn:hover {
  color: #fff;
}
.social .btn svg,
.social .btn .svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: bottom;
  fill: #fff;
  margin: 0 1rem 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.social li a.btn.google {
  background: #fff;
  color: #6f777f;
}
.social li a.btn.google .icon {
  color: #687077;
}
.social li a.btn.linkedin {
  background: #0077B5;
  color: #fff;
}
.social li a.btn.facebook {
  background: #3B5998;
  color: #fff;
}
.social li a.btn.office {
  background: #D83B01;
  color: #fff;
}
.social li a.btn.microsoft {
  background: #fff;
  color: #6f777f;
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1;
          box-shadow: inset 0 0 0 1px #b5bbc1;
}
.page-install .link-client h2 {
  margin-bottom: calc(100px + 1rem);
  position: relative;
}
.page-install .link-client h2 span,
.waiting {
  position: relative;
}
.page-install .link-client h2 span::after,
.waiting::after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 1200ms infinite;
          animation: ellipsis steps(4, end) 1200ms infinite;
  content: "\2026";
  width: 0;
  font-size: initial;
  position: absolute;
  bottom: 0;
}
.page-install .link-client h2 span::after {
  line-height: 1.5;
}
.page-install .link-client,
.page-install .three-steps {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.page-install .link-client.visible,
.page-install .three-steps.visible {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin h1 {
  color: #343a40;
}
.page-signin h1 .action {
  font-size: 1rem;
  font-weight: normal;
}
.page-signin main .alert {
  margin: 0 0 1.4rem 0;
  border-radius: 3px;
  padding: 0.5rem 0.8rem;
}
.page-signin .btn.google {
  -webkit-box-shadow: inset 0 0 0 1px #b5bbc1;
          box-shadow: inset 0 0 0 1px #b5bbc1;
}
.page-signin .page {
  min-height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-signin .signin .vendor {
  margin-bottom: 2rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.page-signin .signin .vendor img {
  max-width: 160px;
}
.page-redeem-alt .ver {
  display: block;
  border-left: 1px solid #d7dee3;
  margin: 0 15px;
}
.page-signin:not(.alt) .signin .social {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: none;
}
.page-signin:not(.alt) .signin .social li:not(.fp) {
  margin: 0 5px;
  width: calc(100%/2 - 10px);
}
.page-signin header,
.page-install header {
  padding: 2rem 30px;
  position: relative;
  width: 100%;
  z-index: 8;
  font-size: 0.875rem;
  color: #6f777f;
}
.page-install header:not(.page-heading) #logo {
  margin: 0 !important;
}
.page-signin header .rgt .btn {
  margin-left: 10px;
}
.page-signin.login header .rgt .btn {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
}
.page-signin.login header .rgt .btn:hover {
  background: #fff;
  color: #00272E;
}
.page-signin .wrap::before {
  content: '';
  position: fixed;
  right: 50%;
  left: 0;
  top: 0;
  height: 100vh;
  background: #E7F6E9;
}
.page-signin.login .wrap::before {
  display: none !important;
}
.page-signin.login header {
  background: #E7F6E9;
}
.page-signin.login .wrap footer {
  width: 100%;
  color: #6f777f;
  max-width: 540px;
  margin: 0 auto;
}
.page-signin #logo {
  content: '';
  background: url('../img/sprite.png') -200px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 135px;
  padding-top: 35px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: relative;
  margin: 0;
}
.page-signin .signin .sep span {
  background: #fff;
}
.page-signin .printer {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -80px;
  width: 160px;
  height: 200px;
}
.page-signin .phone {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: -webkit-gradient(linear, left top, right top, from(#27A927), to(#8DC641));
  background: linear-gradient(to right, #27A927, #8DC641);
  padding: 3px;
  margin: 0 auto;
  width: 210px;
  z-index: 2;
  -webkit-transition: all 0.5s ease-in-out, margin-top 0.3s 0.3s;
  transition: all 0.5s ease-in-out, margin-top 0.3s 0.3s;
}
.page-signin .phone::before {
  width: 255px;
  height: 10px;
  border-radius: 0 0 20px 20px;
  content: '';
  border: 3px solid #8DC641;
  position: absolute;
  left: 137px;
  top: calc(100% + 10px);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 10;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out 0.5s, X;
  transition: all 0.2s ease-in-out 0.5s, X;
}
.page-signin .step-3 .phone::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin .step-2 .phone {
  width: 140px;
  height: 240px;
  margin-top: 100px;
  -webkit-box-shadow: 0 -0.5em 1.6em 0 rgba(0, 0, 0, 0.15), 0 0 0.875em 0 rgba(0, 0, 0, 0.15), 0 -0.063em 0.25em 0 rgba(0, 0, 0, 0.15), inset 0 -1em 2em 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 -0.5em 1.6em 0 rgba(0, 0, 0, 0.15), 0 0 0.875em 0 rgba(0, 0, 0, 0.15), 0 -0.063em 0.25em 0 rgba(0, 0, 0, 0.15), inset 0 -1em 2em 0 rgba(0, 0, 0, 0.2);
}
.page-signin .phase {
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
}
.page-signin .step-2 .phase.a,
.page-signin .step-3 .phase.a {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.page-signin .phase.a,
.page-signin .phase.b {
  -webkit-transition: all 0.2s ease-in-out 0s, X;
  transition: all 0.2s ease-in-out 0s, X;
}
.page-signin .step-2 .phase.b {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out 0s, X;
  transition: all 0.2s ease-in-out 0s, X;
}
.page-signin .phase.b .placeholder-item {
  padding: 0.532rem 5px 0.532rem 22px;
}
.page-signin .phase.b .placeholder-checkbox {
  width: 12px;
  height: 12px;
  left: 5px;
}
.page-signin .step-2 .phase.b .placeholder-checkbox {
  background: #19892b;
  -webkit-transition: background-color 0.3s 2s, X;
  transition: background-color 0.3s 2s, X;
}
.page-signin .phase.b .placeholder-checkbox::before {
  content: '';
  background: url('../img/sprite.png') -800px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -5px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s 2s, X;
  transition: opacity 0.3s 2s, X;
}
.page-signin .step-2 .phase.b .placeholder-button {
  background: #19892b;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: background-color 0.3s 2s, transform 0.3s 3s;
  -webkit-transition: background-color 0.3s 2s, -webkit-transform 0.3s 3s;
  transition: background-color 0.3s 2s, -webkit-transform 0.3s 3s;
  transition: background-color 0.3s 2s, transform 0.3s 3s;
  transition: background-color 0.3s 2s, transform 0.3s 3s, -webkit-transform 0.3s 3s;
}
.page-signin .step-2 .phase.b .placeholder-checkbox::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin .phase.b .placeholder-item h5 {
  font-size: 0.75rem;
}
.page-signin .step-admin {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: #EFF3F7;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
}
.page-signin .step-3 .step-admin {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.page-signin .placeholder-nav {
  background: #E7F6E9;
  height: 40px;
  width: 100%;
  position: relative;
}
.page-signin .placeholder-dashboard {
  margin: 10px;
  height: calc(100% - 60px);
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-signin .placeholder-dashboard .placeholder-status,
.page-signin .placeholder-dashboard .placeholder-forecast {
  height: 100%;
  width: 50%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-signin .placeholder-dashboard .placeholder-status .placeholder-system {
  content: '';
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  height: calc(40% - 10px);
  margin-bottom: 10px;
  width: 100%;
  background: #E7F6E9;
  border-radius: 3px;
}
.page-signin .placeholder-dashboard .placeholder-status .icon.bold {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  padding: 5px;
}
.page-signin .placeholder-dashboard .placeholder-status .placeholder-trend {
  display: block;
  height: 60%;
  width: 100%;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  background: #fff;
  border-radius: 3px;
  position: relative;
}
.page-signin .placeholder-dashboard .placeholder-status .placeholder-trend svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  left: -25%;
  top: 40%;
  width: 160%;
}
.page-signin .placeholder-dashboard .placeholder-feed {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: calc(40% - 10px);
  margin-left: 8px;
  margin-bottom: 10px;
  width: calc(100% - 8px);
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.page-signin .placeholder-dashboard .placeholder-feed .placeholder-stat {
  content: '';
  display: block;
  width: calc(100%);
  height: calc(100%);
  position: relative;
  margin-left: 2px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  background: #fff;
  border-radius: 3px;
}
.page-signin .placeholder-dashboard .placeholder-forecast::after,
.page-signin .placeholder-dashboard .placeholder-forecast::before {
  content: '';
  display: block;
  height: calc(40% - 10px);
  width: calc(100% - 10px);
  margin-top: 10px;
  margin-left: 10px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  background: #fff;
  border-radius: 3px;
}
.page-signin .placeholder-dashboard .placeholder-forecast::before {
  height: 20%;
  margin-top: 0;
}
.page-signin .placeholder-nav::before {
  position: absolute;
  left: 14px;
  top: 14px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  content: '';
  background: url('../img/sprite.png') -200px -1700px no-repeat;
  height: 0;
  overflow: hidden;
  width: 12px;
  padding-top: 12px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.ready.page-signin .placeholder-appicon.brand {
  -webkit-transform: scale(12);
  transform: scale(12);
  background: #EFF3F7;
  z-index: 10;
  margin: 0;
  -webkit-transition: all 0.2s ease-in-out 4.8s, X;
  transition: all 0.2s ease-in-out 4.8s, X;
}
.ready.page-signin .placeholder-appicon.brand::before {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out 4.6s, X;
  transition: all 0.2s ease-in-out 4.6s, X;
}
.page-signin .step-3 .phone {
  width: 140px;
  height: 240px;
  margin-top: 100px;
  -webkit-box-shadow: 0 -0.5em 1.6em 0 rgba(0, 0, 0, 0.15), 0 0 0.875em 0 rgba(0, 0, 0, 0.15), 0 -0.063em 0.25em 0 rgba(0, 0, 0, 0.15), inset 0 -1em 2em 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 -0.5em 1.6em 0 rgba(0, 0, 0, 0.15), 0 0 0.875em 0 rgba(0, 0, 0, 0.15), 0 -0.063em 0.25em 0 rgba(0, 0, 0, 0.15), inset 0 -1em 2em 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  border-radius: 18px 0 0 18px;
}
.page-signin .phone .notch {
  background: #E7F6E9;
  top: 8px;
}
.page-signin .step-3 .phone .notch {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.page-signin .step-3 .phone .screen {
  border-radius: 16px 0 0 16px;
  -webkit-transition: all 0.5s ease-in-out, border-radius 0.1s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out, border-radius 0.1s ease-in-out 0.5s;
}
.page-signin .phone .screen {
  border: 5px solid #E7F6E9;
}
.page-signin .notch::before,
.page-signin .notch::after {
  display: none !important;
}
.page-signin .pitch h3 {
  max-width: 480px;
  margin: 40px 0 1rem;
  -webkit-font-smoothing: antialiased;
}
.page-signin .pitch ul {
  margin-bottom: 40px;
}
.page-signin .pitch ul li {
  margin: 0 15px;
  position: relative;
}
.page-signin:not(.mobile) .pitch ul li:not(:last-child)::after {
  content: '';
  background: #6f777f;
  width: 6px;
  height: 6px;
  position: absolute;
  right: -18px;
  top: 50%;
  margin: -3px 0 0 0;
  border-radius: 50%;
}
.page-signin .demo {
  height: 400px;
  position: relative;
  margin-top: 3rem;
}
.page-signin .pitch .content {
  margin: auto 0;
}
.page-signin .pitch figure {
  margin: 3rem 0;
}
.page-signin .signin li {
  margin-bottom: 1rem;
}
.page-signin .signin li.fp {
  width: 100%;
}
.page-signin .signin li.fp .btn {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.page-signin .signin li.fp .btn:hover {
  color: #19892b;
}
.page-signin .signin li.fp .btn > span {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 180px;
  margin: 0 auto;
}
.page-signin .signin .passwordPolicy {
  margin-bottom: 0.4rem;
}
.page-signin .wrap footer {
  font-size: 0.875rem;
  padding: 0 30px 2rem 30px;
  text-align: center;
  width: 50%;
  position: relative;
}
.passwordPolicy .a0-checked {
  text-decoration: line-through;
}
.tip .passwordPolicy li {
  margin-bottom: 0.4rem;
  padding-left: 16px;
  position: relative;
}
.tip .passwordPolicy li::before {
  border: 2px solid #BABFC4;
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0;
  top: 2px;
  border-radius: 50%;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tip .passwordPolicy li.a0-checked::before {
  content: '';
  background: url('../img/sprite.png') -600px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  left: 0;
  top: 3px;
  border: 0;
  border-radius: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tipFocus {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, -8px);
  transform: translate(0, -8px);
  visibility: visible;
  margin-bottom: 0.4rem;
}
/* Password Wink */
::-ms-reveal,
::-ms-clear {
  display: none !important;
}
.hideShowPassword-toggle {
  background-color: transparent;
  background-image: url('../img/wink.png');
  /* fallback */
  background-image: url('../img/wink.svg'), none;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 88px 44px;
  border-radius: 0.25em;
  cursor: pointer;
  font-size: 100%;
  height: 48px;
  margin: 0;
  max-height: 100%;
  padding: 0;
  overflow: 'hidden';
  text-indent: -999em;
  width: 46px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hideShowPassword-toggle-hide {
  background-position: -44px center;
}
.hideShowPassword-toggle:hover,
.hideShowPassword-toggle:focus {
  /* border-color: #19892b; */
  outline: transparent;
}
.page-signin.page-redeem .wrap::before {
  background: #EFF3F7;
}
.page-signin.page-redeem .neo {
  background: #81B53C;
}
.page-signin.page-redeem .pitch .third:nth-child(1) .neo {
  background: #159966;
}
.page-signin.page-redeem .pitch .third:nth-child(2) .neo {
  background: #2A9F8F;
}
.page-signin.page-redeem-alt .page .row {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.page-signin.page-redeem-alt .wrap {
  height: auto;
}
.page-signin.page-redeem .alert {
  border-radius: 12px;
}
.page-signin.page-redeem .mark {
  position: absolute;
  top: -20px;
  right: -60px;
  z-index: 2;
}
.page-signin .alert .auto {
  max-width: 480px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.page-signin.page-redeem header {
  background: #00272E;
}
.page-signin.page-redeem .pitch {
  background: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-signin.page-redeem .pitch #logo {
  margin-bottom: 3rem;
}
.page-signin.page-redeem .pitch h3 {
  margin: 2rem 0 0.3rem;
  color: #343a40;
}
.bg-pitch {
  margin: 0 0 -5rem 0;
  width: 360px;
}
.page-signin.page-redeem input {
  background: #fff;
  text-align: center;
}
.page-signin.page-redeem small,
.page-signin.page-redeem-alt small {
  color: #b5bbc1;
  max-width: none;
}
.page-signin .page > .alert {
  margin: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.page-signin.page-redeem footer {
  color: #b5bbc1;
  position: relative;
  left: 50%;
}
.bg-embed {
  width: 600px;
  position: relative;
  left: 50%;
  top: -100px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  margin-bottom: 40px;
  padding: 8px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
}
.page-redeem .alert.offer .mark,
.page-redeem-alt .alert.offer .mark {
  display: block !important;
  margin: 0 30px 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #33C1AF;
  color: #fff;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 0 6px 3px #baede6;
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 0 6px 3px #baede6;
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
}
.page-redeem-alt .alert.offer .mark::after {
  content: '';
  background: #2BA193;
  height: 35px;
  width: 75px;
  position: absolute;
  top: 2px;
  right: -9px;
  -webkit-transform: rotate(36deg);
          transform: rotate(36deg);
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
  z-index: 1;
}
.page-redeem-alt .alert.offer .mark::before {
  content: '';
  background: #e7f3ec;
  height: 35px;
  width: 85px;
  position: absolute;
  top: -10px;
  right: -27px;
  -webkit-transform: rotate(-144deg);
          transform: rotate(-144deg);
  z-index: 2;
}
.page-redeem .alert.offer .mark .center,
.page-redeem-alt .alert.offer .mark .center {
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 70px;
  line-height: 1.1;
  margin: 3px 0 0 0;
}
.page-redeem .alert.offer .mark .tl,
.page-redeem-alt .alert.offer .mark .tl {
  top: 5px;
  color: rgba(255, 255, 255, 0.7);
}
.page-redeem .alert.offer .mark .bl,
.page-redeem-alt .alert.offer .mark .bl {
  bottom: 5px;
  color: rgba(255, 255, 255, 0.7);
}
.open-tour main {
  z-index: initial;
}
.open-tour .page > footer {
  position: static;
  margin: 0 0 -100px 0;
  width: 100%;
}
.open-tour .overlay,
.open-menu.open-tour .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 9;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.open-tour.open-invite .overlay {
  z-index: 12;
}
.open-tour .overlay::before {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.open-tour .highlighted {
  z-index: 12;
}
.open-tour .highlighted .col {
  z-index: 10;
}
.open-tour .highlighted .col:first-child {
  z-index: 11;
}
.open-tour .frost {
  -webkit-filter: none;
          filter: none;
}
#checklist {
  background: #fff;
  width: 44px;
  line-height: 1.3;
  -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 8;
  overflow: hidden;
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
  display: none !important;
}
.open-checklist #checklist {
  z-index: 3;
  -webkit-transition: all 0s 0s, X;
  transition: all 0s 0s, X;
}
#checklist .expand {
  visibility: hidden;
  position: absolute;
  top: 6px;
  right: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.1s 0s, X;
  transition: all 0.1s 0s, X;
}
#checklist.open .expand {
  visibility: visible;
  z-index: 4;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transition: opacity 0.1s 0.3s, X;
  transition: opacity 0.1s 0.3s, X;
}
#checklist .icon {
  margin: 12px;
  cursor: pointer;
  color: #006316;
  fill: #006316;
  position: relative;
  z-index: 1;
}
#checklist h5 {
  margin: 0;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.1s 0s, X;
  transition: all 0.1s 0s, X;
  max-height: 0;
  position: absolute;
  left: 44px;
  top: 0;
  width: calc(100% - 44px);
}
#checklist h5 span {
  position: relative;
  z-index: 1;
}
#checklist h5::before {
  content: '';
  display: block;
  background: #f4f6f9;
  position: absolute;
  top: 0;
  left: -44px;
  z-index: -1;
  bottom: 0;
  width: calc(100% + 60px);
}
#checklist h5::after {
  content: '';
  display: block;
  background-color: rgba(191, 217, 204, 0.4);
  position: absolute;
  top: 0;
  left: -44px;
  z-index: 0;
  bottom: 0;
  width: calc((100% + 60px) / 3);
}
#checklist ul li {
  max-height: 0;
  margin: 0;
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
  -webkit-box-shadow: rgba(215, 222, 227, 0.5) 0 -1px 0 0 inset;
          box-shadow: rgba(215, 222, 227, 0.5) 0 -1px 0 0 inset;
  font-size: 0.875rem;
}
#checklist ul li div {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.1s 0.3s, X;
  transition: opacity 0.1s 0.3s, X;
  text-decoration: none;
  padding: 12px 12px 12px 44px;
  display: block;
}
#checklist ul li div::before {
  content: '';
  -webkit-box-shadow: inset 0 0 0 2px #BABFC4;
          box-shadow: inset 0 0 0 2px #BABFC4;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 12px;
  top: 12px;
}
#checklist ul li.done div::before {
  content: '';
  background: url('../img/sprite.png') -795px -794px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #006316;
  -webkit-box-shadow: inset 0 0 0 2px #006316;
          box-shadow: inset 0 0 0 2px #006316;
}
#checklist.open {
  width: 300px;
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
#checklist.open ul li {
  max-height: 100px;
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
}
#checklist.open ul li:not(:last-child) div {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#checklist.open ul li div {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
#checklist.open h5 {
  padding: 12px 60px 12px 0;
  max-height: 44px;
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.1s 0.3s, X;
  transition: opacity 0.1s 0.3s, X;
}
.guide {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 10;
  -webkit-box-shadow: 0 -2px 16px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 -2px 16px 0 rgba(33, 43, 54, 0.15);
  padding: 1rem 2rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  -webkit-transform: translateY(calc(100% + 40px));
  transform: translateY(calc(100% + 40px));
}
.guide.visible {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.guide ul {
  width: 100%;
  max-width: 800px;
}
.guide li {
  display: none;
}
.guide li i.icon,
.guide li i.icon.twentyfour.outline {
  margin: 0 1rem 0 0;
}
.guide li i.icon.twentyfour svg {
  fill: #006316;
  color: #006316;
}
.guide li i.icon.twentyfour.outline svg {
  stroke: #006316;
  fill: none;
}
.guide li h4 {
  margin: 0 0 1rem 0;
  padding-bottom: 1rem;
  position: relative;
}
.guide li h4::before {
  content: '';
  display: block;
  background: #f4f6f9;
  position: absolute;
  top: -1rem;
  left: -100px;
  z-index: -1;
  bottom: 0;
  width: calc(100vw + 100px);
}
.guide li h4::after {
  content: '';
  display: block;
  background-color: rgba(191, 217, 204, 0.4);
  position: absolute;
  top: -1rem;
  left: -100px;
  z-index: -1;
  bottom: 0;
  width: calc((100vw + 100px)/4);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.guide li p {
  margin: 0;
  min-height: 28px;
}
.guide[data-seq="1"] li:nth-child(1) {
  display: block;
}
.guide[data-seq="2"] li:nth-child(2) {
  display: block;
}
.guide[data-seq="2"] h4::after {
  width: calc((100vw + 100px)/3);
}
.guide[data-seq="3"] li:nth-child(3) {
  display: block;
}
.guide[data-seq="3"] h4::after {
  width: calc((100vw + 100px)/2);
}
.guide[data-seq="4"] li:nth-child(4) {
  display: block;
}
.guide[data-seq="4"] h4::after {
  width: calc((100vw + 100px)/1);
}
.guide .actions {
  margin: 0 40px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.guide .actions .btn {
  display: block;
  margin-left: 10px;
}
.guide .actions .btn.outline {
  -webkit-box-shadow: inset 0 0 0 1px #19892b;
          box-shadow: inset 0 0 0 1px #19892b;
}
.guide .actions .btn.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.guide .next::before,
.guide .prev::before {
  content: '';
  background: url('../img/sprite.png') -651px -440px no-repeat;
  height: 0;
  overflow: hidden;
  width: 8px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.guide .prev::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.guide .next::before {
  position: relative;
  top: -1px;
}
.guide .lines,
.guide .lines::before,
.guide .lines::after {
  background: #6f777f;
}
.guide .action {
  position: absolute;
  top: 22px;
  right: 20px;
  font-size: 0.875rem;
  color: #19892b;
}
.card.highlights {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 476px;
  background: #fff;
  position: relative;
  overflow: hidden;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out 0s, X;
  transition: all 0.3s ease-in-out 0s, X;
}
.card.highlights th {
  color: #fff;
}
.card.highlights.slide-status {
  background: #E1E7EE;
}
.card.highlights.slide-environment[data-version="2"] {
  background: #DDEDED;
}
.card.highlights.slide-environment[data-version="2"] header {
  margin: 0 0 2rem;
}
.card.highlights.slide-environment {
  background: #00543E;
}
.card.highlights.slide-environment small {
  color: #599c7a;
}
.card.highlights.slide-environment[data-version="2"] small {
  color: #5b636a;
}
.card.highlights.slide-environment h2,
.card.highlights.slide-environment h3,
.card.highlights.slide-environment h4 {
  color: #ffffff;
  margin: 0;
}
.card.highlights.slide-environment[data-version="2"] h3 {
  color: #006316;
  mix-blend-mode: multiply;
  position: relative;
  z-index: 1;
}
.card.highlights.slide-environment[data-version="2"] h4 {
  color: #343a40;
}
.card.highlights .item[data-name=environment] {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 1.5rem 20px 2rem;
}
.card.highlights[data-version="2"] .item[data-name=environment] {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
}
.card.highlights .item[data-name=environment] .stats {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.card.highlights[data-version="2"] .item[data-name=environment] .stats {
  color: #5b636a;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.card.highlights .item[data-name=environment] .stats .row {
  width: calc(100% + 20px);
  margin: 1rem 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.card.highlights[data-version="2"] .item[data-name=environment] .stats .row {
  margin: 0 !important;
  position: relative;
  z-index: 1;
}
.card.highlights[data-version="2"] .item[data-name=environment] .stats .row .col:last-child {
  padding-right: 160px;
}
.card.highlights .item[data-name=environment] .stats .row:last-child {
  margin: 20px 0 0 0;
}
.card.highlights .item[data-name=environment] .stats .forty .row {
  margin: 2rem -10px;
}
.card.highlights .item[data-name=environment] .stats .icon[data-img="impact-stackicon"] {
  width: 120px;
  height: 120px;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.card.highlights .item[data-name=environment] .stats .row .col.rgt .icon {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0 0 0 20px;
}
.card.highlights .item[data-name=environment] .lge {
  color: #fff;
  display: block;
  font-size: 4rem;
  margin-bottom: 0.3rem;
}
.card.highlights[data-version="2"] .item[data-name=environment] .lge {
  color: #343a40;
  font-size: 4rem;
}
.card.highlights .item[data-name=environment] .forty .lge {
  font-size: 4rem;
}
.card.highlights .item[data-name=environment] p {
  margin: 0;
}
.card.highlights[data-version="2"] .item[data-name=environment] p {
  margin-bottom: 1.5rem !important;
}
.card.highlights[data-version="2"] .item[data-name=environment] .stats .row:last-child p {
  margin-bottom: 0 !important;
}
.card.highlights img {
  display: none;
}
.card.highlights[data-version="2"] img {
  display: block;
  position: absolute;
  top: 0;
  left: 310px;
  height: 240px;
}
.card.highlights[data-version="2"] img[data-img="stack"] {
  top: 260px;
  left: 260px;
  height: 140px;
}
.card.highlights[data-version="2"] img[data-img="factory"] {
  left: auto;
  right: 60px;
  top: 0;
  height: 130px;
}
.card.highlights[data-version="2"] img[data-img="person"] {
  top: auto;
  left: auto;
  bottom: 0;
  right: 20px;
  height: 250px;
}
.card.highlights .item[data-name=environment] .icon {
  margin: 0 20px 0 0;
  width: 72px;
  height: 72px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #096;
  border-radius: 26px;
}
.card.highlights[data-version="2"] .item[data-name=environment] .icon {
  display: none !important;
}
.card.highlights .item[data-name=environment] .icon .mold {
  fill: none;
}
.card.highlights .item[data-name=environment] .row:nth-child(2) .icon {
  background: #8DC741;
}
.card.highlights .item[data-name=environment] .row:nth-child(3) .icon {
  background: #33C2AE;
}
.card.highlights .item[data-name=environment] strong {
  color: #fff;
}
.item[data-name=network] {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.item[data-name=network] .btn {
  width: 140px;
}
.item[data-name=network] .content {
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 1;
}
.item[data-name=network] .mold {
  fill: #13293D;
}
.item[data-name=network] .diagram {
  position: relative;
  padding-top: 100px;
}
.item[data-name=network] .diagram .col {
  position: relative;
}
.item[data-name=network] .diagram .icon {
  margin-bottom: 1rem;
  color: #5b636a;
}
.item[data-name=network] .diagram::before {
  content: '';
  border-top: 2px dashed #d7dee3;
  position: absolute;
  top: 60px;
  left: 50%;
  width: calc(100% - 100%/6);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.item[data-name=network] .diagram .col::before {
  content: '';
  border-left: 2px dashed #d7dee3;
  position: absolute;
  top: -40px;
  left: 50%;
  height: 30px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.item[data-name=network] .diagram::after {
  content: '';
  border-left: 2px dashed #d7dee3;
  position: absolute;
  top: 0;
  left: 50%;
  height: 60px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.operator {
  font-family: 'little_opheliaregular';
  font-style: normal;
  font-size: 2rem;
  color: #599c7a;
  line-height: 1;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.operator span {
  padding: 0 1rem;
  background: #065143;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.operator::before {
  content: '';
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.card.highlights .item[data-name=environment]::after {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
  background: url(../img/e-br.png) 0 0 no-repeat;
  width: 102px;
  height: 238px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  content: '';
}
.highlights .slider.slick-initialized {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
.highlights .slick-track {
  height: 100%;
}
.highlights h2 {
  margin-bottom: 0.3rem;
}
.highlights .item {
  padding: 20px;
  position: relative;
  height: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.highlights .item[data-name=usage] {
  background-image: radial-gradient(at 18% 58%, hsla(231, 39%, 56%, 0.09) 0, transparent 50%), radial-gradient(at 80% 100%, hsla(150, 23%, 83%, 0.18) 0, transparent 50%), radial-gradient(at 44% 26%, hsla(172, 58%, 47%, 0.11) 0, transparent 50%);
}
.highlights .item .content {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s 0.5s, X;
  transition: opacity 0.3s 0.5s, X;
}
.highlights .item.slick-active .content,
.card.highlights .item[data-name=environment].slick-active::before,
.card.highlights .item[data-name=environment].slick-active::after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.card.highlights .item[data-name=environment].slick-active::after {
  opacity: 0.05;
  filter: alpha(opacity=5);
}
/* .card.highlights .chart { min-height: 300px; background: none; }
.card.highlights #pages-trend-chart { background: none; }
.card.highlights.environment .tabs.segments li a { color: rgba(255,255,255,.3); }
.card.highlights.environment .tabs.segments li.active a { color: #fff; }
.highlights .tabs.segments { margin: 20px auto; width: 100%; text-align: center; position: relative; overflow: initial; }
.highlights .tabs ul { width: 100%; }
.highlights .tabs.segments.alt li {  white-space: nowrap; .opacity(100); width: 33.33%;.transition(all .66s ease-in-out 0s, opacity .2s ease-in-out 0s); position: absolute; bottom: 0; z-index: 1; }
.highlights .tabs.segments.alt li a { .h2; .box-shadow(none); background: none; padding: 0; font-weight: 600; margin: 0; color: rgba(0,0,0,0.2); .transition(all .66s ease-in-out .2s, color 0s); }
.highlights .tabs.segments.alt li:not(.active) a:hover { color: @primary; }
.highlights .tabs.segments li.active { background: none; }
.highlights .tabs.segments li.active a { color: #1A2329; }
.highlights .tabs.segments.anim li.prev { .opacity(0); }
.highlights .tabs.segments.anim-rev li.next { .opacity(0); }
.highlights .tabs.segments.anim li.prev { .transition(all 0s ease-in-out .3s, opacity .2s ease-in-out 0s);  }
.highlights .tabs.segments.anim-rev li.next { .transition(all 0s ease-in-out .3s, opacity .2s ease-in-out 0s); }
.highlights .tabs.segments li.prev { left: 0; .transform(translate(-33%, 0)); }
.highlights .tabs.segments li.active { left: 33.33%; }
.highlights .tabs.segments li.next { left: 66.66%; .transform(translate(33%, 0)); }  */
.highlights .icon.fill svg path {
  opacity: 1;
  filter: alpha(opacity=100);
}
.highlights .tabs.segments {
  width: 100%;
  padding: 0;
  margin-top: auto;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  position: relative;
  overflow: visible;
  font-size: 1rem;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  border: 0;
}
.highlights .tabs.segments ul {
  width: 100%;
  padding: 10px 0;
  position: static;
}
.highlights .tabs.segments ul li {
  width: calc(100%/3);
}
.highlights .tabs.segments ul li a {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: none;
  padding: 0.532rem 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.highlights .tabs.segments ul li a .icon {
  margin: 0 10px 0 0;
  width: 24px;
  height: 24px;
}
.highlights .tabs.segments ul li a .icon svg {
  stroke: #6f777f;
  stroke-width: 4;
  fill: none;
  overflow: visible;
}
.highlights .tabs.segments ul li a .icon.fill svg {
  fill: #6f777f;
  stroke: none;
  color: #6f777f;
}
.highlights .tabs.segments li.active .icon.fill svg {
  fill: #343a40;
  color: #343a40;
}
.highlights .tabs.segments li.active .icon:not(.fill) svg {
  stroke: #343a40;
}
.highlights .tabs.segments li.active {
  background: none;
}
.highlights .tabs.segments::before {
  content: '';
  width: calc(100%/3 - 5px);
  height: calc(100% - 10px);
  max-height: 52px;
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3, 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 0 1px #d7dee3, 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 5px;
  z-index: 2;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.highlights.slide-network .tabs.segments::before {
  left: calc(33.33%);
  width: calc(100%/3);
}
.highlights.slide-environment .tabs.segments::before {
  left: 66.66%;
}
.highlights .tabs.segments li.active a {
  color: #343a40 !important;
  background: none;
}
#pages-trend-chart .c3-chart-lines path {
  stroke-dasharray: 4000;
  stroke-dashoffset: 4000;
}
.c3 line,
.c3-axis path {
  stroke: #d7dee3 !important;
}
.tick text {
  fill: #A4ACB9 !important;
}
.c3-region {
  fill-opacity: 0.3 !important;
  fill: #cce0d6;
}
.c3-region rect {
  fill-opacity: 0.3 !important;
}
.c3-line {
  stroke-width: 2px;
}
.c3-tooltip {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.15);
  background: #13293D;
  border-radius: 3px;
  color: #fff;
}
.c3-tooltip tr {
  border: 0;
}
.c3-tooltip th {
  background: none;
  font-size: 1rem;
  font-size: 0.75rem;
}
.c3-tooltip td {
  background: none;
  border: 0;
}
.c3-tooltip td > span {
  border-radius: 50%;
}
.config-highlights .card {
  position: relative;
  overflow: hidden !important;
  background: none;
}
.config-highlights .card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  z-index: -8;
  height: 200%;
  width: 200%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, #fff), color-stop(40%, #fff), color-stop(50%, #b5bbc1), color-stop(55%, #b5bbc1), color-stop(70%, #fff), to(#fff));
  background: linear-gradient(to right, #fff 20%, #fff 40%, #b5bbc1 50%, #b5bbc1 55%, #fff 70%, #fff 100%);
  background-size: 200% auto;
}
.visible.config-highlights .card::before {
  -webkit-animation: shine 3s linear infinite;
          animation: shine 3s linear infinite;
}
.config-highlights .card::after {
  content: '';
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  z-index: -7;
  background: #fff;
}
.config-highlights h6,
.config-highlights h5 {
  margin: -0.5rem 0.75rem 0.8rem;
  font-weight: normal;
}
.config-highlights .config.card .list {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.config-highlights .config.card .list header {
  margin: -15px -15px 0 -15px;
  padding: 10px 15px 15px 15px !important;
  width: calc(100% + 30px);
  border-radius: 2px 2px 0 0;
  display: block !important;
}
.config-highlights .config.card .list header .flex div {
  margin: 6px 0 0 0;
}
.config-highlights .config.card .list ul {
  position: static;
  background-color: #f2f7f5;
  margin: 0 -15px -15px -15px;
  padding: 0 15px;
  width: calc(100% + 30px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 0 0 2px 2px;
}
.config-highlights .config.card .label {
  color: #006316;
  width: calc(100% - 60px);
}
.config-highlights .config.card .circle-bg {
  stroke: #bfd9cc;
}
.config-highlights .icon svg {
  fill: #bfd9cc;
}
.config-highlights .lit {
  fill: #19892b;
}
.config.card {
  overflow: hidden;
}
.config.card > header {
  background-color: #104F55;
  color: #fff;
  margin: -20px -20px 20px -20px;
  padding: 20px;
  width: auto;
  overflow: hidden;
  position: relative;
}
.config.card > header h6 {
  color: rgba(255, 255, 255, 0.5);
  -webkit-font-smoothing: antialiased;
}
.config.card > header .col:not(.rgt) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.config.card > header .rgt {
  margin-left: 20px;
}
.config.card > header .btn {
  background: none;
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.config.card > header .btn:hover {
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
          box-shadow: inset 0 0 0 1px #ffffff;
}
.config.card .list .col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  line-height: 1.2;
}
.config.card ul .row {
  margin: 0;
}
.config.card .label {
  width: 30%;
  padding: 0 20px 0 0;
}
.config.card header .label {
  color: #343a40;
  padding: 0 20px;
  font-weight: 600;
  font-size: 1.125rem;
  font-family: 'Barlow', sans-serif;
}
.config.card .list header {
  margin: 0 0 0.5rem 0;
}
.config.card header .month,
.config.card header .all {
  font-size: 0.875rem;
}
.config.card .list li:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.config.card ul {
  padding: 0;
  margin-bottom: -20px;
}
.config.card li .month {
  color: #343a40;
}
.config.card .list .month,
.config.card .list .all {
  width: 100px;
  text-align: right;
}
.config.card .num.all {
  font-size: 1rem;
  padding-right: 0;
}
.config.card figcaption {
  color: #fff;
}
.config.card .circle-bg {
  stroke: #1F405F;
}
.config.card .easeometer .value {
  fill: #fff;
}
.config.card .stars polygon {
  fill: #1E4060;
}
#tops {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#tops .card {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: auto;
}
#tops header {
  -webkit-box-shadow: inset 0 -1px 0 0 #d7dee3;
          box-shadow: inset 0 -1px 0 0 #d7dee3;
  margin: 0 -20px;
  padding: 0 20px 20px 20px;
  width: calc(100% + 40px);
}
#tops ul,
#tops ol {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 -10px -20px -10px;
  padding: 0;
}
#tops li {
  padding: 0 20px;
  margin: 0;
}
#tops li .row {
  padding: 0.8rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(32px + 1.6rem);
  margin: 0;
}
#tops ol li::before {
  right: 20px;
  left: auto;
  content: counter(counter) "";
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 3.5rem;
  line-height: 1;
  opacity: 0.1;
  filter: alpha(opacity=10);
  width: auto;
}
#tops a.row:hover .label {
  color: #19892b;
}
#tops .avatar {
  background: rgba(255, 255, 255, 0.5);
}
#tops .avatar a {
  text-decoration: none;
}
#tops .label {
  color: #343a40;
  font-weight: 600;
  margin: 0;
  padding-left: 0;
}
#tops .profile {
  width: 52px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding-left: 0;
}
#tops .pages {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  text-align: right;
  min-width: 120px;
  padding-right: 0;
}
#tops .rgt {
  text-align: right;
  margin: -0.25rem 0 0 0;
}
#tops .rgt .blk {
  line-height: 1;
}
#tops .rgt .med {
  font-size: 1.75rem;
}
#tops .rgt .med .icon {
  margin-right: 6px;
}
#forecasts {
  position: relative;
  height: 100% !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#forecasts hr.divider {
  margin: 2rem -20px;
  width: calc(100% + 40px);
}
#forecasts .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#forecasts .flex {
  position: relative;
  z-index: 1;
}
#forecasts h3 {
  margin-bottom: 2rem;
  position: relative;
  z-index: 1;
}
.forecast-paper {
  position: relative;
  min-height: 140px;
}
.forecast-paper > * {
  position: relative;
  z-index: 1;
}
.forecast-paper::after {
  content: '';
  width: 270px;
  height: 140px;
  position: absolute;
  bottom: 50px;
  right: -60px;
  background: url(../img/stack.png) -500px 100%;
  z-index: 0;
}
body:not(.home-b):not(.home-c) #forecasts .col {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px);
  -webkit-transition: opacity 0.3s linear 3s, transform 0.3s linear 3s;
  -webkit-transition: opacity 0.3s linear 3s, -webkit-transform 0.3s linear 3s;
  transition: opacity 0.3s linear 3s, -webkit-transform 0.3s linear 3s;
  transition: opacity 0.3s linear 3s, transform 0.3s linear 3s;
  transition: opacity 0.3s linear 3s, transform 0.3s linear 3s, -webkit-transform 0.3s linear 3s;
}
body:not(.home-b):not(.home-c) #forecasts .col:nth-child(2) {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
body:not(.home-b):not(.home-c) #forecasts .col:nth-child(3) {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
body:not(.home-b):not(.home-c).ready #forecasts .col {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
#forecasts .gauge {
  height: 123px;
  overflow: hidden;
}
#forecasts .gauge figcaption {
  position: absolute;
  width: 50%;
  text-align: center;
  bottom: 10px;
  left: 25%;
  color: #343a40;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
}
#forecasts svg {
  margin: 0 auto;
}
.toner-breakdown {
  display: block;
  font-size: 0.75rem;
  color: #6f777f;
  vertical-align: top;
  width: 100%;
  height: 73px;
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0 0 1.1rem 6px;
  position: relative;
}
.toner-breakdown li {
  mix-blend-mode: multiply;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-93px, 0);
  transform: translate(-93px, 0);
  -webkit-backface-visibility: hidden;
}
.visible .toner-breakdown li {
  -webkit-transition: 0.3s linear, X;
  transition: 0.3s linear, X;
}
.toner-breakdown li .num {
  font-size: 1rem;
}
.toner-breakdown .fill {
  width: 48px;
  z-index: 1;
  line-height: 52px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  margin-bottom: 0.5rem;
}
.toner-breakdown li span {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s, X;
  transition: 0.3s, X;
}
.visible .toner-breakdown li span {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.visible .toner-breakdown .ink-m {
  -webkit-transform: translate(-51px, 0);
  transform: translate(-51px, 0);
}
.visible .toner-breakdown .ink-y {
  -webkit-transform: translate(-9px, 0);
  transform: translate(-9px, 0);
}
.visible .toner-breakdown .ink-k {
  -webkit-transform: translate(30px, 0);
  transform: translate(30px, 0);
}
.toner-breakdown .ink-k {
  z-index: 0;
}
.toner-breakdown .ink-k .fill {
  mix-blend-mode: inherit;
}
.forecast-toner .ink-c .fill,
.open-toner .ink-c .fill.anim {
  background-color: #00A0C6;
}
.forecast-toner .ink-m .fill,
.open-toner .ink-m .fill.anim {
  background-color: #DE0184;
}
.forecast-toner .ink-y .fill,
.open-toner .ink-y .fill.anim {
  background-color: #FDDF05;
}
.forecast-toner .ink-k .fill,
.open-toner .ink-k .fill.anim {
  background-color: #000;
}
/* .forecast-paper { position: relative; }
.forecast-paper .stat { margin-bottom: 1.1rem; position: relative; height: 73px; .flex; flex-direction: column; justify-content: center; }
.forecast-paper .stat .desc { font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; }
.forecast-paper .stat:before { .sprite(0, -599px, 112px, 73px); position: absolute; top: 0; left: 50%; .transform(translate(-50%, 0)); } */
.forecast-paper .stat {
  margin-bottom: 1.65rem;
}
.ecoratings.icon svg path {
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
.ecoratings.icon svg path:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ecoratings.icon svg path:nth-child(3) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.ecoratings.icon svg path:nth-child(4) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.ecoratings.icon svg path:nth-child(5) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.ecoratings.icon.level-1 svg path:nth-child(1) {
  fill: #19892b;
}
.ecoratings.icon.level-2 svg path:nth-child(1),
.ecoratings.icon.level-2 svg path:nth-child(2) {
  fill: #19892b;
}
.ecoratings.icon.level-3 svg path:nth-child(1),
.ecoratings.icon.level-3 svg path:nth-child(2),
.ecoratings.icon.level-3 svg path:nth-child(3) {
  fill: #19892b;
}
.ecoratings.icon.level-4 svg path:nth-child(1),
.ecoratings.icon.level-4 svg path:nth-child(2),
.ecoratings.icon.level-4 svg path:nth-child(3),
.ecoratings.icon.level-4 svg path:nth-child(4) {
  fill: #19892b;
}
.ecoratings.icon.level-5 svg path {
  fill: #19892b;
}
#stats {
  position: relative;
  padding-top: 4rem;
}
#stats .third {
  position: relative;
}
#stats .third::before {
  border-right: 1px dashed #BABFC4;
  content: '';
  position: absolute;
  left: 50%;
  top: -2rem;
  height: 0;
  -webkit-transition: all 0.3s linear 2.3s, X;
  transition: all 0.3s linear 2.3s, X;
}
.ready #stats .third::before {
  height: 32px;
}
#stats::before {
  content: '';
  width: 0;
  position: absolute;
  top: 2rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-top: 1px dashed #BABFC4;
  -webkit-transition: all 0.6s linear 1.7s, X;
  transition: all 0.6s linear 1.7s, X;
}
.ready #stats::before {
  width: 66.66%;
}
.scope {
  position: absolute;
  left: -100px;
  top: -100px;
  width: 200px;
  height: 200px;
  background: #fff3d6;
  border-radius: 50%;
}
.scope::before {
  content: '';
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: absolute;
  bottom: -10px;
  right: 40px;
}
.scope::after {
  content: '';
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: absolute;
  bottom: 0;
  right: 0;
}
.scope span {
  position: absolute;
  bottom: 50px;
  right: 50px;
  line-height: 1;
  font-size: 1rem;
  color: #ffc747;
}
.scope span strong {
  display: block;
  font-weight: 400;
  font-size: 1.5rem;
  color: #ffb100;
}
.symbol {
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2rem;
  color: #599c7a;
}
.highlights dl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 140px;
  margin: 0 auto 0.5rem auto;
}
#status-board {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 420px;
}
#status-board a {
  text-decoration: none;
}
#status-board .icon {
  margin-bottom: 0.2rem;
}
#status-board .icon svg {
  height: 72px;
}
.heartbeat {
  position: relative;
  width: calc(100% + 40px);
  margin: 0 -20px;
  height: 62px;
  overflow: hidden;
}
.heartbeat svg {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.ready .heartbeat svg.top {
  opacity: 1;
  filter: alpha(opacity=100);
}
.heartbeat svg.top polyline {
  -webkit-animation: dash-heart 2s;
          animation: dash-heart 2s;
  -webkit-animation-iteration-count: 3;
          animation-iteration-count: 3;
}
@-webkit-keyframes dash-heart {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash-heart {
  100% {
    stroke-dashoffset: 0;
  }
}
#status-board img {
  position: absolute;
  bottom: -120px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.home-c .card.system-status {
  position: relative;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #00272E;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  z-index: 5;
}
.system-status h4,
.system-status h3 {
  color: #fff;
}
.system-status p {
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 2;
  max-width: 240px;
  padding-right: 40px;
  line-height: 1.2;
}
.system-status small {
  color: #fff;
  position: relative;
  z-index: 2;
}
.system-status .type {
  position: absolute;
  font-size: 0.75rem;
  top: 26px;
}
#status-board .type {
  top: -16px;
}
.system-status .status .services {
  position: relative;
  z-index: 0;
}
.system-status .status {
  text-align: center;
  margin: 2rem auto 3rem;
  position: relative;
  width: 66px;
  height: 66px;
}
.system-status .status .services::before {
  content: "";
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100px;
  height: 100px;
  background-color: #cce0d6;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.system-status .status .services::after {
  content: "";
  opacity: 0.2;
  filter: alpha(opacity=20);
  width: 160px;
  height: 160px;
  background-color: #d9e8e0;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.system-status .icon.bold:not(.state) {
  margin: 0;
  background: #fff;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
  padding: 10px 16px 6px 10px;
  width: 66px;
  height: 66px;
}
.system-status .icon.state {
  position: absolute;
  top: -12px;
  right: -16px;
  width: 32px;
  height: 32px;
  padding: 6px;
  -webkit-box-shadow: 0 0 0 3px #00272E;
          box-shadow: 0 0 0 3px #00272E;
  -webkit-transition: all 0.5s ease-in-out, X;
  transition: all 0.5s ease-in-out, X;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.ready .system-status .icon.state {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.system-status .icon.bold:not(.state) svg {
  color: #00272E;
  fill: #fff;
}
.system-status .client {
  position: absolute;
  -webkit-transform: none;
  transform: none;
  z-index: 1;
  width: 66px;
  height: 66px;
  top: 10px;
  left: auto;
  right: 20px;
}
.system-status .client .logo::before {
  content: '';
  background: url('../img/sprite.png') -200px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 32px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: -14px 0 0 -15px;
}
.system-status .client .logo.hive::before {
  content: '';
  background: url('../img/sprite.png') -400px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 35px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: -14px 0 0 -17px;
}
.system-status .client .logo {
  background: #00272E;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.system-status .client .icon {
  background: none;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.system-status .client::before,
.system-status .client::after {
  background: none;
  -webkit-box-shadow: 0 0 0 6px #EFF3F7;
          box-shadow: 0 0 0 6px #EFF3F7;
  width: 150%;
  height: 150%;
  -webkit-animation: waves 6s ease-out infinite 3s;
  animation: waves 6s ease-out infinite 3s;
}
.system-status .client::after {
  -webkit-animation: waves 6s ease-out infinite 4.5s;
  animation: waves 6s ease-out infinite 4.5s;
}
.page-coordinators .client::before {
  -webkit-animation: ripples 2s ease-out infinite;
  animation: ripples 2s ease-out infinite;
}
.page-coordinators .client::after {
  -webkit-animation: ripples 2s ease-out infinite 1s;
  animation: ripples 2s ease-out infinite 1s;
}
.system-status .connection {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 340px;
  margin: 0 auto 1.5rem auto;
  position: relative;
}
.system-status .connection .wire {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 10px;
}
.connector {
  width: 50px;
  height: 2px;
  position: relative;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  left: calc(50% - 25px);
  top: -15px;
  border-top: 2px dashed rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.5s ease-in-out, X;
  transition: all 0.5s ease-in-out, X;
  -webkit-animation: glow 1200ms ease-out infinite alternate;
  animation: glow 1200ms ease-out infinite alternate;
}
.connector::before {
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 71px;
  left: -35px;
  width: 100px;
  height: 2px;
  border-top: 2px dashed rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.5s ease-in-out, X;
  transition: all 0.5s ease-in-out, X;
  -webkit-animation: glow 1200ms ease-out infinite alternate;
  animation: glow 1200ms ease-out infinite alternate;
}
.connector::after {
  content: '';
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: -76px;
  left: -35px;
  width: 100px;
  height: 2px;
  border-top: 2px dashed rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.5s ease-in-out, X;
  transition: all 0.5s ease-in-out, X;
  -webkit-animation: glow 1200ms ease-out infinite alternate;
  animation: glow 1200ms ease-out infinite alternate;
}
.ready .system-status .connection .wire .connector {
  width: 100%;
}
.system-status .connection .icon:not(.bold) {
  margin: 0;
  height: 48px;
  width: 48px;
}
.system-status .connection .icon:not(.bold) svg {
  stroke: #fff;
  stroke-width: 2;
  fill: none;
  overflow: visible;
}
.system-status .connection .status {
  margin: 2rem auto;
}
.system-status .connection .status .icon {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease-in-out 0.5s, X;
  transition: all 0.3s ease-in-out 0.5s, X;
}
.ready .system-status .connection .status .icon {
  -webkit-transform: scale(1);
  transform: scale(1);
}
#status-board .count {
  color: #fff;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  position: absolute;
  top: -12px;
  right: -12px;
  background: #00272E;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  z-index: 2;
}
#status-board.newicons .count {
  color: #fff;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 18px;
  position: absolute;
  background: none;
  height: auto;
  width: 100%;
  left: 0;
  top: 13px;
  text-align: center;
  z-index: 2;
}
#printerstatus {
  --color-stop-1: #EB225F;
  --color-stop-2: #FFB100;
}
#status-board .mold {
  fill: #A4ACB9;
}
#status-errors.has-errors .icon {
  -webkit-animation: shake 5s 5;
  animation: shake 5s 5;
}
#status-errors.has-no-errors .icon .mold {
  fill: #A4ACB9;
}
#status-errors .icon .mold {
  fill: #EB225F;
}
#status-warnings.has-no-warnings .icon .mold {
  fill: #A4ACB9;
}
#status-warnings .icon .mold {
  fill: #FFB100;
}
#status-healthy .icon .mold {
  fill: #19892b;
}
#new-activity header {
  padding: 20px;
  position: sticky;
  top: -50px;
  margin: -50px -0.5rem 0 -0.5rem;
  background: #00775e;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border-radius: 3px 3px 0 0;
  z-index: 3;
}
#new-activity.highlighted header {
  z-index: 100;
}
#new-activity h4,
#new-activity h3 {
  margin: 0;
}
#new-activity {
  position: relative;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  overflow: auto;
  padding: 50px 0.5rem 20px 0.5rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, white), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white)) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}
#new-activity .list {
  padding: 0;
}
#new-activity ul {
  margin: 10px 0 -20px 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#new-activity li .row {
  -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), X;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), X;
  margin: 0;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #dce0e5;
          box-shadow: inset 0 0 0 1px #dce0e5;
  padding: 1.125rem 1rem;
}
#new-activity li:nth-child(6n + 6) i.avatar:not(.logo),
#tops li:nth-child(6n + 6) i.avatar:not(.logo),
main .list li:nth-child(6n + 6) i.avatar:not(.logo) {
  background: #4D6060;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
#new-activity li:nth-child(6n + 5) i.avatar:not(.logo),
#tops li:nth-child(6n + 5) i.avatar:not(.logo),
main .list li:nth-child(6n + 5) i.avatar:not(.logo) {
  background: #1C5150;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
#new-activity li:nth-child(6n + 4) i.avatar:not(.logo),
#tops li:nth-child(6n + 4) i.avatar:not(.logo),
main .list li:nth-child(6n + 4) i.avatar:not(.logo) {
  background: #2B4E55;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
#new-activity li:nth-child(6n + 3) i.avatar:not(.logo),
#tops li:nth-child(6n + 3) i.avatar:not(.logo),
main .list li:nth-child(6n + 3) i.avatar:not(.logo) {
  background: #324B50;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
#new-activity li:nth-child(6n + 2) i.avatar:not(.logo),
#tops li:nth-child(6n + 2) i.avatar:not(.logo),
main .list li:nth-child(6n + 2) i.avatar:not(.logo) {
  background: #31545C;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
#new-activity li:nth-child(6n + 1) i.avatar:not(.logo),
#tops li:nth-child(6n + 1) i.avatar:not(.logo),
main .list li:nth-child(6n + 1) i.avatar:not(.logo) {
  background: #005050;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
#new-activity li.new {
  max-height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  z-index: 2;
}
.ready #new-activity li.new {
  max-height: 200px;
  overflow: visible;
  margin: 0 0 0.5rem 0;
}
#new-activity li {
  margin: 0 0 0.5rem 0;
}
#new-activity .mock li {
  margin: 0 0 0.5rem 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s, X;
  transition: 0.3s, X;
}
#new-activity .mock li:nth-child(20) {
  -webkit-transition-delay: 1680ms;
          transition-delay: 1680ms;
}
.ready #new-activity .mock li:nth-child(20) {
  opacity: 1;
}
#new-activity .mock li:nth-child(19) {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}
.ready #new-activity .mock li:nth-child(19) {
  opacity: 1;
}
#new-activity .mock li:nth-child(18) {
  -webkit-transition-delay: 1520ms;
          transition-delay: 1520ms;
}
.ready #new-activity .mock li:nth-child(18) {
  opacity: 1;
}
#new-activity .mock li:nth-child(17) {
  -webkit-transition-delay: 1440ms;
          transition-delay: 1440ms;
}
.ready #new-activity .mock li:nth-child(17) {
  opacity: 1;
}
#new-activity .mock li:nth-child(16) {
  -webkit-transition-delay: 1360ms;
          transition-delay: 1360ms;
}
.ready #new-activity .mock li:nth-child(16) {
  opacity: 1;
}
#new-activity .mock li:nth-child(15) {
  -webkit-transition-delay: 1280ms;
          transition-delay: 1280ms;
}
.ready #new-activity .mock li:nth-child(15) {
  opacity: 1;
}
#new-activity .mock li:nth-child(14) {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
.ready #new-activity .mock li:nth-child(14) {
  opacity: 1;
}
#new-activity .mock li:nth-child(13) {
  -webkit-transition-delay: 1120ms;
          transition-delay: 1120ms;
}
.ready #new-activity .mock li:nth-child(13) {
  opacity: 1;
}
#new-activity .mock li:nth-child(12) {
  -webkit-transition-delay: 1040ms;
          transition-delay: 1040ms;
}
.ready #new-activity .mock li:nth-child(12) {
  opacity: 1;
}
#new-activity .mock li:nth-child(11) {
  -webkit-transition-delay: 960ms;
          transition-delay: 960ms;
}
.ready #new-activity .mock li:nth-child(11) {
  opacity: 1;
}
#new-activity .mock li:nth-child(10) {
  -webkit-transition-delay: 880ms;
          transition-delay: 880ms;
}
.ready #new-activity .mock li:nth-child(10) {
  opacity: 1;
}
#new-activity .mock li:nth-child(9) {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}
.ready #new-activity .mock li:nth-child(9) {
  opacity: 1;
}
#new-activity .mock li:nth-child(8) {
  -webkit-transition-delay: 720ms;
          transition-delay: 720ms;
}
.ready #new-activity .mock li:nth-child(8) {
  opacity: 1;
}
#new-activity .mock li:nth-child(7) {
  -webkit-transition-delay: 640ms;
          transition-delay: 640ms;
}
.ready #new-activity .mock li:nth-child(7) {
  opacity: 1;
}
#new-activity .mock li:nth-child(6) {
  -webkit-transition-delay: 560ms;
          transition-delay: 560ms;
}
.ready #new-activity .mock li:nth-child(6) {
  opacity: 1;
}
#new-activity .mock li:nth-child(5) {
  -webkit-transition-delay: 480ms;
          transition-delay: 480ms;
}
.ready #new-activity .mock li:nth-child(5) {
  opacity: 1;
}
#new-activity .mock li:nth-child(4) {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}
.ready #new-activity .mock li:nth-child(4) {
  opacity: 1;
}
#new-activity .mock li:nth-child(3) {
  -webkit-transition-delay: 320ms;
          transition-delay: 320ms;
}
.ready #new-activity .mock li:nth-child(3) {
  opacity: 1;
}
#new-activity .mock li:nth-child(2) {
  -webkit-transition-delay: 240ms;
          transition-delay: 240ms;
}
.ready #new-activity .mock li:nth-child(2) {
  opacity: 1;
}
#new-activity .mock li:nth-child(1) {
  -webkit-transition-delay: 160ms;
          transition-delay: 160ms;
}
.ready #new-activity .mock li:nth-child(1) {
  opacity: 1;
}
#new-activity .mock li:nth-child(3) {
  -webkit-transition-delay: 1s !important;
  transition-delay: 1s !important;
}
#new-activity .mock li:nth-child(2) {
  -webkit-transition-delay: 3s !important;
  transition-delay: 3s !important;
}
#new-activity .mock li:nth-child(1) {
  -webkit-transition-delay: 5s !important;
  transition-delay: 5s !important;
}
#new-activity li a.row::after {
  display: none !important;
}
#new-activity .icon.bold {
  width: 32px;
  height: 32px;
  padding: 8px;
  margin-top: 0.25rem;
  -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), X;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), X;
  background: #2B4E55;
}
#new-activity .icon.bold svg {
  max-height: 100%;
  height: auto;
}
#new-activity .avatar {
  margin: 0.25rem 0 0 0;
}
.page header .col.license {
  font-size: 0.875rem;
  color: #5b636a;
  -webkit-box-shadow: inset 1px 0 0 0 #E5E9ED;
          box-shadow: inset 1px 0 0 0 #E5E9ED;
  margin: -1.5rem 0 -0.5rem auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
}
.license h5 {
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  color: #b5bbc1;
}
.page header .license > .col {
  margin-bottom: 0;
}
.license .bg {
  -webkit-transform: none;
  transform: none;
  z-index: -1;
  left: auto;
  top: auto;
  right: 0;
  bottom: -10px;
}
.placeholder .card,
.card.placeholder {
  background: none;
}
.placeholder .held {
  display: none !important;
}
.placeholder.card figure {
  height: 65px;
  margin: 0 auto 15px;
}
.placeholder.card figure svg {
  display: none !important;
}
.placeholder .list li .col {
  color: transparent !important;
}
.placeholder .card header p,
.placeholder.rgt,
.placeholder .stat span,
.placeholder .stat p {
  position: relative;
  color: transparent;
  margin-bottom: 0.5rem;
  min-height: 50px;
}
.placeholder .list li .col::before,
.placeholder .card header p::before,
.placeholder .card header p::after,
.placeholder.rgt::before,
.placeholder .honeycomb .avatar::before,
.placeholder .stat span::before,
.placeholder .stat p::before,
.placeholder.card figure::before {
  content: '';
  position: absolute;
  background: #DBE2E7;
  height: 100%;
  width: 100%;
  z-index: 7;
}
.placeholder .card header p::before,
.placeholder .card header p::after {
  height: calc(40%);
}
.placeholder .card header p::before,
.placeholder.rgt::before {
  background: #1E4060;
}
.placeholder .honeycomb .avatar::before,
.placeholder .stat span::before,
.placeholder .stat p::before,
.placeholder figure::before {
  left: 0;
}
.placeholder .card header p::after {
  background: #1E4060;
  top: 55%;
  left: 0;
  width: 80%;
}
.network.placeholder .bracket .list li::after {
  border: 0;
}
.network.placeholder .connector::before,
.network.placeholder .bracket .list::before {
  background: none;
}
#stats.placeholder .list li .col::before {
  width: calc(100% - 20px);
}
.placeholder.rgt::before {
  width: calc(100% - 30px);
}
.network .list .col.icon::before {
  left: 0;
}
#stats.placeholder .config.card .list li .month::before,
#stats.placeholder .config.card .list li .all::before {
  right: 0;
}
#first-setup {
  width: calc(100% + 60px);
  margin: -2rem -30px;
  background: #fff;
  padding: 20px 30px;
  margin-bottom: 2rem;
  border-top: 1px solid #E5E9ED;
}
#print-setup.hidden {
  padding: 0 30px !important;
}
#print-setup {
  z-index: 8;
  background: #eff3f7;
  width: calc(100%);
  margin: 0;
  padding: 20px 30px;
  max-height: 600px;
  position: relative;
  -webkit-box-shadow: inset 0 0 0 1px rgba(140, 162, 166, 0.1), inset 0 0 10px 0 rgba(48, 88, 96, 0.3);
          box-shadow: inset 0 0 0 1px rgba(140, 162, 166, 0.1), inset 0 0 10px 0 rgba(48, 88, 96, 0.3);
  -webkit-transition: all 0.3s ease-in, width 0s;
  transition: all 0.3s ease-in, width 0s;
}
#print-setup .auto {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s ease-in 0.3s, X;
  transition: all 0.3s ease-in 0.3s, X;
}
#print-setup.hidden .auto {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in 0s, X;
  transition: all 0.3s ease-in 0s, X;
}
#print-setup.highlighted {
  z-index: 10;
}
nav.expose {
  z-index: 10;
  position: absolute;
  overflow: initial;
}
#print-setup .empty {
  width: 100%;
  height: 100%;
  max-width: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: linear-gradient(45deg, rgba(242, 247, 245, 0) 0%, rgba(242, 247, 245, 0.8) 15%, #f2f7f5 50%, rgba(242, 247, 245, 0.8) 85%, rgba(242, 247, 245, 0) 100%);
}
#print-setup .empty .mold {
  fill: transparent;
}
#print-setup .empty p {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
#print-setup .empty .btn {
  -ms-flex-item-align: center;
      align-self: center;
}
#print-setup ol {
  background: none;
}
#print-setup ol li::before {
  z-index: 1;
  left: 0;
  top: 0;
  color: #fff;
  width: 20px;
}
#print-setup ol li::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 38px 32px 0 0;
  border-color: #065143 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#print-setup ol li.complete::after {
  border-color: #A4ACB6 transparent transparent transparent;
}
#print-setup ol li.active::after {
  border-color: #159966 transparent transparent transparent;
}
#print-setup .empty .icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 1rem auto;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(163, 177, 198, 0.6);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(163, 177, 198, 0.6);
  border-radius: 26px;
  background: #81B53C;
}
#first-setup .sep span,
#print-setup .sep span {
  background: #fff;
  color: #6f777f;
}
#first-setup h4,
#print-setup h4 {
  margin-bottom: 0.8rem;
}
#first-setup .list li,
#print-setup .list li {
  min-height: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: 0s, X;
  transition: 0s, X;
}
#print-setup .list li:first-child {
  z-index: 1;
}
#print-setup .list li .row {
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#print-setup .list li.active {
  background: #fff;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 30px -6px rgba(50, 50, 93, 0.15), 0 18px 18px -9px rgba(0, 0, 0, 0.2), 0 -6px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 30px -6px rgba(50, 50, 93, 0.15), 0 18px 18px -9px rgba(0, 0, 0, 0.2), 0 -6px 36px -8px rgba(0, 0, 0, 0.025);
}
#first-setup .list li.complete .icon::before,
#print-setup .list li.complete .icon::before {
  content: '';
  background: url('../img/sprite.png') -793px -791px no-repeat;
  height: 0;
  overflow: hidden;
  width: 24px;
  padding-top: 24px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  border-radius: 50%;
  background-color: #13293D;
  position: absolute;
  top: -9px;
  right: -9px;
  -webkit-box-shadow: 0 0 0 3px #F2F7F5;
          box-shadow: 0 0 0 3px #F2F7F5;
  z-index: 2;
}
#print-setup .list li.complete .btn.outline {
  pointer-events: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#first-setup .list li a.row,
#print-setup .list li .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: none;
  position: relative;
  z-index: 0;
}
#first-setup .list li:hover {
  background-color: #f5fafc;
}
#first-setup .list li a.row .icon,
#print-setup .list li .row .icon {
  margin: 0 20px 0 0;
  background: #BABFC4;
  border-radius: 26px;
}
#print-setup p {
  margin-bottom: 0.5rem;
}
#first-setup svg,
#print-setup svg {
  width: 72px;
  height: 72px;
  max-width: none;
}
#print-setup li.complete h5 {
  text-decoration: line-through;
}
#first-setup .list li.active .icon,
#print-setup .list li.active .icon {
  background: #159966;
}
#status-held svg {
  position: relative;
  z-index: 1;
}
.pie {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 4px solid #A4ACB6;
  background: #A4ACB6;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(0, currentColor));
  background-image: linear-gradient(to right, transparent 50%, currentColor 0);
  color: #b5bbc1;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 0;
}
.ready .pie::before {
  content: '';
  display: block;
  margin-left: 50%;
  height: 100%;
  border-radius: 0 100% 100% 0%;
  background-color: inherit;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-animation: piespin 3s linear 2 normal, piebg 6s step-end 1 normal;
          animation: piespin 3s linear 2 normal, piebg 6s step-end 1 normal;
}
@-webkit-keyframes piespin {
  to {
    -webkit-transform: rotate(0.5turn);
            transform: rotate(0.5turn);
  }
}
@keyframes piespin {
  to {
    -webkit-transform: rotate(0.5turn);
            transform: rotate(0.5turn);
  }
}
@-webkit-keyframes piebg {
  50% {
    background: currentColor;
  }
}
@keyframes piebg {
  50% {
    background: currentColor;
  }
}
.ready .blink {
  -webkit-animation: blink 1s linear 5 normal;
          animation: blink 1s linear 5 normal;
}
.open-start .toast.board {
  z-index: 8;
}
.home-c .config.card ul .row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 0;
  -webkit-transform: none;
          transform: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-c .config.card .list li .month {
  width: 60px;
  padding: 0;
  line-height: 1;
}
.home-c .config.card h4 {
  margin: 0 10px 0 0;
  position: relative;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.home-c .config.card h3 {
  margin: 0 10px 0 0;
  position: relative;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.home-c .config.card .icon {
  margin: 0;
}
.home-c .sep span {
  background: #EFF3F7;
  color: #6f777f;
}
.home-c .honeycomb {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-c .honeycomb .avatar {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
  position: relative;
  z-index: 1;
}
.home-c .honeycomb h6 {
  line-height: 0.9;
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: #000;
  opacity: 0.05;
  filter: alpha(opacity=5);
  font-size: 5rem;
  margin: 0;
  font-weight: 900;
  z-index: 0;
}
.home-c .card {
  overflow: initial;
}
.home-c .honeycomb .row {
  margin: 5px -10px;
}
.page-home.home-c main hr {
  margin: 0.75rem 0;
}
.home-c main .col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 0;
}
.page-onboarding .topbar,
.page-onboarding.open-menu .topbar {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  position: inherit;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 72px;
  font-size: 1.25rem;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
.page-onboarding.open-menu .overlay {
  display: none !important;
}
.page-onboarding .nav-toggle.lines-button {
  display: block;
}
.page-onboarding .wrap {
  padding: 0;
  background: #EFF3F7;
}
.page-onboarding .page {
  margin: 0;
  max-height: 100vh;
}
.page-onboarding .page > .col {
  padding: 3rem 0;
}
.page-onboarding aside {
  background: #fff;
  right: 0;
  width: 100%;
  max-width: none;
  height: 100vh;
  padding: 3rem 0;
  -webkit-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
  -webkit-transition: transform 0.5s, X;
  -webkit-transition: X, -webkit-transform 0.5s;
  transition: X, -webkit-transform 0.5s;
  transition: transform 0.5s, X;
  transition: transform 0.5s, X, -webkit-transform 0.5s;
  position: fixed;
  top: 0;
}
.page-onboarding aside header {
  padding: 0;
  margin: 0;
  display: block;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-onboarding.slideup aside {
  -webkit-transform: translate(0, 56px);
  transform: translate(0, 56px);
}
.page-onboarding .slides {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
}
.page-onboarding .slides.slick-initialized {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.page-onboarding .slides .item {
  margin: 60px 0 30px 0;
  padding: 0 15px;
  min-width: calc(272px + 60px);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-onboarding .slides .item h3,
.page-onboarding .slides .item p {
  display: none !important;
}
.page-onboarding .step-2 .item:nth-child(1) figure,
.page-onboarding .step-3 .item:nth-child(2) figure {
  margin: 0 0 0 auto;
}
.page-onboarding .slides .slick-current figure {
  margin: 0 auto;
}
.page-onboarding .slides .item:focus {
  outline: none;
}
.onboarding.ios .slides figure {
  width: 272px;
  -webkit-box-shadow: 0 0 0 1px #CCD2D7;
          box-shadow: 0 0 0 1px #CCD2D7;
  background: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
  border-radius: 3px;
  overflow: hidden;
  -webkit-transition: box-shadow 0.3s 0.5s, X;
  -webkit-transition: X, -webkit-box-shadow 0.3s 0.5s;
  transition: X, -webkit-box-shadow 0.3s 0.5s;
  transition: box-shadow 0.3s 0.5s, X;
  transition: box-shadow 0.3s 0.5s, X, -webkit-box-shadow 0.3s 0.5s;
}
.onboarding.ios .slides .slick-current figure {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  opacity: 1;
  filter: alpha(opacity=100);
}
.onboarding header h3 {
  margin-bottom: 2rem;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
  min-height: 22px;
}
.page-onboarding p {
  max-width: 300px;
  margin: 0 auto 1.3rem;
}
.page-onboarding .page p {
  color: #5b636a;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
}
.page-onboarding .slick-dots {
  bottom: calc(100% - 30px);
  right: 50%;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  border-radius: 3px;
}
.page-onboarding .slick-dots li {
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.page-onboarding .slick-dots li button {
  background: #D6DCE0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  line-height: 40px;
  font-family: 'Barlow', sans-serif;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
}
.page-onboarding .slick-dots li.slick-active button {
  background: #13293C;
}
.onboarding.animating header h3,
.onboarding.animating footer p {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-onboarding .overlay {
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  overflow: hidden;
}
.open-mobile .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 9;
  padding: 0;
  background: #13293D;
}
.open-mobile #popup-mobile {
  background: none;
  color: rgba(255, 255, 255, 0.7);
  padding: 3rem 0;
  position: static;
  top: 0;
  opacity: 1;
  display: block;
  z-index: 100;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  visibility: visible;
  width: 100%;
  /* min-height: 100%; */
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
}
.open-mobile h3 {
  color: #fff;
}
#popup-mobile header,
#popup-mobile footer {
  max-width: 360px;
  padding: 0;
}
#popup-mobile .content {
  overflow: hidden;
  margin: 30px 0;
  padding: 0;
  border-radius: 0;
}
#popup-mobile h1 {
  color: #fff;
  font-size: 1.25rem;
}
.onboarding.mobile {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem 0;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
  visibility: visible;
}
.onboarding.mobile .slick-dots {
  display: none !important;
}
.onboarding.mobile .item {
  padding: 0;
}
.onboarding.mobile figure {
  position: relative;
}
#popup-mobile figure img {
  margin: 0 auto;
}
.onboarding.mobile.replay .slides {
  cursor: pointer;
}
.onboarding.mobile .item:last-child figure::before {
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  content: '';
  background: rgba(23, 43, 68, 0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.onboarding.mobile .item:last-child figure::after {
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  content: '';
  width: 114px;
  height: 26px;
  background: url(../img/replay.png) 0 0 no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.onboarding.mobile.replay .item:last-child figure::before,
.onboarding.mobile.replay .item:last-child figure::after {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.onboarding.mobile h3 {
  color: #fff;
  margin: 0;
  font-size: 1.25rem;
}
.onboarding.mobile p {
  color: rgba(255, 255, 255, 0.8);
}
.mask {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  visibility: hidden !important;
}
.prog {
  margin: -30px auto 30px;
  display: block;
  width: 360px;
  height: 6px;
  overflow: hidden;
  background-color: #20405e;
  background-image: -webkit-gradient(linear, left top, right top, from(#19892b), to(#19892b));
  background-image: linear-gradient(to right, #19892b, #19892b);
  background-repeat: no-repeat;
  background-size: 33.33% 100%;
  -webkit-transition: background-size 0.4s ease-in-out;
  transition: background-size 0.4s ease-in-out;
}
#verification {
  max-width: 300px;
  margin: -1.3rem 0 30px 0;
  text-align: center;
  color: #6f777f;
}
#verification .row {
  margin: 0 -5px;
}
#verification .row > div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding: 0.375rem 5px;
}
#verification .row > div input {
  display: none !important;
}
#verification .row > div .num {
  background: #13293D;
  border-radius: 3px;
  color: #fff;
  padding: 0.875rem;
  display: block;
}
.page-onboarding.mobile .overlay.visible {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}
.page-onboarding.mobile .page {
  min-height: calc(100vh - 56px - 56px);
}
.page-onboarding.mobile .list:not(.condensed) li a.row {
  z-index: 10;
  overflow: initial;
  border-radius: 0;
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.8rem 30px 0.8rem 54px;
}
.page-onboarding.mobile .list.condensed li a.row {
  border-radius: 0;
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  z-index: 0;
  padding: 0.8rem 0;
}
.page-onboarding.mobile .list figure {
  border-radius: 50%;
  left: 15px;
  top: 12px;
  content: '';
  background: url('../img/sprite.png') -989px -787px no-repeat;
  height: 0;
  overflow: hidden;
  width: 40px;
  padding-top: 40px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #13293B;
}
.page-onboarding.mobile .list figure::before {
  display: none !important;
}
.page-onboarding.mobile .list figure img {
  display: none !important;
}
.page-onboarding.mobile .list .col.document,
.page-onboarding.mobile .list .col.attr {
  width: 100%;
  display: block !important;
}
.page-onboarding.mobile .list .col.document {
  margin-bottom: 0.2rem;
}
.page-onboarding.mobile footer {
  z-index: 1;
  bottom: 0;
  position: fixed;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  left: 0;
  width: 100%;
  font-size: 1rem;
  height: auto;
  padding: 0.5rem;
  background: #FFF;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12), 0 16px 16px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12), 0 16px 16px 0 rgba(0, 0, 0, 0.24);
}
.page-onboarding.mobile .uo-print,
.page-onboarding.mobile .uo-release {
  min-height: calc(100vh - 56px - 56px - 61px);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-onboarding.mobile .uo-print .task,
.page-onboarding.mobile .uo-release .task {
  display: none !important;
  margin: auto;
  padding: 1.125rem 1.125rem 0 1.125rem;
  background: rgba(255, 255, 255, 0.7);
  position: relative;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}
.page-onboarding.mobile .uo-release h5 {
  position: relative;
  color: #6f777f;
  padding: 0.5rem 20px;
  margin: 0;
}
.page-onboarding.mobile .uo-release h5 .tip.stuck {
  right: auto;
  left: 100px;
  -webkit-transform: translate(0);
          transform: translate(0);
  bottom: auto;
  top: 2px;
}
.page-onboarding.mobile .uo-release h5 .tip.stuck::before {
  right: auto;
  left: -4px;
  top: 12px;
  bottom: 0;
}
.page-onboarding.mobile .uo-release header {
  background: #212B36;
  padding: 0.5rem 0;
}
.page-onboarding.mobile .uo-release header h3 {
  color: #fff;
  margin: 0;
  padding: 0.5rem 0 1rem;
  text-align: center;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.15);
}
.page-onboarding.mobile .uo-release header .tabs {
  margin-top: 0;
  -webkit-font-smoothing: antialiased;
}
.page-onboarding.mobile .uo-release header .tabs ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-onboarding.mobile .uo-release header .tabs ul li {
  width: 33.33%;
  padding: 0 0.75rem;
  margin: 0;
  text-align: center;
  padding: 0;
}
.page-onboarding.mobile .uo-release header .tabs ul li.active {
  background: #171F27;
}
.page-onboarding.mobile .uo-release header .tabs ul li .icon {
  height: 20px;
  display: block;
  margin: 0 auto 0.2rem auto;
}
.page-onboarding.mobile .uo-release header .tabs ul li .icon svg {
  fill: #fff;
}
.page-onboarding.mobile .uo-release header .tabs ul li a {
  color: #fff;
  padding: 0.8rem 0;
  -webkit-box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.15);
}
.page-onboarding.mobile .uo-release header .tabs ul li:last-child a {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.crop {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  margin-top: -2px;
}
a.row.deleted {
  cursor: default;
}
a.row.deleted::after {
  background: none;
}
.row.deleted .rule {
  padding-right: 90px;
}
.row.deleted .rule h4 {
  text-decoration: line-through;
}
.row.deleted a.restore {
  position: absolute;
  top: 0;
  right: 20px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  line-height: 24px;
}
.rule-details-actions {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.rule-details-actions .rgt .btn {
  margin-left: 0.5rem;
}
.rule h4 {
  margin: 0;
  min-height: 24px;
}
.rule-user:empty {
  background: #DBE2E7;
  width: 210px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 0;
}
.rule-printer:empty {
  background: #DBE2E7;
  width: 120px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
}
.rule-time:empty {
  background: #DBE2E7;
  width: 80px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 2px;
}
.collapsable a.row > .icon {
  width: 24px;
  height: 24px;
  -ms-flex-item-align: start;
      align-self: start;
  margin: 0 7px 0 -7px;
}
.collapsable li[data-type="warn"] a.row > .icon svg {
  fill: #ee6800;
  color: #ee6800;
}
.collapsable li[data-type="deny"] a.row > .icon svg {
  fill: #ab1d46;
  color: #ab1d46;
}
.collapsable.nochildren ul {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.aside-accesscontrol .list.collapsable a.row::before {
  content: '';
  width: 48px;
  position: absolute;
  background: #fff;
  top: 0;
  left: 0;
  height: 100%;
  padding: 0;
  border-radius: 3px 0 0 3px;
  -webkit-transform: none !important;
  transform: none !important;
}
.aside-accesscontrol .list.collapsable li[data-type="deny"] a.row::before {
  background: #FFEFF4;
}
.aside-accesscontrol .list.collapsable li[data-type="warn"] a.row::before {
  background: #fff3d6;
}
.aside-accesscontrol .list li a.row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.empty-rule {
  -webkit-box-shadow: inset 0 0 0 1px #CCD2D7;
          box-shadow: inset 0 0 0 1px #CCD2D7;
  border-radius: 3px;
  padding: 0.75rem 0.75rem 0 0.75rem;
  margin-bottom: 1.5rem;
  color: #6f777f;
}
.empty-rule .col {
  padding: 20px 15px;
  margin-top: 1rem;
}
.empty-rule .col:not(:last-child) {
  -webkit-box-shadow: inset -1px 1px 0 0 #CCD2D7;
          box-shadow: inset -1px 1px 0 0 #CCD2D7;
}
.empty-rule .col:last-child {
  -webkit-box-shadow: inset 0 1px 0 0 #CCD2D7;
          box-shadow: inset 0 1px 0 0 #CCD2D7;
}
.empty-rule .icon.outline {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  color: #b5bbc1;
}
.empty-rule .icon.outline svg {
  stroke-width: 1;
}
.aside-accesscontrol .list .row.extra.alt {
  padding-top: 0;
}
.aside-accesscontrol .list .row.level {
  border-radius: 0 !important;
  border-top: 1px solid rgba(215, 222, 227, 0.7);
  padding: 20px 20px 0 20px;
  margin-bottom: 20px;
}
/* .page-printsecurity .pusher { background: #19417D; } */
/* .page-printsecurity .pusher { background: url(../img/paper.png); } */
/* .configure main .col { visibility: hidden; .opacity(0); .transition(opacity .3s ease-in .3s); min-width: 240px; color: rgba(255, 255, 255, 0.7); } */
.page .configure {
  min-height: calc(100vh - 56px);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.configure main {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: initial;
      align-content: initial;
}
.configure main .row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.configure:not(.shift) main .col {
  -webkit-transition: opacity 0.3s ease-in 0.3s, X;
  transition: opacity 0.3s ease-in 0.3s, X;
  min-width: 240px;
  text-align: center;
}
.configure main .col.divider {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
}
.configure:not(.shift) .diagram hr {
  max-width: 0;
  -webkit-transition: all 0.5s ease-in, X;
  transition: all 0.5s ease-in, X;
  display: none !important;
}
.configure.ready .diagram hr {
  max-width: 200px;
}
.configure.ready .diagram .col {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.configure .diagram .col:first-child .icon {
  background: #159966 !important;
}
.configure .diagram .icon,
.configure .diagram .row:last-child .col:first-child .icon {
  background: #2A9F8F;
}
.configure .diagram .col:last-child .icon {
  background: #81B53C;
}
.configure:not(.shift) main .row:last-child {
  margin-top: -70px;
}
.configure.shift .row:last-child {
  margin-top: 0 !important;
}
/* .configure main .col h6 { color: #FFD23F; } */
.configure main .icon svg {
  fill: none;
  stroke: none;
}
.lit {
  fill: #E5E9ED;
}
.get.lit {
  fill: #19892b;
}
.container-printsecurity {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: calc(100vh - 56px);
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#shield-border {
  stroke: rgba(255, 255, 255, 0.5);
}
.config.card .shield-bg {
  fill: rgba(0, 0, 0, 0.2);
}
.shield .filler {
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.ready .shield.low .filler {
  fill: #19892b;
  -webkit-transform: translateY(66.66%);
          transform: translateY(66.66%);
}
.ready .shield.medium .filler {
  fill: #19892b;
  -webkit-transform: translateY(33.33%);
          transform: translateY(33.33%);
}
.ready .shield.high .filler {
  fill: #19892b;
  /* fill: url(#shieldgrad); */
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
/* .page-theenvironment .pusher { background: #114B5F; } */
.page-theenvironment .diagram > .row {
  width: 100%;
  padding: 0 0 0 30px;
}
.page-theenvironment.configure main .row:last-child {
  margin-top: -70px;
}
.page-theenvironment .diagram .col:nth-child(2) {
  margin: 0 0 0 auto;
}
.spin {
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.pipe {
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
  stroke: #41a5bc;
}
.pipe.rev {
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
}
.ready .pipe {
  -webkit-animation: dash 0.5s 0.3s linear forwards;
          animation: dash 0.5s 0.3s linear forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.ready .pipe.rev {
  -webkit-animation: dash-rev 0.5s linear forwards;
          animation: dash-rev 0.5s linear forwards;
}
.ready #pipe-clever .pipe {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.ready #pipe-blunt .pipe {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.fillup {
  -webkit-transition: all 0.6s 0.6s ease-in-out;
  transition: all 0.6s 0.6s ease-in-out;
  -webkit-transform: translateY(101%);
          transform: translateY(101%);
  opacity: 1;
  filter: alpha(opacity=100);
}
#mygradient stop.start-color {
  stop-color: #348496;
}
#mygradient stop.end-color {
  stop-color: #348496;
}
.ready .fillup {
  fill: #348496;
  /* fill: url(#mygradient); */
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: translateY(75%);
          transform: translateY(75%);
}
.bird {
  -webkit-animation: float 3s linear infinite;
          animation: float 3s linear infinite;
}
.whale .blowhole path {
  stroke-dasharray: 7;
  stroke-dashoffset: 7;
  -webkit-animation: blowhole 5s 0.2s linear infinite;
          animation: blowhole 5s 0.2s linear infinite;
}
.whale .blowhole :nth-child(2) {
  -webkit-animation: blowhole 5s 0.4s linear infinite;
          animation: blowhole 5s 0.4s linear infinite;
}
.whale .blowhole :nth-child(3) {
  -webkit-animation: gush 5s 0.6s linear infinite;
          animation: gush 5s 0.6s linear infinite;
  opacity: 0;
  filter: alpha(opacity=0);
}
.whale .blowhole :nth-child(4) {
  -webkit-animation: gush 5s 0.6s linear infinite;
          animation: gush 5s 0.6s linear infinite;
  opacity: 0;
  filter: alpha(opacity=0);
}
.wind path {
  -webkit-animation: wind 3s linear infinite;
          animation: wind 3s linear infinite;
}
.wind path:nth-child(1) {
  -webkit-animation: wind 3.4s linear infinite;
          animation: wind 3.4s linear infinite;
}
.wind path:nth-child(2) {
  -webkit-animation: wind 3.2s linear infinite;
          animation: wind 3.2s linear infinite;
}
.earth {
  -webkit-filter: drop-shadow(0 0 20px rgba(50, 50, 93, 0.2));
          filter: drop-shadow(0 0 20px rgba(50, 50, 93, 0.2));
}
#land {
  fill: url(#landfill);
}
#water {
  fill: url(#wave);
}
#globe {
  fill: url(#wave2);
}
/* .cloud-2 { animation: cloud 30s linear infinite; }
.cloud-3 { animation: cloud 120s linear infinite; }
.cloud-4 { animation: cloud 70s linear infinite; } */
@-webkit-keyframes RingProgress {
  0% {
    stroke-dasharray: 0 100;
  }
}
@keyframes RingProgress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.ActivityRings {
  height: 100%;
  width: 100%;
}
.ActivityRings .ring {
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
}
.ActivityRings .completed {
  -webkit-animation: RingProgress 1s ease-in-out forwards;
          animation: RingProgress 1s ease-in-out forwards;
  stroke-linecap: round;
}
.ActivityRings circle {
  fill: none;
}
.ring1 .background {
  stroke: #E5E9ED;
}
.ring1 .completed {
  stroke: #19892b;
}
.ring2 .background {
  stroke: #E5E9ED;
}
.ring2 .completed {
  stroke: #81B53C;
}
.ring3 .background {
  stroke: #E5E9ED;
}
.ring3 .completed {
  stroke: #2A9F8F;
}
.option-list li[data-content="users-new"] .icon:not(.icon-exclaim):not(.state) svg,
li[data-type="users-new"] .icon:not(.icon-exclaim):not(.state) svg {
  color: #159966 !important;
  fill: #159966 !important;
  stroke: #159966 !important;
  stroke-width: 1.5;
}
.option-list li[data-content="users-all"] .icon:not(.icon-exclaim):not(.state) svg,
li[data-type="users-all"] .icon:not(.icon-exclaim):not(.state) svg {
  color: #2A9F8F !important;
  fill: #2A9F8F !important;
  stroke: #2A9F8F !important;
  stroke-width: 1.5;
}
.option-list li[data-content="users-admin"] .icon:not(.icon-exclaim):not(.state) svg,
li[data-type="users-admin"] .icon:not(.icon-exclaim):not(.state) svg {
  color: #81B53C !important;
  fill: #81B53C !important;
  stroke: #81B53C !important;
  stroke-width: 1.5;
}
[data-list="configure"] ul {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
[data-list="configure"] ul li {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
[data-list="configure"] li.complete .row::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 32px 0;
  border-color: transparent #19892b transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}
[data-list="configure"] li.complete .row::after {
  content: '' !important;
  background: url('../img/sprite.png') -800px -800px no-repeat !important;
  height: 0 !important;
  overflow: hidden !important;
  width: 10px !important;
  padding-top: 8px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  background-size: 2000px 2000px !important;
  position: absolute;
  top: 5px;
  right: 3px;
  width: 10px;
  -webkit-transform: none !important;
          transform: none !important;
}
.configure.shift [data-list="configure"] .row {
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin: -1px -1px 0 0 !important;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3 !important;
          box-shadow: inset 0 0 0 1px #d7dee3 !important;
  border-radius: 0 !important;
  min-height: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1.125rem 0 !important;
  background: #ffffff !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.configure.shift [data-list="configure"] .row:hover h5 {
  color: #19892b;
}
.configure.shift [data-list="configure"] .row .col {
  color: #687077;
}
.configure.shift [data-list="configure"] li.highlight .row .icon {
  -webkit-animation: wobble 1.4s ease-out 3;
          animation: wobble 1.4s ease-out 3;
}
.configure.shift [data-list="configure"] .row:hover,
.configure.shift [data-list="configure"] > ul li:last-child .row:first-child:hover {
  -webkit-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2), inset 0 0 0 1px #b5bbc1 !important;
          box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2), inset 0 0 0 1px #b5bbc1 !important;
  background: #fff !important;
  z-index: 1;
}
[data-list="configure"] .col.fit:not(.icon) {
  min-width: 180px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 52px);
          flex: 1 0 calc(100% - 52px);
}
.unreleased-range {
  height: 6px;
}
#unreleased-range {
  color: #5b636a;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0 -5px;
}
.unreleased-wrap {
  padding: 1rem 0 1.3rem 0;
}
.unreleased-range .noUi-handle {
  -webkit-transform: translate(15px, -12px);
  transform: translate(15px, -12px);
}
/* .page-easyprinting .bg svg { stroke: #E5E9ED; fill:none; display: block; }
.page-easyprinting .bg .hair { stroke: none; .opacity(30); }
.page-easyprinting .diagram .col:nth-child(2) {
  margin: 0 0 0 auto;
}
*/
.page-easyprinting .bg {
  margin: 0;
}
/* Move form actions to bottom
.page-easyprinting aside .panel > header,
.page-easyprinting .tab-header {
  padding: 1rem 20px;
}

.page-easyprinting aside .panel > header .rgt,
.page-easyprinting .tab-header .rgt {
  position: fixed;
  margin: 0;
  z-index: 99;
  bottom: 0;
  top: auto;
  background: #fff;
  padding: 1rem 20px;
  box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
  max-width: calc(100% - 200px);
  min-width: 240px;
  width: calc(840px);
  text-align: right;
  right: -100%;
  transition: right 0.3s ease-in-out 0s;
  margin-left: 0 !important;
}

.page-easyprinting aside.wide .panel > header .rgt,
.page-easyprinting aside.wide .tab-header .rgt {
  width: 100%;
  max-width: 1200px;
}

.page-easyprinting.open-aside aside .panel > header .rgt {
  right: 0;
}

.page-easyprinting aside .panel.editmode .tab-header .rgt {
  right: 0;
  top: auto !important;
}

.page-easyprinting aside article.col,
.page-easyprinting aside .preview.col,
.page-easyprinting aside .tab {
  padding-bottom: 100px;
}

.page-easyprinting aside header .tabs {
  margin-bottom: -1rem;
}

/* /Move form actions to bottom */
.configure.shift .page > header .auto > .row {
  min-height: 160px;
}
.configure.shift .sub {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  border-radius: 3px;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border: 0;
  margin-bottom: 1.3rem;
}
.configure.shift .sub a {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  margin: 0 !important;
  background: #fff;
}
.configure.shift .sub li:first-child a {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.configure.shift .sub a:hover {
  color: #19892b;
  -webkit-box-shadow: 0 0 0 1px #b5bbc1 !important;
          box-shadow: 0 0 0 1px #b5bbc1 !important;
  z-index: 1;
}
.configure.shift .bg {
  position: absolute;
  top: 1.5rem;
  margin: 0;
  right: 0;
}
.configure.shift .bg img {
  width: auto;
}
.diagram h2 + p,
.diagram h3 + p {
  min-height: 48px;
}
.mouse {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  stroke: #EFF3F7;
  stroke-width: 6;
  fill: none;
  -webkit-animation: mouse 3s 0.3s linear forwards;
          animation: mouse 3s 0.3s linear forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.mold.alt {
  -webkit-transition: fill 0.3s 2.4s, X;
  transition: fill 0.3s 2.4s, X;
  fill: #19892b;
}
.ready .mold.alt {
  fill: #065143;
}
.dots {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0s 0.3s, X;
  transition: 0s 0.3s, X;
}
.ready .dots {
  opacity: 1;
  filter: alpha(opacity=100);
}
[data-type^=cf] {
  max-height: 3000px;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
[data-type^=cf].hidden {
  opacity: 0;
  filter: alpha(opacity=0);
}
[data-type^=cf] > * {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s 0.2s, X;
  transition: all 0.2s 0.2s, X;
}
h4 .icon.twentyfour {
  margin: 0 10px 0 0;
}
.aside-printeridlabels .printout {
  max-width: 240px;
}
.aside-printeridlabels .printout h2 {
  font-size: 0.625rem;
  line-height: 1.25;
}
.aside-printeridlabels .printout i:not(.logo) {
  width: 80%;
  max-height: 60px;
}
.aside-printeridlabels .printout small {
  display: none !important;
}
.aside-printeridlabels .printout .numcode span {
  font-size: 0.625rem;
  width: 10px;
}
.aside-teamsignup .tab {
  padding: 20px 0;
}
.aside-printerdiscovery .mb {
  margin-top: 2rem;
  max-width: 200px;
}
.aside-printerdiscovery .tampa {
  padding: 15px 0 25px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), inset 0 6px 0 0 #fff, inset 6px 0 0 0 #fff, inset -6px 0 0 0 #fff, inset 0 -13px 0 0 #fff, 0 0 2em 0 rgba(0, 0, 0, 0.12);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), inset 0 6px 0 0 #fff, inset 6px 0 0 0 #fff, inset -6px 0 0 0 #fff, inset 0 -13px 0 0 #fff, 0 0 2em 0 rgba(0, 0, 0, 0.12);
}
.aside-printerdiscovery .radar {
  background: repeating-radial-gradient(circle, rgba(223, 228, 232, 0) 0, rgba(142, 149, 158, 0.2) 1px, rgba(223, 228, 232, 0) 2px, rgba(223, 228, 232, 0) 13px);
  width: 80px;
  height: 80px;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  border: 1px solid rgba(142, 149, 158, 0.2);
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.aside-printerdiscovery .radar::before {
  content: none;
}
.aside-printerdiscovery .radar::after {
  content: ' ';
  display: block;
  background-image: linear-gradient(44deg, rgba(0, 255, 51, 0) 50%, #ABAFC4 100%);
  width: 50%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: none;
          animation: none;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  border-radius: 100% 0 0 0;
}
.aside-printerdiscovery .printer {
  margin: 0 auto 1rem auto;
}
.aside-printerdiscovery .preview h5 {
  margin: 0;
}
.aside-printerdiscovery .preview .blk {
  margin: 0;
}
.aside-mobileprinting p.margin-top {
  margin: 20px 0 0 0 !important;
}
.aside-mobileprinting .devices {
  width: 300px;
  height: 220px;
  margin: 0 auto;
  display: block;
  position: relative;
}
.aside-mobileprinting .devices > div {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
}
.aside-mobileprinting .devices .devices-chrome {
  content: '';
  background: url('../img/sprite.png') -80px -80px no-repeat;
  height: 0;
  overflow: hidden;
  width: 300px;
  padding-top: 220px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-image: url(../img/mobile-printing.png);
  top: 0;
  left: 0;
}
.aside-mobileprinting .devices .devices-chrome.complete {
  content: '';
  background: url('../img/sprite.png') -80px -380px no-repeat;
  height: 0;
  overflow: hidden;
  width: 300px;
  padding-top: 220px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-image: url(../img/mobile-printing.png);
}
.aside-mobileprinting .devices .devices-iphone {
  content: '';
  background: url('../img/sprite.png') -459px -176px no-repeat;
  height: 0;
  overflow: hidden;
  width: 66px;
  padding-top: 119px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-image: url(../img/mobile-printing.png);
  z-index: 11;
  top: 96px;
  left: 69px;
}
.aside-mobileprinting .devices .devices-iphone.complete {
  content: '';
  background: url('../img/sprite.png') -459px -476px no-repeat;
  height: 0;
  overflow: hidden;
  width: 66px;
  padding-top: 119px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-image: url(../img/mobile-printing.png);
}
.aside-mobileprinting .devices .devices-android {
  content: '';
  background: url('../img/sprite.png') -551px -176px no-repeat;
  height: 0;
  overflow: hidden;
  width: 66px;
  padding-top: 119px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-image: url(../img/mobile-printing.png);
  z-index: 11;
  top: 96px;
  left: 181px;
}
.aside-mobileprinting .devices .devices-android.complete {
  content: '';
  background: url('../img/sprite.png') -551px -476px no-repeat;
  height: 0;
  overflow: hidden;
  width: 66px;
  padding-top: 119px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-image: url(../img/mobile-printing.png);
}
.aside-mobileprinting .tab {
  padding: 20px 0;
  min-height: 300px;
}
.aside-mobileprinting .tabs {
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  text-align: center;
  margin: 0;
}
.aside-mobileprinting .tabs.center ul {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.aside-mobileprinting .tabs li a .icon {
  color: #b5bbc1;
  width: 32px;
  height: 32px;
}
.aside-mobileprinting .tabs li.complete a .icon {
  color: #343a40;
}
.aside-mobileprinting .empty .icon {
  width: 48px;
  margin: 0 auto 0.8rem auto;
}
.aside-mobileprinting .empty svg {
  color: #343a40;
}
.aside-mobileprinting .tabs li.complete .icon::before,
.aside-mobileprinting .success .icon::before {
  content: '';
  background: url('../img/sprite.png') -793px -791px no-repeat;
  height: 0;
  overflow: hidden;
  width: 24px;
  padding-top: 24px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  border-radius: 50%;
  background-color: #19892b;
  position: absolute;
  top: -12px;
  right: -12px;
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
  z-index: 2;
}
.grouping {
  position: relative;
}
.grouping.disabled > * {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.grouping > * {
  -webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.grouping.disabled:hover > * {
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-filter: blur(3px);
          filter: blur(3px);
}
.grouping .empty:not(.desktop-only) {
  -webkit-transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.95);
  transform: translate(-50%, -50%) scale(0.95);
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.grouping.disabled:hover .empty {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-filter: blur(0);
          filter: blur(0);
}
.panel.has-editor .list .row.level {
  border-radius: 0 !important;
  border-top: 1px solid rgba(215, 222, 227, 0.7);
  padding: 20px 20px 0 20px;
  margin-bottom: 20px;
}
.panel.has-editor .scroll {
  position: relative;
  background: #EFF3F7;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: hidden;
}
.panel.block.has-editor .scroll {
  position: static;
}
.panel.has-editor .tab-step {
  position: absolute;
  z-index: 100;
  background: #EFF3F7;
  right: calc(-100% - 20px);
  height: 100%;
  width: calc(100% + 40px);
  top: 0;
  padding: 20px;
  padding-bottom: 100px;
  margin: 0 -20px;
  overflow: hidden;
  -webkit-transition: all 0s 1s, right 0.3s 0s;
  transition: all 0s 1s, right 0.3s 0s;
}
.panel.has-editor.light .tab-step,
.panel.has-editor.light.editmode .tab-header {
  background: #fff;
}
.panel.has-editor .tab-header {
  position: absolute;
  z-index: 101;
  right: calc(-100% - 20px);
  width: calc(100% + 40px);
  height: auto;
  top: 0;
  background: #fff;
  overflow: hidden;
  min-height: 81px;
  -webkit-transition: all 0s 1s, right 0.3s 0s;
  transition: all 0s 1s, right 0.3s 0s;
}
.panel.has-editor.editmode .tab-step,
.panel.has-editor.editmode .tab-header {
  right: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.panel.has-editor.editmode .tab-header .more {
  position: absolute;
  top: 45px;
  right: 10px;
}
.panel.aside-costtracking.has-editor.editmode .tab-header .more {
  top: 1rem;
}
.panel.has-editor #tab-editor > .alert.stuck {
  display: none;
}
.panel.has-editor.editmode #tab-editor > .alert.stuck {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.panel.has-editor > header,
.panel.has-editor .manager {
  -webkit-transition: all 0s 1s, X;
  transition: all 0s 1s, X;
  background: #fff;
}
.panel.has-editor > header {
  min-height: 81px;
}
.panel.has-editor .manager .list li.disabled > .row {
  background: #fff !important;
}
.panel.has-editor .manager .list li.disconnected > .row {
  cursor: initial;
  background: #fff !important;
}
.panel.has-editor .manager .list li.disconnected .state {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
}
.panel.has-editor .manager .list li.disconnected > .row .status .icon,
.panel.has-editor .manager .list li.disabled > .row .status .icon {
  mix-blend-mode: luminosity;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.panel.has-editor .manager .list li.disconnected > .row .def,
.panel.has-editor .manager .list li.disabled > .row .def {
  color: #b5bbc1;
}
.panel.has-editor.editmode .manager {
  position: absolute;
  width: 100%;
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  height: 0;
  overflow: hidden;
}
.panel.has-editor.editmode > header {
  position: absolute;
  width: 100%;
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
}
.panel.has-editor.editmode header h3 {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.panel.has-editor .option-list:not([data-group="quickscan-flow"]) li small {
  -webkit-transition: all 0.3s, opacity 0.2s 0.2s;
  transition: all 0.3s, opacity 0.2s 0.2s;
  max-height: 0;
  overflow: hidden;
  color: #6f777f !important;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 0 10px;
}
.panel.has-editor .option-list li.disconnected.active small {
  max-height: 100px;
  opacity: 1;
  filter: alpha(opacity=100);
  padding: 0 10px 10px 10px;
  margin: -10px 0 0 0;
}
aside .mesh {
  background: #fff;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
  padding: 13px 16px 6px 10px;
  width: 66px;
  height: 66px;
  margin: 1.3rem auto 2.6rem;
  border-radius: 50%;
}
aside .syncing > .row {
  max-width: 240px;
}
aside .syncing > .row .half {
  width: 50%;
}
aside .syncing.ver:not(.split):not(.paused)::before {
  top: 200px;
  width: 80px;
  left: 50%;
  -webkit-transform: translate(-50%, 0) rotate(90deg);
          transform: translate(-50%, 0) rotate(90deg);
}
aside .syncing .offlinemode::after {
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  content: '';
  position: absolute;
  top: 80px;
  width: 60px;
  left: 50%;
  -webkit-transform: translate(-50%, 0) rotate(90deg);
          transform: translate(-50%, 0) rotate(90deg);
  height: 8px;
  background: #B5C2C9;
  z-index: 1;
  mask: url(../img/arrow.svg);
  -webkit-mask: url(../img/arrow.svg);
}
aside .syncing .disabled .offlinemode::after {
  content: none;
}
aside .syncing svg,
aside .syncing small {
  position: relative;
  z-index: 5;
}
.aside-costtracking.panel.has-editor .tab-header,
.aside-costtracking.panel.has-editor .tab-step,
.aside-costtracking .sticky-footer footer {
  -webkit-transition: 0s, X;
  transition: 0s, X;
}
.aside-costtracking [data-content="col"] {
  padding-right: 42px;
}
.aside-costtracking [data-content="col"] .col {
  position: static;
  width: calc(75%/2);
}
.aside-costtracking [data-content="col"] .col::before,
.aside-costtracking [data-mode=skeleton][data-list=print-copy-costs] [data-content="col"] .col::before {
  content: '';
  position: absolute;
  top: 0;
  z-index: 1;
  left: calc(25%);
  width: 1px;
  background: none;
  -webkit-box-shadow: -1px 0 0 0 #d7dee3;
          box-shadow: -1px 0 0 0 #d7dee3;
  bottom: 0;
  margin: 0;
  height: auto;
}
.aside-costtracking [data-content="col"] .col:nth-child(2)::before,
.aside-costtracking [data-mode=skeleton][data-list=print-copy-costs] [data-content="col"] .col:nth-child(2)::before {
  left: calc(75%/2 + 25% - 2rem + 2px);
}
.aside-costtracking .tab-step .list header .col:not(.actions):not(.half):not(.paper-size),
.aside-costtracking .tab-step .list li > .row > .col:not(.actions) {
  width: calc(75%/2);
}
.aside-costtracking .tab-step .list header .col.paper-size,
.aside-costtracking .tab-step .list li > .row > .col.paper-size,
.aside-costtracking [data-content="col"] .col.paper-size {
  width: 25%;
}
.aside-costtracking .tab-step .list li > .row > .col.actions {
  position: absolute;
  right: -52px;
  z-index: 1;
}
.aside-costtracking .tab-step .list > ul {
  background: #fff;
  margin-right: 42px;
}
#popup-addprinters .list .col:not(.checkbox) {
  width: 20%;
}
.aside-printtracking .client {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-50% + 30px));
          transform: translate(-50%, calc(-50% + 30px));
}
.aside-printtracking .client .icon {
  z-index: 1;
  margin-bottom: 2.5rem;
}
.aside-printtracking .policies {
  position: absolute;
  top: 185px;
  left: 55px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 10;
}
.aside-printtracking .policies .icon-info svg {
  fill: #ffb100 !important;
}
.aside-printtracking .client::before,
.aside-printtracking .client::after {
  display: none !important;
}
.aside-printtracking .radar {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  z-index: -1;
  width: 140px;
  height: 140px;
  background: none;
  border: 0;
}
.aside-printtracking .radar::after {
  background-image: linear-gradient(44deg, rgba(0, 255, 51, 0) 50%, #B5C2C9 100%);
  -webkit-animation: radar-beam 5s infinite;
          animation: radar-beam 5s infinite;
}
.aside-printtracking.secure-only .radar::after {
  -webkit-animation: radar-beam-half 5s infinite;
          animation: radar-beam-half 5s infinite;
}
.aside-printtracking .radar::before {
  content: '';
  display: block;
  border-radius: 140px;
  width: 140px;
  height: 140px;
  background-image: url(../img/range.png);
  background-color: #e1e6e9;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  z-index: -1;
  -webkit-animation: none;
          animation: none;
}
.aside-printtracking.secure-only .radar::before {
  border-radius: 0;
  border-bottom-right-radius: 140px;
  border-top-right-radius: 140px;
  width: 70px;
  height: 140px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-animation: blink 1s linear 5 both;
          animation: blink 1s linear 5 both;
}
@-webkit-keyframes radar-beam-half {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@keyframes radar-beam-half {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
.aside-printtracking .chart {
  max-width: 240px;
  margin: 0 auto;
}
.aside-printtracking .chart .col.half {
  height: 400px;
  padding: 0;
  width: 50% !important;
}
.aside-printtracking .chart .footer {
  margin-top: auto;
  background: none;
}
aside .aside-printtracking .syncing.ver:not(.split):not(.paused)::before {
  width: 300px;
  top: 180px;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, #5b636a), color-stop(40%, #ffb100), color-stop(50%, #ffb100), color-stop(60%, #ffb100), color-stop(80%, #5b636a));
  background: linear-gradient(to right, #5b636a 20%, #ffb100 40%, #ffb100 50%, #ffb100 60%, #5b636a 80%);
}
.aside-printtracking .chart .col.half[data-type=direct] .syncing.ver:not(.split):not(.paused)::before {
  background: #5b636a;
}
.aside-printtracking .chart .col.half .syncing > div .icon:not(.bold) {
  fill: #fff;
  color: inherit;
}
.label-preview {
  position: relative;
  width: 315px;
  margin: 90px auto 1rem auto;
  z-index: 10;
  opacity: 1;
  -webkit-transform-origin: center -50px;
          transform-origin: center -50px;
  -webkit-transition: transform 0.3s, opacity 0.3s, margin-top 0.3s;
  -webkit-transition: opacity 0.3s, margin-top 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, margin-top 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s, margin-top 0.3s;
  transition: transform 0.3s, opacity 0.3s, margin-top 0.3s, -webkit-transform 0.3s;
}
.label-preview .content {
  padding: 15px;
  border: 1px solid #d7dee3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, #ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, #ffffff 100%, rgba(255, 255, 255, 0) 100%);
  -webkit-box-shadow: 0 2px 10px 0 rgba(33, 43, 54, 0.07);
          box-shadow: 0 2px 10px 0 rgba(33, 43, 54, 0.07);
}
.placeholder-paragraph:not(.last) span:first-child {
  width: 60%;
}
.label-preview::before,
[data-option=has-preview]::before {
  content: '';
  width: 200px;
  height: 200px;
  background: linear-gradient(-45deg, rgba(225, 230, 236, 0.8) 20%, rgba(255, 255, 255, 0) 60%);
  border-top: 0;
  border-left: 0;
  position: absolute;
  top: -75px;
  left: calc(50% - 7px);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-135deg) translate(40%, -25%);
          transform: rotate(-135deg) translate(40%, -25%);
  z-index: -1;
}
[data-option=has-preview]::before {
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0) 60%);
}
.label-preview-empty {
  -webkit-transform: scale(0);
          transform: scale(0);
  margin: 0 auto;
  padding: 0;
  opacity: 0;
}
.page-extensions #hero {
  background: #DDEDED;
  color: #5b636a;
  font-size: 1rem;
  height: 325px;
}
.extensions {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 480px;
}
.marquee {
  position: relative;
  -webkit-animation: marquee 20s linear infinite;
          animation: marquee 20s linear infinite;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 325px;
}
.marquee.two {
  -webkit-animation: marquee2 20s linear infinite;
          animation: marquee2 20s linear infinite;
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
}
.marquee .avatar.logo {
  margin: 0.5rem 20px;
  display: block;
  background: #fff !important;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
}
.marquee .avatar.logo img {
  max-width: 60px;
}
.marquee .avatar.logo:nth-child(2) {
  margin: 3rem 20px;
}
.marquee .avatar.logo:nth-child(4) {
  margin: -3rem 20px;
}
.marquee .avatar.logo:nth-child(6) {
  margin: -3rem 20px;
}
.page-extensions #hero .overview {
  max-width: 520px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-extensions #hero .overview a {
  text-decoration: underline;
}
[data-testid=addons-tab-connected] a::before {
  content: '';
  background: url('../img/sprite.png') -1000px -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 11px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-right: 6px;
}
.row.extension {
  -webkit-transition: all 0s 0.3s, box-shadow 0s !important;
  -webkit-transition: all 0s 0.3s, -webkit-box-shadow 0s !important;
  transition: all 0s 0.3s, -webkit-box-shadow 0s !important;
  transition: all 0s 0.3s, box-shadow 0s !important;
  transition: all 0s 0.3s, box-shadow 0s, -webkit-box-shadow 0s !important;
  overflow: hidden;
}
.page-extensions main .list .poi.stuck {
  top: 10px;
  right: 18px;
  position: absolute;
  margin: 0;
}
.extension-info {
  -webkit-transition: all 0.3s, opacity 0s 0.3s;
  transition: all 0.3s, opacity 0s 0.3s;
  text-align: center;
  position: fixed;
  border-radius: 4px;
  background: #fff;
  visibility: hidden;
  z-index: 10;
  overflow: hidden;
}
.list.grid > ul > li .extension .col {
  width: 100%;
  text-align: center;
}
.page-extensions .panel > header {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0.5rem 50px 0.5rem 20px;
}
.page-extensions .panel.aside-googleuser header,
.page-extensions .panel.aside-intune header,
.panel header.has-tabs {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-extensions .ext-logo .avatar,
.avatar.logo {
  width: 100px;
  height: 100px;
  margin: 0 0 0.7rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none !important;
}
.list.grid > ul > li.developer > .row {
  background: #13293D url(../img/mosiac.png);
}
.list.grid > ul > li.developer > .row .avatar.logo {
  background: #fff;
  border-radius: 35px;
}
.list.grid > ul > li.developer > .row .avatar.logo img {
  max-width: calc(100% - 20px);
}
.list.grid > ul > li.developer > .row .ext-name a {
  color: #fff;
}
.list.grid > ul > li.developer > .row .btn {
  color: #fff;
}
.avatar.logo {
  margin: 0.5rem 15px 0.5rem 0;
}
.list.grid .ext-cat {
  margin: 0.3rem 0 0;
}
.list.grid .ext-cat .flag {
  margin: 0 3px;
  color: #6f777f;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  background: none;
}
.list.grid .ext-desc {
  margin: 0.8rem 0 1rem;
}
.extension-info .lines-button.close {
  top: 10px;
  right: 10px;
  position: absolute;
  z-index: 10;
  width: 32px;
  height: 32px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
.extension-info .lines-button.close .lines {
  top: 15px;
  left: 7px;
}
.extension-info .close::before {
  content: '';
  background: #212B36;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
.morphed .extension {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  -webkit-transition: all 0.1s 0s, X !important;
  transition: all 0.1s 0s, X !important;
}
.morphed .extension-info {
  z-index: 9;
  left: 50% !important;
  text-align: left;
  top: 50% !important;
  width: 640px !important;
  height: 640px !important;
  -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  visibility: visible;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.extension-info .content {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0s 0s, X;
  transition: all 0s 0s, X;
}
.popup-extension .ext-name {
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #343a40;
  font-weight: 600;
}
.list .col.ext-name,
.list .col.ext-name a {
  font-size: 1.25rem;
  color: #343a40;
  font-weight: 600;
  line-height: 1.75rem;
}
.ext-desc {
  margin: 1rem 0 1.5rem;
}
.popup-extension header {
  padding-bottom: 0;
}
.page-extensions .panel header h3 {
  margin: 0;
}
.page-extensions aside .sep {
  width: 200px;
  left: 50%;
  margin: 0.5rem 0 0.8rem -100px;
  color: #6f777f;
}
.page-extensions .panel header .btn {
  margin-top: 8px;
}
.page-extensions .duvet {
  padding: 20px 20px 40px 20px;
  width: calc(100% + 40px);
  background: #fff;
  margin: -20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-extensions .underlay {
  background: #EFF3F7;
  margin: 0 -20px;
  padding: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-extensions aside .underlay .sep > span {
  background: #EFF3F7;
}
.page-extensions .popup-extension .btn {
  min-width: 80px;
  text-align: center;
}
.page-extensions .popup-extension .flag {
  margin: 0 0.25rem 0 0;
}
.page-extensions .popup-extension .ext-logo {
  margin-right: 20px;
}
.list.grid .extension .avatar img,
.list.grid .extension-info .avatar img,
.avatar.logo img {
  width: auto;
  height: auto;
  border-radius: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 75px;
}
.list.grid .extension-info .btn-group {
  margin-top: 0.8rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.list.grid .extension-info .btn-group span {
  display: block;
  margin: 0 5px;
}
.popup-extension .pullout:not(.info) {
  margin-bottom: 1.5rem;
}
.popup-extension .btn-group {
  margin-top: 8px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-extension .btn-group .price {
  margin: 0 5px;
}
.morphed .extension-info .close,
.morphed .extension-info .content {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
}
.open-morph .page > header,
.open-morph .page-heading,
.open-morph .topbar,
.open-morph #hero .empty {
  z-index: 1;
}
.page-addon .sep > span {
  background: #fff;
}
.slideshow {
  width: calc(100% + 40px);
  margin: 0 -20px;
}
.slideshow .slick-slide {
  padding: 0 20px;
}
.slideshow.slick-initialized .slick-slide {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.slideshow figure {
  margin: 0 auto 1rem auto;
}
.slideshow figure img {
  border: 1px solid rgba(215, 222, 227, 0.7);
  padding: 10px;
  background: #fff;
}
.slideshow figcaption {
  padding-right: 60px;
  margin-bottom: 0.8rem;
}
.slideshow .slick-dots {
  position: static;
  margin: 0 auto 1.5rem auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slideshow .slick-dots li button {
  background: #A4ACB9;
}
.slideshow .slick-dots li.slick-active button {
  background: #19892b;
}
.slideshow .slick-prev {
  content: '';
  background: url('../img/sprite.png') -396px -192px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #fff;
  z-index: 10;
  border: 1px solid #d7dee3;
  border-radius: 0 0 3px 3px;
  position: absolute;
  top: 0;
  right: 41px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.slideshow .slick-next {
  content: '';
  background: url('../img/sprite.png') -396px -192px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #fff;
  z-index: 10;
  border: 1px solid #d7dee3;
  border-radius: 0 0 3px 3px;
  position: absolute;
  top: 0;
  right: 20px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.spreadsheet {
  position: relative;
  z-index: 1;
}
.spreadsheet dt {
  width: 50%;
  color: #5b636a;
  -ms-flex-line-pack: center;
      align-content: center;
}
.spreadsheet dd {
  width: 50%;
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.spreadsheet dd .select {
  margin: 0;
}
.spreadsheet dd .prefix {
  margin-right: 6px;
  -ms-flex-item-align: center;
      align-self: center;
}
.spreadsheet dd input {
  text-align: right;
}
.page-extensions aside .scroll {
  position: relative;
}
.page-extensions aside footer {
  font-size: inherit;
}
.page-extensions footer small {
  margin: 1.5rem 0;
}
.page-extensions footer .btn {
  margin-left: 10px;
}
.page-extensions aside .btn.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.open-downloadreport .overlay {
  min-width: 240px;
  width: 720px;
  max-width: calc(100% - 200px);
  left: auto;
  top: 132px;
}
.open-downloadreport .overlay::before {
  width: 720px;
  left: auto;
  top: 132px;
  background: none;
}
.open-downloadreport aside::after {
  -webkit-transition: opacity 0.3s 0.3s, left 0.3s;
  transition: opacity 0.3s 0.3s, left 0.3s;
  content: '';
  background: rgba(23, 43, 68, 0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 1;
  visibility: visible;
  z-index: 9;
}
.page-printers aside > header,
.page-printers aside .aside-printer > header {
  background: #00272E;
  padding: 1rem 20px 0.5rem;
}
.page-printers aside > header h3,
.page-printers aside .aside-printer > header h3 {
  color: #fff;
  margin: 0;
  width: 100%;
}
.page-printers aside > header h3 i,
.page-printers aside .aside-printer > header h3 i {
  margin-right: 10px;
}
.page-printers aside > header .lines::before,
.page-printers aside > header .lines::after,
.page-printers aside .aside-printer > header .lines::before,
.page-printers aside .aside-printer > header .lines::after {
  background: #fff;
}
.page-printers aside .printout {
  margin: 1rem auto;
}
.page-printers aside .printout > div {
  width: 25%;
}
.page-printers aside .printout > .details {
  width: 50%;
}
#tab-driver {
  margin: 0 -20px;
  padding: 0 20px 20px 20px;
  width: auto;
}
[data-content=method] {
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  border-radius: 3px;
  padding: 0 0.75rem;
  background-color: #fefeff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23d7dee3' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
[data-content=method] .syncing {
  margin: 0 -0.75rem;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}
[data-content=method] .flex > .col {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.page-queues [data-content="delivery-selected"] > div {
  padding-top: 3rem !important;
}
[data-content=method] .col h6 {
  -webkit-box-shadow: 0 1px 0 0 #d7dee3;
          box-shadow: 0 1px 0 0 #d7dee3;
  padding: 1rem 0.75rem;
  margin: -1rem -0.75rem 1rem -0.75rem;
  width: calc(100% + 1.5rem);
  background: rgba(0, 0, 0, 0.03);
}
[data-content=method] .flex > .col:not(:last-child) {
  -webkit-box-shadow: inset -1px 0 0 0 #d7dee3;
          box-shadow: inset -1px 0 0 0 #d7dee3;
}
[data-content=method] .icon:not(.state):not(.twenty) {
  margin: 0 auto !important;
  color: #253031;
}
.page-queues [data-content=method] .icon.state {
  top: -18px;
  right: -18px;
}
[data-content=method] .pulsate {
  -webkit-animation: heartbeat 2s linear 2;
          animation: heartbeat 2s linear 2;
}
[data-content="delivery-selected"] {
  position: relative;
  z-index: 10 !important;
}
[data-content=method] .val {
  color: #343a40;
  font-weight: bold;
  line-height: 1.25;
}
[data-content=method] .syncing:not(.split):not(.paused)::before {
  top: 36px;
  left: 100px;
  right: 100px;
}
.page-queues [data-content=method] .syncing:not(.split):not(.paused)::before {
  top: 50%;
  left: 140px;
  right: 50%;
  margin: 6px 0 0 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(181, 194, 201, 0)), color-stop(40%, #b5c2c9), color-stop(95%, rgba(181, 194, 201, 0)));
  background: linear-gradient(to right, rgba(181, 194, 201, 0) 0%, #b5c2c9 40%, rgba(181, 194, 201, 0) 95%);
}
.page-queues .list:not(.grid) > ul > li:last-child .row {
  margin-bottom: 0;
}
.page-queues [data-content=method] .list.stack .row {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.1);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.1);
}
.page-queues [data-content=method] .list.stack > ul > li .connect-line {
  position: absolute;
  right: 100%;
  /* Start from the right edge of the list item */
  top: 50%;
  width: 70%;
  height: 8px;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(rgba(181, 194, 201, 0)), color-stop(40%, #b5c2c9), color-stop(60%, #b5c2c9), color-stop(80%, rgba(181, 194, 201, 0)));
  background: linear-gradient(to right, rgba(181, 194, 201, 0) 0%, #b5c2c9 40%, #b5c2c9 60%, rgba(181, 194, 201, 0) 80%);
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  mask: url(../img/arrow.svg);
  -webkit-mask: url(../img/arrow.svg);
}
.page-queues [data-content=method] .flag {
  margin-left: 0;
}
[data-content=method] .syncing .icon.logo {
  position: relative;
  top: -12px;
  margin-bottom: -8px !important;
}
.page-printers header .tabs {
  margin-top: 1rem;
  overflow: visible;
}
.page-printers aside .aside-printer > header .more > i:not(.poi),
.page-printers aside .aside-printer > header .more > i:not(.poi)::after,
.page-printers aside .aside-printer > header .more > i:not(.poi)::before {
  background: #fff;
}
.segment.disabled,
.segment.guest .icon.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  display: none !important;
}
.option-list[data-type=easyrelease] {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 -10px;
  position: relative;
}
.option-list[data-type=easyrelease]::before {
  content: 'or';
  font-size: 1rem;
  font-size: 0.75rem;
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3, 0 0 0 2px #fff;
          box-shadow: inset 0 0 0 1px #d7dee3, 0 0 0 2px #fff;
  height: 36px;
  line-height: 36px;
  width: 36px;
  color: #6f777f;
  border-radius: 50%;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.option-list[data-type=easyrelease] li {
  padding: 0 10px;
  width: auto;
  margin: 10px 0;
}
.option-list[data-type=easyrelease] li .btn {
  margin-top: 1rem;
}
.option-list li[data-content=expert] .btn {
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 153, 102, 0.5);
          box-shadow: inset 0 0 0 1px rgba(0, 153, 102, 0.5);
  color: #096;
}
.option-list li[data-content=standard] a,
.option-list li[data-content=expert] a {
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  border-radius: 3px;
  overflow: hidden;
}
.option-list[data-type=easyrelease] li a:hover .btn {
  background: #19892b;
  -webkit-box-shadow: inset 0 0 0 1px #19892b;
          box-shadow: inset 0 0 0 1px #19892b;
  color: #fff;
}
.option-list li[data-content=standard].active::after,
.option-list li[data-content=expert].active::after {
  content: none;
}
.option-list li[data-content=expert].active::before,
.option-list li[data-content=standard].active::before {
  content: none;
}
.option-list li[data-content=expert].active a,
.option-list li[data-content=standard].active a {
  -webkit-box-shadow: inset 0 0 0 2px #19892b, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: inset 0 0 0 2px #19892b, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.option-list li[data-content=expert].active a {
  color: #009966;
}
[data-content=expert] a::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(18, 16, 16, 0)), color-stop(50%, rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.06)), color-stop(rgba(0, 255, 0, 0.02)), to(rgba(0, 0, 255, 0.06)));
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
}
.option-list li[data-content=expert] a {
  color: rgba(0, 153, 102, 0.8);
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 1rem;
  line-height: 1.3;
  background: #1A2329;
  padding: 20px;
  min-width: 260px;
}
.option-list li[data-content=standard] a strong {
  font-size: 1.25rem;
}
.option-list li[data-content=expert] a strong {
  color: #096;
}
.option-list li[data-content=expert] pre {
  background: none;
  margin: 10px 0 11px;
}
.option-list li[data-content=expert] .pulse {
  -webkit-animation: blink 1s ease-in-out infinite;
          animation: blink 1s ease-in-out infinite;
}
.option-list li[data-content=standard] a {
  padding: 20px;
  font-size: 1rem;
  line-height: 1.3;
  min-width: 260px;
}
.option-list li[data-content=standard].active a {
  color: inherit;
}
[data-content=standard] h6 {
  position: absolute;
  left: 100%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  top: 50%;
  border-radius: 50%;
  margin: -20px 0 0 -20px;
  -webkit-box-shadow: 0 0 0 1px #ccc;
          box-shadow: 0 0 0 1px #ccc;
}
[data-content=expert] h6 {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  left: 0;
  top: 50%;
  margin: -20px 0 0 -20px;
  color: #096;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px #096;
          box-shadow: 0 0 0 1px #096;
  font-weight: normal;
}
.install-type ol {
  margin: 0;
}
.install-type {
  padding: 20px 0;
  position: relative;
}
.install-type form {
  max-width: 360px;
  margin: 0 auto;
}
.install-type.disabled > *:not(.sample) {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
#popup-upgrade.popup ol li:last-child {
  background: none;
  margin: 0;
}
.pages-range {
  height: 6px;
}
#pages-range {
  color: #5b636a;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0 -5px;
}
#pages-range input.sml {
  margin: 0 5px;
}
.pages-printed .rangeslider-wrap {
  padding: 1rem 0 2.6rem 0;
}
.pages-range .noUi-handle {
  -webkit-transform: translate(15px, -12px);
  transform: translate(15px, -12px);
}
/* #trending > ul > li.cranky::before,
#trending > ul > li::before {
    position: absolute;
    right: 15px;
    content: "";
    height: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

#trending > ul > li::before {
    z-index: -1;
    bottom: calc(100% + 5px);
    .sprite(-1200px, -400px, 42px, 32px);
} */
#trending > ul > li .icon.type svg {
  fill: none;
}
#trending > ul > li {
  margin-bottom: 0;
}
#trending > ul > li .row {
  border: 5px solid #fff;
}
#trending > ul > li .row .actions {
  top: 27px;
}
#trending .strip {
  padding: 6px 10px 4px 10px;
  background-color: #e7f3ec;
  border-radius: 3px 3px 0 0;
  color: #005824;
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1;
  z-index: 1;
  width: calc(100% + 10px);
  margin: calc(-1.125rem - 5px) -5px calc(1.125rem - 5px) -5px;
  text-align: center;
  position: relative;
}
#trending .cranky .strip {
  background-color: #fff3e5;
  color: #bb4f00;
}
#trending .fresh .strip {
  background-color: #e9f0fe;
  color: #163d91;
}
#trending > ul > li .col.device-name {
  width: 100%;
  padding-right: 42px;
  margin-top: -1.125rem;
  margin-bottom: 0;
  padding-top: 1.125rem;
  min-height: 62px;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
#trending > ul > li .col.ip {
  padding-bottom: 1rem;
}
#trending > ul > li .col.status {
  z-index: 2;
  top: 39px;
}
#trending > ul > li .col.monitor {
  margin-top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  border-left: 0;
}
.status .circ {
  position: absolute;
  top: -16px;
  left: 46px;
  font-size: 1rem;
  font-size: 0.75rem;
  color: #6f777f;
  display: none !important;
}
#trending-fresh {
  top: -14px;
}
.placeholder-input {
  background: #1f1f1f;
  padding: 0.875rem 1rem;
  line-height: 1.2;
  color: #fff;
  border-radius: 0 3px 3px 0;
}
#tab-easy .empty,
.aside-ricoh .empty {
  max-width: 360px;
  margin: 0 auto;
}
#tab-easy img + p {
  margin-bottom: 2rem;
}
.install-app {
  max-width: none !important;
}
.install-app .monitor {
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  max-height: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.install-app .monitor::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(18, 16, 16, 0)), color-stop(50%, rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.06)), color-stop(rgba(0, 255, 0, 0.02)), to(rgba(0, 0, 255, 0.06)));
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
.install-app .monitor--no-overlay::before {
  background: none;
}
.powerup.monitor {
  max-height: 240px;
  margin-bottom: 0.5rem;
}
.powerup .terminal {
  -webkit-animation: none;
          animation: none;
  height: 240px;
  max-height: 240px;
  overflow: auto;
}
.powerup .terminal .window {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.install-app .field {
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  max-height: 100px;
}
.archived .row {
  background: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px dashed #d7dee3 !important;
}
.archived .row .col:not(.actions):not(.status) {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.archived .row .switch {
  display: none !important;
}
.archived [class^="icon-"]:not(.icon-disabled) {
  background: #6f777f !important;
}
.page-printers main .list:not(.grid) > ul > li .row,
.page-queues .list:not(.grid) > ul > li .row,
[data-list=comfort] > ul > li .row {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s ease-in-out 0.3s, opacity 0.2s ease-in-out 0s, box-shadow 0s;
  -webkit-transition: all 0.2s ease-in-out 0.3s, opacity 0.2s ease-in-out 0s, -webkit-box-shadow 0s;
  transition: all 0.2s ease-in-out 0.3s, opacity 0.2s ease-in-out 0s, -webkit-box-shadow 0s;
  transition: all 0.2s ease-in-out 0.3s, opacity 0.2s ease-in-out 0s, box-shadow 0s;
  transition: all 0.2s ease-in-out 0.3s, opacity 0.2s ease-in-out 0s, box-shadow 0s, -webkit-box-shadow 0s;
  max-height: 400px;
  min-height: 64px;
}
.aside-costtracking .list:not(.grid) > ul > li .row {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease-in-out 0s, max-height 0.2s ease-in-out 0.3s, padding 0.2s ease-in-out 0.3s, margin 0.2s ease-in-out 0.3s;
  transition: opacity 0.2s ease-in-out 0s, max-height 0.2s ease-in-out 0.3s, padding 0.2s ease-in-out 0.3s, margin 0.2s ease-in-out 0.3s;
  max-height: 400px;
}
.page-printers main #tab-printersnew .actions {
  width: 15%;
  text-align: right;
  padding-right: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
[data-step=step-alt] .pullout {
  position: relative;
  z-index: 2;
  min-height: 304px;
}
.page-printers main .list:not(.grid) > ul > li,
.page-queues .list:not(.grid) > ul > li,
.page-coordinators .list:not(.grid) > ul > li,
.aside-costtracking .list:not(.grid) > ul > li,
[data-list=comfort] > ul > li {
  max-height: 400px;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-printers .list:not(.grid) > ul > li.moving,
.page-queues .list:not(.grid) > ul > li.moving,
.page-coordinators .list:not(.grid) > ul > li.moving,
.aside-costtracking .list:not(.grid) > ul > li.moving,
[data-list=comfort] > ul > li.moving {
  padding: 0;
  max-height: 0;
  margin: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-printers .list:not(.grid) > ul > li.inserting .row,
.page-queues .list:not(.grid) > ul > li.inserting .row,
.page-coordinators .list:not(.grid) > ul > li.inserting .row,
.aside-costtracking .list:not(.grid) > ul > li.inserting .row,
[data-list=comfort] > ul > li.inserting .row {
  -webkit-animation: scale-in-center 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
          animation: scale-in-center 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.open-aside .aside-reviewprinter.panel.open-overlay .scroll::before {
  width: 100%;
  max-width: 960px;
  left: auto;
  right: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
  padding: 0;
}
[data-type=updated] [data-state=populated]:not(.hidden) {
  -webkit-animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
          animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
[data-type=final] [data-state=populated]:not(.hidden) {
  -webkit-animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s both !important;
          animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s both !important;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
[data-step=step-alt] .pullout.dashed {
  border: 1px dashed #B5C2C9 !important;
  background: #fff;
}
[data-step=step-alt] .pullout.populated {
  -webkit-box-shadow: inset 0 0 0 2px #19892b;
          box-shadow: inset 0 0 0 2px #19892b;
  border: 0 !important;
}
[data-step=step-alt] .list .row {
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
}
[data-step=step-alt] .list .row:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 1px #b5bbc1;
          box-shadow: 0 0 0 1px #b5bbc1;
  border-radius: 3px;
}
.aside-reviewprinter [data-step] {
  -webkit-transition: 0s, X;
  transition: 0s, X;
  visibility: hidden;
}
.aside-reviewprinter [data-step]:not(.hidden),
#popup-newprinter [data-step]:not(.hidden) {
  min-height: 480px;
  -webkit-transition: opacity 0.3s ease-in-out, X;
  transition: opacity 0.3s ease-in-out, X;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
[data-type=compare] .col:nth-child(1)::before,
[data-type=compare] .col:nth-child(2)::before {
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  content: '';
  position: absolute;
  left: 45%;
  top: 100%;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  margin-top: 20px;
  height: 8px;
  width: 240px;
  background: #B5C2C9;
  z-index: 1;
  mask: url(../img/arrow.svg);
  -webkit-mask: url(../img/arrow.svg);
}
@keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
[data-type=compare] .col:nth-child(2)::before {
  -webkit-transform: rotate(155deg);
  transform: rotate(155deg);
  left: auto;
}
[data-step=step-alt] h5 {
  min-height: 40px;
}
[data-type=compare] h5.flex-hor::before {
  content: " ";
  margin-right: auto;
  visibility: hidden;
  width: 20%;
}
[data-type=compare] h5.flex-hor .rgt {
  width: 20%;
}
#existingprinters {
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  position: fixed;
  padding: 0 20px;
  top: 100%;
  bottom: 0;
  z-index: 10;
  max-width: 960px;
  width: 100%;
  overflow: auto;
  margin: 0 -20px -20px -20px;
  -webkit-box-shadow: 0 -30px 60px -12px rgba(50, 50, 93, 0.25), 0 -18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 -30px 60px -12px rgba(50, 50, 93, 0.25), 0 -18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
#existingprinters header {
  background: #fff;
  padding: 0.5rem 20px;
  margin: 0 -20px 20px -20px;
  -webkit-box-shadow: inset 0 -1px 0 0 #d7dee3;
          box-shadow: inset 0 -1px 0 0 #d7dee3;
  z-index: 10;
}
.popup header ~ [data-step] header {
  padding: 0.5rem 20px 1rem 20px !important;
  border-radius: 0;
}
.popup .scroll.has-sticky {
  padding-top: 0;
}
#existingprinters .list .col {
  width: 20%;
}
#existingprinters:not(.unavailable) {
  top: 50%;
}
.aside-reviewprinter.sticky-footer footer {
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -webkit-transition: translate 0.3s ease-in-out, X;
  transition: translate 0.3s ease-in-out, X;
}
.aside-reviewprinter.sticky-footer footer.visible {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.page-printers main #tab-printersnew .actions .btn {
  margin: 5px 0 5px 10px;
}
.page-printers .list:not(.grid) > ul > li.moving .row,
.page-queues .list:not(.grid) > ul > li.moving .row,
[data-list=comfort] > ul > li.moving .row {
  opacity: 0;
  filter: alpha(opacity=0);
  max-height: 0;
  padding: 0;
  margin-bottom: 0;
}
.page-printers .list.grid > ul > li.moving:not(.inserting) .row,
.page-queues .list.grid > ul > li.moving:not(.inserting) .row {
  -webkit-animation: scale-out-center 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
          animation: scale-out-center 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
[data-list=compact] li .row {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
[data-list=compact] .col.last-used {
  min-width: 180px;
}
[data-list=comfort] .col.actions {
  width: 15%;
  text-align: right;
  padding-right: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
[data-list=comfort] .col.actions .loader {
  margin: 0 0 0 1rem;
}
[data-list=comfort] .col.actions .btn-group {
  margin: 0;
}
[data-list=comfort] .col.actions .btn {
  margin: 0 0 0 10px;
}
.page-users aside .panel > header {
  padding: 1rem 50px 0.5rem 20px;
}
.page-users aside .document figure {
  background: #000;
  height: 200px;
  position: relative;
  overflow: hidden;
}
.page-users aside .document figure img {
  position: absolute;
  max-width: none;
  opacity: 0.5;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.page-users aside figcaption {
  position: absolute;
  bottom: 15px;
  left: 15px;
  text-align: left;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
}
.page-users aside header h3 {
  width: auto;
  margin-bottom: 0.3rem;
}
.page-users aside header i.avatar {
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin-right: 20px;
  font-size: 1.5rem;
}
.page-users aside header .details {
  width: calc(100% - 100px);
}
.page-users header .tabs {
  margin-top: 1rem;
}
.page-users .icon.numeric svg {
  height: 20px;
}
.page-users .list.grid > ul > li a.row {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-users .list.grid .selected .row {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7) !important;
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7) !important;
}
.page-users .list.grid .selected .row:hover {
  -webkit-box-shadow: 0 0 0 1px #b5bbc1 !important;
          box-shadow: 0 0 0 1px #b5bbc1 !important;
}
.page-users main .list.grid > ul > li .col:not(.actions):not(.username):not(.profile):not(.checkbox) {
  width: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.page-users main .list.grid > ul > li .col:not(.actions):not(.username):not(.profile):not(.checkbox) > * {
  white-space: normal;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-users .list.grid .rgt {
  text-align: left;
}
.resetcode {
  margin-left: 20px;
}
/* Improvements for data table
.page-users .list:not(.grid) .selected .row {
  background-color: lighten(#e7f3ec, 4%);
  box-shadow: inset -1px 0 0 0 #d7dee3, inset 1px 1px 0 0 #d7dee3;
}

[data-type="selectable"]:not(.grid) {
  box-shadow: inset 0 0 0 1px #d7dee3;
  background: #fff;
}
 */
[data-type="selectable"].condensed:not(.grid) {
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  border-radius: 3px;
  background: #fff;
}
[data-content="groups-list"] {
  border-radius: 3px;
  background: #fff;
  margin-bottom: 1rem;
}
[data-content="users-list"] {
  border-radius: 3px;
  background: #fff;
  margin-bottom: 1rem;
}
[data-content="users-list"] table {
  table-layout: fixed;
}
[data-content="users-list"] th:first-child,
[data-content="users-list"] th:last-child,
[data-content="users-list"] td:first-child,
[data-content="users-list"] td:last-child,
[data-responsive="priority"] th:last-child,
[data-responsive="priority"] td:last-child {
  width: 48px !important;
  padding-right: 0 !important;
  display: table-cell !important;
}
[data-responsive="priority"][data-type="no-actions"] th:last-child,
[data-responsive="priority"][data-type="no-actions"] td:last-child {
  width: auto !important;
  padding-right: 1rem !important;
}
[data-content="users-list"] th:nth-child(2),
[data-content="users-list"] td:nth-child(2),
[data-responsive="priority"] th:first-child,
[data-responsive="priority"] td:first-child {
  width: auto;
  display: table-cell !important;
}
[data-content="users-list"] th {
  width: 180px;
}
[data-content="balance"] p,
[data-content="balance"] h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  max-width: 100%;
}
[data-type="selectable"].list .alert {
  margin: 0;
  width: auto;
  padding: 0.5rem 1rem;
  -webkit-box-shadow: inset 1px 0 0 0 #d7dee3, inset -1px 1px 0 0 #d7dee3;
          box-shadow: inset 1px 0 0 0 #d7dee3, inset -1px 1px 0 0 #d7dee3;
  background: #fff;
}
[data-type="selectable"].list.grid .alert {
  display: none !important;
}
[data-type=sticky].stuck {
  position: fixed;
  top: 0;
  background: #fff;
  -webkit-box-shadow: #dfe4e8 0 0 0 1px inset, 0 10px 10px -5px rgba(0, 0, 0, 0.24);
          box-shadow: #dfe4e8 0 0 0 1px inset, 0 10px 10px -5px rgba(0, 0, 0, 0.24);
  z-index: 6;
  max-width: 1680px;
  width: calc(100% - 260px);
  margin: 0;
  padding: 0.5rem 0;
}
[data-type=sticky].stuck .sep::before {
  display: none;
}
[data-type=sticky].stuck .filter-title.sep > span {
  background: none;
}
[data-action=send-invite]:not(.disabled).has-tip:hover .tip {
  visibility: hidden !important;
}
.page-users .grid [data-type=checked] {
  display: none !important;
}
[data-type=checked] {
  z-index: 1;
  width: 100%;
  border-radius: 3px 3px 0 0;
  padding: 0.5rem 0;
}
[data-type=checked] .btn-group {
  margin: 0 -10px 0 0;
}
[data-type=checked] .btn-group a {
  margin: 0;
}
[data-type=checked] .btn-group .divider-ver-alt {
  margin: 0;
  padding: 0;
}
[data-type=checked] .col {
  width: auto;
}
/* [data-type="selectable"] .filter-title.sep > span {
  background: darken(#f5f7fa, 3%);
} */
[data-type="selectable"] .sep {
  margin: 0;
}
[data-type="selectable"] .sep::before {
  left: 20px;
  width: auto;
  right: 20px;
}
[data-list].condensed ul,
[data-list].condensed:not(.alt) > ul li:first-child .row:first-child {
  border-radius: 0;
  margin-bottom: 0 !important;
}
[data-list].condensed header {
  margin: 0;
  padding: 0.75rem 0 !important;
  background-color: #f8f9fa !important;
  -webkit-box-shadow: inset 1px 0 0 0 #d7dee3, inset -1px 1px 0 0 #d7dee3;
          box-shadow: inset 1px 0 0 0 #d7dee3, inset -1px 1px 0 0 #d7dee3;
}
[data-list].condensed footer {
  margin: 0;
  padding: 0.75rem 0 !important;
  background-color: #f8f9fa !important;
  -webkit-box-shadow: inset 1px 0 0 0 #d7dee3, inset -1px -1px 0 0 #d7dee3, 0 -1px 0 0 #d7dee3;
          box-shadow: inset 1px 0 0 0 #d7dee3, inset -1px -1px 0 0 #d7dee3, 0 -1px 0 0 #d7dee3;
}
/* [data-type="selectable"] header .col {
  color: #343a40;
  font-weight: 600;
} */
[data-type="selectable"] .col {
  -webkit-box-ordinal-group: initial !important;
      -ms-flex-order: initial !important;
          order: initial !important;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  line-height: inherit;
}
[data-type="selectable"] .col.hide {
  display: none !important;
}
[data-type="selectable"] .col.actions {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100px;
}
[data-type="selectable"]:not(.grid) .col.profile {
  display: none !important;
}
.page-users .list.grid .col.checkbox {
  width: auto !important;
  padding: 0 !important;
  position: absolute;
  right: 20px;
  top: 22px;
  z-index: 10;
  display: none !important;
}
[data-type="selectable"].list.condensed .col.checkbox {
  width: 36px;
  padding-right: 0;
  -ms-flex-item-align: center;
      align-self: center;
}
[data-type="selectable"] .col.checkbox input[type="checkbox"] {
  margin: 0 !important;
}
[data-type="selectable"] [data-type=checked] h5 {
  min-width: 140px;
  line-height: 34px;
  margin-top: -0.7rem;
}
.id-wrap {
  position: relative;
  padding-top: 60px;
  margin: 0 15px -30px 15px;
  z-index: 2;
  width: 100%;
  min-width: 300px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.id-wrap.empty {
  max-width: none;
  padding: 60px 0 0 0;
  margin: 0 15px -30px 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.id-wrap.empty .col {
  text-align: left;
}
.id-wrap.empty .id-card::before {
  background: #EFF3F7;
}
.id-wrap.empty .id-card i img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.id-wrap > .col {
  width: calc(100% - 320px);
  padding: 0 30px;
}
.id-wrap:nth-child(2) {
  z-index: 1;
}
.id-wrap:last-child {
  margin-bottom: 15px;
  z-index: 0;
}
.id-wrap .lanyard-bg {
  position: absolute;
  z-index: 2;
  left: 24px;
  top: -16px;
}
.id-card {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  padding: 30px 1.5rem;
  text-align: center;
  width: 320px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-bottom: 1rem;
}
.id-card::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  height: 42px;
  z-index: 0;
  background: #E5F0EB;
  mix-blend-mode: multiply;
  border-radius: 2px 2px 0 0;
}
.id-card::after {
  content: '';
  position: absolute;
  top: 12px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 30px;
  height: 6px;
  z-index: 1;
  background: #fff;
  border-radius: 6px;
}
.id-card .flag {
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0;
  background: #006316;
  color: #fff;
  line-height: 1.2;
}
.id-card .unlinkcard {
  position: absolute;
  top: 10px;
  right: 12px;
}
.id-card dt {
  display: block;
  padding: 0;
  font-size: 1rem;
  font-size: 0.625rem;
  width: 100%;
  text-align: center;
}
.id-card dd {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
}
.card-number {
  color: #343a40;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  position: relative;
}
.card-number .card-num {
  display: inline-block;
  width: 220px;
}
pre.vanish::after {
  width: 50px;
}
.masked a {
  margin: 0 -26px 0 10px;
  position: relative;
}
.masked.flex a {
  position: absolute;
  top: -2px;
  background: #fff;
  margin: 0;
  z-index: 1;
  height: 18px;
  width: 24px;
  border-radius: 50%;
  right: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.masked a::before {
  content: '';
  background: url('../img/sprite.png') -1300px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 11px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.reveal a {
  margin: 0 -26px 0 10px;
  position: relative;
}
.reveal.flex a {
  position: absolute;
  top: -2px;
  background: #fff;
  margin: 0;
  z-index: 1;
  height: 18px;
  width: 24px;
  border-radius: 50%;
  right: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reveal a::before {
  content: '';
  background: url('../img/sprite.png') -1300px -100px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 11px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.id-card i {
  width: 60px;
  height: 60px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 4px #fff;
          box-shadow: 0 0 0 4px #fff;
  border-radius: 50%;
}
.unlinkcard {
  text-decoration: none;
}
.unlinkcard::before {
  content: '';
  background: url('../img/sprite.png') -800px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
}
.id-card .user {
  width: 100%;
  line-height: 1.2;
  margin: 10px 0 0 0;
}
.id-card .user-email {
  margin-top: auto;
  width: 100%;
  font-size: 0.875rem;
}
.page-coordinators .cross-section {
  background: #13293D;
  color: #fff;
  border-radius: 3px;
  overflow: hidden;
  margin: 0;
}
.page-coordinators .cross-section figure {
  margin: 0 -15px;
}
.page-coordinators .cross-section .lge {
  color: #fff;
}
#super .list > ul {
  margin: 0 -8px -1rem !important;
}
#super .list.grid > ul > li .col.device-name {
  padding: 1.125rem 20px 0 80px;
  margin: -1.125rem 0 0;
  min-height: 62px;
}
#x-super.list.grid > ul > li .col.ip {
  margin-bottom: 1rem;
}
#x-super.list.grid > ul > li .col.gateway-mac,
#x-super.list.grid > ul > li .col.platform .architecture,
.page-coordinators .list.stack:not(.grid) > ul > li .col.platform .icon.type {
  display: none !important;
}
.page-coordinators .list li .row.stats {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
  margin: 0 20px 1rem 20px;
}
.page-coordinators .list li .row.stats .col {
  width: 33.33%;
  padding: 0 0.75rem;
  text-align: center;
}
.page-coordinators .list.grid li .icon.os {
  position: absolute;
  background: #fff;
  width: 30px;
  height: 30px;
  padding: 6px;
  border-radius: 50%;
  right: -15px;
  bottom: 0;
}
.page-coordinators .list.grid li.disabled .icon.os {
  background: #EFF3F7;
}
.list.grid.three > li {
  min-width: 360px;
}
.page-coordinators .list.grid .row .num {
  color: #343a40;
}
.page-coordinators .client {
  left: 1040px;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  z-index: 1;
}
.page-coordinators .client .text {
  white-space: nowrap;
  top: 0;
  left: 50%;
  text-align: center;
  position: absolute;
  -webkit-transform: translate(-50%, -30px);
  transform: translate(-50%, -30px);
}
.page-coordinators .client::before,
.page-coordinators .client::after {
  background: none;
  -webkit-box-shadow: 0 0 0 8px #fff;
          box-shadow: 0 0 0 8px #fff;
}
.page-coordinators .client::before {
  -webkit-animation: ripples 2s ease-out infinite;
  animation: ripples 2s ease-out infinite;
}
.page-coordinators .client::after {
  -webkit-animation: ripples 2s ease-out infinite 1s;
  animation: ripples 2s ease-out infinite 1s;
}
.list > h2 {
  margin-bottom: 1.5rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.list h2 .num {
  position: relative;
  margin: 0 24px;
  font-size: 1rem;
  color: #6f777f;
  width: 32px;
  height: 32px;
  -webkit-box-shadow: 0 0 0 1px #C2CCD5;
          box-shadow: 0 0 0 1px #C2CCD5;
  display: block;
  border-radius: 50%;
  background: #EFF3F7;
  text-align: center;
  line-height: 32px;
}
.page-coordinators .stack .col.status,
[data-list=comfort] .col.status {
  width: 60px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-coordinators .timeline::before {
  left: 39px;
  bottom: 0;
}
.device-name .ip {
  color: #6f777f;
}
.page-coordinators #super > ul,
#super-coordinators-table {
  margin: 0 -8px;
}
.page-coordinators #super .actions .promote {
  display: none !important;
}
.page-coordinators #passive .actions .demote {
  display: none !important;
}
#super {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#super .empty {
  max-height: 288px;
}
#super h2 {
  width: 100%;
  min-height: 32px;
  position: relative;
}
#x-super {
  width: calc(100% / 3 * 2 - 26px);
}
.new #x-super {
  width: calc(100% / 3 * 2 - 2px);
}
#x-super > ul > li {
  width: calc(100% / 2);
}
#x-cloud {
  width: calc(100% / 3 + 25px);
  padding-left: 36px;
}
.new #x-cloud {
  width: calc(100% / 3);
  padding-left: 14px;
}
#x-cloud > ul > li {
  width: calc(100%);
}
#cloud-node .row {
  background-color: #eff7f8;
  -webkit-box-shadow: inset 0 0 0 5px #fff, 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 5px #fff, 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.page-coordinators .list.grid li#cloud-node:not(.disabled) .os {
  background: #EFF7F8;
}
.grid #cloud-node .row .col.ip,
.grid #cloud-node.disabled .row .col.ip {
  background: #fff;
  margin: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  padding-bottom: 1rem;
}
.grid #cloud-node .row .col.device-name {
  width: 100%;
  padding: 1.125rem 20px 0 80px;
  margin: -1.125rem 0 0 0;
  background: #fff;
}
.grid #cloud-node .row .col.status {
  padding: 1.125rem 20px 0 20px;
  margin: -1.125rem 0 0 0;
  background: #fff;
}
.timeline .icon-info {
  cursor: pointer;
}
.timeline .poi .icon-info {
  cursor: initial;
  margin: 0 10px 0 0;
}
.page-coordinators .list > ul > li {
  margin: 0;
}
.page-coordinators .list > ul > li .row {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s ease-in-out 0s, max-height 0.2s ease-in-out 0.3s, padding 0.2s ease-in-out 0.3s, margin 0.2s ease-in-out 0.3s;
  transition: opacity 0.2s ease-in-out 0s, max-height 0.2s ease-in-out 0.3s, padding 0.2s ease-in-out 0.3s, margin 0.2s ease-in-out 0.3s;
  max-height: 400px;
  margin-bottom: 0.75rem;
}
.page-coordinators .list.grid > ul > li {
  -webkit-transition: all 0.5s ease-in-out 0.3s, X;
  transition: all 0.5s ease-in-out 0.3s, X;
}
.page-coordinators .list[data-list="edgemesh"] > ul > li,
.page-coordinators .list[data-list="edgemesh"] > ul > li .row {
  -webkit-transition: none !important;
  transition: none !important;
}
.page-coordinators .list[data-list="edgemesh"] > ul > li,
.page-coordinators .list[data-list="edgemesh"].grid > ul > li .row {
  max-width: 100%;
}
.page-coordinators .list[data-list="edgemesh"] .col.device-name {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-coordinators main .list.grid > ul > li .row {
  -webkit-transition: none !important;
  transition: none !important;
  min-height: 0;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.page-coordinators .list > ul > li .row.temp {
  overflow: hidden;
}
.page-coordinators .list.grid > ul > li.moving:not(.insert) .row {
  -webkit-animation: scale-out-center 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
          animation: scale-out-center 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.page-coordinators .list > ul > li.insert .row {
  -webkit-transition: opacity 0.2s ease-in-out 0.3s, max-height 0.2s ease-in-out 0s, padding 0.2s ease-in-out 0s, margin 0.2s ease-in-out 0s;
  transition: opacity 0.2s ease-in-out 0.3s, max-height 0.2s ease-in-out 0s, padding 0.2s ease-in-out 0s, margin 0.2s ease-in-out 0s;
}
.page-coordinators .list.stack:not(.grid) > ul > li .col.os .icon.type {
  display: none !important;
}
.page-coordinators .list.grid .last-used {
  display: none !important;
}
.page-coordinators .list.stack:not(.grid) .jobs,
.page-coordinators .list.stack:not(.grid) .jobs-printed {
  display: none !important;
}
.page-printlog .list a.row {
  padding: 1.125rem 2rem 1.125rem 54px;
  -webkit-transition: 0s, X;
  transition: 0s, X;
}
.page-printlog .list.condensed a.row,
[data-list=joblog] li > .row.row-link {
  padding: 0.75rem 0 0.75rem 54px;
}
.page-printlog .list.condensed li .col:not(.actions) {
  padding: 0.25rem 1rem;
}
.page-printlog .col.status {
  width: 100px;
  padding-right: 20px !important;
  text-align: left;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  display: none !important;
}
.page-printlog aside.aside-preview .scroll {
  overflow-x: hidden;
}
#tab-activity .icon {
  color: #343a40;
  margin: 0.5rem 0;
}
#tab-activity .status-warning .icon {
  fill: #ee6800 !important;
  color: #ee6800 !important;
}
#tab-activity .status-failed .icon {
  fill: #ab1d46;
  color: #ab1d46;
}
#tab-activity svg use[*|href*="status-printed"],
#tab-activity svg use[*|href*="status-submitted"] {
  color: #19892b;
}
#tab-activity svg use[*|href*="status-queued"],
#tab-activity svg use[*|href*="status-released"],
#tab-activity svg use[*|href*="status-edit"] {
  color: #2566f2;
}
#tab-activity svg use[*|href*="status-timeout"] {
  color: #6f777f;
}
#tab-activity svg use[*|href*="status-cancelled"],
#tab-activity svg use[*|href*="status-failed"] {
  color: #ab1d46;
}
.page-printlog main {
  z-index: 4;
}
.page-printlog .list figure::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.page-printlog .list figure:not(.graph) {
  overflow: visible;
}
.page-printlog .list figure .img {
  overflow: hidden;
  width: 54px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  border-radius: 3px 0 0 3px;
}
/* Story Tree */
#events {
  margin: 0;
  position: relative;
  border: 0;
}
#events article {
  margin-bottom: 2rem;
}
#events article.prev {
  max-height: 0;
  overflow: hidden;
}
#events article h4 {
  margin-bottom: 2rem;
}
#events .list::before {
  width: 1px;
  background: #CBD0D3;
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  height: 0;
  -webkit-transition: height 1s, X;
  transition: height 1s, X;
}
.ready #events .list::before {
  height: 100%;
}
#events .auto {
  position: relative;
}
#events .item {
  width: 100%;
  border: 0;
  text-align: left;
  position: relative;
  padding: 15px 20px 20px calc(50% + 100px);
}
#events .item::before {
  height: 1px;
  width: 0;
  -webkit-transition: width 0.5s, X;
  transition: width 0.5s, X;
  background: #CBD0D3;
  content: '';
  position: absolute;
  left: 50%;
  top: 34px;
}
.ready #events .item::before {
  width: 30px;
}
#events .item:nth-child(odd) {
  text-align: right;
  padding: 15px calc(50% + 100px) 20px 20px;
}
#events .item:nth-child(odd)::before {
  left: auto;
  right: 50%;
}
#events .list.inline .item svg {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
  position: absolute;
  left: calc(50% + 41px);
  top: 10px;
  width: 40px;
  height: 40px;
  stroke: #BABFC4;
  stroke-width: 2;
  fill: none;
}
#events .list.inline .item.visible svg {
  opacity: 1;
  filter: alpha(opacity=100);
}
#events .list.inline .item:nth-child(odd) svg {
  left: auto;
  right: calc(50% + 41px);
}
#events p a {
  color: #19892b;
}
#events h2 a {
  color: inherit;
  position: relative;
  text-decoration: none;
}
#events h2 a span {
  background-image: -webkit-gradient(linear, left top, right top, from(#A4ACB9), to(#A4ACB9));
  background-image: linear-gradient(to right, #A4ACB9 0%, #A4ACB9 100%);
  background-repeat: repeat-x;
  background-position: 0 98%;
  background-size: 100% 2px;
}
#events h2 a:hover span {
  background-image: -webkit-gradient(linear, left top, right top, from(#19892b), to(#19892b));
  background-image: linear-gradient(to right, #19892b 0%, #19892b 100%);
}
#events .item:nth-child(2) p {
  left: calc(100% / 7 * 2 - 1px);
}
#events .item:nth-child(3) p {
  left: calc(100% / 7 * 3 - 1px);
}
#events .item:nth-child(4) p {
  left: calc(100% / 7 * 4 - 1px);
}
#events .item:nth-child(5) p {
  left: auto;
  right: calc(100% / 7 * 3 - 1px);
  padding: 20px 0 20px 20px;
}
#events .item:nth-child(6) p {
  left: auto;
  right: calc(100% / 7 * 2 - 1px);
  padding: 20px 0 20px 20px;
}
#events .item:nth-child(7) p {
  left: auto;
  right: calc(100% / 7);
  padding: 20px 0 20px 20px;
}
#events .item:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
#events .item:last-child {
  border: 0;
}
#events .item p {
  position: static;
  opacity: 1;
  filter: alpha(opacity=100);
  line-height: 1.5;
  height: auto;
  background: none;
  margin: 0;
  padding: 0 !important;
  width: auto !important;
  visibility: visible;
}
#events .list.inline {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
#events .list.inline .details {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s ease-in, transform 0.4s ease-in;
  -webkit-transition: opacity 0.2s ease-in, -webkit-transform 0.4s ease-in;
  transition: opacity 0.2s ease-in, -webkit-transform 0.4s ease-in;
  transition: opacity 0.2s ease-in, transform 0.4s ease-in;
  transition: opacity 0.2s ease-in, transform 0.4s ease-in, -webkit-transform 0.4s ease-in;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
#events .list.inline .item:nth-child(odd) .details {
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
}
#events .list.inline .item.visible .details,
#events .list.inline .item.visible:nth-child(odd) .details {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
#events .loadmore {
  margin: 2rem 0 0 0;
}
#events article .empty {
  border: 1px dashed #d7dee3;
  background: #EFF3F7;
}
.next-story {
  position: absolute;
  border: 2px solid #E1E7EE;
  padding: 0.5rem;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  right: 0;
  top: 0;
}
.next-story::before,
.next-story::after {
  content: '';
  height: 6px;
  width: 4px;
  background: #E1E7EE;
  position: absolute;
  top: -8px;
  left: 10px;
}
.next-story::after {
  left: auto;
  right: 10px;
}
.next-story i {
  margin: 0 6px 0 0;
  width: 18px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.next-story i svg {
  fill: #6f777f;
}
.next-story h5,
.next-story .blk {
  display: block;
  margin: 0;
}
.page-storytree .list h6 {
  color: #6f777f;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.33px;
  -webkit-font-smoothing: auto;
}
.next-story .blk {
  background: #E1E7EE;
  padding: 0.2rem;
  margin: -0.5rem -0.5rem 0.5rem -0.5rem;
  color: #6f777f;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.33px;
  -webkit-font-smoothing: auto;
  font-size: 0.625rem;
}
.page-reports {
  background: #fff;
  height: auto;
}
.page-reports .page {
  min-height: calc(100vh - 56px + 84px);
}
.page-reports .panel .scroll:has(iframe) {
  padding: 0;
  background-color: #f8f9fa !important;
}
.page-reports .publication {
  width: 100%;
  max-width: 300px;
}
.page-reports .publication .cover {
  width: 100%;
  max-width: 272px;
  padding-bottom: 80%;
  min-height: 0;
}
.page-reports .publication .a4 {
  width: calc(100% - 20px);
  height: calc(100% - 35px);
  top: 20px;
  left: 20px;
  bottom: auto;
}
.page-reports .publication:hover .a4 {
  -webkit-transform: translate(15px, 0);
  transform: translate(15px, 0);
}
.aside-report .more:not(.btn) {
  top: 0.6rem;
  right: 3rem;
}
.aside-report iframe,
.aside-schedule iframe,
main iframe {
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
  width: 100%;
  margin: 0;
  background: #fff;
  position: relative;
  z-index: 1;
}
.page-reports:not(.report-long) [data-form="report-long"] {
  display: none;
}
.page-reports:not(.report-long) [data-content="es-activity"] .col:first-child {
  width: calc(100%/3);
}
.page-reports:not(.report-long) [data-content="es-activity"] .chart {
  min-height: 200px !important;
}
.page-reports:not(.report-long) [data-content="es-activity"] .col:last-child {
  width: calc(100%/3*2);
}
.page-reports.report-long [data-form="report-long"] {
  display: block;
}
.page-reports.report-long [data-form="report-long"].alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
[data-type=report-frame] {
  height: auto;
  width: 100%;
  min-height: 480px;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #d7dee3, 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #d7dee3, 0 0 10px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  -webkit-transition: width 0.3s, X;
  transition: width 0.3s, X;
}
[data-type=demo-frame] {
  width: 100%;
  background: none;
  position: relative;
  -webkit-transition: width 0.3s, X;
  transition: width 0.3s, X;
  padding: 0.75rem;
  -webkit-box-shadow: inset -5px -5px 9px #ffffff, inset 5px 5px 9px rgba(94, 104, 121, 0.3), -5px -5px 18px rgba(255, 255, 255, 0.45), 5px 5px 18px rgba(94, 104, 121, 0.3), rgba(255, 255, 255, 0.7) 0 0 0 1px;
          box-shadow: inset -5px -5px 9px #ffffff, inset 5px 5px 9px rgba(94, 104, 121, 0.3), -5px -5px 18px rgba(255, 255, 255, 0.45), 5px 5px 18px rgba(94, 104, 121, 0.3), rgba(255, 255, 255, 0.7) 0 0 0 1px;
  border-radius: 10px;
  z-index: 2;
}
.page-embed .page {
  overflow: hidden;
}
#embed-anim {
  width: 400px;
  position: absolute;
  left: 900px;
  z-index: 0;
  overflow: visible;
}
[data-size=small] #embed-anim {
  width: 240px;
  position: absolute;
  left: 540px;
}
.embed-cloud {
  position: absolute;
  top: 10%;
  height: 564px;
  left: 503px;
  z-index: 0;
}
[data-size=small] .embed-cloud {
  top: 10%;
  height: 300px;
  left: 360px;
}
.embed-printer {
  position: absolute;
  top: 128px;
  left: 870px;
  width: 280px;
  z-index: 1;
}
#document {
  position: absolute;
  width: 160px;
  top: 260px;
  left: 880px;
}
#document path {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
#document [id^="plane"],
#document [id^="tick"] {
  visibility: hidden;
}
[data-size=small] #document {
  top: 200px;
  left: 420px;
  width: 100px;
}
[data-size=small] .embed-printer {
  top: 70px;
  left: 522px;
  width: 156px;
}
[data-type=demo-frame] .browser {
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E1E7EE), to(#fff));
  background-image: linear-gradient(to bottom, #E1E7EE, #fff);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) !important;
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) !important;
  -webkit-box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 3px 0 #CECFD1 !important;
          box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 3px 0 #CECFD1 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
[data-type=demo-frame] .browser::before {
  display: none !important;
}
[data-type=demo-frame] .chrome {
  height: 100%;
  padding: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bcc0c5), to(#E1E7EE));
  background-image: linear-gradient(to bottom, #bcc0c5, #E1E7EE);
  -webkit-box-shadow: inset 0 0 0.4em 0.25em rgba(255, 255, 255, 0.4), inset 0 0.4em 0.25em rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 0.4em 0.25em rgba(255, 255, 255, 0.4), inset 0 0.4em 0.25em rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  overflow: hidden;
}
[data-type=demo-frame] .chrome::before {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 18px 0 0 18px;
  width: 120px;
  height: 120px;
  background-image: radial-gradient(circle at 100% 100%, rgba(204, 0, 0, 0) 59px, #fff 60px);
  background-size: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0.2;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  pointer-events: none;
}
[data-type=demo-frame] .chrome::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0 0 20px 10px #2B3030 inset;
          box-shadow: 0 0 20px 10px #2B3030 inset;
  pointer-events: none;
}
[data-type=demo-frame] iframe {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
}
[data-size=large] [data-type=demo-frame] .browser {
  min-width: 800px;
  height: 600px;
  margin: 0;
  display: block;
}
[data-size=small] [data-type=demo-frame] .browser {
  min-width: 480px;
  height: 272px;
  margin: 0;
  display: block;
}
.page-reports.view-expanded .auto {
  max-width: none;
}
[data-type=report] {
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-reports [data-type=report] .row {
  min-width: calc(100% + 1.5rem);
}
.page-reports [data-type=report] iframe {
  height: auto;
}
iframe.pending {
  -webkit-filter: blur(3px) grayscale(1);
          filter: blur(3px) grayscale(1);
  pointer-events: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.aside-report [data-layout=inset] iframe {
  width: calc(100% - 40px);
  margin: 20px 20px 0 20px;
  -webkit-box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.1);
  height: 100%;
}
.aside-report .scroll .empty.hasiframe,
[data-type=report-frame] .empty.hasiframe {
  position: absolute;
  top: 100px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 2;
  text-align: center;
}
[data-type=report-frame] .empty.hasiframe .icon {
  margin: 0 auto 1rem;
}
[data-type=report] .empty.hasiframe .loader {
  position: relative;
}
.aside-report .scroll .empty[data-type="pending"] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99;
  -webkit-transform: translate(calc(-50% - 200px), -50%);
          transform: translate(calc(-50% - 200px), -50%);
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 1px 1.5px 2px #fff9, inset 1px -0.5px 2px #ffffff4d, 0 0.6021873px 0.6021873px -1.25px #0000002e, 0 2.2885333px 2.2885333px -2.5px #00000029, 0 10px 10px -3.75px #00000010, 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1.5px 2px #fff9, inset 1px -0.5px 2px #ffffff4d, 0 0.6021873px 0.6021873px -1.25px #0000002e, 0 2.2885333px 2.2885333px -2.5px #00000029, 0 10px 10px -3.75px #00000010, 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.aside-report .scroll .empty[data-type="pending"].offset {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.empty[data-type="pending"] .icon:not(.state) svg {
  fill: #687077;
  color: #687077;
}
[data-content=report-list] .col.img {
  width: 80px;
  position: absolute;
  left: 1px;
  top: 1px;
  bottom: 1px;
  overflow: hidden;
  margin: 0;
  border-radius: 3px 0 0 3px;
  background: #fff;
  height: auto !important;
}
[data-content=report-list]:not(.grid):not(.stack) .img,
[data-content=report-list]:not(.grid):not(.stack) .col.img figure img {
  height: 100%;
  max-width: none;
  cursor: pointer;
}
[data-content=report-list]:not(.grid):not(.stack) .row {
  padding-left: 80px;
}
[data-content=report-list].grid .row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
[data-content=report-list].grid .col.summary {
  margin-bottom: auto;
}
.page-reports aside .panel > header {
  background: #ffffff;
}
.page-reports aside.fw .panel > header {
  background: #f8f9fa;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-reports aside.fw .panel > header .lines-button.close {
  top: 1.2rem;
}
.fw .aside-report [data-layout=inset] iframe {
  margin-top: 1px;
  -webkit-box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.1), 0 0 0 1px #d7dee3;
          box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.1), 0 0 0 1px #d7dee3;
}
.fw [data-type=report-filters] {
  top: 57px !important;
  padding-left: 0;
  width: 390px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}
.fw [data-type=report-filters] > .row {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.page-reports .fw .panel .scroll {
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.page-reports .fw .panel .scroll:has([data-type=report-filters].active) {
  padding-right: 390px;
}
.page-reports aside .panel > header .details {
  padding-right: 2rem;
}
.page-reports aside a[data-toggle=collapsable]:has(.icon)::before {
  content: none !important;
}
.page-reports .col.summary {
  line-height: 1.25rem;
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
.page-reports .sticky-footer footer.visible {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
[data-type=report] .paperOverlay {
  left: -20px;
  right: -20px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
[data-content="preview"] {
  max-height: 200px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 1px #e9ecef;
          box-shadow: 0 0 0 1px #e9ecef;
  border-radius: 3px;
}
.page-reports .def,
.page-users .def {
  padding: 0 0.25rem 0 1rem;
  min-height: 48px;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  color: #687077;
  border-radius: 3px;
  line-height: 1.25rem;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
}
.page-reports .def.sml {
  min-height: 40px;
}
.page-reports .def.vanish,
.page-users .def.vanish {
  padding-right: 4rem;
}
.page-users .def .btn {
  margin-left: 0.25rem;
}
.filter.has-select {
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
}
.filter.has-select .def {
  padding-right: 2rem;
}
.filter.has-select::after {
  content: '';
  background: url('../img/sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, calc(-50% + 1px));
  transform: translate(0, calc(-50% + 1px));
}
.page-reports .def strong {
  white-space: nowrap;
}
[data-content=report-list] .col.img::before {
  content: '';
  background: url('../img/sprite.png') -1300px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 11px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  width: 16px !important;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s, X;
  transition: all 0.15s, X;
}
[data-content=report-list].grid .more {
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  border-radius: 3px;
}
[data-content=report-list].grid .col:not(.actions) {
  width: 100% !important;
}
[data-content=report-list].grid .col.img,
[data-content=report-list].stack .col.img {
  -webkit-box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.7);
          box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.7);
  height: 120px !important;
  margin-top: calc(-1.125rem);
  margin-bottom: 1rem;
  margin-left: 0;
  border-radius: 3px 3px 0 0;
  position: relative;
  top: 0;
  left: 0;
}
[data-content=report-list].stack .col.img {
  margin: -0.5rem 0 !important;
  height: 80px !important;
  width: 120px;
  border-radius: 0;
}
[data-content=report-list].stack .col.img figure .img {
  background: #343a40;
}
[data-content=report-list].stack .col.img figure img {
  opacity: 0.95;
  filter: alpha(opacity=95);
}
[data-content=report-list].grid .col.last {
  margin-top: 1rem;
}
[data-content=report-list]:not(.grid) .col.last {
  min-width: 400px;
}
[data-content=report-list].grid.condensed ul {
  -webkit-box-shadow: none;
          box-shadow: none;
}
[data-content=report-list][data-ver="2"] .col.last {
  display: none !important;
}
[data-content=report-list][data-ver="2"].condensed .col.img figure img {
  width: 100%;
  height: auto;
}
[data-content=report-list].list.grid.condensed > ul > li {
  -webkit-box-shadow: #d7dee3 0 0 0 1px inset;
          box-shadow: #d7dee3 0 0 0 1px inset;
  padding: 0;
  margin: 0 0 -1px -1px;
}
[data-content=report-list].list > ul > li .row:hover {
  z-index: 2;
}
[data-content=report-list][data-ver="2"] > ul > li.selected .row,
[data-content=report-list][data-ver="2"] > ul > li.selected .row:hover {
  -webkit-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2), 0 0 0 2px #19892b !important;
          box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2), 0 0 0 2px #19892b !important;
  background: #fff;
  z-index: 3;
}
[data-content=report-selected] {
  position: relative;
  background-color: #fff;
  padding: 0.5rem;
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
}
[data-content=report-selected] footer {
  position: sticky;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  padding: 1rem;
  margin: -0.5rem;
  z-index: 3;
  -webkit-box-shadow: 0 -10px 10px -2px rgba(0, 0, 0, 0.2), inset 0 1px 0 0 #d7dee3;
          box-shadow: 0 -10px 10px -2px rgba(0, 0, 0, 0.2), inset 0 1px 0 0 #d7dee3;
}
[data-content=report-selected] footer .select {
  border-radius: 3px 0 0 3px;
  margin: 0 -1px 0 0 !important;
}
[data-content=report-selected] footer .select + .btn {
  border-radius: 0 3px 3px 0;
}
[data-content=report-selected] figure {
  height: 600px;
  overflow: auto;
  padding: 0.5rem;
  margin: -0.5rem;
}
[data-content=report-selected] figure img {
  margin: 0;
}
[data-content=report-list].grid h5 {
  margin-bottom: 0.25rem;
  font-size: 1rem;
}
[data-content=report-list].grid.condensed .col.img {
  left: 1px;
  top: 1px;
  width: calc(100% - 2px) !important;
  border-radius: 0;
}
[data-list="reports-scheduled"] .col.reportto {
  width: 50% !important;
}
[data-list="reports-scheduled"] li .col[data-content="reportName"],
[data-list="reports-scheduled"] li .col.time {
  color: #343a40;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
[data-list="reports-scheduled"] .col[data-content="reportName"],
[data-list="reports-scheduled"] li .col.time {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 30% !important;
}
[data-list="reports-scheduled"] .col:not(.actions):not(.admin) {
  width: 30%;
}
[data-list="reports-scheduled"] .col.admin {
  width: 72px;
}
[data-list="reports-scheduled"] .col.admin .avatar {
  margin-right: 0;
}
[data-list="reports-scheduled"] .col.parameters {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.def .truncate {
  max-width: calc(100% - 60px);
}
[data-content="scrollbar"] {
  width: 100%;
  height: 0.825rem;
  padding: 0.25rem;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
  cursor: pointer;
  overflow: hidden;
  border-radius: 20px;
}
[data-content="scrollbar"] .progressbar {
  height: 100%;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.4);
  width: 0%;
  /* Default width */
}
/* Scroll to end */
[data-action="scroll-to-end"] {
  cursor: pointer;
  position: absolute;
  top: 80px;
  right: 20px;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background: #19892b;
  z-index: 99;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 8px 0 rgba(33, 43, 54, 0.3);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 8px 0 rgba(33, 43, 54, 0.3);
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
[data-action="scroll-to-end"].no-scroll {
  -webkit-transform: scale(0.01);
          transform: scale(0.01);
  opacity: 0;
}
[data-action="scroll-to-end"]:has(+ .unavailable) {
  display: none;
}
[data-action="scroll-to-end"] .icon {
  -webkit-animation: slide-right 0.8s ease-in-out 3;
          animation: slide-right 0.8s ease-in-out 3;
}
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0.7;
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0.7;
  }
}
[data-type=scrollable] {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  -webkit-box-shadow: 0 -1px 0 0 #d7dee3, -1px 0 0 0 #d7dee3, 1px 0 0 0 #d7dee3;
          box-shadow: 0 -1px 0 0 #d7dee3, -1px 0 0 0 #d7dee3, 1px 0 0 0 #d7dee3;
  position: relative;
}
.relative:has([data-type=scrollable])::after {
  content: '';
  position: absolute;
  top: 0;
  border-radius: 0 1px 1px 0;
  right: 0;
  height: 100%;
  width: 20px;
  pointer-events: none;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
}
.relative:has([data-type=scrollable].no-scroll)::after {
  opacity: 0;
}
[data-type=scrollable-pane] {
  width: 100%;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  max-height: 400px !important;
  overflow: auto;
  padding: 0.375rem 0 0 0.375rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, white), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white)) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}
[data-type=scrollable-pane] .tag .avatar {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  left: 5px;
  font-weight: 600;
}
.report-long [data-type=scrollable] > table,
.half [data-type=scrollable] > table {
  min-width: 0;
}
[data-type=report] header {
  margin-bottom: 2.6rem;
}
[data-type=report] table {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
[data-type=report] table thead th {
  background-color: #f8f9fa !important;
  font-weight: 500;
  white-space: nowrap;
  min-width: 110px;
}
[data-type=report] table thead th.condensed,
[data-type=report] table td.condensed {
  max-width: 110px;
}
[data-type=report] table thead th.extended {
  min-width: 180px;
}
[data-type=report] table thead td {
  background-color: #f8f9fa !important;
}
[data-type=report-filters] {
  -webkit-transition: transform 0.3s, X;
  -webkit-transition: X, -webkit-transform 0.3s;
  transition: X, -webkit-transform 0.3s;
  transition: transform 0.3s, X;
  transition: transform 0.3s, X, -webkit-transform 0.3s;
  position: absolute;
  padding: 0 20px;
  top: 119px;
  bottom: 0;
  right: 0;
  z-index: 100;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  overflow: auto;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
.v2 [data-type=report-filters] {
  top: 62px;
  background-color: #f8f9fa !important;
}
.v2 [data-type=report-filters].half {
  width: 50%;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.aside-schedule [data-type=report-filters] {
  top: 81px;
}
[data-type=report-filters] .sticky {
  z-index: 99;
  background: #fff;
}
.v2 [data-type=report-filters] .sticky {
  background-color: #f8f9fa !important;
}
[data-type=report-filters] > .row {
  padding: 1rem 20px !important;
  margin: 0 -20px !important;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
[data-type=report-filters].active {
  -webkit-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  -webkit-box-shadow: -1px -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: -1px -1px 0 0 rgba(215, 222, 227, 0.5);
}
[data-type=report-filters] .sidebar {
  content: '';
  background: url('../img/sprite.png') -900px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 22px;
  right: 20px;
  z-index: 6;
}
[data-type=report-schedule],
[data-type=report-editschedule] {
  -webkit-transition: transform 0.3s, X;
  -webkit-transition: X, -webkit-transform 0.3s;
  transition: X, -webkit-transform 0.3s;
  transition: transform 0.3s, X;
  transition: transform 0.3s, X, -webkit-transform 0.3s;
  position: absolute;
  padding: 0 20px;
  top: 81px;
  bottom: 0;
  right: 0;
  z-index: 100;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  background: #ffffff;
  width: calc(100%);
  overflow: auto;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
[data-type=report-schedule] > .row {
  padding: 1rem 20px !important;
  margin: 0 -20px !important;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
[data-type=report-editschedule] .tag {
  padding-left: 0.8rem !important;
  display: inline-block;
}
[data-type=report-editschedule] > .row {
  margin: 0 -20px;
}
[data-type=report-editschedule] > .row > .half {
  padding: 20px;
}
[data-type=report-editschedule] > .row > .half:last-child {
  background-color: #f8f9fa !important;
}
[data-type=report-schedule].active,
[data-type=report-editschedule].active {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* [data-type=report] table th {
  position: sticky;
  top: -1px;
  background: rgba(255, 255, 255, .7);
  backdrop-filter: blur(3px);
  box-shadow: inset 0 -1px 0 0 #d7dee3;
  z-index: 0;
  font-family: @heading-font-family;
  font-weight: normal;
  line-height: 1.2;
  color: @color-primary-grey-800;
} */
[data-type=report] table table {
  margin: -6px -10px;
  width: calc(100% + 20px);
  -webkit-box-shadow: none;
          box-shadow: none;
  table-layout: fixed;
}
[data-type=report] .table-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% + 12px);
}
[data-type=report] .table-wrap table {
  height: 100%;
}
[data-type=report] table td {
  width: 110px;
  height: 1px;
}
[data-type=report] table[data-type=sidebar] h4,
[data-type=report] table thead th[colspan] {
  text-align: left;
}
[data-type=report] table:not[data-type=sidebar] th:first-child,
[data-type=report] table:not[data-type=sidebar] td:first-child {
  padding-left: 0;
}
[data-type=report] table[data-type=sidebar] > thead > tr > th:first-child,
[data-type=report] table[data-type=sidebar] > tbody > tr > td:first-child {
  position: sticky;
  left: 0;
  padding-left: 10px;
  z-index: 4;
  background: #fff !important;
  -webkit-box-shadow: inset 0 -1px 0 0 #d7dee3, 1px 0 0 0 #d7dee3, 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.2) !important;
          box-shadow: inset 0 -1px 0 0 #d7dee3, 1px 0 0 0 #d7dee3, 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.2) !important;
  text-align: left;
}
[data-type=report] table[data-type=sidebar] > tbody > tr > td:first-child td:first-child,
[data-type=report] table[data-type=sidebar] > thead > tr > th:first-child th:first-child {
  width: 40px;
  max-width: 40px;
  padding-right: 0;
  -webkit-box-shadow: inset 0 -1px 0 0 #d7dee3;
          box-shadow: inset 0 -1px 0 0 #d7dee3;
  background: #fff !important;
  text-align: left;
}
[data-type=report] table[data-type=sidebar] > tbody > tr > td:first-child td:nth-child(2),
[data-type=report] table[data-type=sidebar] > thead > tr > th:first-child th:nth-child(2) {
  width: 240px;
  -webkit-box-shadow: inset 0 -1px 0 0 #d7dee3;
          box-shadow: inset 0 -1px 0 0 #d7dee3;
  background: #fff !important;
  text-align: left;
}
[data-type=report] table th,
[data-type=report] table td {
  -webkit-box-shadow: inset 0 -1px 0 0 #d7dee3, inset 1px 0 0 0 #d7dee3;
          box-shadow: inset 0 -1px 0 0 #d7dee3, inset 1px 0 0 0 #d7dee3;
  overflow-wrap: break-word;
  text-align: right;
}
[data-type=report] table td .progress {
  width: 80px;
  margin: 3px 10px 0 10px;
}
[data-type=report] table:not[data-type=sidebar] th:last-child,
[data-type=report] table:not[data-type=sidebar] td:last-child {
  padding-right: 0;
}
[data-type=report-footer] {
  padding: 20px;
  margin: auto -20px -20px -20px;
  line-height: 1.25rem;
  font-size: 0.875rem;
}
[data-type=report-footer] h6 {
  font-size: 0.75rem;
}
[data-type=environment] {
  background: rgba(27, 121, 27, 0.1);
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  overflow: hidden;
  padding: 2rem;
}
[data-type=environment] i,
[data-type=environment] h6 {
  color: #1B791B;
}
[data-type=environment] small {
  color: #5F7369;
}
[data-type=environment] .watermark {
  width: 80%;
  max-width: 600px;
  position: absolute;
  top: 60%;
  left: 40%;
  -webkit-transform: rotate(15deg) translate(-50%, -50%);
          transform: rotate(15deg) translate(-50%, -50%);
  color: #c2d8b9;
  opacity: 0.2;
  z-index: 0;
  pointer-events: none;
}
.page-reports .list:not(.grid):not(.condensed) > ul > li.moving {
  padding: 0;
  max-height: 0;
  margin: 0;
  opacity: 0;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.page-reports .list:not(.grid).condensed > ul > li.moving {
  padding: 0;
  max-height: 0;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.page-reports .list:not(.grid).condensed > ul > li.moving .row {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-reports .list:not(.grid):not(.condensed) > ul > li.inserting .row {
  -webkit-animation: scale-in-center 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
          animation: scale-in-center 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.page-reports .list.condensed:not(.grid) > ul > li {
  max-height: 100px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.page-reports .list.condensed > ul > li.inserting .row {
  -webkit-transition: all 0.2s ease-in-out 0.5s;
  transition: all 0.2s ease-in-out 0.5s;
  opacity: 1;
  filter: alpha(opacity=100);
}
[data-content="reportstemplates"] {
  gap: 0.5rem;
}
[data-content="reportstemplates"] .label {
  width: 60px;
}
[data-content="reportstemplates"] .select,
[data-content="reportstemplates"] textarea {
  width: calc(100% - 60px - 1rem);
}
[data-view="reportstemplates"] [data-content="reportstemplates"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  visibility: visible;
  height: auto;
  padding: 20px;
}
[data-view="reportstemplates"] form {
  -webkit-filter: blur(3px);
          filter: blur(3px);
  opacity: 0.3;
  filter: alpha(opacity=30);
  pointer-events: none;
}
@media print {
  @page {
    size: landscape;
  }
}
#customise {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  padding: 20px 30px;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
#customise .close {
  z-index: 10;
}
#customise h3,
#customise h5 {
  color: #fff;
  margin-bottom: 0.5rem;
}
#customise h3 {
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
  text-transform: uppercase;
}
#customise h3 span {
  color: #fff;
}
#customise small {
  color: rgba(255, 255, 255, 0.5);
}
.open-customise #customise {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.option-list.bare {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 0 -20px 0;
  background: none;
}
.option-list.bare li {
  padding: 0;
  min-height: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: auto;
  margin: 0 20px 20px 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
#customise img {
  width: 100px;
}
#customise label {
  color: #fff;
  font-size: 0.875rem;
}
.option-list.bare li .upload {
  width: 100px;
  border: 1px dashed rgba(255, 255, 255, 0.3);
  height: 100%;
  min-height: 60px;
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.option-list.bare li .upload.disabled {
  color: rgba(255, 255, 255, 0.3) !important;
}
.option-list.bare li.active .avatar,
.option-list.bare li.active img {
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
  padding: 2px;
}
.option-list.bare li a {
  padding: 0;
}
.option-list.bare li .avatar {
  margin: 0;
}
.option-list.bare li[data-option="avatar-red"] .avatar {
  background: #8E152D;
}
.option-list.bare li[data-option="avatar-charcoal"] .avatar {
  background: #474F5C;
}
.option-list.bare li[data-option="avatar-green"] .avatar {
  background: #00272E;
}
.option-list.bare li[data-option="avatar-blue"] .avatar {
  background: #2E3476;
}
.option-list.bare li[data-option="avatar-black"] .avatar {
  background: #141515;
}
.option-list.bare li.active::before {
  display: none;
}
.option-list.bare li.active::after {
  right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page-team .wrap {
  padding: 0;
}
.page-team .overlay::before {
  background: rgba(0, 0, 0, 0.6);
}
.page-team header .row,
.page-team .page .auto > .row {
  margin: 0 -30px;
}
.page-team header .row .col,
.page-team .page .auto > .row > .col {
  padding: 0 30px;
}
.page-team .wrap .page {
  min-height: 600px;
}
.page-team .page > footer {
  left: 0;
  width: 100%;
}
.page-team .wrap > header {
  background: #00272E;
  padding: 1.5rem 30px;
  position: relative;
  color: #fff;
  z-index: 2;
}
.page-team .wrap > header .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  filter: alpha(opacity=20);
  mix-blend-mode: luminosity;
}
.page-team .wrap > header .cover::after {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #00272E), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, #00272E 20%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 300px;
}
.page-team .card {
  min-height: 0;
}
.page-team .wrap > header .cover img {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-team .wrap > header h1 {
  color: rgba(255, 255, 255, 0.3);
  font-style: italic;
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 0.9;
  margin: 0 0 3rem 0;
}
.page-team .wrap > header h1 span {
  display: block;
  font-size: 4rem;
  color: #fff;
}
.page-team .wrap > header h2,
.page-team .wrap > header h3,
.page-team .wrap > header h5 {
  color: #fff;
}
.page-team h2 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.page-team .wrap h2 .push {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
.page-team .wrap > header h5 {
  color: rgba(255, 255, 255, 0.6);
  font-weight: normal;
  margin-top: 0.15rem;
}
.page-team nav {
  background: none;
  height: auto;
  width: 100%;
  position: static;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: visible;
  margin: 0 0 3rem 0;
}
.page-team nav #logo {
  margin: 0;
}
.page-team nav > .auto > ul {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 40px;
}
.page-team nav > .auto > ul > li {
  margin: 0 40px 0 0;
}
.page-team nav > .auto > ul > li > a {
  padding: 0 0 22px 0;
  position: relative;
}
.page-team nav > .auto > ul > li > a:hover {
  color: rgba(255, 255, 255, 0.6);
}
.page-team nav > .auto > ul > li.active > a {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #19892b;
}
.page-team nav > .auto > ul > li.active > a::after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #19892b;
  position: absolute;
  bottom: 6px;
  left: 50%;
  margin-left: -2px;
}
.page-team nav .nav-account {
  width: auto;
  margin: 0 0 0 auto;
  font-size: 0.875rem;
  z-index: 6;
  height: auto;
}
.page-team nav .nav-account > a .vendor {
  margin-right: 1rem;
  display: block;
  height: 24px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-team nav .nav-account > a .vendor img {
  height: 100%;
  -webkit-filter: invert(100%) saturate(0%);
          filter: invert(100%) saturate(0%);
}
.page-team nav .nav-account .user-menu {
  width: 180px;
  right: 0;
  font-family: 'Source Sans Pro', sans-serif;
}
.page-team nav .nav-account > a {
  padding: 8px 30px 8px 8px;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.1);
  width: auto;
}
.page-team .chart {
  background: none !important;
}
.page-team .trends-chart {
  background: rgba(0, 0, 0, 0.2);
  padding: 20px;
  border-radius: 3px;
}
.page-team main .trends-chart {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.page-team .trends-chart .c3-tooltip {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  color: #fff;
  border: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-team .trends-chart line.c3-xgrid-focus {
  stroke: rgba(255, 255, 255, 0.3) !important;
}
.page-team .trends-chart .c3-tooltip th,
.page-team .trends-chart .c3-tooltip td {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  padding: 3px 6px;
}
.page-team .trends-chart header {
  margin-bottom: 20px;
}
.page-team .wrap > header .recharts-legend-item-text {
  color: rgba(255, 255, 255, 0.6);
}
.page-team .wrap > header .trends-chart .c3-region {
  fill-opacity: 0.2 !important;
  fill: #000 !important;
}
.page-team .trends-chart .c3-axis-x {
  display: none !important;
}
.page-team .trends-chart .tick {
  opacity: 0.3 !important;
  filter: alpha(opacity=30) !important;
}
.page-team .trends-chart .tick text {
  fill: #fff !important;
}
.page-team header .trends-chart h2,
.page-team header .trends-chart .med {
  color: #fff;
  margin-bottom: 0.3rem;
}
#impact {
  position: relative;
  overflow: hidden;
  padding: 30px;
}
#impact header {
  border-bottom: 1px solid rgba(215, 222, 227, 0.7);
  width: auto;
  margin: -20px -20px 20px -20px;
  padding: 20px;
}
#impact header > .flex {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: auto;
}
#impact h2 {
  margin: 0;
}
#impact > * {
  position: relative;
  z-index: 1;
}
#impact .icon {
  margin: 0 10px 0 0 !important;
}
#impact::before {
  content: '';
  width: calc(100%/3 - 10px - 30px);
  position: absolute;
  left: calc(100%/3 + 5px + 15px);
  top: 10px;
  bottom: 10px;
  background: #F4F8F6;
  z-index: 0;
}
#impact .divider {
  margin: 20px 0;
}
.page-team main .trends-chart h2 {
  margin-bottom: 0.3rem;
}
.page-team header .trends-chart small {
  color: rgba(255, 255, 255, 0.6);
}
.page-team .recharts-legend-wrapper {
  top: 20px !important;
  left: 20px !important;
}
.page-team.page-printlog .list figure::before,
.page-team.page-printlog .list figure::after {
  content: none;
}
.page-team.page-printlog .list .col.document {
  width: 40%;
}
.page-team.page-printlog .list .col.attr,
.page-team .list .col.date {
  width: 35%;
}
.page-team.page-printlog .list .col.time,
.page-team .list .col.price {
  text-align: right;
}
.page-team #new-activity {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: visible;
  max-height: none;
  background: none;
}
.page-team #new-activity li:not(.new) .icon.bold {
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 12px;
  background: #00272E;
}
.page-team #new-activity .list {
  position: relative;
}
.page-team #new-activity .list::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 16px;
  bottom: -1rem;
  border-right: 1px solid #d7dee3;
  z-index: 0;
}
.page-team #new-activity .list::after {
  content: '';
  background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #EFF3F7), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, #EFF3F7 20%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  bottom: -1rem;
  left: 0;
  right: 0;
  height: 2rem;
}
.page-team #new-activity .list .rgt {
  width: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
  padding-right: 0;
}
.page-team #new-activity h3 {
  color: initial;
  margin-bottom: 1.3rem;
}
.page-team #new-activity ul {
  margin: 0;
}
.page-team.page-printlog #new-activity li {
  margin-bottom: 2rem !important;
  -webkit-transition: 0s !important;
  transition: 0s !important;
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
}
.page-team #new-activity li .row {
  background: none !important;
  padding: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.page-team .list a.row {
  padding-right: 2rem;
}
#eco-rating {
  background: #011F11;
  background-image: linear-gradient(140deg, #10472E 0%, #011F11 50%);
  border-radius: 3px;
  padding: 20px;
  position: relative;
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
header #eco-rating {
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.15);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}
#eco-rating h2 {
  color: #fff;
}
#eco-rating::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/stock-eco.jpg);
  mix-blend-mode: luminosity;
  opacity: 0.15;
  filter: alpha(opacity=15);
}
#eco-rating small,
#eco-rating .action {
  color: rgba(255, 255, 255, 0.8);
}
#eco-rating figure {
  max-width: 220px;
  margin: auto;
  position: relative;
  width: 100%;
  padding-bottom: 1.3rem;
}
#eco-rating figure .rating {
  position: absolute;
  bottom: 0.5rem;
  width: 100%;
  text-align: center;
}
#eco-rating figure .rating small {
  color: rgba(255, 255, 255, 0.6);
}
#eco-rating figure .rating .lge {
  color: #C4E445;
  font-weight: normal;
}
.page-grows,
.page-grows .tip {
  color: #5F7369;
}
.paperOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  mix-blend-mode: multiply;
  background-repeat: repeat;
  pointer-events: none;
  background-image: url('../img/grain.png');
  z-index: 2;
}
.page-grows .btn:not(.secondary):not(.outline):not(.loading) {
  background: #1B791B;
}
.page-grows .btn:not(.secondary):not(.outline):not(.loading):hover {
  background: #124f12;
}
.page-grows .btn.disabled:not(.secondary):not(.outline) {
  background: #6f777f;
}
.page-grows a:not(.btn) {
  color: #1B791B;
}
.page-grows p > a:not(.btn),
.page-grows a[data-action="learn-more"],
.page-grows a.link-ext {
  text-decoration: underline;
}
.page-grows p > a:not(.btn):hover,
.page-grows a[data-action="learn-more"]:hover,
.page-grows a.link-ext:hover {
  text-decoration: none;
}
.primary:not(.btn) {
  color: #1B791B !important;
}
.page-grows .popup header .count {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  color: #fff;
  padding: 0.3rem 0.5rem;
}
.page-grows .popup header .count::before {
  content: '';
  border-top: 60px solid #1B791B;
  border-right: 60px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.page-grows .popup header figure {
  background: #F8F9FA;
  min-height: 120px;
}
#popup-media header figure {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#popup-media header figure img {
  max-height: 100%;
  margin-top: auto;
}
.page-grows .popup header figure img {
  max-width: 100%;
}
.page-grows .popup h4 {
  margin-bottom: 0.2rem;
}
.page-grows .wrap {
  padding: 0;
  background: #f1f7ed;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.page-grows .watermark {
  width: 80%;
  max-width: 800px;
  position: absolute;
  top: -40px;
  left: -100px;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  color: #c2d8b9;
  opacity: 0.2;
  z-index: 0;
  pointer-events: none;
}
.page-grows [data-content=preview] + .vanish-multi {
  width: calc(100% - 430px);
  margin-left: 30px;
}
.page-grows [data-content=preview] img {
  display: block;
}
.page-grows.has-bottom .wrap {
  padding-bottom: 94px;
}
.page-grows .page > header,
.page-grows .wrap > header.background {
  background: rgba(194, 216, 185, 0.3) !important;
}
.page-grows .wrap > header.background {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-bottom: 0;
}
.page-grows .nav-sub {
  background: rgba(42, 161, 71, 0.1);
  padding: 1rem 30px;
  overflow: hidden;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin: -2rem -50vw 2rem -50vw;
  color: #406344;
}
.page-grows .nav-sub ul {
  margin: 0 auto !important;
}
.page-grows .nav-sub ul li {
  margin: 0 !important;
}
.page-grows .nav-sub ul li:first-child {
  padding-left: 0;
}
.page-grows .nav-sub ul li:last-child {
  padding-right: 0;
}
.page-grows .nav-sub li .row-link {
  padding: 1.125rem 0;
  color: inherit;
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf;
          box-shadow: inset 0 0 0 1px #c6dabf;
  min-height: 100%;
}
.page-grows .nav-sub li.active .row-link {
  background: rgba(241, 247, 237, 0.8);
}
.page-grows .nav-sub li.active .row-link h4,
.page-grows .nav-sub li.active .row-link a,
.page-grows .nav-sub li.active .row-link i {
  color: #1B791B;
}
.page-grows .nav-sub li .row-link:hover {
  -webkit-box-shadow: inset 0 0 0 1px #1B791B !important;
          box-shadow: inset 0 0 0 1px #1B791B !important;
}
.page-grows .nav-sub .list.grid > ul {
  margin-bottom: -1rem;
}
.page-grows .nav-sub .col.icon {
  width: 92px !important;
}
.page-grows .nav-sub .col {
  width: calc(100% - 92px) !important;
}
.page-grows .hero {
  background: rgba(27, 121, 27, 0.1);
  padding: 2rem 30px;
  overflow: hidden;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin: -2rem -50vw 2rem -50vw;
  color: #406344;
}
.page-grows .hero img {
  max-height: 240px;
}
.page-grows .hero .relative {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s, X;
  transition: all 0.15s, X;
}
.onload .hero .relative {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-grows .hero .embed-container {
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf, 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.05) !important;
          box-shadow: inset 0 0 0 1px #c6dabf, 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.05) !important;
  border-radius: 5px;
  background: #152822;
}
.page-grows .hero .scale-half {
  height: calc(400px - 4rem);
}
.onload .hero .scale-half {
  -webkit-animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.page-grows .hero .scale-half .card {
  padding: 40px;
  -webkit-transform: scale(0.49);
  transform: scale(0.49);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  background: #F3F6F4;
  -webkit-box-shadow: inset 0 0 0 2px #c6dabf, 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 0 0 2px #c6dabf, 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.page-grows .hero .pin {
  position: absolute;
  top: 60px;
  width: 25%;
  left: calc(50% - 20px);
  background: #F3F6F4;
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf, 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.05) !important;
          box-shadow: inset 0 0 0 1px #c6dabf, 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.05) !important;
  border-radius: 5px;
}
.onload .hero .pin {
  -webkit-animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.5s;
          animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.5s;
}
.page-grows .hero blockquote {
  position: absolute;
  top: 20px;
  left: calc(75% + 5px);
  width: calc(25% - 30px);
}
.page-grows .hero .chart--horiz {
  position: absolute;
  top: 215px;
  left: calc(50% + 20px);
  width: calc(50% - 40px);
}
.page-grows .chart__bar {
  background: rgba(0, 0, 0, 0.03);
}
.onload .hero blockquote,
.onload .hero .chart__bar {
  -webkit-animation: fade-in 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 1s;
          animation: fade-in 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 1s;
}
.onload .hero footer {
  -webkit-animation: fade-in 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 1s;
          animation: fade-in 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 1s;
}
[data-action=forest-state] i {
  fill: #1B791B;
}
[data-action=forest-state][data-state=negative] i {
  fill: #E19E1F;
}
[data-action=forest-state][data-state="negative"] [data-name="needle"] {
  -webkit-transform: rotate(20deg) !important;
          transform: rotate(20deg) !important;
  -webkit-filter: none !important;
          filter: none !important;
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transition: all 0.2s, X;
  transition: all 0.2s, X;
}
[data-action=forest-state][data-state="positive"] [data-name="needle"] {
  -webkit-transform: rotate(150deg) !important;
          transform: rotate(150deg) !important;
  -webkit-filter: none !important;
          filter: none !important;
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transition: all 0.2s, X;
  transition: all 0.2s, X;
}
.page-grows .wrap > header .tabs {
  margin: 1rem 0 -1.5rem;
}
.page-grows .tabs.main {
  margin: -2rem -50vw 2rem -50vw;
  background: rgba(194, 216, 185, 0.3);
  -webkit-box-shadow: inset 0 -1px 0 0 #c6dabf;
          box-shadow: inset 0 -1px 0 0 #c6dabf;
  border: 0;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
}
.page-grows .tabs.main li {
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
}
.page-grows .tabs.main li a {
  padding: 0.8rem 0;
}
.page-grows .tabs.center ul {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-grows .tabs a {
  color: #406344;
}
.page-grows .tabs li.active {
  -webkit-box-shadow: inset 0 -3px 0 0 #1B791B;
          box-shadow: inset 0 -3px 0 0 #1B791B;
}
.page-grows .tabs li.active > a,
.page-grows .tabs li.active > a i,
.page-grows .tabs a:hover {
  color: #1B791B !important;
}
.page-grows .tab > .row {
  margin: 0 -15px;
}
.page-grows .a4 .placeholder-logo,
.page-grows .a4 .placeholder-paragraph span,
.page-grows .a4 .placeholder-paragraph.last span,
.page-grows .a4 .placeholder-heading span {
  background: rgba(194, 216, 185, 0.3);
}
.page-grows .a4 .placeholder-image svg {
  stroke: rgba(194, 216, 185, 0.3);
}
.page-grows .a4 .placeholder-image {
  border: 3px solid rgba(194, 216, 185, 0.3);
}
.grows-iframe:not(.page-grows) {
  position: relative;
  overflow: hidden;
}
[data-type=grows] {
  display: block;
  margin: 0 auto 1rem auto;
  width: 138px;
}
[data-type=grows] .logo {
  max-height: none !important;
  margin: 0 !important;
  display: block !important;
}
.page-grows.grows-iframe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grows-iframe .empty {
  max-width: 480px;
}
.grows .empty figure {
  max-width: 300px;
}
.grows-iframe #gauge,
.grows-iframe [data-type=gauge] {
  max-width: 640px;
  margin: 0 auto;
}
.grows-iframe-gauge {
  width: 100%;
  max-width: 720px;
  min-height: 700px;
}
.grows-iframe-locations {
  width: 100%;
  max-width: 720px;
  min-height: 480px;
}
.grows-iframe-community {
  width: 100%;
  max-width: 720px;
  min-height: 480px;
}
.grows-iframe-badge {
  width: 100%;
  max-width: 300px;
  min-height: 180px;
  text-align: center;
}
.grows-badge {
  color: #38393B;
  max-width: 280px;
  text-align: center;
}
.grows-badge img {
  display: block;
  margin-bottom: 0.3rem;
}
.page-grows [data-content="preview"] {
  width: 100%;
  max-width: 400px;
  overflow: auto;
  max-height: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.grows-social {
  font-size: 23px;
  line-height: 1.2;
  width: 400px;
  height: 225px;
  position: relative;
}
.grows-social .backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.grows-social .text {
  position: absolute;
}
.grows-social-dynamic .text {
  top: 50%;
  left: 180px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  padding-right: 40px;
}
.grows-social-dynamic2 .text {
  top: 10px;
  left: 15px;
  color: #3B3B3D;
  padding-right: 100px;
}
.grows-social-cobrand .text {
  font-size: 1.065rem;
  text-align: center;
  top: 50%;
  right: 190px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  padding: 20px;
  border: 1px dashed #fff;
}
.grows-social-positive .text {
  text-align: center;
  width: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
}
.grows-social-positive2 .text {
  top: 50%;
  left: 15px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  padding-right: 40px;
}
.grows-social-positive3 .text {
  top: 10px;
  left: 15px;
  color: #fff;
  padding-right: 100px;
}
.grows-social .date {
  position: absolute;
  color: #fff;
  z-index: 10;
  bottom: 15px;
  left: 15px;
  font-size: 12px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.grows-social-dynamic2 .date {
  color: #3B3B3D;
}
.grows-social-dynamic .date,
.grows-social-cobrand .date {
  left: auto;
  right: 15px;
}
.grows-iframe-badge.grows-iframe iframe {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.grows-iframe .grows-badge {
  margin: auto;
}
.grows-iframe.page-grows .card {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.grows-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f1f7ed;
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf;
          box-shadow: inset 0 0 0 1px #c6dabf;
}
.grows-iframe small.last-updated {
  position: static !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.page-grows.allaccess .wrap {
  background: #fff;
  overflow: hidden;
}
.page-grows #grows-where.card {
  position: relative;
  overflow: hidden;
}
.page-grows #grows-where.card::before {
  content: '';
  background: url(../img/grows-globe.png) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 673px;
  height: 250px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.page-grows.allaccess #grows-where {
  margin-top: 80px;
  position: relative;
}
.page-grows.allaccess #grows-where::before {
  content: '';
  background: url(../img/grows-globe.png) 0 0 no-repeat;
  position: absolute;
  top: -70px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 673px;
  height: 250px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.page-grows.allaccess .watermark {
  left: auto;
  right: -100px;
  max-width: 700px;
}
.page-grows.support .auto {
  max-width: 1020px;
}
[data-type=reporting] {
  background-image: url(../img/squared-metal.png) !important;
}
.page-grows .rtl {
  direction: rtl;
}
.page-grows .vdp-datepicker {
  position: relative;
  text-align: left;
}
.page-grows .vdp-datepicker * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-grows .vdp-datepicker__calendar {
  position: absolute;
  z-index: 101;
  width: 300px;
  background: #F3F6F4;
  -webkit-box-shadow: 0 0 0 1px #c6dabf, 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.05) !important;
          box-shadow: 0 0 0 1px #c6dabf, 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.05) !important;
  color: #406344;
  border: 0 !important;
}
.page-grows .vdp-datepicker__calendar header {
  display: block;
  line-height: 40px;
  height: 40px;
  -webkit-box-shadow: 0 1px 0 0 #c6dabf;
          box-shadow: 0 1px 0 0 #c6dabf;
  margin: 0 !important;
  padding: 0 !important;
}
.page-grows .vdp-datepicker__calendar header span {
  display: inline-block;
  text-align: center;
  width: 71.42857143%;
  float: left;
  font-family: 'Barlow', sans-serif;
  color: #243e36;
  font-weight: 600;
}
.page-grows .vdp-datepicker__calendar header .prev,
.page-grows .vdp-datepicker__calendar header .next {
  width: 14.28571429%;
  float: left;
  text-indent: -10000px;
  position: relative;
}
.page-grows .vdp-datepicker__calendar header .prev::after,
.page-grows .vdp-datepicker__calendar header .next::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  border: 6px solid transparent;
}
.page-grows .vdp-datepicker__calendar header .prev::after {
  border-right: 10px solid #000;
  margin-left: -5px;
}
.page-grows .vdp-datepicker__calendar header .prev.disabled::after {
  border-right: 10px solid #ddd;
}
.page-grows .vdp-datepicker__calendar header .next::after {
  border-left: 10px solid #000;
  margin-left: 5px;
}
.page-grows .vdp-datepicker__calendar header .next.disabled::after {
  border-left: 10px solid #ddd;
}
.page-grows .vdp-datepicker__calendar header .prev:not(.disabled),
.page-grows .vdp-datepicker__calendar header .next:not(.disabled),
.page-grows .vdp-datepicker__calendar header .up:not(.disabled) {
  cursor: pointer;
}
.page-grows .vdp-datepicker__calendar header .prev:not(.disabled):hover,
.page-grows .vdp-datepicker__calendar header .next:not(.disabled):hover,
.page-grows .vdp-datepicker__calendar header .up:not(.disabled):hover {
  background: rgba(194, 216, 185, 0.2);
}
.page-grows .vdp-datepicker__calendar .disabled {
  color: #ddd;
  cursor: default;
}
.page-grows .vdp-datepicker__calendar .flex-rtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: inherit;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-grows .vdp-datepicker__calendar .cell {
  display: inline-block;
  padding: 0 5px;
  width: 14.28571429%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
}
.page-grows .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day,
.page-grows .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month,
.page-grows .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {
  cursor: pointer;
}
.page-grows .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.page-grows .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.page-grows .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border: 1px solid #1B791B;
}
.page-grows .vdp-datepicker__calendar .cell.selected {
  background: #1B791B;
  color: #fff;
}
.page-grows .vdp-datepicker__calendar .cell.selected:hover {
  background: #1B791B;
}
.page-grows .vdp-datepicker__calendar .cell.selected.highlighted {
  background: #1B791B;
}
.page-grows .vdp-datepicker__calendar .cell.highlighted {
  background: #cae5ed;
}
.page-grows .vdp-datepicker__calendar .cell.highlighted.disabled {
  color: #a3a3a3;
}
.page-grows .vdp-datepicker__calendar .cell.grey {
  color: #888;
}
.page-grows .vdp-datepicker__calendar .cell.grey:hover {
  background: inherit;
}
.page-grows .vdp-datepicker__calendar .cell.day-header {
  white-space: nowrap;
  cursor: inherit;
  color: #6f777f;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 10px;
  font-family: 'Barlow', sans-serif;
}
.page-grows .vdp-datepicker__calendar .cell.day-header:hover {
  background: inherit;
}
.page-grows .vdp-datepicker__calendar .month,
.page-grows .vdp-datepicker__calendar .year {
  width: 33.333%;
}
.page-grows .vdp-datepicker__clear-button,
.page-grows .vdp-datepicker__calendar-button {
  cursor: pointer;
  font-style: normal;
}
.page-grows .vdp-datepicker__clear-button.disabled,
.page-grows .vdp-datepicker__calendar-button.disabled {
  color: #999;
  cursor: default;
}
.page-grows .poster-example {
  font-size: 12px;
  background: #fff;
  padding: 2em;
  display: inline-block;
  position: relative;
}
.page-grows .vote-poster {
  max-width: 24em;
  width: 100%;
  background: #fff;
  padding: 2em 3em;
  text-align: center;
  margin: 0 auto;
  font-family: 'Barlow', sans-serif;
  line-height: 1.3;
  position: relative;
  overflow: hidden;
  border: 1px dashed #c6dabf;
}
.page-grows .vote-poster .watermark {
  z-index: 0;
}
.page-grows.page-sticker {
  height: 100%;
}
.page-grows.page-sticker .wrap {
  min-height: 100%;
  background: #fff;
}
.page-grows.page-sticker .wrap .page {
  min-height: 0;
}
.page-grows.page-sticker header {
  background: none;
  -webkit-box-shadow: inset 0 -1px 0 0 #c6dabf;
          box-shadow: inset 0 -1px 0 0 #c6dabf;
}
.page-sticker header ol li::before {
  background: #c6dabf;
}
.page-grows.page-sticker .toprint {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-grows.page-sticker .toprint::before {
  z-index: 0;
  position: absolute;
}
.page-grows.page-sticker .page header p {
  color: inherit;
}
.page-grows.page-sticker header ol li .mold {
  fill: #243e36;
}
.page-grows.page-sticker .vote-poster {
  max-width: 32em;
  font-size: 17px;
  margin: 3rem auto;
}
.page-grows .vote-poster #logo-grows {
  height: 1.5em;
}
.page-grows .vote-poster small {
  font-size: 1em;
}
.page-grows .snip {
  position: absolute;
  width: 13px;
  height: 12px;
  top: calc(2em - 6px);
  left: calc(50% - 6px);
  z-index: 2;
}
.page-grows .snip svg {
  display: block;
}
.page-grows .vote-poster .grows-badge {
  margin-bottom: 2em;
  height: 4em;
}
.page-grows .vote-poster .qr {
  position: relative;
  margin: 3em 0 3em;
}
.page-grows .vote-poster .qr i {
  height: 10em;
  width: 10em;
}
.page-grows .vote-poster .qr i svg {
  width: 100%;
  height: 100%;
}
.page-grows #grows-start ol > li {
  padding: 0 0 2rem 100px;
  -webkit-box-shadow: inset 0 -1px 0 0 #c6dabf;
          box-shadow: inset 0 -1px 0 0 #c6dabf;
  margin: 0 0 2rem;
}
.page-grows #grows-start ol > li:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.page-grows #grows-start ol > li > .row > .col:first-child {
  padding-right: 120px;
}
.page-grows #grows-start ol > li::before {
  background: none;
  text-align: center;
  color: #1B791B;
  top: -8px;
  left: 0;
  width: 100px;
  font-size: 6.2rem;
  line-height: 0.8;
}
.page-grows #grows-start ol > li:nth-child(2)::before {
  color: #7EB23C !important;
}
.page-grows #grows-start ol > li:nth-child(3)::before {
  color: #2EB1A0 !important;
}
.page-grows .vote-poster h2 {
  color: #000;
  text-transform: uppercase;
  line-height: 1;
  margin: 0.5em 0 0 0;
  position: relative;
  z-index: 0;
  font-size: 1.2em;
  display: block;
  letter-spacing: 0.05em;
}
.page-grows .option-list li > a strong {
  margin: 0.5rem 0 0.3rem;
  color: #243e36 !important;
}
.page-grows .overlay::before {
  background: rgba(0, 0, 0, 0.6);
}
.page-grows .wrap .page {
  min-height: 600px;
  margin-bottom: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}
.page-grows .lead {
  font-size: 1.063rem;
  color: #406344;
  line-height: inherit;
}
.page-grows hr.divider {
  border-bottom: 1px solid #c6dabf;
}
.page-grows .row.divider {
  position: relative;
}
.page-grows svg.logo,
.page-grows img.logo {
  max-height: 72px;
}
.page-grows svg.logo.stacked,
.page-grows img.logo.stacked {
  max-height: 140px;
}
.page-grows header img.logo,
.page-grows svg.logo.l,
.page-grows img.logo.l {
  max-width: 300px;
  max-height: none;
  margin: 0 auto;
}
.page-grows .row.divider::before {
  content: '';
  -webkit-box-shadow: inset -1px 0 0 0 #c6dabf;
          box-shadow: inset -1px 0 0 0 #c6dabf;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
}
.page-grows .card {
  background: none;
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf;
          box-shadow: inset 0 0 0 1px #c6dabf;
  min-height: 0;
  border-radius: 0;
  height: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  margin: 0;
}
.page-grows .card.center h3 {
  padding: 0 20px;
}
.page-grows .card .close.lines-button .lines::before,
.page-grows .card .close.lines-button .lines::after {
  background: #406344;
}
.page-grows a.card {
  color: inherit;
}
.page-grows .card.inverse {
  background: #152822;
}
.logo-rotate img {
  -webkit-transform: rotate(7deg);
  transform: rotate(7deg);
}
.logo-skew svg {
  height: 100%;
  width: 60%;
}
.logo-lowcontrast img {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.page-grows a.card i {
  color: #415d43;
}
.page-grows a.card:hover {
  -webkit-box-shadow: inset 0 0 0 1px #1B791B;
          box-shadow: inset 0 0 0 1px #1B791B;
}
.page-grows a.card:hover h3 {
  color: #1B791B;
}
.page-grows .card.no-border {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-grows .over {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.page-grows .over .med {
  color: #fff;
}
.page-grows .over small {
  font-family: 'Barlow', sans-serif;
  color: rgba(255, 255, 255, 0.7);
}
.page-grows .bg-svg {
  position: relative;
  color: #5B7E2A;
  z-index: 0;
}
.page-grows .start-here {
  position: relative;
  padding: 0 40px;
}
.page-grows .start-here i {
  color: #1B791B;
}
.page-grows .start-here .bg-svg {
  position: absolute;
  z-index: -1;
  top: -10px;
  left: -23px;
  width: calc(100% + 40px);
}
.page-grows .icon-info svg {
  fill: #406344 !important;
  display: block;
}
.page-grows .icon-info.tr {
  position: absolute;
  top: 15px;
  right: 10px;
  z-index: 3;
}
.page-grows .rgt .icon-info.tr {
  top: -10px;
  right: -10px;
}
.card.admin-only,
.card.focus {
  background: rgba(194, 216, 185, 0.2);
  position: relative;
  margin-bottom: 30px;
}
.card.admin-only img {
  max-height: 150px;
}
.card.admin-only figure img {
  max-height: none;
}
.page-grows [data-type="resource"] {
  background: rgba(142, 199, 65, 0.1);
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 3px;
  margin-bottom: 0 !important;
}
.page-grows a[data-type="resource"]:hover {
  -webkit-box-shadow: inset 0 0 0 1px #1B791B;
          box-shadow: inset 0 0 0 1px #1B791B;
}
.page-grows #grows-kit :nth-child(3) [data-type="resource"] {
  background: rgba(27, 121, 27, 0.1);
}
.page-grows #grows-kit .col:nth-child(4) [data-type="resource"] {
  background: rgba(51, 194, 175, 0.1);
}
.page-grows [data-type="resource"] figure {
  margin: auto 0 -20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.page-grows [data-type="resource"] figure img {
  margin: 0;
  max-height: 100%;
}
#popup-grows .embed-container {
  padding-bottom: 53%;
  background: none;
}
#popup-grows .list a.row::after {
  content: none;
}
#popup-grows [data-list=grows] li .row {
  -webkit-box-shadow: 0 0 0 1px #c6dabf, 0 0 10px 0 #c6dabf !important;
          box-shadow: 0 0 0 1px #c6dabf, 0 0 10px 0 #c6dabf !important;
  border-radius: 3px !important;
}
#popup-grows [data-list=grows] li .row .col.program {
  color: #1B791B !important;
}
#popup-grows [data-list=grows] li .row:hover {
  -webkit-box-shadow: 0 0 0 1px #1B791B, 0 0 10px 0 #c6dabf !important;
          box-shadow: 0 0 0 1px #1B791B, 0 0 10px 0 #c6dabf !important;
}
#popup-grows li .row figure {
  padding: 20px;
  height: 200px;
  border-radius: 3px 3px 0 0;
}
.page-grows .progress-bar {
  margin: 2.4rem 0 0 !important;
  max-width: 600px;
}
.page-grows .progress-bar small {
  font-size: 0.9375rem;
}
.page-grows .progress-bar.has-img {
  padding-top: 150px;
}
.page-grows .progress-bar img {
  height: 150px;
  margin-top: 0;
  max-width: none;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  top: -170px;
}
.page-grows .progress-bar li:first-child img {
  left: 0;
}
.page-grows .progress-bar li:last-child img {
  left: 100%;
}
.page-grows .center .progress-bar {
  margin: 2.4rem auto 1.3rem !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 600px;
  max-width: none;
  padding-left: 150px;
  padding-right: 150px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-grows header.center .progress-bar {
  max-width: 780px !important;
  margin: 2.4rem auto !important;
  padding: 0 100px;
}
.page-grows .center .progress-bar li span {
  left: 0 !important;
  right: auto !important;
  text-align: center !important;
}
.page-grows .center .progress-bar li span strong {
  display: block;
  margin-bottom: 0.3rem;
}
.page-grows .center .progress-bar li:first-child span {
  -webkit-transform: translate(-50%, 0) !important;
          transform: translate(-50%, 0) !important;
  width: 200%;
}
.page-grows .center .progress-bar li:last-child span {
  left: 100% !important;
  -webkit-transform: translate(-50%, 0) !important;
          transform: translate(-50%, 0) !important;
  width: 200%;
}
.page-grows .progress-bar li {
  border-top: 2px solid #c6dabf;
  border-bottom: 0;
  max-width: 400px;
  padding-left: 0 !important;
}
.page-grows .progress-bar li:first-child,
.page-grows .progress-bar li:last-child {
  max-width: 200px;
}
.page-grows .center .progress-bar li:first-child::before {
  left: -12px;
}
.page-grows .center .progress-bar li:last-child::before {
  right: -12px;
}
.page-grows .progress-bar li::before {
  background: #1B791B;
  border: 2px solid #1B791B;
  top: -16px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #E2EAE1 !important;
  content: counter(counter);
}
.page-grows .progress-bar:not(.icons) .is-complete:not(:first-child)::after {
  background: -webkit-gradient(linear, left top, right top, from(#243e36), to(#243e36));
  background: linear-gradient(to right, #243e36 0%, #243e36 100%);
  top: -2px;
}
.page-grows .progress-bar:not(.icons) .is-complete:last-child::after,
.page-grows .progress-bar:not(.icons) .is-active:last-child::after,
.page-grows .progress-bar:not(.icons) .is-active:not(:first-child)::after {
  background: -webkit-gradient(linear, left top, right top, from(#243e36), to(#1B791B));
  background: linear-gradient(to right, #243e36 0%, #1B791B 100%);
  top: -2px;
}
.stub {
  background-image: url('../img/squared-metal.png');
  margin: -20px 0;
  padding: 20px 15px;
  position: relative;
  right: -5px;
}
.chart--horiz {
  width: 100%;
  overflow: hidden;
}
.chart__bar {
  margin-bottom: 10px;
  position: relative;
  background: #DBE6D7;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
}
.chart__bar.chunk {
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) inset;
  background: #E1E7EE;
  padding: 4px;
}
.chart__bar.chunk,
.chart__bar.chunk .progress {
  padding: 0.875rem 1rem;
  height: auto;
  line-height: 1.25rem;
  border-radius: 3px;
}
.chart__bar.chunk::after {
  content: none;
}
.chart__bar.chunk .progress {
  background: #6f777f;
}
.chart__bar.chunk::before {
  color: #6f777f;
}
.chart__bar.chunk .chart__label {
  margin: 0 auto 0 0;
}
.chart__bar .progress {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  color: #fff;
  width: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
  background: #1B791B;
  border-radius: 0;
  white-space: nowrap;
  -webkit-box-shadow: 0 2px 8px 0 rgba(33, 43, 54, 0.3);
          box-shadow: 0 2px 8px 0 rgba(33, 43, 54, 0.3);
}
[data-location="1"] .progress {
  background: #218376;
}
[data-location="2"] .progress {
  background: #1B791B;
}
[data-location="3"] .progress {
  background: #5B7E2A;
}
.chart__bar:last-child {
  margin: 0;
}
.chart__bar .chart__label {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s 1s;
  transition: all 0.15s 1s;
  margin: 0 auto 0 10px;
}
.chart__bar::before {
  content: attr(data-label);
  color: #406344;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s 1s;
  transition: all 0.15s 1s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chart__bar::after {
  content: attr(data-value-label);
  color: #406344;
  margin: 0 10px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s 1s;
  transition: all 0.15s 1s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#grows-where .chart__bar::after {
  content: attr(data-value) '%';
}
.chart__bar .chart__num {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s 1s;
  transition: all 0.15s 1s;
  margin: 0 10px;
}
.anim .chart__bar .chart__label,
.anim .chart__bar .chart__num,
.anim .chart__bar::before,
.anim .chart__bar::after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-grows .counter > li::before {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #243e36;
}
.page-grows .counter > li > .counter li::before {
  font-size: 1.125em;
}
.page-grows .counter > li > .counter li::before > .counter li::before {
  font-size: inherit;
}
.sticky-note {
  background: #FCDE9D;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.15), 0 8px 16px -8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.15), 0 8px 16px -8px rgba(0, 0, 0, 0.2);
  padding: 20px 20px 0 20px;
  position: relative;
  margin: 1rem 0;
  border-radius: 3px;
}
.page-grows .option-list-content :last-child.sticky-note {
  margin-bottom: 3rem !important;
}
.sticky-note::after {
  content: "";
  position: absolute;
  bottom: -2em;
  left: 0;
  right: 2em;
  height: 2em;
  background: #FCDE9D;
  border-radius: 0 0 0 3px;
}
.sticky-note::before {
  content: "";
  position: absolute;
  bottom: -2em;
  right: 0;
  border-width: 2em 2em 0 0;
  border-style: solid;
  border-color: #fac553 transparent;
}
.page-grows .segments {
  background: none;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  width: 100% !important;
}
.page-grows .segments ul {
  line-height: 1.2;
  padding: 4px;
  margin: 0;
  background: rgba(194, 216, 185, 0.3);
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf;
          box-shadow: inset 0 0 0 1px #c6dabf;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 520px;
}
.page-grows .segments ul.fp {
  -webkit-box-shadow: inset 1px 1px 0 0 #c6dabf, inset -1px 0 0 0 #c6dabf;
          box-shadow: inset 1px 1px 0 0 #c6dabf, inset -1px 0 0 0 #c6dabf;
  border-radius: 0;
}
.page-grows .segments li {
  margin: 0;
  text-align: center;
  z-index: 1;
  float: left;
  -webkit-box-shadow: -1px 0 0 0 #c6dabf;
          box-shadow: -1px 0 0 0 #c6dabf;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.page-grows .segments li:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-grows .segments li a,
.page-grows .segments li label span {
  line-height: 1.2;
  color: #406344;
  display: block;
  white-space: nowrap;
  text-decoration: none;
  padding: 0.562rem 1rem;
}
.page-grows .segments li a:hover {
  color: #1B791B;
}
.page-grows .segments li label {
  margin: 0;
}
.page-grows .segments li.active {
  z-index: 2;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
.page-grows .segments li.active a,
.page-grows .segments li input:checked + span {
  background: none;
  -webkit-box-shadow: inset 0 0 0 1px #406344;
          box-shadow: inset 0 0 0 1px #406344;
  border-radius: 3px;
  color: #1B791B !important;
}
.page-grows .progress-bar li span {
  position: relative;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  background: none;
  color: #406344;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: inherit;
  left: 0;
  display: block;
  white-space: normal;
  top: 16px;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-transition: 0s;
  transition: 0s;
}
.page-grows .progress-bar:not(.icons) li:first-child span {
  left: -0.533rem;
  text-align: left;
}
.page-grows .progress-bar:not(.icons) li:last-child span {
  text-align: right;
  right: -0.533rem;
}
.page-grows .progress-bar li span::before {
  content: none !important;
}
.page-grows .progress-bar:not(.icons) .is-active::before {
  background-color: #1B791B;
  border-color: #1B791B;
}
.page-grows .progress-bar:not(.icons) .is-active span {
  color: #1B791B;
}
.page-grows .progress-bar:not(.icons) .is-complete span {
  color: #243e36;
}
.page-grows .progress-bar:not(.icons) .is-complete::before {
  content: '';
  background: url('../img/sprite.png') -794px -791px no-repeat;
  height: 0;
  overflow: hidden;
  width: 24px;
  padding-top: 24px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #243e36;
  border-color: #243e36;
}
.page-grows .bottom-bar {
  background: rgba(255, 255, 255, 0.9);
  padding: 1rem 30px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: right;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.page-grows .bottom-bar li .row {
  -ms-flex-line-pack: start;
      align-content: flex-start;
  pointer-events: none;
}
.page-grows .bottom-bar .thirty {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-width: 300px;
}
.page-grows .bottom-bar.visible,
.page-grows.has-bottom .bottom-bar {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-box-shadow: 0 13px 27px 5px rgba(50, 50, 93, 0.15), 0 8px 16px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 13px 27px 5px rgba(50, 50, 93, 0.15), 0 8px 16px 8px rgba(0, 0, 0, 0.2);
}
.page-grows .bottom-bar .list ul {
  margin-bottom: -1rem;
}
.page-grows .bottom-bar .list ul li {
  width: calc(100%/3);
}
.page-grows .bottom-bar .list ul li:not(.addsel) {
  -webkit-animation: heartbeat 2s linear;
          animation: heartbeat 2s linear;
}
.page-grows .bottom-bar .list ul li .col.program {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  max-width: 100%;
}
.page-grows .bottom-bar .list ul li .col.summary,
.page-grows .bottom-bar .list ul li .col.shortlist {
  display: none !important;
}
.page-grows .bottom-bar .list ul li.addsel .row {
  background: rgba(194, 216, 185, 0.3);
  text-align: center;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 62px;
  border: 1px dashed #c6dabf;
}
.page-grows .bottom-bar .list ul li.addsel .row .col.program {
  font-weight: normal;
  color: #406344 !important;
}
.page-grows .bottom-bar .list .row {
  background: none;
  padding: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-shadow: 0 0 0 1px #c6dabf;
          box-shadow: 0 0 0 1px #c6dabf;
}
.page-grows .bottom-bar .list .row figure {
  height: 62px;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-grows .bottom-bar .list .row figure img {
  margin: 0;
  height: 100%;
}
.page-grows .bottom-bar .list .row .col.program {
  padding: 20px;
  width: 100%;
}
.page-grows .bottom-bar .auto {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-grows .bottom-bar .auto .btn {
  margin-left: 20px;
}
.page-grows .legend .label {
  color: #406344;
}
.page-grows .legend li:first-child::before {
  background: #1B791B;
}
.page-grows .legend li:nth-child(2)::before {
  background: #85BC3E;
}
.page-grows .legend li:nth-child(3)::before {
  background: #2FB5A6;
}
.page-grows .card .list > ul {
  margin-bottom: -1rem;
}
.page-grows .page > footer {
  left: 0;
  width: 100%;
  background: rgba(194, 216, 185, 0.3);
  position: static;
  color: #406344;
  z-index: 0;
}
.page-grows .switch-ext.alt ul {
  background: #DBE6D7;
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf;
          box-shadow: inset 0 0 0 1px #c6dabf;
  padding: 5px;
}
.page-grows .switch-ext.alt ul li a {
  color: #406344 !important;
}
.page-grows .page > footer a {
  color: #1B791B;
}
.page-grows .page > footer a:hover {
  text-decoration: none;
}
.page-grows .wrap > header {
  background: #0F2E22;
  background: none;
  padding: 1.5rem 30px;
  position: relative;
  color: #406344;
  -webkit-box-shadow: inset 0 -1px 0 0 #c6dabf;
          box-shadow: inset 0 -1px 0 0 #c6dabf;
}
.page-grows .wrap > header .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.page-grows .wrap > header .cover::after {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 300px;
}
.page-grows .wrap > header .cover img {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#clock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Barlow', sans-serif;
  -webkit-box-shadow: 0 0 0 1px #c6dabf;
          box-shadow: 0 0 0 1px #c6dabf;
  background: rgba(194, 216, 185, 0.2);
  width: 100%;
}
.grows-date {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 auto;
  font-family: 'Barlow', sans-serif;
  -webkit-box-shadow: 0 0 0 1px #c6dabf;
          box-shadow: 0 0 0 1px #c6dabf;
  background: rgba(194, 216, 185, 0.2);
  position: absolute;
  z-index: -1;
}
.page-grows .pinned:not(.btn) {
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  text-align: center;
  font-family: 'Barlow', sans-serif;
  color: #406344;
}
#clock div {
  text-align: center;
  -webkit-box-shadow: 1px 0 0 0 #c6dabf;
          box-shadow: 1px 0 0 0 #c6dabf;
  padding: 1rem;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#clock.se div {
  padding: 0.5rem;
}
.grows-date div {
  text-align: center;
  -webkit-box-shadow: 1px 0 0 0 #c6dabf;
          box-shadow: 1px 0 0 0 #c6dabf;
  padding: 0.5rem 1rem;
  position: relative;
  width: 50%;
}
#clock:not(.se) div:not(:last-child)::before,
.grows-date div:not(:last-child)::before {
  content: '';
  width: 5px;
  height: 30px;
  -webkit-box-shadow: 0 0 0 1px #c6dabf;
          box-shadow: 0 0 0 1px #c6dabf;
  background: rgba(194, 216, 185, 0.2);
  position: absolute;
  z-index: 1;
  right: -3px;
  top: 25px;
}
#clock span,
.grows-date span {
  display: block;
  color: #406344;
}
#clock span.val,
.grows-date span.val {
  font-size: 2.5rem;
  display: block;
  line-height: 0.9;
  color: #243e36;
  font-weight: normal;
}
#clock.se span.val {
  font-size: 1.5rem;
}
.pinned small {
  margin-top: 0.3rem;
}
.equation {
  color: #415d43;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
  position: relative;
  margin: 1.3rem auto 0 !important;
}
.equation .col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.equation .col.op {
  width: 60px;
  color: #406344;
  font-size: 3rem;
  font-family: 'Barlow', sans-serif;
  line-height: 72px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.equation .num {
  color: #243e36;
}
.page-grows .toast {
  background: #152822;
}
.page-grows ul.disc > li::before {
  background: #5F7369;
}
.page-grows .toast.visible {
  bottom: 114px;
}
.page-grows .open-aside .toast.visible {
  bottom: 20px;
}
.page-grows .toast .lines::before,
.page-grows .toast .lines::after {
  background: #6f777f;
}
.page-grows .loadmore .loader {
  background: #406344;
}
.page-grows .toast h5 {
  color: #243e36;
}
.page-grows small.last-updated {
  position: absolute;
  left: -30px;
  bottom: 45px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  z-index: -1;
  font-size: 0.813rem;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.page-grows .btn .icon {
  margin: -3px 0 -2px 0;
}
.page-grows [data-action=share],
.page-grows header .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.page-grows [data-action=access] {
  z-index: 3;
}
.page-grows [data-action=access] + .tip {
  z-index: 2;
}
.page-grows [data-action=shortlisted] {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.page-grows [data-action=shortlisted] .tot {
  background: #f1f7ed;
  border-radius: 15px;
  font-weight: 600;
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #1B791B;
  height: 24px;
  width: 32px;
  text-align: center;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: -4px 0;
}
.page-grows [data-action=shortlisted] .tot .num {
  font-size: 14px;
  font-weight: 600;
}
.page-grows .btn i:not(.loader) + .text {
  margin-left: 10px;
}
.page-grows .community {
  position: relative;
  padding-bottom: 0;
}
.page-grows .cal {
  background: #DDEEC6;
  padding: 0.3rem 0.5rem;
  display: inline-block;
  position: relative;
  border-radius: 3px;
}
.page-grows .cal h6 {
  margin: -0.3rem -0.5rem 0.3rem -0.5rem;
  padding: 0.3rem 0.5rem;
  border-radius: 3px 3px 0 0;
  color: #fff;
  background: #1F891F;
}
.page-grows .cal .med {
  display: block;
  color: #1F891F;
}
.page-grows .community img {
  margin: -20px auto 0 auto;
  display: block;
}
.page-grows .wrap > header h1:not(.center):not(.alt) {
  color: #1B791B;
  font-style: italic;
  text-transform: uppercase;
  font-size: 48px;
  line-height: 0.9;
  margin: 3rem 0 0.5rem 0;
}
.page-grows .wrap > header h1:not(.center) span {
  display: block;
  font-size: 60px;
  color: #243e36;
  word-break: break-all;
}
.equation .card {
  background: #E3EEDE;
}
.page-grows .wrap input[type=text],
.page-grows .wrap input[type=search],
.page-grows .wrap textarea,
.page-grows pre[class*="language-plain"] {
  background: #F3F6F4;
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf, inset 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 0 1px #c6dabf, inset 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
  margin: 0 0 -1px 0;
  color: #5F7369;
}
.page-grows .wrap input[type=checkbox] {
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf;
          box-shadow: inset 0 0 0 1px #c6dabf;
}
.page-grows .wrap .select {
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf;
          box-shadow: inset 0 0 0 1px #c6dabf;
  color: #406344;
}
.page-grows .wrap .select select {
  color: #406344;
}
/*
.page-grows main ::-webkit-input-placeholder {
  color: #406344 !important;
  text-overflow: ellipsis;
}

.page-grows main ::-moz-placeholder {
  color: #406344 !important;
  text-overflow: ellipsis;
}

.page-grows main :-ms-input-placeholder {
  color: #406344 !important;
  text-overflow: ellipsis;
}

.page-grows main ::placeholder {
  color: #406344 !important;
  text-overflow: ellipsis;
}
*/
.page-grows small,
.page-grows .page label,
.page-grows header label {
  color: #406344;
}
.page-grows .alert.info {
  background-color: #E6F0D1;
  color: #406344;
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf;
          box-shadow: inset 0 0 0 1px #c6dabf;
}
.page-grows .alert.info i svg {
  color: #415d43 !important;
  fill: #415d43 !important;
}
.page-grows .unavailable + .empty.pin {
  background: #F3F6F4;
  color: #406344;
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf, 0 13px 27px -5px rgba(50, 50, 93, 0.15), 0 8px 16px -8px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 0 1px #c6dabf, 0 13px 27px -5px rgba(50, 50, 93, 0.15), 0 8px 16px -8px rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(2deg) translate(-50%, -50%);
  transform: rotate(2deg) translate(-50%, -50%);
  padding: calc(1rem + 12px) 1rem 1rem 1rem;
  max-width: 240px;
  text-align: center;
}
.page-grows .unavailable[data-list=grows].grid .col.summary {
  height: 63px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1) 16px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.1) 16px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.1) 16px, transparent 0);
  background-repeat: no-repeat;
  color: transparent !important;
  background-size: 88% 200px, 80% 200px, 60% 200px, 250px 200px;
  background-position: 20px 0, 20px 21px, 20px 42px;
  overflow: hidden;
}
.page-grows .unavailable[data-list=grows].grid .col.program {
  height: 22px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 22px, transparent 0);
  background-repeat: no-repeat;
  color: transparent !important;
  background-size: 40% 200px;
  background-position: 20px 0;
}
.page-grows .unavailable[data-list=grows].grid figure img {
  -webkit-filter: blur(8px);
          filter: blur(8px);
}
.page-grows .unavailable[data-list=grows].grid .chart__bar .progress span {
  display: none;
}
.page-grows .unavailable[data-list=grows].grid .col.summary a {
  display: none;
}
.speaker {
  width: 48px;
  position: absolute;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px #c6dabf;
          box-shadow: 0 0 0 1px #c6dabf;
}
.page-grows .empty img:not(.logo) {
  margin: 0 0 1rem 0;
  height: auto;
}
.page-grows .empty.has-speaker {
  padding: calc(1rem + 12px) 1rem 1rem 1rem;
  margin: 2rem auto;
}
.page-grows .empty.card {
  border-radius: 3px;
  background: rgba(241, 247, 237, 0.9);
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf, 0 13px 27px -5px rgba(50, 50, 93, 0.15), 0 8px 16px -8px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 0 1px #c6dabf, 0 13px 27px -5px rgba(50, 50, 93, 0.15), 0 8px 16px -8px rgba(0, 0, 0, 0.2);
  max-width: 360px;
}
.page-grows .empty small ul.disc > li::before {
  left: -14px;
  top: 6px;
}
.page-grows .empty .speaker {
  left: calc(50% - 24px);
  top: -24px;
}
.page-grows .tip .speaker {
  width: 32px;
  left: -35px;
  top: 0;
  border-radius: 3px;
}
.page-grows h1,
.page-grows h2,
.page-grows h3,
.page-grows h4,
.page-grows h5,
.page-grows .num,
.page-grows strong {
  color: #243e36;
}
.page-grows i {
  color: #406344;
}
.page-grows i.seventytwo {
  width: 72px !important;
  height: 72px !important;
}
.page-grows i._hj-CoyQX__styles__iconX {
  color: #fff;
}
.page-grows blockquote {
  color: #406344;
  max-width: none;
  text-align: left;
  font-size: inherit;
  line-height: inherit;
}
.page-grows code[class*="language-markup"] {
  font-family: inherit;
  padding: 0 0.3rem;
  border-radius: 0;
  background-color: #E6F0D1;
  color: #406344;
  text-shadow: none;
  font-size: 0.813rem;
  -webkit-box-shadow: inset 0 0 0 1px #c6dabf;
          box-shadow: inset 0 0 0 1px #c6dabf;
  display: inline-block;
}
.page-grows pre[class*="language-"] {
  margin: 0;
  white-space: break-spaces;
  word-break: break-all;
}
.page-grows code[class*="language-"] {
  white-space: break-spaces;
  word-break: break-all;
}
.page-grows code[class*="language-plain"] {
  text-shadow: none;
  color: #5F7369;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.2;
  display: block;
  word-break: break-word;
}
.page-grows pre[class*="language-"] + .pinned {
  color: #7EB33A;
  -webkit-box-shadow: inset 0 0 0 1px #7EB33A;
          box-shadow: inset 0 0 0 1px #7EB33A;
}
.page-grows ol > li::before {
  color: #406344 !important;
}
.page-grows strong.highlight {
  color: #1B791B;
}
.page-grows .sep span {
  background: #f1f7ed;
}
.page-grows .abridged p,
.page-grows .intro,
.page-grows h6,
.page-grows dt {
  color: #406344;
}
.page-grows strong.highlight.down {
  color: #E16036;
}
.page-grows .card h2:not(.btm) {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 0.2rem;
}
.page-grows .wrap h2 .push {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
.page-grows nav {
  background: none;
  height: auto;
  width: 100%;
  position: static;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: visible;
}
.page-grows nav #logo {
  margin: 0 40px 0 0;
}
.page-grows nav > .auto > ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-shadow: inset 0 0 0 1px #406344;
          box-shadow: inset 0 0 0 1px #406344;
}
.page-grows nav > .auto > ul > li {
  -webkit-box-shadow: inset 1px 0 0 0 #406344;
          box-shadow: inset 1px 0 0 0 #406344;
}
.page-grows nav > .auto > ul > li > a {
  color: #406344;
  padding: 0.813rem 1rem;
}
.page-grows nav > .auto > ul > li > a:hover {
  color: #1B791B;
}
.page-grows nav > .auto > ul > li.active > a {
  background: #243e36;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
.page-grows #gauge,
[data-type=gauge] {
  position: relative;
  padding: 0 40px;
}
.page-grows #gauge svg,
[data-type=gauge] svg {
  overflow: visible;
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.page-grows #gauge svg + img,
[data-type=gauge] svg + img {
  height: 300px;
  position: absolute;
  right: -15px;
  bottom: 8px;
  z-index: -1;
}
#gauge text,
[data-type=gauge] text {
  font-family: 'Barlow', sans-serif;
  fill: #fff;
  text-transform: uppercase;
  font-size: 1.8rem;
  letter-spacing: 0.08em;
  font-weight: 600;
}
@-webkit-keyframes needle-negative {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  30% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  36% {
    -webkit-transform: rotate(106deg);
            transform: rotate(106deg);
  }
  42% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  60% {
    -webkit-transform: rotate(115deg);
            transform: rotate(115deg);
  }
  65% {
    -webkit-transform: rotate(116deg);
            transform: rotate(116deg);
  }
  70% {
    -webkit-transform: rotate(115deg);
            transform: rotate(115deg);
  }
  100% {
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
  }
}
@keyframes needle-negative {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  30% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  36% {
    -webkit-transform: rotate(106deg);
            transform: rotate(106deg);
  }
  42% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  60% {
    -webkit-transform: rotate(115deg);
            transform: rotate(115deg);
  }
  65% {
    -webkit-transform: rotate(116deg);
            transform: rotate(116deg);
  }
  70% {
    -webkit-transform: rotate(115deg);
            transform: rotate(115deg);
  }
  100% {
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
  }
}
.onload [data-state="negative"] [data-name="needle"] {
  -webkit-animation: needle-negative 3s ease-in-out forwards;
  animation: needle-negative 3s ease-in-out forwards;
}
@-webkit-keyframes needle-neutral {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  30% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  36% {
    -webkit-transform: rotate(106deg);
            transform: rotate(106deg);
  }
  42% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  60% {
    -webkit-transform: rotate(115deg);
            transform: rotate(115deg);
  }
  65% {
    -webkit-transform: rotate(116deg);
            transform: rotate(116deg);
  }
  70% {
    -webkit-transform: rotate(115deg);
            transform: rotate(115deg);
  }
  100% {
    -webkit-transform: rotate(65deg);
            transform: rotate(65deg);
  }
}
@keyframes needle-neutral {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  30% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  36% {
    -webkit-transform: rotate(106deg);
            transform: rotate(106deg);
  }
  42% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  60% {
    -webkit-transform: rotate(115deg);
            transform: rotate(115deg);
  }
  65% {
    -webkit-transform: rotate(116deg);
            transform: rotate(116deg);
  }
  70% {
    -webkit-transform: rotate(115deg);
            transform: rotate(115deg);
  }
  100% {
    -webkit-transform: rotate(65deg);
            transform: rotate(65deg);
  }
}
.onload [data-state="neutral"] [data-name="needle"] {
  -webkit-animation: needle-neutral 3s ease-in-out forwards;
  animation: needle-neutral 3s ease-in-out forwards;
}
@-webkit-keyframes needle-positive {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  30% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  36% {
    -webkit-transform: rotate(106deg);
            transform: rotate(106deg);
  }
  42% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  60% {
    -webkit-transform: rotate(115deg);
            transform: rotate(115deg);
  }
  65% {
    -webkit-transform: rotate(116deg);
            transform: rotate(116deg);
  }
  70% {
    -webkit-transform: rotate(115deg);
            transform: rotate(115deg);
  }
  100% {
    -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
  }
}
@keyframes needle-positive {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  30% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  36% {
    -webkit-transform: rotate(106deg);
            transform: rotate(106deg);
  }
  42% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  60% {
    -webkit-transform: rotate(115deg);
            transform: rotate(115deg);
  }
  65% {
    -webkit-transform: rotate(116deg);
            transform: rotate(116deg);
  }
  70% {
    -webkit-transform: rotate(115deg);
            transform: rotate(115deg);
  }
  100% {
    -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
  }
}
.onload [data-state="positive"] [data-name="needle"] {
  -webkit-animation: needle-positive 3s ease-in-out forwards;
  animation: needle-positive 3s ease-in-out forwards;
}
@-webkit-keyframes moon {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-250px);
            transform: translateY(-250px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(-250px);
            transform: translateY(-250px);
  }
}
@keyframes moon {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-250px);
            transform: translateY(-250px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(-250px);
            transform: translateY(-250px);
  }
}
@-webkit-keyframes yAxis {
  100% {
    -webkit-transform: translateY(600px);
            transform: translateY(600px);
  }
}
@keyframes yAxis {
  100% {
    -webkit-transform: translateY(600px);
            transform: translateY(600px);
  }
}
@-webkit-keyframes xAxis {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  80% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes xAxis {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  80% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
[data-name="Hills"] {
  color: #6bbe48;
}
@-webkit-keyframes hills {
  100% {
    color: #4B85BD;
  }
}
@keyframes hills {
  100% {
    color: #4B85BD;
  }
}
[data-name="tree-a"] {
  color: #8fc641;
  fill: #8fc641;
  stroke: #8fc641;
}
@-webkit-keyframes tree-a {
  100% {
    color: #45A0B6;
    fill: #45A0B6;
    stroke: #45A0B6;
  }
}
@keyframes tree-a {
  100% {
    color: #45A0B6;
    fill: #45A0B6;
    stroke: #45A0B6;
  }
}
[data-name="tree-b"] {
  color: #2d9847;
  fill: #2d9847;
  stroke: #2d9847;
}
[fill="none"] {
  fill: none !important;
}
@-webkit-keyframes tree-b {
  100% {
    color: #2D3898;
    fill: #2D3898;
    stroke: #2D3898;
  }
}
@keyframes tree-b {
  100% {
    color: #2D3898;
    fill: #2D3898;
    stroke: #2D3898;
  }
}
@-webkit-keyframes tree-c {
  100% {
    color: #4B85BD;
  }
}
@keyframes tree-c {
  100% {
    color: #4B85BD;
  }
}
.onload [data-name="Sun"] {
  -webkit-animation: xAxis 20s infinite cubic-bezier(0.02, 0.01, 0.22, 1);
          animation: xAxis 20s infinite cubic-bezier(0.02, 0.01, 0.22, 1);
}
.onload [data-name="Sun"] path {
  -webkit-animation: yAxis 20s infinite cubic-bezier(0.3, 0.27, 0.07, 1.64);
          animation: yAxis 20s infinite cubic-bezier(0.3, 0.27, 0.07, 1.64);
}
.onload [data-name="Moon"] {
  -webkit-animation: moon 20s infinite cubic-bezier(0.02, 0.01, 0.22, 1);
          animation: moon 20s infinite cubic-bezier(0.02, 0.01, 0.22, 1);
}
.onload [data-name="Hills"] {
  -webkit-animation: hills 20s infinite cubic-bezier(0.3, 0.27, 0.07, 1.64);
          animation: hills 20s infinite cubic-bezier(0.3, 0.27, 0.07, 1.64);
}
.onload [data-name="tree-a"] {
  -webkit-animation: tree-a 20s infinite cubic-bezier(0.3, 0.27, 0.07, 1.64);
          animation: tree-a 20s infinite cubic-bezier(0.3, 0.27, 0.07, 1.64);
}
.onload [data-name="tree-b"] {
  -webkit-animation: tree-b 20s infinite cubic-bezier(0.3, 0.27, 0.07, 1.64);
          animation: tree-b 20s infinite cubic-bezier(0.3, 0.27, 0.07, 1.64);
}
.card .grows-badge {
  -webkit-animation: wobble 1s ease-in-out 3s forwards;
  animation: wobble 1s ease-in-out 3s forwards;
}
.page-grows .printout.draft .segment > *:not(h4) {
  opacity: 1;
}
.page-grows main {
  background: none;
  z-index: 1;
}
.page-grows main #logo,
.page-grows main header {
  margin: 1rem auto 3rem;
}
.page-grows .alert.offer {
  background: #152822;
  color: rgba(255, 255, 255, 0.7);
  padding: 15px 30px !important;
  max-height: 400px;
  overflow: visible;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 2;
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-grows .alert.offer h5 {
  color: #fff;
}
.page-grows .alert.offer a:not(.btn) {
  color: #30BAA7 !important;
  text-decoration: underline;
}
.page-grows .alert .close {
  z-index: 99;
}
.page-grows .alert .symbol {
  margin: -25px 2rem -25px -15px;
  text-align: center;
  width: 80px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-grows .alert .symbol span {
  font-size: 1rem;
  display: block;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  color: #f1f7ed;
}
.page-grows .alert.offer i {
  margin: 0.3rem 0;
}
.page-grows .alert.offer i svg {
  color: #f1f7ed;
}
.page-grows .alert h4 {
  margin: 0 0 0.1rem 0;
  color: #fff;
}
.page-grows .alert ol {
  margin: 0;
}
.page-grows .alert li,
.page-grows .alert .btn {
  margin-bottom: 0.3rem;
}
.page-grows .alert ol > li {
  margin-right: 2rem;
  padding-left: 36px;
  line-height: 1.3;
}
.page-grows .alert ol > li::before {
  font-size: 3rem;
  line-height: 1;
  width: 36px;
  left: 0;
  top: -6px;
  color: #406344;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.page-grows .scroll {
  padding: 20px;
}
.page-grows .aside-program > header {
  padding: 0 2.5rem 1rem 20px;
  height: 240px;
  background: #13293D;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-grows .aside-program header .lines::before,
.page-grows .aside-program header .lines::after {
  background: #fff;
}
.page-grows .aside-program > header h3 {
  color: #fff;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
}
.page-grows .aside-program i:hover {
  z-index: 6;
}
.page-grows .aside-program header figure {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #13293D;
  overflow: hidden;
  z-index: -2;
  margin: 0;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.page-grows .aside-program header figure img {
  margin: 0;
  max-width: none;
  min-height: 100%;
  min-width: 300px;
  width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-grows main .option-list {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
.page-grows main .option-list li {
  -webkit-box-shadow: inset -1px 1px 0 0 #c6dabf, inset 0 -1px 0 0 #c6dabf;
          box-shadow: inset -1px 1px 0 0 #c6dabf, inset 0 -1px 0 0 #c6dabf;
}
.page-grows main .option-list li.active {
  background: rgba(194, 216, 185, 0.2);
  z-index: 1;
  -webkit-box-shadow: inset -1px -1px 0 0 #1B791B, inset 1px 1px 0 0 #1B791B, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: inset -1px -1px 0 0 #1B791B, inset 1px 1px 0 0 #1B791B, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.page-grows main .option-list li.active::before {
  border-color: transparent #1B791B transparent transparent;
}
.page-grows main .option-list.option-list-connected li.active {
  -webkit-box-shadow: inset -1px 1px 0 0 #c6dabf;
          box-shadow: inset -1px 1px 0 0 #c6dabf;
  background: rgba(194, 216, 185, 0.3);
}
.page-grows main .option-list.option-list-connected li:first-child {
  -webkit-box-shadow: inset -1px 1px 0 0 #c6dabf, inset 1px -1px 0 0 #c6dabf;
          box-shadow: inset -1px 1px 0 0 #c6dabf, inset 1px -1px 0 0 #c6dabf;
}
.page-grows main .option-list.option-list-connected li:first-child.active {
  -webkit-box-shadow: inset -1px 1px 0 0 #c6dabf, inset 1px 0 0 0 #c6dabf;
          box-shadow: inset -1px 1px 0 0 #c6dabf, inset 1px 0 0 0 #c6dabf;
}
.page-grows main .option-list-content {
  background: rgba(194, 216, 185, 0.3);
  -webkit-box-shadow: inset 1px -1px 0 0 #c6dabf, inset -1px 0 0 0 #c6dabf;
          box-shadow: inset 1px -1px 0 0 #c6dabf, inset -1px 0 0 0 #c6dabf;
  padding: 2rem;
  margin-top: 0 !important;
}
.page-grows main .option-list-content h3 + p {
  max-width: 800px;
  margin: 0 auto 1.3rem auto;
}
.page-grows main .option-list-content img {
  height: 150px;
}
.page-grows main .option-list li .icon svg {
  color: #406344 !important;
  fill: #406344 !important;
}
.page-grows aside ol > li {
  padding-left: 25px;
}
.page-grows aside .sum {
  display: none;
}
.page-grows aside ol > li::before {
  content: counter(counter) ".";
  color: #243e36;
  font-weight: 600;
}
.page-grows aside ol > li.done::before {
  content: '';
  background: url('../img/sprite.png') -794px -792px no-repeat;
  height: 0;
  overflow: hidden;
  width: 24px;
  padding-top: 24px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #1B791B;
  border-radius: 50%;
  margin: -2px 0 0 -7px;
}
.page-grows aside .done .sum {
  display: block;
}
[data-list=grows].flex-start ul {
  margin: 0 -20px !important;
}
[data-list=grows].flex-start li {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 0 20px !important;
}
[data-list=grows] li .row {
  background: none !important;
  border-radius: 0 !important;
  -webkit-box-shadow: 0 0 0 1px #c6dabf !important;
          box-shadow: 0 0 0 1px #c6dabf !important;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
}
[data-list=grows] li .how {
  margin-top: 20px;
}
.list[data-list=grows].grid li.shortlisted .row-link,
.list[data-list=grows].grid li.shortlisted .row-link:hover {
  -webkit-box-shadow: 0 0 0 1px #1B791B, 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3) !important;
          box-shadow: 0 0 0 1px #1B791B, 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3) !important;
}
.list[data-list=grows].grid li .row-link {
  -ms-flex-line-pack: start;
      align-content: flex-start;
  border-radius: 0 !important;
  -webkit-box-shadow: 0 0 0 1px #c6dabf !important;
          box-shadow: 0 0 0 1px #c6dabf !important;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
}
.list[data-list=grows]:not(.condensed) li .row-link:hover {
  -webkit-box-shadow: 0 0 0 1px #1B791B !important;
          box-shadow: 0 0 0 1px #1B791B !important;
}
[data-list=grows] li .row figure {
  margin: -1.125rem 0 1.125rem 0;
  overflow: hidden;
  max-height: 200px;
  width: 100%;
  position: relative;
  background: #152822;
}
[data-list=grows] li .row .chart--horiz {
  margin: -1.125rem 0 1.125rem 0;
}
[data-list=grows] li .row .chart--horiz .chart__label {
  margin: 0 auto 0 20px;
}
[data-list=grows] li .row li.chart__bar {
  padding: 0 20px;
}
[data-list=grows] li .row .chart--horiz .chart__num {
  margin: 0 20px 0 auto;
}
[data-list=grows] li .row figure img {
  margin: 0;
  width: 100%;
}
[data-list=grows] li.shortlisted .btn {
  background: #243e36;
}
[data-list=grows] li.shortlisted .row figure img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
[data-list=grows] li.shortlisted .row figure::before {
  content: '';
  background: url('../img/sprite.png') -789px -787px no-repeat;
  height: 0;
  overflow: hidden;
  width: 32px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #1B791B;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
#logo.grows {
  content: '';
  background: url('../img/sprite.png') -800px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 138px;
  padding-top: 40px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 1.5rem auto;
  display: block;
}
.page-grows .btn.outline {
  -webkit-box-shadow: inset 0 0 0 1px #406344;
          box-shadow: inset 0 0 0 1px #406344;
  color: #406344;
}
.page-grows .btn.outline:hover {
  color: #fff;
  background: #406344;
  -webkit-box-shadow: inset 0 0 0 1px #406344;
          box-shadow: inset 0 0 0 1px #406344;
}
.page-grows .btn.outline.loading {
  background: none;
}
.page-grows .btn.outline .loader span {
  background: #406344;
}
.page-grows .aside-program .btn.outline {
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  color: #fff;
}
.page-grows .aside-shortlist .row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-grows .aside-shortlist [data-type="collapsable"],
.page-grows .alert.hidden {
  max-height: 0;
  overflow: hidden;
  padding: 0 !important;
}
.page-grows .aside-shortlist [data-type="collapsable"] > *,
.page-grows .alert.hidden > * {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.page-grows .aside-shortlist .active [data-type="collapsable"] {
  max-height: 2000px;
  overflow: visible;
}
.page-grows .aside-shortlist .active [data-type="collapsable"] > *,
.page-grows .alert > * {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out 0.5s;
  transition: opacity 0.2s ease-in-out 0.5s;
}
.page-grows .empty .loader span {
  background: #406344;
}
.page-grows .col.program {
  color: #243e36 !important;
  word-break: break-all;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.page-grows .col {
  color: inherit !important;
}
.page-grows .col.figure {
  width: 200px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
[data-list=grows]:not(.grid) figure {
  display: none;
}
.page-grows .icon.forty {
  color: #243E38;
}
[data-list=grows] .col.summary {
  width: 50%;
}
.page-grows .summary > div,
.page-grows .summary p {
  display: inline;
}
[data-list=grows].grid .col.summary {
  margin-top: 0.5rem;
  width: 100%;
  color: #5F7369 !important;
}
.popup [data-list=grows].grid a .col.summary {
  color: #5F7369 !important;
}
[data-list=grows] .col.program {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: auto !important;
  float: none;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  color: #243e36 !important;
  font-size: 17px;
}
[data-list=grows] .col.shortlist {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
[data-list=grows].grid .col.shortlist {
  margin-top: 1rem;
  color: #406344 !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
[data-list=grows].grid .col.shortlist.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 68em) {
  .page-grows .card.fh:not([data-type="resource"]),
  [data-type=speedometer] .card {
    height: auto !important;
    margin-bottom: 2rem;
  }
  .page-grows [data-content=preview] + .vanish-multi {
    width: 100%;
    margin: 0;
    max-width: 400px;
  }
  .page-grows .nav-sub ul li {
    padding: 0 !important;
  }
  .page-grows .hero {
    height: auto !important;
  }
  .grows-iframe.page-grows .equation .col {
    width: revert !important;
  }
  .grows-iframe.page-grows .list.grid.three > ul > li {
    width: calc(100%/3);
    margin-bottom: 0;
  }
  .page-grows svg.logo,
  .page-grows img.logo {
    max-height: 48px;
  }
  .page-grows .row.divider::before {
    display: none !important;
  }
  .page-grows .bottom-bar .list .row figure {
    display: none !important;
  }
  .page-grows .card .list.grid.three > ul > li:last-child {
    margin-bottom: 1rem !important;
  }
  .page-grows .option-list li .icon.seventytwo {
    width: 48px;
    height: 48px;
  }
  .page-grows header.center .progress-bar {
    padding: 0 40px;
    min-width: 100%;
  }
  .page-grows .progress-bar.has-img {
    padding: 0;
    min-width: 0;
  }
  .page-grows .progress-bar img {
    position: static;
    -webkit-transform: none;
            transform: none;
  }
  .page-grows .progress-bar.has-img li {
    min-width: 100%;
    border-top: 0;
    width: 100%;
    text-align: center !important;
    margin-bottom: 1.3rem;
  }
  .page-grows .center .progress-bar.has-img li span,
  .page-grows .center .progress-bar.has-img li:first-child span,
  .page-grows .center .progress-bar.has-img li:last-child span {
    width: 100% !important;
    -webkit-transform: none !important;
            transform: none !important;
    left: 0 !important;
    top: 0 !important;
  }
  .page-grows .progress-bar.has-img li::before {
    top: 0;
    left: 0;
    position: static;
    margin: 0 auto 0.5rem auto;
  }
  .page-grows .progress-bar:not(.icons) .is-active:last-child::after,
  .page-grows .progress-bar:not(.icons) .is-active:not(:first-child)::after {
    content: none;
  }
}
@media screen and (max-width: 48em) {
  .page-grows main #logo,
  .page-grows main header {
    margin: 1rem auto 2rem;
  }
  .page-grows .wrap > header {
    padding: 1.5rem 20px;
  }
  .page-grows .alert.offer:not(.hidden) {
    padding: 15px 20px !important;
  }
  .page-grows #grows-start ol > li {
    padding: 0 0 2rem 0;
  }
  .page-grows #grows-start ol > li .third {
    padding: 0 0 0 100px;
  }
  .page-grows h1 {
    font-size: 1.3125rem;
  }
  .page-grows main .tab > .row {
    margin: 0 -15px;
  }
  .page-grows .tabs.main {
    margin: -20px -50vw 20px;
  }
  .page-grows .hero,
  .page-grows .nav-sub {
    margin: -20px -50vw 20px -50vw;
    padding: 1rem 20px;
  }
  .page-grows header img.logo {
    max-width: 240px !important;
  }
  .page-grows #gauge,
  [data-type=gauge] {
    padding: 0;
  }
  .page-grows small.last-updated {
    position: static;
    -webkit-transform: none;
            transform: none;
  }
  .page-grows .poster-example {
    background: none;
    padding: 0;
  }
  .page-grows .snip {
    top: -6px;
  }
  .page-grows nav .rgt:not(.btn-group),
  .page-grows footer .rgt {
    padding-left: 0;
    margin-top: 1rem;
    width: 100%;
  }
  .page-grows .col {
    width: 100% !important;
    padding-left: 15px;
    padding-right: 15px !important;
  }
  .page-grows .hero .equation .col,
  .grows-iframe .equation .col {
    width: revert !important;
  }
  .page-grows .hero blockquote,
  .page-grows .hero .chart--horiz,
  .page-grows .hero .scale-half,
  .page-grows .hero .pin,
  .page-grows .hero footer {
    display: none !important;
  }
  [data-list=grows] .col.shortlist {
    margin-top: 1rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  [data-list=grows] .col.summary {
    margin-top: 0.5rem;
  }
  .page-grows .stub {
    margin-top: 20px;
    right: 0;
  }
  .page-grows #gauge svg + img,
  [data-type=gauge] svg + img {
    display: none;
  }
  .page-grows .segments ul {
    min-width: 0;
  }
  .page-grows .list.grid.two > ul > li {
    width: 100%;
    max-width: none;
  }
  .page-grows .bottom-bar .seventy {
    display: none !important;
  }
  .page-grows .toast.visible {
    bottom: 96px;
  }
  .page-grows aside {
    top: 0;
    height: 100%;
  }
  .page-grows aside .panel {
    padding-top: 0;
  }
  .page-grows .aside-shortlist .rgt:not(.legend) {
    top: 0;
  }
  .page-grows .aside-program {
    padding-top: 0;
  }
  .page-grows .col.program {
    width: 100%;
  }
  .page-grows .btn i:not(.loader) + .text {
    display: none !important;
  }
  .page-grows .equation {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .page-grows .equation .col {
    width: 100% !important;
  }
  .page-grows .wrap > header h1:not(.center):not(.alt) {
    font-size: 32px;
  }
  .page-grows .wrap > header h1:not(.center):not(.alt) span {
    font-size: 40px;
  }
  .page-grows .card .card {
    margin: 30px 0 0 0;
  }
  .page-grows img:not(.logo),
  .page-grows svg:not(.grows-badge) {
    max-width: 100% !important;
  }
  .page-grows .alert .symbol {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .page-grows h2 {
    font-size: 1.1875rem;
  }
  .page-grows .pinned:not(.btn) {
    position: static;
    margin: 0 auto 2rem auto;
  }
}
@media screen and (max-width: 300px) {
  .page-grows h2 {
    font-size: 17px;
  }
  .page-grows .pinned:not(.btn) {
    display: none !important;
  }
}
/* Print Only */
@media print {
  @page {
    margin: 0;
  }
  .loading {
    display: none;
  }
  .page-grows {
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
    overflow: hidden;
  }
  .page-grows .paperOverlay {
    display: none;
  }
  .page-grows > .wrap {
    background: #fff none;
  }
  .page-grows.page-sticker header {
    display: none;
  }
}
body::before {
  content: "desktop";
  display: none !important;
}
.mobile-only {
  display: none;
}
@media screen and (max-width: 100em) {
  .card.highlights[data-version="2"] img[data-img="factory"],
  .card.highlights[data-version="2"] img[data-img="person"] {
    display: none !important;
  }
  .card.highlights[data-version="2"] img[data-img="tree"] {
    height: 120px;
    left: auto;
    right: 20px;
  }
  .card.highlights[data-version="2"] img[data-img="stack"] {
    position: static;
    height: 100px;
    margin-bottom: 0.5rem;
  }
  .card.highlights[data-version="2"] .item[data-name=environment] .stats .row .col:last-child {
    padding-right: 20px;
  }
}
@media screen and (min-width: 87.5em) {
  .configure:not(.alt) main .col {
    width: calc(100% / 3);
  }
}
@media screen and (max-width: 87.5em) {
  #super .empty {
    max-height: 279px;
  }
  #hero,
  #hero .auto {
    height: 260px;
    max-height: 260px;
  }
  #hero-super,
  #hero-new {
    left: 126px;
  }
  #hero-offlinemode {
    left: 380px;
  }
  #hero-standard,
  #hero-toner {
    top: 147px;
    left: 0;
  }
  #hero-findme {
    left: 290px;
  }
  #hero-direct {
    top: 140px;
    left: 20px;
  }
  #hero-queues {
    left: 290px;
  }
  #hero-standard .icon {
    top: 22px;
  }
  #hero-toner .icon {
    top: 27px;
  }
  #hero-toner .icon.bold {
    top: 0;
    left: 173px;
  }
  #hero-blank {
    top: 177px;
    left: 350px;
  }
  #hero-passive,
  #hero-popular {
    top: 120px;
    left: 600px;
  }
  [data-responsive="priority"] th:nth-last-child(3),
  [data-responsive="priority"] td:nth-last-child(3),
  [data-responsive="priority"] .col:nth-last-child(3) {
    display: none;
  }
  .page-printers #hero-popular {
    top: 147px;
    left: 630px;
  }
  .page-users #hero-toner {
    top: 130px;
  }
  #hero-user {
    top: 44px;
    left: 596px;
  }
  .page-coordinators #hero-passive {
    top: 147px;
  }
  .page-coordinators .client {
    left: 770px;
    width: 66px;
    height: 66px;
    -webkit-transform: translate(0, -130%);
    transform: translate(0, -130%);
  }
  .client .status {
    position: absolute;
    top: calc(50% - 15px);
  }
  #hero-cloud {
    left: 900px;
    top: 90px;
  }
  #hero-cloud::before {
    display: none !important;
  }
  #hero-remote {
    left: 934px;
  }
  #hero-remote::before {
    -webkit-transform: rotate(-116deg);
    transform: rotate(-116deg);
    left: -4px;
    top: -5px;
  }
  .ready #hero-remote::before {
    width: 110px;
  }
  .system-status .client {
    top: 10px;
    left: auto;
    right: 20px;
  }
  .system-status .client::before,
  .system-status .client::after {
    -webkit-box-shadow: 0 0 0 4px #fff;
            box-shadow: 0 0 0 4px #fff;
  }
  .client .logo::before {
    content: '';
    background: url('../img/sprite.png') 0 -1700px no-repeat;
    height: 0;
    overflow: hidden;
    width: 28px;
    padding-top: 28px;
    display: inline-block;
    vertical-align: middle;
    background-size: 2000px 2000px;
    margin: -14px 0 0 -14px;
  }
  .client .logo.hive::before {
    content: '';
    background: url('../img/sprite.png') -400px -1900px no-repeat;
    height: 0;
    overflow: hidden;
    width: 35px;
    padding-top: 32px;
    display: inline-block;
    vertical-align: middle;
    background-size: 2000px 2000px;
    margin: -16px 0 0 -17px;
  }
  .ready #hero-super::before {
    width: 400px;
  }
  .ready #hero-blank::before {
    width: 180px;
  }
  .ready #hero-blank::after {
    width: 320px;
    -webkit-transform: rotate(-19deg);
    transform: rotate(-19deg);
  }
  #hero-standard::after {
    top: 40px;
    left: 200px;
  }
}
@media screen and (max-width: 75em) {
  [data-responsive="priority"] .col:nth-of-type(1),
  [data-responsive="priority"] .col:nth-of-type(2) {
    display: block !important;
  }
  [data-responsive="priority"] th:nth-last-child(2),
  [data-responsive="priority"] td:nth-last-child(2),
  [data-responsive="priority"] .col:nth-last-child(2) {
    display: none;
  }
  .list.grid > ul > li,
  .list.grid > ol > li {
    width: calc(100% / 3);
  }
}
@media screen and (max-width: 68em) {
  [data-responsive="priority"] table {
    table-layout: fixed;
  }
  [data-content="users-list"] th:first-child,
  [data-content="users-list"] td:first-child,
  [data-responsive="priority"] th:last-child,
  [data-responsive="priority"] td:last-child,
  [data-responsive="priority"] .col:last-child {
    width: 48px;
  }
  [data-responsive="priority"][data-type="no-actions"] th:last-child,
  [data-responsive="priority"][data-type="no-actions"] td:last-child,
  [data-responsive="priority"][data-type="no-actions"] .col:last-child {
    width: auto;
  }
  [data-responsive="priority"] th:nth-last-child(4),
  [data-responsive="priority"] td:nth-last-child(4),
  [data-responsive="priority"] .col:nth-last-child(4),
  [data-responsive="priority"] th:nth-last-child(5),
  [data-responsive="priority"] td:nth-last-child(5),
  [data-responsive="priority"] .col:nth-last-child(5) {
    display: none;
  }
  .threeqtr {
    width: 100%;
  }
  .aside-costtracking [aria-hidden="true"] {
    display: block !important;
  }
  .aside-costtracking .tab-step .list > ul {
    margin-right: 0;
  }
  .aside-costtracking [data-content="col"] {
    padding-right: 0;
  }
  .aside-costtracking .tab-step .list li > .row > .col.actions {
    position: static;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .aside-costtracking .list:not(.grid) > ul > li .row {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .aside-costtracking [data-content="col"] .col,
  .aside-costtracking .tab-step .list header .col:not(.actions):not(.half):not(.paper-size),
  .aside-costtracking .tab-step .list li > .row > .col:not(.actions) {
    width: 50%;
  }
  .aside-costtracking .tab-step .list li > .row > .col.paper-size {
    width: calc(100% - 52px);
    margin-bottom: 0.5rem;
  }
  .aside-costtracking .tab-step .list header .col.paper-size,
  .aside-costtracking [data-content="col"] .col.paper-size,
  .aside-costtracking [data-content="col"] .col:nth-child(2)::before,
  .aside-costtracking [data-mode=skeleton][data-list=print-copy-costs] [data-content="col"] .col:nth-child(2)::before {
    display: none !important;
  }
  .aside-costtracking [data-content="col"] .col::before {
    left: 50%;
  }
  .progress-bar.timeline li {
    padding: 1.5rem 0 0 0 !important;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .progress-bar.timeline li::before {
    top: -14px;
  }
  .progress-bar.timeline li:not(:first-child):not(:last-child) {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  .progress-bar.timeline li:not(:first-child):not(:last-child)::before {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .progress-bar.timeline li:last-child::before {
    left: auto !important;
    right: 0 !important;
  }
  .progress-bar.timeline li:not(.is-active) span {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: absolute;
    z-index: 6;
    left: 50%;
    width: 200px !important;
    -webkit-transform: translate(-50%, 0) !important;
            transform: translate(-50%, 0) !important;
    top: 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 10px 0 rgba(33, 43, 54, 0.15);
            box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 10px 0 rgba(33, 43, 54, 0.15);
    padding: 0.333rem 0.533rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    font-family: 'Barlow', sans-serif;
  }
  .progress-bar.timeline li span small {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    position: static !important;
    visibility: visible !important;
    margin: 0 !important;
  }
  .progress-bar.timeline .is-complete::after,
  .progress-bar.timeline .is-active::after {
    left: -50% !important;
  }
  .progress-bar.timeline .is-complete:last-child::after,
  .progress-bar.timeline .is-active:last-child::after {
    left: -100% !important;
    -webkit-animation: progressbar2x 0.5s forwards ease-out;
    animation: progressbar2x 0.5s forwards ease-out;
  }
  .progress-bar.timeline li:not(.is-active):first-child span {
    left: 0;
    -webkit-transform: none !important;
            transform: none !important;
    text-align: left;
  }
  .progress-bar.timeline li:not(.is-active):first-child span::before {
    left: 10px;
  }
  .progress-bar.timeline li:not(.is-active):last-child span {
    right: 0;
    left: auto;
    -webkit-transform: none !important;
            transform: none !important;
    text-align: left;
  }
  .progress-bar.timeline li:not(.is-active):last-child span::before {
    left: auto;
    right: 10px;
  }
  .progress-bar.timeline li:not(.is-active) span::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    border: 1px solid rgba(215, 222, 227, 0.6);
    border-bottom: 0;
    border-right: 0;
    position: absolute;
    left: calc(50% - 5px);
    top: -5px;
    -webkit-transform: rotate(45deg) translate(0, 0);
            transform: rotate(45deg) translate(0, 0);
  }
  .progress-bar.timeline li:not(.is-active) span strong {
    margin: 0 !important;
  }
  .progress-bar.timeline li.is-active span {
    width: calc(600%);
    max-width: none;
  }
  .progress-bar.timeline li.is-active:nth-child(2) span {
    width: calc(300%);
    margin-left: -50%;
  }
  .progress-bar.timeline li.is-active:nth-child(3) span {
    width: calc(300%);
    margin-left: -150%;
  }
  .progress-bar.timeline li.is-active:last-child span {
    width: calc(600%);
    margin-left: -500%;
  }
  .progress-bar.timeline li.is-active span strong {
    font-size: 1.125rem;
  }
  .progress-bar.timeline li.is-active span small {
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
  }
  .col.parameters,
  .col.total-users,
  .col.platforms {
    display: none !important;
  }
  .page-reports .fw .panel .scroll:has([data-type=report-filters].active) {
    padding-right: 0;
  }
  .fw [data-type=report-filters] {
    background: rgba(255, 255, 255, 0.8) !important;
    padding-left: 20px;
    -webkit-box-shadow: -1px -1px 0 0 rgba(215, 222, 227, 0.5), -10px 0 10px -5px rgba(0, 0, 0, 0.15) !important;
            box-shadow: -1px -1px 0 0 rgba(215, 222, 227, 0.5), -10px 0 10px -5px rgba(0, 0, 0, 0.15) !important;
  }
  .fw [data-type=report-filters] > .row {
    background: rgba(255, 255, 255, 0.8) !important;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5) !important;
            box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5) !important;
    margin-bottom: 20px !important;
  }
  [data-content=report-list].condensed > ul {
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
  }
  [data-content=report-list].condensed > ul > li {
    margin-bottom: 1rem;
  }
  [data-content=report-list]:not([data-mode=skeleton]) .col.last {
    margin-top: 1rem !important;
  }
  [data-content=report-list].condensed .row {
    padding: 1.125rem 0 !important;
    background: #fff;
    border-radius: 3px !important;
    -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7) !important;
            box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7) !important;
  }
  [data-content=report-list]:not(.grid):not([data-mode=skeleton]) .col.img {
    width: 100% !important;
    height: 120px !important;
    margin-top: calc(-1.125rem);
    margin-bottom: 1rem !important;
    margin-left: 0;
    border-radius: 3px 3px 0 0;
    position: relative;
    top: 0;
    left: 0;
  }
  [data-content=report-list]:not(.grid):not(.stack) .col.img figure img {
    height: auto;
    width: 100%;
  }
  [data-content=report-list] .col.actions {
    width: auto;
    position: absolute;
    right: 0;
    top: 1.125em;
    z-index: 2;
  }
  [data-content=report-list] .more {
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
            box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
    border-radius: 3px;
  }
  .current-license {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .subscription {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
    display: -webkit-flex !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .col.state > a {
    display: none !important;
  }
  .configure.shift .page > header .auto > .row {
    min-height: 0;
  }
  .page > header .col:not(.rgt):not(.grade),
  .page-heading .col:not(.rgt):not(.grade) {
    width: 100%;
  }
  .license-certificate {
    width: 100%;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: inset -1px 1px 0 0 #B6D8D8, inset 1px 0 0 0 #B6D8D8;
            box-shadow: inset -1px 1px 0 0 #B6D8D8, inset 1px 0 0 0 #B6D8D8;
    min-height: 320px;
    border-right: 0;
    border-bottom: 1px dashed #B6D8D8;
  }
  .license-details {
    width: 100%;
    min-width: 0;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: inset 1px -1px 0 0 #B6D8D8, inset -1px 0 0 0 #B6D8D8;
            box-shadow: inset 1px -1px 0 0 #B6D8D8, inset -1px 0 0 0 #B6D8D8;
  }
  .license-details::before {
    left: -8px;
    top: -8px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .license-details::after {
    right: -8px;
    left: auto;
    bottom: auto;
    top: -8px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .config.card > header .rgt {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
    margin: 0 0 1.5rem 0;
    height: 127px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .page-home .auto > .row > .twothird {
    width: 100%;
    margin-top: 20px;
  }
  .page-home .row .row {
    margin: 0 -10px;
  }
  .page-home .config-highlights {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .page-home .config-highlights .col.third {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: 20px;
  }
  #new-activity ul {
    position: static;
  }
  .card.highlights .item.slide-environment .icon {
    display: none !important;
  }
  #live {
    width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  body:not(.page-beta) #hero,
  .heartbeat {
    display: none !important;
  }
  .system-status .status {
    margin: 0 auto 3rem auto;
  }
  .configure main .row:not(.flex-nowrap) {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 0 !important;
  }
  main .auto > .row > .col,
  .diagram .col,
  .page-team header .row .col:not(.stat),
  .page-team .page .auto > .row > .col {
    width: 100% !important;
  }
  .page-team .trends-chart {
    margin: 2rem auto 0;
  }
  .page-team #eco-rating {
    margin: 1rem auto 0;
    max-width: 360px;
  }
  .page-team .user,
  .page-team .vendor {
    display: none !important;
  }
  #current-plan .active-users .card::before,
  #current-plan .active-users .card::after {
    position: static;
    width: calc(100% + 70px);
    margin: -10px -35px;
    height: 1px;
    -webkit-transform: none;
            transform: none;
  }
  #all-plans .list.grid > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #all-plans .list.grid li.tier-one ul {
    margin: 0 0 2rem 20px;
  }
  #all-plans .list.grid > ul > li {
    width: 100%;
    max-width: 360px;
    margin: 20px auto 0 !important;
    border-radius: 3px !important;
  }
  #all-plans .list.grid li header {
    height: auto !important;
    margin: 0 !important;
  }
  .page > header > .col,
  .page-heading > .col {
    width: 100%;
  }
  .page > header .auto > .flex-nowrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .page header .col.license {
    margin: 0 -15px -0.5rem;
    width: calc(100% + 60px);
    padding: 20px 30px;
    -webkit-box-shadow: inset 0 1px 0 0 #e5e9ed;
            box-shadow: inset 0 1px 0 0 #e5e9ed;
  }
  .popover .col:not(.fp) {
    width: 50% !important;
  }
  .configure:not(.shift) main .col {
    margin-bottom: 2.6rem !important;
  }
  .configure.shift .diagram .col header {
    min-height: 0;
    padding-bottom: 0;
  }
  .configure.shift .bg {
    display: none !important;
  }
  .page-home main hr {
    margin: 0;
  }
  .card:not(.single) {
    margin-bottom: 2rem;
  }
  [data-content="view-summary"].inserting .card {
    margin-bottom: 0;
  }
  [data-content="view-summary"].inserting {
    max-height: 600px;
  }
  .home-c .card {
    margin: 0;
  }
  .page-printlog .list li a:not[data-toggle=collapsable] {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0.8rem 30px 0.8rem 54px;
  }
  .list.condensed li .row:not(.flex-ver) {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .list.grid > ul > li {
    width: calc(100% / 2);
  }
  .list.grid.three > ul > li,
  .list.grid.three > ol > li {
    width: 100%;
    max-width: none;
    margin-bottom: 1rem !important;
    min-width: 0;
  }
  .list.grid.three.condensed > ul > li,
  .list.grid.three.condensed > ol > li {
    margin-bottom: 0 !important;
  }
  .list.grid.three > ul > li:last-child,
  .list.grid.three > ol > li:last-child {
    margin-bottom: 0 !important;
  }
  #new-activity {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-height: 400px;
  }
  #print-setup.hidden {
    padding: 0 20px !important;
  }
  #print-setup {
    padding: 20px;
  }
  .list.grid.three > ul > li.moving {
    margin-bottom: 0;
  }
  .empty .list.grid.three > ul > li:not(:first-child) {
    display: none !important;
  }
  .list.grid.condensed > ul > li:not(:last-child),
  .list.grid.condensed > ol > li:not(:last-child) {
    -webkit-box-shadow: inset 0 -1px 0 0 #d7dee3;
            box-shadow: inset 0 -1px 0 0 #d7dee3;
  }
  .list[data-list=users]:not(.grid) .last-print {
    width: 160px;
  }
  .list:not([data-list=users]):not([data-list=compact]) .col::before {
    display: block;
  }
  .stack:not([data-list=compact]):not([data-list=comfort]):not(.slim) li .row {
    padding: 1.125rem 0 1.125rem 60px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .stack[data-list=comfort]:not([data-mode=skeleton]) li .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .stack .status {
    position: absolute;
    left: 0;
    top: 1.125rem;
  }
  .list.stack li .row {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .stack:not([data-list=compact]):not([data-mode=skeleton]) .col:not(.status):not(.actions):not(.device-name):not(.rgt) {
    width: calc(100%/4);
    min-width: 160px;
    margin: 0 0 0.5rem 0;
  }
  .stack:not([data-list=compact]):not(.slim) .col.device-name,
  .stack .col.title {
    width: calc(100% - 64px);
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    min-width: 0;
    margin-bottom: 0.5rem;
  }
  .page-printers .list .col.actions,
  .page-coordinators .list .col.actions {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    position: absolute;
    top: 1.125rem;
    right: 0;
  }
  .page-printers main #tab-printersnew .actions {
    width: 100%;
    position: static;
    text-align: left;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    padding: 0 20px 0 10px;
  }
  .panel:not(.aside-costtracking).has-editor .col.actions {
    position: static !important;
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .list:not(.grid):not(.condensed) li .col.platform {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .stack:not(.grid):not([data-list=compact]) .col::before {
    width: auto;
    display: block;
  }
  .list:not(.grid):not(.condensed) li .location::before {
    content: 'Location';
  }
  .list:not(.grid):not(.condensed) li .seen::before {
    content: 'Seen';
  }
  .list:not(.grid):not(.condensed) li .col.os {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .list:not(.grid):not(.condensed):not([data-list=compact]) li .col.os::before {
    content: 'OS';
  }
  .list:not(.grid):not(.condensed):not([data-list='compact']) li .col.platform::before {
    content: 'Platform';
  }
  .list:not(.grid):not(.condensed) li .col.installed::before {
    content: 'Installed';
  }
  .list:not(.grid):not(.condensed) li .col.platform::before {
    content: 'Platform';
  }
  .list:not(.grid):not(.condensed) li .col.tier::before {
    content: 'Tier';
    line-height: 34px;
  }
  .list:not(.grid):not(.condensed) li .col.jobs::before {
    content: 'Jobs Held';
  }
  .list:not(.grid):not(.condensed) li .col.make::before {
    content: 'Make';
  }
  .list:not(.grid):not(.condensed) li .col.model::before {
    content: 'Model';
  }
  .list:not(.grid):not(.condensed):not([data-list=compact]) li .col.ip::before {
    content: 'IP';
  }
  .list:not(.grid):not(.condensed) li .col.macadd::before,
  .list:not(.grid):not(.condensed) li .col.gateway-mac::before {
    content: 'MAC Address';
  }
  .list:not([data-list="compact"]):not(.grid):not(.condensed) li .col.state::before {
    content: 'Status';
  }
  .list:not(.grid):not(.condensed) li .col.version::before {
    content: 'Version';
  }
  .list:not(.grid):not(.condensed) li .col.serial::before {
    content: 'Serial';
  }
  .list:not(.grid):not(.condensed):not([data-list=compact]) li .col.last-used::before {
    content: 'Last Used';
  }
  .list:not(.grid):not(.condensed) li .col.printers::before {
    content: 'Printers';
  }
  .list:not(.grid):not(.condensed) li .col.pages::before {
    content: 'Pages';
  }
  .list:not(.grid):not(.condensed) li .col.first-seen::before {
    content: 'First Seen';
  }
  .list:not([data-list=users]):not(.grid):not(.condensed) li .col.last-print::before {
    content: 'Last Print';
  }
  .list.grid.condensed > ul > li:not(:last-child) {
    -webkit-box-shadow: 0 1px 0 0 #d7dee3;
            box-shadow: 0 1px 0 0 #d7dee3;
  }
  .list .col.owner,
  .list .col.attr {
    width: 35%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .list:not(.condensed) .col.document {
    width: 70%;
    margin-bottom: 0.2rem;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .list .col.size {
    width: 120px;
  }
  .list.condensed.flex-wrap .col:not(.profile) {
    width: auto;
  }
  .list.condensed.flex-wrap .col.title {
    width: 100%;
  }
  .col.summary,
  .col.last {
    width: 100% !important;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  *:not([data-mode=skeleton]) .col.last {
    margin-top: 0.5rem;
  }
  main {
    padding: 2rem !important;
  }
  .page > footer {
    padding: 1.5rem 2rem;
  }
  .configure .bg {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0 auto;
    max-width: 360px;
  }
  .configure main .row,
  .configure main .row:last-child,
  .page-theenvironment.configure main .row:last-child {
    margin: 0 -15px;
  }
  #events section h4 {
    text-align: left;
  }
  #events .list::before {
    left: 0;
  }
  #events .item,
  #events .item:nth-child(odd) {
    padding: 15px 20px 15px 100px;
    text-align: left;
  }
  #events .item::before,
  #events .item:nth-child(odd)::before {
    left: 0;
  }
  #events .list.inline .item .details,
  #events .list.inline .item:nth-child(odd) .details {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .ready #events .list.inline .item svg,
  .ready #events .list.inline .item:nth-child(odd) svg {
    left: 41px;
  }
  #forecasts .card .col.half {
    width: 50%;
  }
  #forecasts .card .col.half:first-child {
    margin-bottom: 0;
  }
  .diagram .divider {
    display: none !important;
  }
  #pages-trend-chart {
    position: static;
  }
  .page-theenvironment .diagram > .row {
    width: calc(100% + 30px);
    padding: 0;
  }
  .page-theenvironment .diagram > .row:nth-child(2) {
    margin-top: 0;
  }
  main .list:not([data-type="selectable"]):not([data-responsive]) header,
  [data-list="comfort"] header,
  [data-list="compact"] header {
    display: none !important;
  }
  .page-users [data-list="users"] .total-pages,
  .page-users [data-list="users"] .last-print {
    display: none !important;
  }
  .config .list header {
    display: block;
  }
  /* .list .col.status,
  .list .col.device-name,
  .list .col.type {
    order: 2;
  } */
  .list .col.status {
    text-align: right;
  }
  #plan-details .cert {
    padding: 1rem;
  }
  .page-billing #plan-details .cert h4 {
    padding-right: 0;
    line-height: 2.8;
  }
  #plan-details .cert .logo svg {
    height: 40px;
  }
  #plan-details .col.third {
    width: 100%;
    margin-bottom: 2rem;
  }
  #plan-details .program {
    width: 100%;
  }
  #all-plans .col,
  .hive #all-plans h2 {
    margin-bottom: 2rem;
  }
  .page-signin:not(.mobile) .pitch {
    display: none !important;
  }
  .page-signin .wrap {
    height: auto;
  }
  .page-signin .wrap footer {
    width: 100%;
    color: #6f777f;
    max-width: 540px;
    margin: 0 auto;
    text-align: left;
  }
  .page-signin .wrap::before {
    display: none !important;
  }
  .page-signin .wrap header {
    background: #E7F6E9;
    padding: 1rem 30px;
  }
  .page-signin.page-redeem footer {
    left: 0;
  }
  section article {
    width: 100%;
    margin-bottom: 1rem;
  }
  section aside {
    margin: 0 auto;
  }
  .page-benchmark .callout {
    display: none !important;
  }
  .quick-start > li {
    width: 50%;
    padding: 0 0.75rem;
    padding: 2rem;
  }
  .alt .quick-start .third {
    width: 100%;
  }
  .alt .quick-start .col > ul > li {
    width: 50%;
    height: 100%;
  }
  .page-quickstart header .brand,
  .page-quickstart header .requirements {
    width: 100%;
  }
  .network .bracket {
    max-width: none;
    width: 100%;
    margin-bottom: 2rem;
  }
  .network .bracket .list::before,
  .network .bracket .list::after,
  .network::before,
  #stats::before,
  #stats .third::before {
    display: none !important;
  }
  .network .system {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .network .system .client {
    position: relative;
    margin: 3rem auto;
    -webkit-transform: none;
    transform: none;
    top: auto;
    left: auto;
  }
  .network .system .connector,
  .network .bracket::before,
  .network .list li::before,
  .network .bracket .list li::after {
    display: none !important;
  }
  .network .list {
    height: auto;
  }
  .network .list .col.document,
  .network .list .col.device {
    margin: 0;
    height: auto;
  }
  .network .list .col.time {
    position: static;
    padding: 0 20px;
    width: auto;
    text-align: left;
    margin-left: auto;
  }
  .network .list li a.row {
    padding: 0.8rem 0 0.8rem 54px !important;
  }
  .network .list .col.owner {
    width: auto;
  }
  .home-b .network .list .avatar,
  .network .list .col.status,
  .network.b .list .col.status {
    bottom: auto;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .network .list .col.status {
    left: 10px;
  }
  .network .list li {
    height: auto;
  }
  .network #forecasts {
    margin-top: 2em;
  }
  .network #forecasts .row > .col {
    width: 100%;
    margin-bottom: 3rem;
  }
  .watermark-format li {
    width: 50%;
    -webkit-box-shadow: 1px 1px 0 0 rgba(215, 222, 227, 0.5);
            box-shadow: 1px 1px 0 0 rgba(215, 222, 227, 0.5);
  }
  .home-b .network .col.icon,
  .job-icon {
    display: none !important;
  }
  .home-b .network {
    margin-bottom: 0;
  }
  .home-b .network .users .list li .row {
    padding: 1.125rem 0 1.125rem 68px;
  }
  .home-b .network .list li .row {
    padding-left: 32px;
    -webkit-transition: 0s, X;
    transition: 0s, X;
  }
  .network .users .list .col.owner,
  .network .list .col.device {
    margin-bottom: 0.5rem;
  }
  .network .users .list .col.owner::before {
    width: calc(100% - 40px);
  }
  .network .bracket .btn.outline,
  .configure main .col,
  .configure main .col.divider,
  .page-printsecurity.ready .diagram .col,
  .network h5,
  .ready.home-b .network .list li.live .row,
  .ready.home-b .network .bracket.printers .list li:first-child .row {
    -webkit-transition: 0s, X !important;
    transition: 0s, X !important;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
  }
  #stats {
    padding-top: 0;
  }
  .page-onboarding.mobile .list .col.device-name {
    margin: 0;
  }
  .page-onboarding.mobile .list.condensed:not(.flex-ver) li .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-quickstart.v4 .manual {
    max-width: 680px;
    padding: 2rem 20px;
  }
  .page-quickstart.v4 .manual main {
    padding: 0 !important;
    margin: 2rem 0 0 0;
  }
  .page-quickstart.v4 .manual .flex > header {
    width: 100%;
    padding: 0;
  }
  .page-quickstart.v4 .manual figure figcaption {
    width: 100%;
    padding: 0;
    margin-top: 1rem;
  }
  .page-quickstart.v4 .manual footer {
    margin: 2rem 0 0 calc(100px + 2rem);
  }
  .card.highlights .item[data-name=environment] .sixty,
  .card.highlights[data-version="2"] .item[data-name=environment] .stats .row .col:last-child {
    display: none !important;
  }
  .card.highlights[data-version="2"] img[data-img="tree"] {
    height: auto;
  }
  .card.highlights .item[data-name=environment] .forty,
  .card.highlights[data-version="2"] .item[data-name=environment] .stats .row .col {
    width: 100%;
  }
  .home-b .network .users .col.icon {
    width: 48px;
    height: 48px;
    display: block !important;
    left: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: 0;
  }
  #super .empty {
    max-height: none;
    height: auto;
    margin-bottom: calc(1rem + 30px);
  }
  #x-super,
  #x-cloud,
  .new #x-super,
  .new #x-cloud {
    width: 100%;
    padding-left: 0;
    margin: 0;
  }
  #x-super > ul > li,
  #x-cloud > ul > li {
    margin: 0 0 1rem 0;
    width: 100%;
    padding: 0;
  }
  #super .list > ul {
    margin: 0 !important;
  }
}
@media screen and (max-width: 60em) {
  [data-responsive="priority"] th:nth-last-child(6),
  [data-responsive="priority"] td:nth-last-child(6),
  [data-responsive="priority"] .col:nth-last-child(6) {
    display: none;
  }
  [data-responsive="labels"] thead {
    display: none !important;
  }
  [data-responsive="labels"] tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    border-bottom: 0.0625rem solid #dce0e5;
    padding: 0.5rem;
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  [data-responsive="labels"] [data-testid="Collapsible-table"] tr {
    padding: 0.5rem 3rem 0.5rem 0.5rem;
  }
  [data-responsive="labels"] td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 0 !important;
    padding: 0 0.5rem !important;
    background: none !important;
  }
  [data-responsive="labels"] [data-testid="Collapsible-table"] td:not([colspan]):last-child {
    position: absolute;
    top: 0.8rem;
    right: 0.2rem;
  }
  [data-responsive="labels"] [data-label] {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  [data-responsive="labels"] [data-label]::before {
    content: attr(data-label) ':\00a0';
    display: block;
    font-family: "Barlow";
    font-weight: 500;
    color: #343a40;
  }
  .empty.desktop-only {
    display: block !important;
  }
  .desktop-only:not(.empty) {
    display: none !important;
  }
  .page-signin.mobile .pitch > .flex .col {
    display: none !important;
  }
  #popup-discovery .callout {
    left: auto;
    right: 20px;
    -webkit-box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
            box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
  }
  .page-install .page-heading {
    margin-bottom: 3rem;
  }
  .page-install h1 {
    font-size: 1.5rem;
  }
  .page-install .third {
    width: 100%;
    margin-bottom: 3rem;
  }
  .page-install.new-device .step figure > div {
    overflow: visible;
  }
  .page-install .third p {
    min-height: 0;
  }
  .page-install .step figure {
    height: 200px;
    margin-bottom: 1rem;
    padding: 0 30px !important;
  }
  .page-install .step figure > div {
    max-height: 100%;
    overflow: hidden;
  }
  .page-install #step-computer figure img {
    margin: 0 auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    max-height: 220px;
  }
  .page-install.new-device .alert {
    margin: 0 auto;
  }
  .panel.has-editor .manager .list li > .row {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .panel.has-editor .manager .col.actions {
    position: relative;
  }
  .panel.has-editor .manager .col.monitor {
    width: calc(100% - 44px) !important;
    margin: 1rem 0 0 44px;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}
@media screen and (max-width: 48em) {
  .MuiDrawer-paper {
    max-width: 100% !important;
    width: 100% !important;
    top: 56px !important;
    height: calc(100% - 56px) !important;
  }
  .page-queues [data-content=method] .syncing:not(.split):not(.paused)::before,
  .page-queues [data-content=method] .list.stack > ul > li .connect-line {
    display: none !important;
  }
  .page-easyprinting aside .panel > header .rgt,
  .page-easyprinting .tab-header .rgt {
    max-width: 100%;
  }
  .aside-costtracking .tab-step .list header {
    display: none !important;
  }
  .toast {
    -webkit-transform: translate(calc(-50%), calc(100% + 20px));
    transform: translate(calc(-50%), calc(100% + 20px));
  }
  .toast.visible {
    -webkit-transform: translate(calc(-50%), 0);
    transform: translate(calc(-50%), 0);
  }
  .aside-costtracking .tab-step .list li > .row > .col:not(.actions) .col {
    width: 100%;
    margin-bottom: 1rem;
  }
  .aside-costtracking .tab-step .list li > .row > .col:not(.actions) .col:last-child {
    margin-bottom: 0;
  }
  .page-reports .col:has(.def) {
    margin-bottom: calc(1.5rem / 2) !important;
  }
  [data-type=report] table[data-type=sidebar] > thead > tr > th:first-child,
  [data-type=report] table[data-type=sidebar] > tbody > tr > td:first-child {
    position: static;
    width: 120px;
    -webkit-box-shadow: inset 0 -1px 0 0 #d7dee3 !important;
            box-shadow: inset 0 -1px 0 0 #d7dee3 !important;
  }
  .col.cost-printers {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    width: 100%;
  }
  [data-type=sticky].stuck {
    width: 100%;
    top: 56px;
    left: 0;
  }
  [data-list=comfort] .col.actions {
    width: 100%;
    position: static;
    text-align: left;
    padding: 0 20px 0 10px;
  }
  [data-list=comfort] .col.actions .more {
    position: absolute;
    top: 0.5rem;
    right: 10px;
  }
  footer.stuck {
    max-width: 100%;
    padding: 0.8rem 20px;
  }
  .page-signin:not(.alt) .signin .social li {
    width: 100% !important;
    margin-bottom: 1rem !important;
  }
  .list.grid.two > ul > li,
  .list.grid.two > ol > li {
    width: 100%;
    max-width: none;
    margin-bottom: 1rem !important;
    min-width: 0;
  }
  #existingprinters header .rgt {
    position: static;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
    margin: 0.5rem 0;
  }
  [data-type=compare] .col:nth-child(1)::before,
  [data-type=compare] .col:nth-child(2)::before {
    display: none;
  }
  .option-list[data-group="quickscan-flow"] li a {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px;
  }
  .option-list[data-group="quickscan-flow"] li a i {
    margin: 0 auto 0.5rem !important;
  }
  .option-list[data-group="quickscan-flow"] > li .flag {
    display: table;
    margin: 0.3rem auto;
  }
  #plan-details {
    margin-top: -20px;
  }
  #plan-details .mark {
    display: none !important;
  }
  .license-pc,
  .license-type,
  .license-stamp {
    display: none !important;
  }
  .license-ref {
    text-align: left;
  }
  #plan-details .license-certificate .row .col:last-child {
    text-align: right;
  }
  .page-chrome .half {
    width: 100%;
    margin-bottom: 1rem;
  }
  .page-chrome [data-step=answers]::before,
  .page-chrome [data-step=answers]::after {
    display: none !important;
  }
  .mobile-only {
    display: inline-block;
  }
  .fifth,
  .qtr,
  .third:not(.stat),
  .thirty,
  .forty,
  .half,
  .sixty,
  .twothird,
  .seventy,
  .threeqtr,
  .eighty {
    width: 100%;
  }
  .page-team nav > .auto > ul {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin: 1rem 0 0 0;
  }
  .preview-split input,
  .placeholder-input {
    border-radius: 3px;
  }
  .field > .row .col:not(:last-child) {
    margin-bottom: calc(1.5rem / 2);
  }
  .demo-mode nav .reminder {
    left: -200px;
  }
  .demo-mode.open-menu nav .reminder {
    left: 0;
  }
  .open-menu .wrap > nav {
    z-index: 12;
  }
  .open-menu .overlay,
  .open-menu .overlay::before {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    z-index: 11;
  }
  .open-aside:not(.open-vote):not(.open-rename) .overlay,
  .open-aside:not(.open-vote):not(.open-rename) .overlay::before {
    left: 0;
  }
  .home-c main .col.half {
    width: 100%;
    margin-top: 20px;
  }
  #forecasts {
    margin-top: -20px;
  }
  .page > header,
  .page-heading {
    padding: 0 20px;
  }
  .page > header + .alert {
    padding: 0.5rem 20px;
  }
  .page > header p,
  .page-heading p {
    font-size: 1rem;
  }
  .page > header .col:not(.rgt):not(.grade),
  .page-heading .col:not(.rgt):not(.grade) {
    width: 100% !important;
  }
  .page > header .col.rgt,
  .page-heading .col.rgt {
    margin: 0 0 1rem 0;
    text-align: left;
    padding: 0 15px;
  }
  .page-signin.alt #logo,
  .page-pricing #logo {
    margin: 0 auto 2rem;
  }
  .has-preview.tab {
    position: relative;
    overflow: hidden;
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 0 20px;
  }
  .has-preview.has-header.tab {
    margin: 0 -20px 60px -20px;
  }
  .has-preview > .flex:not(.syncing):not(.option-list):not(.manager) {
    position: relative;
    width: calc(100% + 40px);
    margin: 0 -20px;
  }
  .panel .scroll {
    height: auto;
    overflow: unset;
  }
  .scroll .tab:not(.has-preview) {
    position: static;
  }
  body:not(.page-extensions) .scroll.has-preview article {
    margin-top: -56px;
    max-width: 100%;
    background: none;
  }
  .sidebar {
    content: '';
    background: url('../img/sprite.png') -800px -300px no-repeat;
    height: 0;
    overflow: hidden;
    width: 16px;
    padding-top: 16px;
    display: inline-block;
    vertical-align: middle;
    background-size: 2000px 2000px;
    position: absolute;
    top: 22px;
    right: 15px;
    z-index: 6;
  }
  .sidebar.stuck {
    position: fixed;
    top: calc(56px + 76px + 22px);
  }
  .hide-details .sidebar {
    content: '';
    background: url('../img/sprite.png') -900px -300px no-repeat;
    height: 0;
    overflow: hidden;
    width: 16px;
    padding-top: 16px;
    display: inline-block;
    vertical-align: middle;
    background-size: 2000px 2000px;
  }
  .configure .bg {
    display: none !important;
  }
  .highlights h2 {
    margin-bottom: 0.7rem;
  }
  .stat.rgt {
    margin-bottom: 1rem;
  }
  aside article {
    width: 100% !important;
    max-width: 100% !important;
    left: 0;
    position: relative;
    padding: 20px 15px 0 15px;
    -webkit-transition: all 0.5s, X;
    transition: all 0.5s, X;
  }
  .tabs .has-sub li a img {
    display: none !important;
  }
  #popup-adv .tabs li h5 {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #popup-adv .tabs li small {
    display: none !important;
  }
  #standard .title .rgt {
    padding-left: 0;
  }
  .sticker.app {
    width: 170px;
  }
  .sticker.app figure::before {
    top: 35px;
    left: -21px;
    width: 80px;
    height: 60px;
    -webkit-transform: rotate(-118deg) translate(0, 0);
            transform: rotate(-118deg) translate(0, 0);
  }
  aside .preview,
  .has-preview .preview {
    left: 100%;
    top: 0;
    position: absolute;
    min-height: 100%;
    width: 100% !important;
    margin: 0;
    background: none;
    -webkit-transition: all 0.5s, X;
    transition: all 0.5s, X;
  }
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions):not(.page-queues) aside article.col {
    padding-top: 74px;
  }
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside .preview {
    padding-top: 54px;
  }
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside #custom .preview,
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside .aside-managedatabases article.col,
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside .aside-costtracking article.col,
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside .aside-reviewprinter article.col,
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside .aside-downloadnode article.col {
    padding-top: 20px;
  }
  .hide-details {
    background: #EFF3F7;
  }
  .hide-details .preview {
    left: 0;
    position: relative;
  }
  .hide-details article {
    position: absolute;
    left: -100%;
  }
  h1 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  h2,
  .h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  h3,
  .h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  h4,
  .h4 {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  h5,
  .h5 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .wrap > nav {
    left: -200px;
  }
  body:not(.home-b) .list .col.size,
  .list .col.attr,
  body:not(.home-b) .list .col.owner,
  .list:not(.condensed):not(.grid) .col.time,
  .list .col.method {
    display: none !important;
  }
  .list[data-list=users]:not(.grid) .col.profile,
  .list[data-list=users]:not(.grid) .col.total-pages,
  .list[data-list=users]:not(.grid) .col.created,
  .list[data-list=users]:not(.grid) .col.state {
    display: none !important;
  }
  .list[data-list=users] .btn .icon {
    margin-right: 0 !important;
  }
  .list:not(.condensed) .col.document {
    margin: 0;
    width: 100%;
    white-space: initial;
  }
  .activity.list .status {
    padding: 0;
    width: 100px;
  }
  .activity.list .status:hover i.avatar {
    margin-left: -20px;
    -webkit-transition: 0s, X;
    transition: 0s, X;
  }
  .timeline h4 {
    max-width: 100%;
  }
  .timeline::before {
    left: 20px;
  }
  .nav-toggle.lines-button {
    display: block;
  }
  .pusher {
    left: 0;
  }
  .pusher,
  .open-menu .pusher {
    width: 100%;
  }
  .topbar,
  .open-morph .topbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 9;
  }
  .demo-mode .topbar,
  .demo-mode.open-morph .topbar {
    top: 48px;
  }
  .topbar .alert i {
    display: none !important;
  }
  .branded .nav-account > a .vendor {
    display: none !important;
  }
  .open-menu .topbar {
    left: 200px;
    z-index: 12;
  }
  .open-menu.open-tour .topbar {
    z-index: 9;
  }
  .list .col.status {
    text-align: left;
  }
  .nav-account a {
    width: auto;
    padding: 0 25px 0 10px;
  }
  .topbar .alert {
    padding-left: 63px;
  }
  .topbar .alert p span,
  .topbar .user {
    display: none;
  }
  .page {
    margin-bottom: 0;
  }
  main {
    padding: 20px !important;
  }
  #current-plan,
  #hero {
    margin-top: -20px;
  }
  .page > footer {
    padding: 1.5rem 20px;
    width: 100%;
    left: 0;
    -webkit-transition: left 0.3s, X;
    transition: left 0.3s, X;
    position: static;
  }
  .open-menu .page > footer {
    left: 200px;
  }
  aside {
    max-width: 100%;
    width: 100%;
    right: -800px;
    top: 56px;
    overflow: auto;
    height: calc(100% - 56px);
  }
  .demo-mode aside,
  .demo-mode .MuiDrawer-paper {
    top: 104px;
  }
  .demo-mode .pusher > .alert.sticky,
  .demo-mode .page > .alert.sticky,
  .demo-mode .topbar + .alert.sticky,
  .demo-mode #hero + .alert.sticky.visible {
    top: 104px;
  }
  .panel > header .rgt:not(.legend),
  .panel.has-editor.editmode .tab-header .rgt {
    position: fixed;
    background: #fff;
    padding: 1rem 20px;
    margin: 0;
    text-align: right;
    top: 56px;
    right: -100%;
    -webkit-transition: all 0.3s ease-in-out, X;
    transition: all 0.3s ease-in-out, X;
    width: 100%;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.05);
            box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.05);
  }
  .demo-mode .panel > header .rgt:not(.legend),
  .demo-mode .panel.has-editor.editmode .tab-header .rgt {
    top: 104px;
  }
  .aside-sml .panel > header .rgt:not(.legend) {
    max-width: 480px;
  }
  .aside-med .panel > header .rgt:not(.legend) {
    max-width: 640px;
  }
  .panel.has-editor .tab-header {
    background: #EFF3F7;
    -webkit-box-shadow: none;
            box-shadow: none;
    z-index: 98;
    display: none;
  }
  .panel.has-editor.editmode .tab-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .panel.has-editor .tab-step {
    z-index: 97;
  }
  .open-downloadreport .overlay {
    max-width: 100%;
    width: 100%;
  }
  .open-aside aside > header .rgt:not(.legend),
  .open-aside aside .panel > header .rgt:not(.legend),
  .panel.has-editor.editmode .tab-header .rgt {
    right: 0;
    margin: 0;
    z-index: 99;
  }
  aside .alert {
    z-index: 0;
    -webkit-transition: all 0.3s, X;
    transition: all 0.3s, X;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  body:not(.page-printlog):not(.page-reports):not(.page-printers):not(.page-users):not(.page-extensions):not(.page-grows):not(.page-coordinators) aside > header,
  body:not(.page-printlog):not(.page-reports):not(.page-printers):not(.page-users):not(.page-extensions):not(.page-grows):not(.page-coordinators) aside .panel > header {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0.5rem 20px 0 20px;
    background: none;
    z-index: 100;
  }
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside #custom .preview,
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside .aside-managedatabases header {
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
            box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  }
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside header .tabs {
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
            box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
    margin: 0 -20px;
    width: calc(100% + 40px);
    padding: 0 20px;
  }
  .panel {
    margin: 0 -20px;
    padding: 0 20px;
    padding-top: 78px;
    overflow-x: hidden;
  }
  .aside-preview .panel,
  .aside-preview.panel,
  .aside-transaction {
    padding-top: 0;
  }
  /* Move form actions to bottom

  .page-easyprinting .panel {
    padding-top: 0;
  }

  .page-easyprinting aside .panel > header .rgt,
  .page-easyprinting .tab-header .rgt {
    width: 100%;
    max-width: none;
  } */
  .demo-mode .panel {
    padding-top: 134px;
  }
  .panel.has-editor.editmode header {
    z-index: -1 !important;
  }
  aside .sticky-footer footer {
    max-width: 100%;
    width: 100%;
  }
  .aside-managedatabases,
  .aside-reviewprinter:not(.editmode),
  .aside-costtracking,
  .aside-downloadnode,
  .aside-integratedscanning {
    padding-top: 0;
  }
  .aside-integratedscanning article.col {
    padding-top: 20px !important;
  }
  .page-users .panel,
  .page-extensions .panel,
  .panel.aside-notifications,
  .panel.aside-printersfound,
  .panel.aside-printer,
  .panel.aside-report,
  .page-queues .panel {
    padding: 0 20px;
  }
  .presets.stuck .response.visible {
    top: 110px;
    width: 100%;
    max-width: 100%;
  }
  .presets {
    background: #fff;
    padding-top: 74px;
  }
  .scroll > .flex:not(footer) {
    position: relative;
  }
  .popover {
    left: 0;
    width: 320px;
  }
  .popover::after {
    left: 18px;
  }
  .popover .select {
    width: 100%;
  }
  .popover .join {
    margin: 5px auto;
  }
  #events .list::before {
    display: none !important;
  }
  #events .item,
  #events .item:nth-child(odd) {
    padding: 15px 20px 15px 60px;
  }
  #events .item::before,
  #events .item:nth-child(odd)::before {
    display: none !important;
  }
  #events .list.inline .item svg,
  #events .list.inline .item:nth-child(odd) svg {
    left: 0 !important;
  }
  .stack:not([data-list=compact]):not([data-mode=skeleton]) .col:not(.status):not(.actions):not(.device-name):not(.rgt) {
    width: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #forecasts .col {
    width: 100%;
  }
  #forecasts .col:not(:last-child) {
    margin-bottom: 20px;
  }
  .list.stack:not(.grid):not([data-mode=skeleton]) .col::before {
    width: 120px;
    display: inline-block;
    min-height: 24px;
  }
  .p1,
  .p2,
  section figure {
    width: 100%;
  }
  section figure {
    height: 200px;
    margin: 0;
  }
  section figure img {
    height: 200px;
  }
  #details {
    padding: 20px;
  }
  .card.duplex .col {
    width: 100%;
    position: relative;
  }
  .card.duplex > .flex::before {
    left: 0;
    width: 100%;
    bottom: auto;
    top: 50%;
    height: 1px;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
            box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  }
  .page-pricing h1 {
    font-size: 1.75rem;
  }
  .pricing-table {
    width: 280px;
  }
  .pricing-table li {
    width: 100%;
    margin-bottom: 2rem;
  }
  .range-slider {
    height: 220px;
  }
  .presets.stuck {
    padding-bottom: 139px;
  }
  .quick-start > li,
  .alt .quick-start .col > ul > li {
    width: 100% !important;
    padding: 2rem;
    height: auto;
  }
  .page-quickstart .manual {
    border: 0;
    border-bottom: 1px solid rgba(215, 222, 227, 0.5);
    border-radius: 0;
  }
  .page-quickstart header .requirements .col {
    width: 100%;
  }
  .page-quickstart header .requirements .downloads {
    border-top: 1px dashed rgba(255, 255, 255, 0.4);
    border-right: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .quick-start li .callout {
    width: 100px;
  }
  .page-quickstart header h1 {
    font-size: 3rem;
  }
  .page-quickstart.alt header h1 {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    width: 100%;
  }
  .quick-start li .callout::before {
    display: none !important;
  }
  .user-menu::before {
    right: 20px;
    left: auto;
  }
  .network .system {
    margin-top: 0;
  }
  .network #forecasts .half .col {
    width: 100%;
  }
  .network #forecasts .half .col:first-child {
    margin-bottom: 2rem;
  }
  .page header .col.license {
    margin: 0 -5px -0.5rem -5px;
    padding: 1rem 20px;
    width: calc(100% + 40px) !important;
  }
  .page header .col.license .rgt {
    padding: 0;
    margin: 0;
  }
  .unblock.stuck {
    width: 100%;
    max-width: 100%;
  }
  #popup-paper .col {
    width: 100%;
  }
  #popup-paper .metrics .fp {
    max-width: 300px;
    margin: 0 auto;
  }
  #popup-paper .illo {
    display: none !important;
  }
  #forecasts .card .col.half {
    width: 100%;
  }
  #forecasts .card .col:first-child {
    margin-bottom: 2rem;
  }
  .popup .third,
  .popup .twothird {
    width: 100%;
  }
  .list.grid > ul > li {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
    max-width: 100%;
  }
  .configure main .col p {
    min-height: 0;
  }
  #forecasts .card .col.half:first-child {
    margin-bottom: 2rem;
  }
  .page-onboarding .slides .item {
    min-width: 0;
  }
  .steps li strong {
    display: none !important;
  }
  .steps li .icon {
    margin: 0 auto;
  }
  .page-verify .page {
    padding: 30px;
  }
  .page-verify h1 {
    font-size: 1.5rem;
  }
  .progress-bar.icons {
    margin: 0 auto 2rem auto !important;
  }
  .big {
    padding: 0.813rem 1rem;
    font-size: 1rem;
  }
  .app-links {
    width: 142px;
  }
  .page-quickstart.v4 .manual {
    padding: 2rem 20px;
  }
  .page-quickstart.v4 .app-links .badge:last-child {
    margin: 20px 0 0 0;
  }
  .page-quickstart.v4 .manual figure figcaption {
    width: 100%;
    padding: 0;
    margin-top: 1rem;
  }
  .page-quickstart.v4 .manual footer {
    margin: 2rem 0 0 calc(100px + 2rem);
  }
  .stacked-chart:hover .slice {
    min-width: 0;
  }
  .stacked-chart .slice:hover {
    min-width: 100%;
  }
  .stacked-chart .slice .message {
    width: 100%;
  }
  .invite.btn:not(.secondary):not(.sml):not(.x-sml),
  [data-action="discover"]:not(.outline) {
    padding: 0;
    content: '';
    background: url('../img/sprite.png') -182px -282px no-repeat;
    height: 0;
    overflow: hidden;
    width: 48px;
    padding-top: 48px;
    display: inline-block;
    vertical-align: middle;
    background-size: 2000px 2000px;
    background-color: #19892b;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .invite.btn:not(.secondary):not(.sml):not(.x-sml):hover,
  [data-action="discover"]:not(.outline):hover {
    content: '';
    background: url('../img/sprite.png') -182px -282px no-repeat;
    height: 0;
    overflow: hidden;
    width: 48px;
    padding-top: 48px;
    display: inline-block;
    vertical-align: middle;
    background-size: 2000px 2000px;
    background-color: #0d7621;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  input[type=search] {
    min-width: 0;
    width: 100%;
  }
  .page-users aside header i.avatar {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .flipper-enviro,
  .extension-info {
    left: 20px !important;
    -webkit-transform: translate(0) !important;
    transform: translate(0) !important;
  }
  .morphed .flipper-enviro,
  .morphed .extension-info {
    left: 20px !important;
    width: calc(100% - 40px) !important;
    -webkit-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
    max-width: 640px;
    height: auto !important;
  }
  .list.grid > ul > li .extension-info .col {
    width: 100%;
  }
  .open-menu .morphed .flipper-enviro,
  .open-menu .morphed .extension-info {
    margin-left: 200px;
  }
  .tabs .search {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
    padding: 0;
  }
  .page-faq .wrap,
  .page-faq .page {
    height: auto;
  }
  .page-faq .page .auto {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-faq .answers {
    width: 100%;
  }
  .page-terms .wrap,
  .page-terms .page {
    height: auto;
  }
  .page-terms .page .auto {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-terms .content {
    width: 100%;
  }
  .alert:not(.offer) span:not(.flag) {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .tampa {
    padding: 20px 0 35px;
  }
  .edgenode {
    bottom: 14px;
  }
  main .tab {
    min-height: calc(100% - 100px);
  }
  body:not(.page-verify) .alert.sticky {
    top: 56px;
  }
  .card.highlights .item[data-name=environment] .icon {
    width: 64px;
    height: 64px;
  }
  .card.highlights .item[data-name=environment] .stats .row .col.rgt {
    width: 100%;
    margin-top: 10px;
  }
  .highlights .tabs.segments.alt li a {
    font-size: 0.875rem;
  }
  .highlights .tabs.segments.alt li a .icon {
    display: none !important;
  }
  .network-stats .btn {
    width: auto;
  }
  .item[data-name=network] .diagram {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
  .item[data-name=network] .diagram .col {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    margin-bottom: 15px;
  }
  .item[data-name=network] .diagram .col::before {
    display: none;
  }
  .item[data-name=network] .diagram .col .lge {
    margin-left: auto !important;
    padding-left: 20px;
    font-size: 1.5rem;
  }
  .item[data-name=network] .diagram .col .icon {
    margin: 0 20px 0 0;
  }
  .item[data-name=network] .diagram .col .icon svg {
    max-width: 100%;
  }
  .item[data-name=network] .diagram::before,
  .item[data-name=network] .diagram::after {
    display: none !important;
  }
  .mb {
    max-width: 300px;
  }
  #popup-discovery .callout {
    display: none !important;
  }
  .guide {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  #print-instructions .page-heading h2 {
    padding-left: 3rem;
  }
  #print-instructions ol li::after {
    content: none;
  }
  #print-instructions ol > li {
    padding: 0;
  }
  #print-instructions .callout {
    position: absolute;
    left: 0;
    top: 140px;
  }
  .tabs.center:not(.segments) li {
    margin: 0 10px;
  }
  .tabs li a .icon {
    width: 24px;
    height: 24px;
  }
  .page-verify .tabs .blk,
  .page-install li:first-child .tabs .blk {
    display: none !important;
  }
  .page-terms .pitch > div {
    max-width: none;
  }
  .abridged,
  .page-terms header {
    display: none !important;
  }
  #status-network {
    width: 100%;
    margin: 0 !important;
    padding: 0 20px 0 20px;
  }
  .card.highlights.slide-environment small {
    width: 100%;
    padding: 0;
  }
  #popup-toner .list .row {
    padding-left: 22px;
  }
  #popup-toner .col.model {
    padding-bottom: 8px;
    padding-left: 10px;
    width: 100%;
  }
  #popup-toner footer .col.model {
    display: none !important;
  }
  #popup-toner .list footer > .flex {
    padding: 0 15px 0 22px;
  }
  #popup-toner .extra .col.model {
    padding-left: 12px;
  }
  #popup-toner .extra::before {
    left: -1px;
    bottom: 64px !important;
    top: -62px;
  }
  #popup-toner .extra .col.model::before {
    left: -7px;
  }
  #popup-toner .list .row .qty::before {
    display: none !important;
  }
  .id-wrap > .col {
    width: 100%;
    padding: 0;
    margin-bottom: 60px;
  }
  .id-wrap > .col dl {
    max-width: 320px;
  }
  #popup-start .tour-figure,
  #popup-start::before {
    height: 200px;
  }
  #popup-start .tour-content {
    height: calc(100% - 200px - 60px);
  }
  #hero + .alert {
    margin: -20px -20px 20px -20px;
    padding: 0.5rem 20px;
  }
}
/* IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .shadow,
  .preview .legend,
  .preview-phone,
  .warning-process {
    display: none !important;
  }
  .list .empty p,
  .list .empty h5 {
    max-width: none;
  }
  .overlay {
    display: block;
  }
}
/* Print Only */
@media print {
  .page-install * {
    color: #000 !important;
  }
  .page-install .page {
    padding: 0;
  }
  .page-install .page-heading {
    margin-bottom: 3rem;
  }
  .page-install h1 {
    font-size: 1.5rem;
  }
  .page-install .third {
    width: 100%;
    margin-bottom: 3rem;
  }
  .page-install .third p {
    min-height: 0;
  }
  .page-install #step-computer figure img {
    margin: 0;
  }
}
/* Retina */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  [data-toggle=collapsable]::before,
  [data-toggle=collapsable]:not(.btn)::before,
  #logo,
  .page-verify #logo,
  .page-signin #logo,
  .page-faq #logo,
  .page-pricing #logo,
  .network .system .client .logo::before,
  .select::after,
  .list a::after,
  .search .results .type a::after,
  .sub li a i,
  .funnel,
  .btn.funnel,
  .funnel:hover,
  input[type="checkbox"]:checked::after,
  .list figure::before,
  .delete,
  section aside h3 i.thumb.down::before,
  .checklist li::before,
  .add,
  .remove,
  .tag .remove,
  .badge,
  .badge:hover,
  .page-quickstart header .edition,
  .sub li.complete a::after,
  .network .system .client i,
  .network .held::before,
  .paper-forecast .stat::before,
  .watermark-format li a::before,
  .watermark-format li.pos-top a::before,
  .watermark-format li.pos-full a::before,
  .watermark-format li.pos-custom a::before,
  .easeometer figcaption,
  .page > header .easeometer figcaption,
  .page-heading .easeometer figcaption,
  .steps li.complete .icon::after,
  .page-onboarding.mobile .list figure,
  .presets li.active a::after,
  .more .tip a.promote::before,
  .more .tip a.demote::before,
  .more .tip a.trash::before,
  .more .tip a.undo::before,
  .refresh,
  .icon.promote,
  .expand,
  .minimised .expand,
  .list a.row::after,
  #trending > ul > li::before,
  #trending > ul > li.cranky::before,
  #trending > ul > li.fresh::before,
  .more .tip a.details::before,
  .more .tip a.rename::before,
  .edit,
  .edit.alt,
  [data-action^="edit"]:not(.textonly),
  .rename::before,
  .more .tip a.lost::before,
  .watermark-format li.active::after,
  .backlog i::before,
  .backlog li.active i::before,
  .sidebar,
  .hide-details .sidebar,
  .placeholder-checkbox::before,
  .btn-carousel,
  .option-list li.active::after,
  .bell,
  #popup-toner .list .row .qty::before,
  .invite.envelope .avatar::after,
  .collapsable a.row .rule .delete,
  #first-setup .list li.complete .icon::before,
  .list.collapsable a.row::before,
  .sub li a.link-external i,
  .trend.up::before,
  .trend.down::before,
  .system-status .logo,
  .guide .next::before,
  .guide .prev::before,
  .page-verify #logo.sml,
  .progress-bar.icons li.is-complete .icon::before,
  .client .logo::before,
  #popup-discovery .logo,
  #print-setup .list li.complete .icon::before,
  .placeholder-notification .header::before,
  .placeholder-appicon.brand::before,
  .branded.page-signin #logo,
  .ticks li::before,
  .your-plan .logo,
  #all-plans .logo,
  .nav-account > a::after,
  .placeholder-pc::before,
  .placeholder-pc::after,
  .page-signin.mobile.animated .placeholder-pc::after,
  .page-signin.mobile.animated .phase.b .printing .placeholder-checkbox::after,
  .page-install .complete figure::before,
  .page-install #logo,
  figure .dialog .placeholder-select::after,
  .page-install .app-icon,
  .page-install:not(.new-device) .complete figure::before,
  .list li .row.status-submitted figure::before,
  .page-printlog .list figure:not(.graph)::before,
  .list li .row.status-failed figure::before,
  .list li .row.status-printed figure::before,
  .list li .row.status-printing figure::before,
  .list li .row.status-analysed figure::before,
  .list li .row.status-cancelled figure::before,
  .list li .row.status-routed figure::before,
  .list li .row.status-pending-release figure .placeholder-checkbox,
  aside.disabled header::after,
  .more .tip a.reinvite::before,
  .more .tip a.app::before,
  .icon.app,
  .btn.link-external::after,
  .dev-mode,
  .tip .passwordPolicy li.a0-checked::before,
  .link-ext::after,
  .has-sub li a.app-ss::before,
  .has-sub li a.app-er::before,
  .page-install #logo.hive,
  .card-number .masked a::before,
  .card-number .reveal a::before,
  .unlinkcard::before,
  .more .tip a.app-unlink::before,
  .aside-mobileprinting .tabs li.complete .icon::before,
  .aside-mobileprinting .success .icon::before,
  .logo-pocket,
  .logo-hive,
  .logo-papercut,
  .more.demo-only .tip li::before,
  .export::before,
  .icon-tick,
  [data-testid=addons-tab-connected] a::before,
  #tab-all .sample.connected,
  .icon-hand,
  .system-status .client .logo::before,
  #logo.hive,
  .system-status .client .logo.hive::before,
  .back,
  .label > .icon.picker::after,
  .more .tip a.edit-action::before,
  .preview .client .logo::before,
  .preview .client .logo.hive::before,
  .icon.hive::before,
  .progress-btn::after,
  .list header .col.sortable::after,
  .pagination a.prev::before,
  .pagination a.next::before,
  #logo.grows,
  [data-list=grows] li.shortlisted .row figure::before,
  .device-preview .grab,
  .list[data-type=selectable] li.checked .avatar::after,
  .list[data-type=selectable] .row-link:hover .avatar::after,
  .page-reports .col.img::before,
  [data-type=report-filters] .sidebar,
  .more .tip [data-action="report-copyschedule"]::before,
  .more .tip [data-action="duplicate"]::before,
  [data-toggle=collapsable]:not(.btn):not(.primary).xl::before,
  .more .tip [data-action="report-tip"]::before,
  .more .tip [data-action="report-newschedule"]::before,
  .more .tip a[data-action=newdriver]::before,
  .more .tip a[data-action=newprinter]::before,
  .progress-bar.timeline .is-complete::before,
  .more .tip a.ignore::before,
  .progress-bar.timeline.compact li.is-complete::before,
  .btn .back,
  .option-list.option-list-connected li.active a::after,
  .more .tip a.delivery::before,
  ol.stepper > li.complete::before,
  .link-ext-alt::after,
  .btn.has-select::after,
  .btn.secondary.has-menu:not(.btn-sq)::after,
  #logo.hive.dark,
  .renew #logo.hive,
  .renew .nav-account > a::after,
  .more .tip [data-action="report-editschedule"]::before,
  .more .tip [data-action="report-editschedule"].details::before,
  .more .tip [data-action="report-runschedule"]::before,
  .more .tip [data-action="view-account"]::before,
  .more .tip [data-action="report-pauseschedule"]::before,
  .more .tip [data-action="report-resumeschedule"]::before,
  .more .tip a.review::before {
    background-image: url('../img/sprite@2x.png');
    background-size: 2000px 2000px;
  }
  .rangeslider-wrap.tonerlevel .rangeslider__fill,
  .rangeslider-wrap.tonerlevel .rangeslider__fill::before {
    background-image: url('../img/stripe@2x.png');
    background-size: 300px 78px;
  }
  .card.highlights .item[data-name=environment]::before {
    background-image: url(../img/e-tl@2x.png);
    background-size: 253px 208px;
  }
  .card.highlights .item[data-name=environment]::after {
    background-image: url(../img/e-tr@2x.png);
    background-size: 277px 258px;
  }
  .forecast-paper::after,
  #popup-paper figure .img[data-period="thirty"],
  #popup-paper figure .img[data-period="sixty"],
  #popup-paper figure .img[data-period="ninety"],
  #popup-paper figure .img[data-period="year"] {
    background-image: url(../img/stack@2x.png);
    background-size: 1600px 360px;
  }
  .aside-mobileprinting .devices .devices-chrome,
  .aside-mobileprinting .devices .devices-chrome.complete,
  .aside-mobileprinting .devices .devices-iphone,
  .aside-mobileprinting .devices .devices-iphone.complete,
  .aside-mobileprinting .devices .devices-android,
  .aside-mobileprinting .devices .devices-android.complete {
    background-image: url(../img/mobile-printing@2x.png);
    background-size: 2000px 2000px;
  }
  .progress.meter,
  .progress.meter .fil {
    background-image: url('../img/meter@2x.png');
    background-size: 1278px 2000px;
  }
}