@charset "UTF-8";
/**
 *
 * ####################### 3D-Terrasse-Style REXIN
 * ####################### 3D-Terrasse-Style REXIN
 * ####################### 3D-Terrasse-Style REXIN
 *
 */
.font-color-blueLight {
  color: #086abe;
}

.font-color-blue {
  color: #064F8D;
}

.font-color-green {
  color: #2BBE04;
}

.font-color-orange {
  color: #FF5900;
}

.no-padding-top {
  padding-top: 0;
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 3.3333333333rem;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

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

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

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

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

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

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

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

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

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

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

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

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

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*
 *  webui popover plugin  - v1.2.5
 *  A lightWeight popover plugin with jquery ,enchance the  popover plugin of bootstrap with some awesome new features. It works well with bootstrap ,but bootstrap is not necessary!
 *  https://github.com/sandywalker/webui-popover
 *
 *  Made by Sandy Duan
 *  Under MIT License
 */
.webui-popover-content {
  display: none;
}

/*  webui popover  */
.webui-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  min-width: 50px;
  max-width: 250px;
  min-height: 32px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  color: #ffffff;
  background-color: #086abe;
  background-clip: padding-box;
  /*  border: 1px solid #cccccc;
   border: 1px solid rgba(0, 0, 0, 0.2); */
  border-radius: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
  margin-top: -10px;
}

.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
  margin-left: 10px;
}

.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
  margin-top: 10px;
}

.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
  margin-left: -10px;
}

.webui-popover.pop {
  transform: scale(0.8);
  transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  opacity: 0;
  filter: alpha(opacity=0);
}

.webui-popover.pop-out {
  transition-property: "opacity,transform";
  transition: 0.15s linear;
  opacity: 0;
  filter: alpha(opacity=0);
}

.webui-popover.fade,
.webui-popover.fade-out {
  transition: opacity 0.15s linear;
  opacity: 0;
  filter: alpha(opacity=0);
}

.webui-popover.out {
  opacity: 0;
  filter: alpha(opacity=0);
}

.webui-popover.in {
  transform: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

.webui-popover .webui-popover-content {
  padding: 9px 14px;
  overflow: hidden;
  display: block;
}

.webui-popover-inner .close {
  font-family: arial;
  margin: 8px 10px 0 0;
  float: right;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  color: #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none;
}

.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.webui-popover-inner .close:after {
  content: "×";
  width: 0.8em;
  height: 0.8em;
  padding: 4px;
  position: relative;
}

.webui-popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 5px 5px 0 0;
}

.webui-popover-content {
  padding: 9px 14px;
  overflow: auto;
  display: none;
  font-size: 14px;
}
.webui-popover-content p {
  margin: 0;
  padding: 0.5em 0 0.5em 0;
  border-top: 1px solid #ffffff;
}
.webui-popover-content p:first-child {
  border-top: 0;
  padding-top: 0;
}
.webui-popover-content p:last-child {
  padding-bottom: 0;
}

.webui-popover-info {
  background-color: #086abe;
}
.webui-popover-info p {
  color: white;
}
.webui-popover-info a {
  color: white;
  text-decoration: underline;
}

.webui-popover-warning {
  background-color: #FF5900;
}
.webui-popover-warning p {
  color: white;
}
.webui-popover-warning a {
  color: white;
  text-decoration: underline;
}

.webui-popover-inverse {
  background-color: #333333;
  color: #eeeeee;
}

.webui-popover-inverse .webui-popover-title {
  background: #333333;
  border-bottom: 1px solid #3b3b3b;
  color: #eeeeee;
}

.webui-no-padding .webui-popover-content {
  padding: 0;
}

.webui-no-padding .list-group-item {
  border-right: none;
  border-left: none;
}

.webui-no-padding .list-group-item:first-child {
  border-top: 0;
}

.webui-no-padding .list-group-item:last-child {
  border-bottom: 0;
}

.webui-popover > .webui-arrow,
.webui-popover > .webui-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.webui-popover > .webui-arrow {
  border-width: 11px;
}

.webui-popover > .webui-arrow:after {
  border-width: 10px;
  content: "";
}

.webui-popover.top > .webui-arrow,
.webui-popover.top-right > .webui-arrow,
.webui-popover.top-left > .webui-arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.webui-popover.top > .webui-arrow:after,
.webui-popover.top-right > .webui-arrow:after,
.webui-popover.top-left > .webui-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #086abe;
  border-bottom-width: 0;
}

.webui-popover.right > .webui-arrow,
.webui-popover.right-top > .webui-arrow,
.webui-popover.right-bottom > .webui-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.webui-popover.right > .webui-arrow:after,
.webui-popover.right-top > .webui-arrow:after,
.webui-popover.right-bottom > .webui-arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #086abe;
}

.webui-popover.bottom > .webui-arrow,
.webui-popover.bottom-right > .webui-arrow,
.webui-popover.bottom-left > .webui-arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.webui-popover.bottom > .webui-arrow:after,
.webui-popover.bottom-right > .webui-arrow:after,
.webui-popover.bottom-left > .webui-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #086abe;
  border-top-width: 0;
}

.webui-popover.left > .webui-arrow,
.webui-popover.left-top > .webui-arrow,
.webui-popover.left-bottom > .webui-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.webui-popover.left > .webui-arrow:after,
.webui-popover.left-top > .webui-arrow:after,
.webui-popover.left-bottom > .webui-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #086abe;
  bottom: -10px;
}

.webui-popover-info.top > .webui-arrow,
.webui-popover-info.top-left > .webui-arrow,
.webui-popover-info.top-right > .webui-arrow,
.webui-popover-info.top > .webui-arrow:after,
.webui-popover-info.top-left > .webui-arrow:after,
.webui-popover-info.top-right > .webui-arrow:after {
  border-top-color: #086abe;
}

.webui-popover-info.right > .webui-arrow,
.webui-popover-info.right-top > .webui-arrow,
.webui-popover-info.right-bottom > .webui-arrow,
.webui-popover-info.right > .webui-arrow:after,
.webui-popover-info.right-top > .webui-arrow:after,
.webui-popover-info.right-bottom > .webui-arrow:after {
  border-right-color: #086abe;
}

.webui-popover-info.bottom > .webui-arrow,
.webui-popover-info.bottom-left > .webui-arrow,
.webui-popover-info.bottom-right > .webui-arrow,
.webui-popover-info.bottom > .webui-arrow:after,
.webui-popover-info.bottom-left > .webui-arrow:after,
.webui-popover-info.bottom-right > .webui-arrow:after {
  border-bottom-color: #086abe;
}

.webui-popover-info.left > .webui-arrow,
.webui-popover-info.left-top > .webui-arrow,
.webui-popover-info.left-bottom > .webui-arrow,
.webui-popover-info.left > .webui-arrow:after,
.webui-popover-info.left-top > .webui-arrow:after,
.webui-popover-info.left-bottom > .webui-arrow:after {
  border-left-color: #086abe;
}

.webui-popover-warning.top > .webui-arrow,
.webui-popover-warning.top-left > .webui-arrow,
.webui-popover-warning.top-right > .webui-arrow,
.webui-popover-warning.top > .webui-arrow:after,
.webui-popover-warning.top-left > .webui-arrow:after,
.webui-popover-warning.top-right > .webui-arrow:after {
  border-top-color: #FF5900;
}

.webui-popover-warning.right > .webui-arrow,
.webui-popover-warning.right-top > .webui-arrow,
.webui-popover-warning.right-bottom > .webui-arrow,
.webui-popover-warning.right > .webui-arrow:after,
.webui-popover-warning.right-top > .webui-arrow:after,
.webui-popover-warning.right-bottom > .webui-arrow:after {
  border-right-color: #FF5900;
}

.webui-popover-warning.bottom > .webui-arrow,
.webui-popover-warning.bottom-left > .webui-arrow,
.webui-popover-warning.bottom-right > .webui-arrow,
.webui-popover-warning.bottom > .webui-arrow:after,
.webui-popover-warning.bottom-left > .webui-arrow:after,
.webui-popover-warning.bottom-right > .webui-arrow:after {
  border-bottom-color: #FF5900;
}

.webui-popover-warning.left > .webui-arrow,
.webui-popover-warning.left-top > .webui-arrow,
.webui-popover-warning.left-bottom > .webui-arrow,
.webui-popover-warning.left > .webui-arrow:after,
.webui-popover-warning.left-top > .webui-arrow:after,
.webui-popover-warning.left-bottom > .webui-arrow:after {
  border-left-color: #FF5900;
}

.webui-popover-inverse.top > .webui-arrow,
.webui-popover-inverse.top-left > .webui-arrow,
.webui-popover-inverse.top-right > .webui-arrow,
.webui-popover-inverse.top > .webui-arrow:after,
.webui-popover-inverse.top-left > .webui-arrow:after,
.webui-popover-inverse.top-right > .webui-arrow:after {
  border-top-color: #333333;
}

.webui-popover-inverse.right > .webui-arrow,
.webui-popover-inverse.right-top > .webui-arrow,
.webui-popover-inverse.right-bottom > .webui-arrow,
.webui-popover-inverse.right > .webui-arrow:after,
.webui-popover-inverse.right-top > .webui-arrow:after,
.webui-popover-inverse.right-bottom > .webui-arrow:after {
  border-right-color: #333333;
}

.webui-popover-inverse.bottom > .webui-arrow,
.webui-popover-inverse.bottom-left > .webui-arrow,
.webui-popover-inverse.bottom-right > .webui-arrow,
.webui-popover-inverse.bottom > .webui-arrow:after,
.webui-popover-inverse.bottom-left > .webui-arrow:after,
.webui-popover-inverse.bottom-right > .webui-arrow:after {
  border-bottom-color: #333333;
}

.webui-popover-inverse.left > .webui-arrow,
.webui-popover-inverse.left-top > .webui-arrow,
.webui-popover-inverse.left-bottom > .webui-arrow,
.webui-popover-inverse.left > .webui-arrow:after,
.webui-popover-inverse.left-top > .webui-arrow:after,
.webui-popover-inverse.left-bottom > .webui-arrow:after {
  border-left-color: #333333;
}

.webui-popover i.icon-refresh:before {
  content: "";
}

.webui-popover i.icon-refresh {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 20px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-left: -15px;
  margin-right: -15px;
  background: url(../img/loading.gif) no-repeat;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.webui-popover-backdrop {
  background-color: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
}

.webui-popover .dropdown-menu {
  display: block;
  position: relative;
  top: 0;
  border: none;
  box-shadow: none;
  float: none;
}

@font-face {
  font-family: Material-Design-Iconic-Font;
  src: url(../fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format("woff2"), url(../fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format("woff"), url(../fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format("truetype");
}
.zmdi {
  display: inline-block;
  font: normal normal normal 14px/1 "Material-Design-Iconic-Font";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zmdi-hc-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.zmdi-hc-2x {
  font-size: 2em;
}

.zmdi-hc-3x {
  font-size: 3em;
}

.zmdi-hc-4x {
  font-size: 4em;
}

.zmdi-hc-5x {
  font-size: 5em;
}

.zmdi-hc-fw {
  width: 1.28571429em;
  text-align: center;
}

.zmdi-hc-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.zmdi-hc-ul > li {
  position: relative;
}

.zmdi-hc-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.zmdi-hc-li.zmdi-hc-lg {
  left: -1.85714286em;
}

.zmdi-hc-border {
  padding: 0.1em 0.25em;
  border: solid 0.1em #9e9e9e;
  border-radius: 2px;
}

.zmdi-hc-border-circle {
  padding: 0.1em 0.25em;
  border: solid 0.1em #9e9e9e;
  border-radius: 50%;
}

.zmdi.pull-left {
  float: left;
  margin-right: 0.15em;
}

.zmdi.pull-right {
  float: right;
  margin-left: 0.15em;
}

.zmdi-hc-spin {
  -webkit-animation: zmdi-spin 1.5s infinite linear;
  animation: zmdi-spin 1.5s infinite linear;
}

.zmdi-hc-spin-reverse {
  -webkit-animation: zmdi-spin-reverse 1.5s infinite linear;
  animation: zmdi-spin-reverse 1.5s infinite linear;
}

@-webkit-keyframes zmdi-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes zmdi-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes zmdi-spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}
@keyframes zmdi-spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}
.zmdi-hc-rotate-90 {
  transform: rotate(90deg);
}

.zmdi-hc-rotate-180 {
  transform: rotate(180deg);
}

.zmdi-hc-rotate-270 {
  transform: rotate(270deg);
}

.zmdi-hc-flip-horizontal {
  transform: scale(-1, 1);
}

.zmdi-hc-flip-vertical {
  transform: scale(1, -1);
}

.zmdi-hc-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.zmdi-hc-stack-1x,
.zmdi-hc-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.zmdi-hc-stack-1x {
  line-height: inherit;
}

.zmdi-hc-stack-2x {
  font-size: 2em;
}

.zmdi-hc-inverse {
  color: #fff;
}

.zmdi-3d-rotation:before {
  content: "";
}

.zmdi-airplane-off:before {
  content: "";
}

.zmdi-airplane:before {
  content: "";
}

.zmdi-album:before {
  content: "";
}

.zmdi-archive:before {
  content: "";
}

.zmdi-assignment-account:before {
  content: "";
}

.zmdi-assignment-alert:before {
  content: "";
}

.zmdi-assignment-check:before {
  content: "";
}

.zmdi-assignment-o:before {
  content: "";
}

.zmdi-assignment-return:before {
  content: "";
}

.zmdi-assignment-returned:before {
  content: "";
}

.zmdi-assignment:before {
  content: "";
}

.zmdi-attachment-alt:before {
  content: "";
}

.zmdi-attachment:before {
  content: "";
}

.zmdi-audio:before {
  content: "";
}

.zmdi-badge-check:before {
  content: "";
}

.zmdi-balance-wallet:before {
  content: "";
}

.zmdi-balance:before {
  content: "";
}

.zmdi-battery-alert:before {
  content: "";
}

.zmdi-battery-flash:before {
  content: "";
}

.zmdi-battery-unknown:before {
  content: "";
}

.zmdi-battery:before {
  content: "";
}

.zmdi-bike:before {
  content: "";
}

.zmdi-block-alt:before {
  content: "";
}

.zmdi-block:before {
  content: "";
}

.zmdi-boat:before {
  content: "";
}

.zmdi-book-image:before {
  content: "";
}

.zmdi-book:before {
  content: "";
}

.zmdi-bookmark-outline:before {
  content: "";
}

.zmdi-bookmark:before {
  content: "";
}

.zmdi-brush:before {
  content: "";
}

.zmdi-bug:before {
  content: "";
}

.zmdi-bus:before {
  content: "";
}

.zmdi-cake:before {
  content: "";
}

.zmdi-car-taxi:before {
  content: "";
}

.zmdi-car-wash:before {
  content: "";
}

.zmdi-car:before {
  content: "";
}

.zmdi-card-giftcard:before {
  content: "";
}

.zmdi-card-membership:before {
  content: "";
}

.zmdi-card-travel:before {
  content: "";
}

.zmdi-card:before {
  content: "";
}

.zmdi-case-check:before {
  content: "";
}

.zmdi-case-download:before {
  content: "";
}

.zmdi-case-play:before {
  content: "";
}

.zmdi-case:before {
  content: "";
}

.zmdi-cast-connected:before {
  content: "";
}

.zmdi-cast:before {
  content: "";
}

.zmdi-chart-donut:before {
  content: "";
}

.zmdi-chart:before {
  content: "";
}

.zmdi-city-alt:before {
  content: "";
}

.zmdi-city:before {
  content: "";
}

.zmdi-close-circle-o:before {
  content: "";
}

.zmdi-close-circle:before {
  content: "";
}

.zmdi-close:before {
  content: "";
}

.zmdi-cocktail:before {
  content: "";
}

.zmdi-code-setting:before {
  content: "";
}

.zmdi-code-smartphone:before {
  content: "";
}

.zmdi-code:before {
  content: "";
}

.zmdi-coffee:before {
  content: "";
}

.zmdi-collection-bookmark:before {
  content: "";
}

.zmdi-collection-case-play:before {
  content: "";
}

.zmdi-collection-folder-image:before {
  content: "";
}

.zmdi-collection-image-o:before {
  content: "";
}

.zmdi-collection-image:before {
  content: "";
}

.zmdi-collection-item-1:before {
  content: "";
}

.zmdi-collection-item-2:before {
  content: "";
}

.zmdi-collection-item-3:before {
  content: "";
}

.zmdi-collection-item-4:before {
  content: "";
}

.zmdi-collection-item-5:before {
  content: "";
}

.zmdi-collection-item-6:before {
  content: "";
}

.zmdi-collection-item-7:before {
  content: "";
}

.zmdi-collection-item-8:before {
  content: "";
}

.zmdi-collection-item-9-plus:before {
  content: "";
}

.zmdi-collection-item-9:before {
  content: "";
}

.zmdi-collection-item:before {
  content: "";
}

.zmdi-collection-music:before {
  content: "";
}

.zmdi-collection-pdf:before {
  content: "";
}

.zmdi-collection-plus:before {
  content: "";
}

.zmdi-collection-speaker:before {
  content: "";
}

.zmdi-collection-text:before {
  content: "";
}

.zmdi-collection-video:before {
  content: "";
}

.zmdi-compass:before {
  content: "";
}

.zmdi-cutlery:before {
  content: "";
}

.zmdi-delete:before {
  content: "";
}

.zmdi-dialpad:before {
  content: "";
}

.zmdi-dns:before {
  content: "";
}

.zmdi-drink:before {
  content: "";
}

.zmdi-edit:before {
  content: "";
}

.zmdi-email-open:before {
  content: "";
}

.zmdi-email:before {
  content: "";
}

.zmdi-eye-off:before {
  content: "";
}

.zmdi-eye:before {
  content: "";
}

.zmdi-eyedropper:before {
  content: "";
}

.zmdi-favorite-outline:before {
  content: "";
}

.zmdi-favorite:before {
  content: "";
}

.zmdi-filter-list:before {
  content: "";
}

.zmdi-fire:before {
  content: "";
}

.zmdi-flag:before {
  content: "";
}

.zmdi-flare:before {
  content: "";
}

.zmdi-flash-auto:before {
  content: "";
}

.zmdi-flash-off:before {
  content: "";
}

.zmdi-flash:before {
  content: "";
}

.zmdi-flip:before {
  content: "";
}

.zmdi-flower-alt:before {
  content: "";
}

.zmdi-flower:before {
  content: "";
}

.zmdi-font:before {
  content: "";
}

.zmdi-fullscreen-alt:before {
  content: "";
}

.zmdi-fullscreen-exit:before {
  content: "";
}

.zmdi-fullscreen:before {
  content: "";
}

.zmdi-functions:before {
  content: "";
}

.zmdi-gas-station:before {
  content: "";
}

.zmdi-gesture:before {
  content: "";
}

.zmdi-globe-alt:before {
  content: "";
}

.zmdi-globe-lock:before {
  content: "";
}

.zmdi-globe:before {
  content: "";
}

.zmdi-graduation-cap:before {
  content: "";
}

.zmdi-home:before {
  content: "";
}

.zmdi-hospital-alt:before {
  content: "";
}

.zmdi-hospital:before {
  content: "";
}

.zmdi-hotel:before {
  content: "";
}

.zmdi-hourglass-alt:before {
  content: "";
}

.zmdi-hourglass-outline:before {
  content: "";
}

.zmdi-hourglass:before {
  content: "";
}

.zmdi-http:before {
  content: "";
}

.zmdi-image-alt:before {
  content: "";
}

.zmdi-image-o:before {
  content: "";
}

.zmdi-image:before {
  content: "";
}

.zmdi-inbox:before {
  content: "";
}

.zmdi-invert-colors-off:before {
  content: "";
}

.zmdi-invert-colors:before {
  content: "";
}

.zmdi-key:before {
  content: "";
}

.zmdi-label-alt-outline:before {
  content: "";
}

.zmdi-label-alt:before {
  content: "";
}

.zmdi-label-heart:before {
  content: "";
}

.zmdi-label:before {
  content: "";
}

.zmdi-labels:before {
  content: "";
}

.zmdi-lamp:before {
  content: "";
}

.zmdi-landscape:before {
  content: "";
}

.zmdi-layers-off:before {
  content: "";
}

.zmdi-layers:before {
  content: "";
}

.zmdi-library:before {
  content: "";
}

.zmdi-link:before {
  content: "";
}

.zmdi-lock-open:before {
  content: "";
}

.zmdi-lock-outline:before {
  content: "";
}

.zmdi-lock:before {
  content: "";
}

.zmdi-mail-reply-all:before {
  content: "";
}

.zmdi-mail-reply:before {
  content: "";
}

.zmdi-mail-send:before {
  content: "";
}

.zmdi-mall:before {
  content: "";
}

.zmdi-map:before {
  content: "";
}

.zmdi-menu:before {
  content: "";
}

.zmdi-money-box:before {
  content: "";
}

.zmdi-money-off:before {
  content: "";
}

.zmdi-money:before {
  content: "";
}

.zmdi-more-vert:before {
  content: "";
}

.zmdi-more:before {
  content: "";
}

.zmdi-movie-alt:before {
  content: "";
}

.zmdi-movie:before {
  content: "";
}

.zmdi-nature-people:before {
  content: "";
}

.zmdi-nature:before {
  content: "";
}

.zmdi-navigation:before {
  content: "";
}

.zmdi-open-in-browser:before {
  content: "";
}

.zmdi-open-in-new:before {
  content: "";
}

.zmdi-palette:before {
  content: "";
}

.zmdi-parking:before {
  content: "";
}

.zmdi-pin-account:before {
  content: "";
}

.zmdi-pin-assistant:before {
  content: "";
}

.zmdi-pin-drop:before {
  content: "";
}

.zmdi-pin-help:before {
  content: "";
}

.zmdi-pin-off:before {
  content: "";
}

.zmdi-pin:before {
  content: "";
}

.zmdi-pizza:before {
  content: "";
}

.zmdi-plaster:before {
  content: "";
}

.zmdi-power-setting:before {
  content: "";
}

.zmdi-power:before {
  content: "";
}

.zmdi-print:before {
  content: "";
}

.zmdi-puzzle-piece:before {
  content: "";
}

.zmdi-quote:before {
  content: "";
}

.zmdi-railway:before {
  content: "";
}

.zmdi-receipt:before {
  content: "";
}

.zmdi-refresh-alt:before {
  content: "";
}

.zmdi-refresh-sync-alert:before {
  content: "";
}

.zmdi-refresh-sync-off:before {
  content: "";
}

.zmdi-refresh-sync:before {
  content: "";
}

.zmdi-refresh:before {
  content: "";
}

.zmdi-roller:before {
  content: "";
}

.zmdi-ruler:before {
  content: "";
}

.zmdi-scissors:before {
  content: "";
}

.zmdi-screen-rotation-lock:before {
  content: "";
}

.zmdi-screen-rotation:before {
  content: "";
}

.zmdi-search-for:before {
  content: "";
}

.zmdi-search-in-file:before {
  content: "";
}

.zmdi-search-in-page:before {
  content: "";
}

.zmdi-search-replace:before {
  content: "";
}

.zmdi-search:before {
  content: "";
}

.zmdi-seat:before {
  content: "";
}

.zmdi-settings-square:before {
  content: "";
}

.zmdi-settings:before {
  content: "";
}

.zmdi-shield-check:before {
  content: "";
}

.zmdi-shield-security:before {
  content: "";
}

.zmdi-shopping-basket:before {
  content: "";
}

.zmdi-shopping-cart-plus:before {
  content: "";
}

.zmdi-shopping-cart:before {
  content: "";
}

.zmdi-sign-in:before {
  content: "";
}

.zmdi-sort-amount-asc:before {
  content: "";
}

.zmdi-sort-amount-desc:before {
  content: "";
}

.zmdi-sort-asc:before {
  content: "";
}

.zmdi-sort-desc:before {
  content: "";
}

.zmdi-spellcheck:before {
  content: "";
}

.zmdi-storage:before {
  content: "";
}

.zmdi-store-24:before {
  content: "";
}

.zmdi-store:before {
  content: "";
}

.zmdi-subway:before {
  content: "";
}

.zmdi-sun:before {
  content: "";
}

.zmdi-tab-unselected:before {
  content: "";
}

.zmdi-tab:before {
  content: "";
}

.zmdi-tag-close:before {
  content: "";
}

.zmdi-tag-more:before {
  content: "";
}

.zmdi-tag:before {
  content: "";
}

.zmdi-thumb-down:before {
  content: "";
}

.zmdi-thumb-up-down:before {
  content: "";
}

.zmdi-thumb-up:before {
  content: "";
}

.zmdi-ticket-star:before {
  content: "";
}

.zmdi-toll:before {
  content: "";
}

.zmdi-toys:before {
  content: "";
}

.zmdi-traffic:before {
  content: "";
}

.zmdi-translate:before {
  content: "";
}

.zmdi-triangle-down:before {
  content: "";
}

.zmdi-triangle-up:before {
  content: "";
}

.zmdi-truck:before {
  content: "";
}

.zmdi-turning-sign:before {
  content: "";
}

.zmdi-wallpaper:before {
  content: "";
}

.zmdi-washing-machine:before {
  content: "";
}

.zmdi-window-maximize:before {
  content: "";
}

.zmdi-window-minimize:before {
  content: "";
}

.zmdi-window-restore:before {
  content: "";
}

.zmdi-wrench:before {
  content: "";
}

.zmdi-zoom-in:before {
  content: "";
}

.zmdi-zoom-out:before {
  content: "";
}

.zmdi-alert-circle-o:before {
  content: "";
}

.zmdi-alert-circle:before {
  content: "";
}

.zmdi-alert-octagon:before {
  content: "";
}

.zmdi-alert-polygon:before {
  content: "";
}

.zmdi-alert-triangle:before {
  content: "";
}

.zmdi-help-outline:before {
  content: "";
}

.zmdi-help:before {
  content: "";
}

.zmdi-info-outline:before {
  content: "";
}

.zmdi-info:before {
  content: "";
}

.zmdi-notifications-active:before {
  content: "";
}

.zmdi-notifications-add:before {
  content: "";
}

.zmdi-notifications-none:before {
  content: "";
}

.zmdi-notifications-off:before {
  content: "";
}

.zmdi-notifications-paused:before {
  content: "";
}

.zmdi-notifications:before {
  content: "";
}

.zmdi-account-add:before {
  content: "";
}

.zmdi-account-box-mail:before {
  content: "";
}

.zmdi-account-box-o:before {
  content: "";
}

.zmdi-account-box-phone:before {
  content: "";
}

.zmdi-account-box:before {
  content: "";
}

.zmdi-account-calendar:before {
  content: "";
}

.zmdi-account-circle:before {
  content: "";
}

.zmdi-account-o:before {
  content: "";
}

.zmdi-account:before {
  content: "";
}

.zmdi-accounts-add:before {
  content: "";
}

.zmdi-accounts-alt:before {
  content: "";
}

.zmdi-accounts-list-alt:before {
  content: "";
}

.zmdi-accounts-list:before {
  content: "";
}

.zmdi-accounts-outline:before {
  content: "";
}

.zmdi-accounts:before {
  content: "";
}

.zmdi-face:before {
  content: "";
}

.zmdi-female:before {
  content: "";
}

.zmdi-male-alt:before {
  content: "";
}

.zmdi-male-female:before {
  content: "";
}

.zmdi-male:before {
  content: "";
}

.zmdi-mood-bad:before {
  content: "";
}

.zmdi-mood:before {
  content: "";
}

.zmdi-run:before {
  content: "";
}

.zmdi-walk:before {
  content: "";
}

.zmdi-cloud-box:before {
  content: "";
}

.zmdi-cloud-circle:before {
  content: "";
}

.zmdi-cloud-done:before {
  content: "";
}

.zmdi-cloud-download:before {
  content: "";
}

.zmdi-cloud-off:before {
  content: "";
}

.zmdi-cloud-outline-alt:before {
  content: "";
}

.zmdi-cloud-outline:before {
  content: "";
}

.zmdi-cloud-upload:before {
  content: "";
}

.zmdi-cloud:before {
  content: "";
}

.zmdi-download:before {
  content: "";
}

.zmdi-file-plus:before {
  content: "";
}

.zmdi-file-text:before {
  content: "";
}

.zmdi-file:before {
  content: "";
}

.zmdi-folder-outline:before {
  content: "";
}

.zmdi-folder-person:before {
  content: "";
}

.zmdi-folder-star-alt:before {
  content: "";
}

.zmdi-folder-star:before {
  content: "";
}

.zmdi-folder:before {
  content: "";
}

.zmdi-gif:before {
  content: "";
}

.zmdi-upload:before {
  content: "";
}

.zmdi-border-all:before {
  content: "";
}

.zmdi-border-bottom:before {
  content: "";
}

.zmdi-border-clear:before {
  content: "";
}

.zmdi-border-color:before {
  content: "";
}

.zmdi-border-horizontal:before {
  content: "";
}

.zmdi-border-inner:before {
  content: "";
}

.zmdi-border-left:before {
  content: "";
}

.zmdi-border-outer:before {
  content: "";
}

.zmdi-border-right:before {
  content: "";
}

.zmdi-border-style:before {
  content: "";
}

.zmdi-border-top:before {
  content: "";
}

.zmdi-border-vertical:before {
  content: "";
}

.zmdi-copy:before {
  content: "";
}

.zmdi-crop:before {
  content: "";
}

.zmdi-format-align-center:before {
  content: "";
}

.zmdi-format-align-justify:before {
  content: "";
}

.zmdi-format-align-left:before {
  content: "";
}

.zmdi-format-align-right:before {
  content: "";
}

.zmdi-format-bold:before {
  content: "";
}

.zmdi-format-clear-all:before {
  content: "";
}

.zmdi-format-clear:before {
  content: "";
}

.zmdi-format-color-fill:before {
  content: "";
}

.zmdi-format-color-reset:before {
  content: "";
}

.zmdi-format-color-text:before {
  content: "";
}

.zmdi-format-indent-decrease:before {
  content: "";
}

.zmdi-format-indent-increase:before {
  content: "";
}

.zmdi-format-italic:before {
  content: "";
}

.zmdi-format-line-spacing:before {
  content: "";
}

.zmdi-format-list-bulleted:before {
  content: "";
}

.zmdi-format-list-numbered:before {
  content: "";
}

.zmdi-format-ltr:before {
  content: "";
}

.zmdi-format-rtl:before {
  content: "";
}

.zmdi-format-size:before {
  content: "";
}

.zmdi-format-strikethrough-s:before {
  content: "";
}

.zmdi-format-strikethrough:before {
  content: "";
}

.zmdi-format-subject:before {
  content: "";
}

.zmdi-format-underlined:before {
  content: "";
}

.zmdi-format-valign-bottom:before {
  content: "";
}

.zmdi-format-valign-center:before {
  content: "";
}

.zmdi-format-valign-top:before {
  content: "";
}

.zmdi-redo:before {
  content: "";
}

.zmdi-select-all:before {
  content: "";
}

.zmdi-space-bar:before {
  content: "";
}

.zmdi-text-format:before {
  content: "";
}

.zmdi-transform:before {
  content: "";
}

.zmdi-undo:before {
  content: "";
}

.zmdi-wrap-text:before {
  content: "";
}

.zmdi-comment-alert:before {
  content: "";
}

.zmdi-comment-alt-text:before {
  content: "";
}

.zmdi-comment-alt:before {
  content: "";
}

.zmdi-comment-edit:before {
  content: "";
}

.zmdi-comment-image:before {
  content: "";
}

.zmdi-comment-list:before {
  content: "";
}

.zmdi-comment-more:before {
  content: "";
}

.zmdi-comment-outline:before {
  content: "";
}

.zmdi-comment-text-alt:before {
  content: "";
}

.zmdi-comment-text:before {
  content: "";
}

.zmdi-comment-video:before {
  content: "";
}

.zmdi-comment:before {
  content: "";
}

.zmdi-comments:before {
  content: "";
}

.zmdi-check-all:before {
  content: "";
}

.zmdi-check-circle-u:before {
  content: "";
}

.zmdi-check-circle:before {
  content: "";
}

.zmdi-check-square:before {
  content: "";
}

.zmdi-check:before {
  content: "";
}

.zmdi-circle-o:before {
  content: "";
}

.zmdi-circle:before {
  content: "";
}

.zmdi-dot-circle-alt:before {
  content: "";
}

.zmdi-dot-circle:before {
  content: "";
}

.zmdi-minus-circle-outline:before {
  content: "";
}

.zmdi-minus-circle:before {
  content: "";
}

.zmdi-minus-square:before {
  content: "";
}

.zmdi-minus:before {
  content: "";
}

.zmdi-plus-circle-o-duplicate:before {
  content: "";
}

.zmdi-plus-circle-o:before {
  content: "";
}

.zmdi-plus-circle:before {
  content: "";
}

.zmdi-plus-square:before {
  content: "";
}

.zmdi-plus:before {
  content: "";
}

.zmdi-square-o:before {
  content: "";
}

.zmdi-star-circle:before {
  content: "";
}

.zmdi-star-half:before {
  content: "";
}

.zmdi-star-outline:before {
  content: "";
}

.zmdi-star:before {
  content: "";
}

.zmdi-bluetooth-connected:before {
  content: "";
}

.zmdi-bluetooth-off:before {
  content: "";
}

.zmdi-bluetooth-search:before {
  content: "";
}

.zmdi-bluetooth-setting:before {
  content: "";
}

.zmdi-bluetooth:before {
  content: "";
}

.zmdi-camera-add:before {
  content: "";
}

.zmdi-camera-alt:before {
  content: "";
}

.zmdi-camera-bw:before {
  content: "";
}

.zmdi-camera-front:before {
  content: "";
}

.zmdi-camera-mic:before {
  content: "";
}

.zmdi-camera-party-mode:before {
  content: "";
}

.zmdi-camera-rear:before {
  content: "";
}

.zmdi-camera-roll:before {
  content: "";
}

.zmdi-camera-switch:before {
  content: "";
}

.zmdi-camera:before {
  content: "";
}

.zmdi-card-alert:before {
  content: "";
}

.zmdi-card-off:before {
  content: "";
}

.zmdi-card-sd:before {
  content: "";
}

.zmdi-card-sim:before {
  content: "";
}

.zmdi-desktop-mac:before {
  content: "";
}

.zmdi-desktop-windows:before {
  content: "";
}

.zmdi-device-hub:before {
  content: "";
}

.zmdi-devices-off:before {
  content: "";
}

.zmdi-devices:before {
  content: "";
}

.zmdi-dock:before {
  content: "";
}

.zmdi-floppy:before {
  content: "";
}

.zmdi-gamepad:before {
  content: "";
}

.zmdi-gps-dot:before {
  content: "";
}

.zmdi-gps-off:before {
  content: "";
}

.zmdi-gps:before {
  content: "";
}

.zmdi-headset-mic:before {
  content: "";
}

.zmdi-headset:before {
  content: "";
}

.zmdi-input-antenna:before {
  content: "";
}

.zmdi-input-composite:before {
  content: "";
}

.zmdi-input-hdmi:before {
  content: "";
}

.zmdi-input-power:before {
  content: "";
}

.zmdi-input-svideo:before {
  content: "";
}

.zmdi-keyboard-hide:before {
  content: "";
}

.zmdi-keyboard:before {
  content: "";
}

.zmdi-laptop-chromebook:before {
  content: "";
}

.zmdi-laptop-mac:before {
  content: "";
}

.zmdi-laptop:before {
  content: "";
}

.zmdi-mic-off:before {
  content: "";
}

.zmdi-mic-outline:before {
  content: "";
}

.zmdi-mic-setting:before {
  content: "";
}

.zmdi-mic:before {
  content: "";
}

.zmdi-mouse:before {
  content: "";
}

.zmdi-network-alert:before {
  content: "";
}

.zmdi-network-locked:before {
  content: "";
}

.zmdi-network-off:before {
  content: "";
}

.zmdi-network-outline:before {
  content: "";
}

.zmdi-network-setting:before {
  content: "";
}

.zmdi-network:before {
  content: "";
}

.zmdi-phone-bluetooth:before {
  content: "";
}

.zmdi-phone-end:before {
  content: "";
}

.zmdi-phone-forwarded:before {
  content: "";
}

.zmdi-phone-in-talk:before {
  content: "";
}

.zmdi-phone-locked:before {
  content: "";
}

.zmdi-phone-missed:before {
  content: "";
}

.zmdi-phone-msg:before {
  content: "";
}

.zmdi-phone-paused:before {
  content: "";
}

.zmdi-phone-ring:before {
  content: "";
}

.zmdi-phone-setting:before {
  content: "";
}

.zmdi-phone-sip:before {
  content: "";
}

.zmdi-phone:before {
  content: "";
}

.zmdi-portable-wifi-changes:before {
  content: "";
}

.zmdi-portable-wifi-off:before {
  content: "";
}

.zmdi-portable-wifi:before {
  content: "";
}

.zmdi-radio:before {
  content: "";
}

.zmdi-reader:before {
  content: "";
}

.zmdi-remote-control-alt:before {
  content: "";
}

.zmdi-remote-control:before {
  content: "";
}

.zmdi-router:before {
  content: "";
}

.zmdi-scanner:before {
  content: "";
}

.zmdi-smartphone-android:before {
  content: "";
}

.zmdi-smartphone-download:before {
  content: "";
}

.zmdi-smartphone-erase:before {
  content: "";
}

.zmdi-smartphone-info:before {
  content: "";
}

.zmdi-smartphone-iphone:before {
  content: "";
}

.zmdi-smartphone-landscape-lock:before {
  content: "";
}

.zmdi-smartphone-landscape:before {
  content: "";
}

.zmdi-smartphone-lock:before {
  content: "";
}

.zmdi-smartphone-portrait-lock:before {
  content: "";
}

.zmdi-smartphone-ring:before {
  content: "";
}

.zmdi-smartphone-setting:before {
  content: "";
}

.zmdi-smartphone-setup:before {
  content: "";
}

.zmdi-smartphone:before {
  content: "";
}

.zmdi-speaker:before {
  content: "";
}

.zmdi-tablet-android:before {
  content: "";
}

.zmdi-tablet-mac:before {
  content: "";
}

.zmdi-tablet:before {
  content: "";
}

.zmdi-tv-alt-play:before {
  content: "";
}

.zmdi-tv-list:before {
  content: "";
}

.zmdi-tv-play:before {
  content: "";
}

.zmdi-tv:before {
  content: "";
}

.zmdi-usb:before {
  content: "";
}

.zmdi-videocam-off:before {
  content: "";
}

.zmdi-videocam-switch:before {
  content: "";
}

.zmdi-videocam:before {
  content: "";
}

.zmdi-watch:before {
  content: "";
}

.zmdi-wifi-alt-2:before {
  content: "";
}

.zmdi-wifi-alt:before {
  content: "";
}

.zmdi-wifi-info:before {
  content: "";
}

.zmdi-wifi-lock:before {
  content: "";
}

.zmdi-wifi-off:before {
  content: "";
}

.zmdi-wifi-outline:before {
  content: "";
}

.zmdi-wifi:before {
  content: "";
}

.zmdi-arrow-left-bottom:before {
  content: "";
}

.zmdi-arrow-left:before {
  content: "";
}

.zmdi-arrow-merge:before {
  content: "";
}

.zmdi-arrow-missed:before {
  content: "";
}

.zmdi-arrow-right-top:before {
  content: "";
}

.zmdi-arrow-right:before {
  content: "";
}

.zmdi-arrow-split:before {
  content: "";
}

.zmdi-arrows:before {
  content: "";
}

.zmdi-caret-down-circle:before {
  content: "";
}

.zmdi-caret-down:before {
  content: "";
}

.zmdi-caret-left-circle:before {
  content: "";
}

.zmdi-caret-left:before {
  content: "";
}

.zmdi-caret-right-circle:before {
  content: "";
}

.zmdi-caret-right:before {
  content: "";
}

.zmdi-caret-up-circle:before {
  content: "";
}

.zmdi-caret-up:before {
  content: "";
}

.zmdi-chevron-down:before {
  content: "";
}

.zmdi-chevron-left:before {
  content: "";
}

.zmdi-chevron-right:before {
  content: "";
}

.zmdi-chevron-up:before {
  content: "";
}

.zmdi-forward:before {
  content: "";
}

.zmdi-long-arrow-down:before {
  content: "";
}

.zmdi-long-arrow-left:before {
  content: "";
}

.zmdi-long-arrow-return:before {
  content: "";
}

.zmdi-long-arrow-right:before {
  content: "";
}

.zmdi-long-arrow-tab:before {
  content: "";
}

.zmdi-long-arrow-up:before {
  content: "";
}

.zmdi-rotate-ccw:before {
  content: "";
}

.zmdi-rotate-cw:before {
  content: "";
}

.zmdi-rotate-left:before {
  content: "";
}

.zmdi-rotate-right:before {
  content: "";
}

.zmdi-square-down:before {
  content: "";
}

.zmdi-square-right:before {
  content: "";
}

.zmdi-swap-alt:before {
  content: "";
}

.zmdi-swap-vertical-circle:before {
  content: "";
}

.zmdi-swap-vertical:before {
  content: "";
}

.zmdi-swap:before {
  content: "";
}

.zmdi-trending-down:before {
  content: "";
}

.zmdi-trending-flat:before {
  content: "";
}

.zmdi-trending-up:before {
  content: "";
}

.zmdi-unfold-less:before {
  content: "";
}

.zmdi-unfold-more:before {
  content: "";
}

.zmdi-apps:before {
  content: "";
}

.zmdi-grid-off:before {
  content: "";
}

.zmdi-grid:before {
  content: "";
}

.zmdi-view-agenda:before {
  content: "";
}

.zmdi-view-array:before {
  content: "";
}

.zmdi-view-carousel:before {
  content: "";
}

.zmdi-view-column:before {
  content: "";
}

.zmdi-view-comfy:before {
  content: "";
}

.zmdi-view-compact:before {
  content: "";
}

.zmdi-view-dashboard:before {
  content: "";
}

.zmdi-view-day:before {
  content: "";
}

.zmdi-view-headline:before {
  content: "";
}

.zmdi-view-list-alt:before {
  content: "";
}

.zmdi-view-list:before {
  content: "";
}

.zmdi-view-module:before {
  content: "";
}

.zmdi-view-quilt:before {
  content: "";
}

.zmdi-view-stream:before {
  content: "";
}

.zmdi-view-subtitles:before {
  content: "";
}

.zmdi-view-toc:before {
  content: "";
}

.zmdi-view-web:before {
  content: "";
}

.zmdi-view-week:before {
  content: "";
}

.zmdi-widgets:before {
  content: "";
}

.zmdi-alarm-check:before {
  content: "";
}

.zmdi-alarm-off:before {
  content: "";
}

.zmdi-alarm-plus:before {
  content: "";
}

.zmdi-alarm-snooze:before {
  content: "";
}

.zmdi-alarm:before {
  content: "";
}

.zmdi-calendar-alt:before {
  content: "";
}

.zmdi-calendar-check:before {
  content: "";
}

.zmdi-calendar-close:before {
  content: "";
}

.zmdi-calendar-note:before {
  content: "";
}

.zmdi-calendar:before {
  content: "";
}

.zmdi-time-countdown:before {
  content: "";
}

.zmdi-time-interval:before {
  content: "";
}

.zmdi-time-restore-setting:before {
  content: "";
}

.zmdi-time-restore:before {
  content: "";
}

.zmdi-time:before {
  content: "";
}

.zmdi-timer-off:before {
  content: "";
}

.zmdi-timer:before {
  content: "";
}

.zmdi-android-alt:before {
  content: "";
}

.zmdi-android:before {
  content: "";
}

.zmdi-apple:before {
  content: "";
}

.zmdi-behance:before {
  content: "";
}

.zmdi-codepen:before {
  content: "";
}

.zmdi-dribbble:before {
  content: "";
}

.zmdi-dropbox:before {
  content: "";
}

.zmdi-evernote:before {
  content: "";
}

.zmdi-facebook-box:before {
  content: "";
}

.zmdi-facebook:before {
  content: "";
}

.zmdi-github-box:before {
  content: "";
}

.zmdi-github:before {
  content: "";
}

.zmdi-google-drive:before {
  content: "";
}

.zmdi-google-earth:before {
  content: "";
}

.zmdi-google-glass:before {
  content: "";
}

.zmdi-google-maps:before {
  content: "";
}

.zmdi-google-pages:before {
  content: "";
}

.zmdi-google-play:before {
  content: "";
}

.zmdi-google-plus-box:before {
  content: "";
}

.zmdi-google-plus:before {
  content: "";
}

.zmdi-google:before {
  content: "";
}

.zmdi-instagram:before {
  content: "";
}

.zmdi-language-css3:before {
  content: "";
}

.zmdi-language-html5:before {
  content: "";
}

.zmdi-language-javascript:before {
  content: "";
}

.zmdi-language-python-alt:before {
  content: "";
}

.zmdi-language-python:before {
  content: "";
}

.zmdi-lastfm:before {
  content: "";
}

.zmdi-linkedin-box:before {
  content: "";
}

.zmdi-paypal:before {
  content: "";
}

.zmdi-pinterest-box:before {
  content: "";
}

.zmdi-pocket:before {
  content: "";
}

.zmdi-polymer:before {
  content: "";
}

.zmdi-share:before {
  content: "";
}

.zmdi-stackoverflow:before {
  content: "";
}

.zmdi-steam-square:before {
  content: "";
}

.zmdi-steam:before {
  content: "";
}

.zmdi-twitter-box:before {
  content: "";
}

.zmdi-twitter:before {
  content: "";
}

.zmdi-vk:before {
  content: "";
}

.zmdi-wikipedia:before {
  content: "";
}

.zmdi-windows:before {
  content: "";
}

.zmdi-aspect-ratio-alt:before {
  content: "";
}

.zmdi-aspect-ratio:before {
  content: "";
}

.zmdi-blur-circular:before {
  content: "";
}

.zmdi-blur-linear:before {
  content: "";
}

.zmdi-blur-off:before {
  content: "";
}

.zmdi-blur:before {
  content: "";
}

.zmdi-brightness-2:before {
  content: "";
}

.zmdi-brightness-3:before {
  content: "";
}

.zmdi-brightness-4:before {
  content: "";
}

.zmdi-brightness-5:before {
  content: "";
}

.zmdi-brightness-6:before {
  content: "";
}

.zmdi-brightness-7:before {
  content: "";
}

.zmdi-brightness-auto:before {
  content: "";
}

.zmdi-brightness-setting:before {
  content: "";
}

.zmdi-broken-image:before {
  content: "";
}

.zmdi-center-focus-strong:before {
  content: "";
}

.zmdi-center-focus-weak:before {
  content: "";
}

.zmdi-compare:before {
  content: "";
}

.zmdi-crop-16-9:before {
  content: "";
}

.zmdi-crop-3-2:before {
  content: "";
}

.zmdi-crop-5-4:before {
  content: "";
}

.zmdi-crop-7-5:before {
  content: "";
}

.zmdi-crop-din:before {
  content: "";
}

.zmdi-crop-free:before {
  content: "";
}

.zmdi-crop-landscape:before {
  content: "";
}

.zmdi-crop-portrait:before {
  content: "";
}

.zmdi-crop-square:before {
  content: "";
}

.zmdi-exposure-alt:before {
  content: "";
}

.zmdi-exposure:before {
  content: "";
}

.zmdi-filter-b-and-w:before {
  content: "";
}

.zmdi-filter-center-focus:before {
  content: "";
}

.zmdi-filter-frames:before {
  content: "";
}

.zmdi-filter-tilt-shift:before {
  content: "";
}

.zmdi-gradient:before {
  content: "";
}

.zmdi-grain:before {
  content: "";
}

.zmdi-graphic-eq:before {
  content: "";
}

.zmdi-hdr-off:before {
  content: "";
}

.zmdi-hdr-strong:before {
  content: "";
}

.zmdi-hdr-weak:before {
  content: "";
}

.zmdi-hdr:before {
  content: "";
}

.zmdi-iridescent:before {
  content: "";
}

.zmdi-leak-off:before {
  content: "";
}

.zmdi-leak:before {
  content: "";
}

.zmdi-looks:before {
  content: "";
}

.zmdi-loupe:before {
  content: "";
}

.zmdi-panorama-horizontal:before {
  content: "";
}

.zmdi-panorama-vertical:before {
  content: "";
}

.zmdi-panorama-wide-angle:before {
  content: "";
}

.zmdi-photo-size-select-large:before {
  content: "";
}

.zmdi-photo-size-select-small:before {
  content: "";
}

.zmdi-picture-in-picture:before {
  content: "";
}

.zmdi-slideshow:before {
  content: "";
}

.zmdi-texture:before {
  content: "";
}

.zmdi-tonality:before {
  content: "";
}

.zmdi-vignette:before {
  content: "";
}

.zmdi-wb-auto:before {
  content: "";
}

.zmdi-eject-alt:before {
  content: "";
}

.zmdi-eject:before {
  content: "";
}

.zmdi-equalizer:before {
  content: "";
}

.zmdi-fast-forward:before {
  content: "";
}

.zmdi-fast-rewind:before {
  content: "";
}

.zmdi-forward-10:before {
  content: "";
}

.zmdi-forward-30:before {
  content: "";
}

.zmdi-forward-5:before {
  content: "";
}

.zmdi-hearing:before {
  content: "";
}

.zmdi-pause-circle-outline:before {
  content: "";
}

.zmdi-pause-circle:before {
  content: "";
}

.zmdi-pause:before {
  content: "";
}

.zmdi-play-circle-outline:before {
  content: "";
}

.zmdi-play-circle:before {
  content: "";
}

.zmdi-play:before {
  content: "";
}

.zmdi-playlist-audio:before {
  content: "";
}

.zmdi-playlist-plus:before {
  content: "";
}

.zmdi-repeat-one:before {
  content: "";
}

.zmdi-repeat:before {
  content: "";
}

.zmdi-replay-10:before {
  content: "";
}

.zmdi-replay-30:before {
  content: "";
}

.zmdi-replay-5:before {
  content: "";
}

.zmdi-replay:before {
  content: "";
}

.zmdi-shuffle:before {
  content: "";
}

.zmdi-skip-next:before {
  content: "";
}

.zmdi-skip-previous:before {
  content: "";
}

.zmdi-stop:before {
  content: "";
}

.zmdi-surround-sound:before {
  content: "";
}

.zmdi-tune:before {
  content: "";
}

.zmdi-volume-down:before {
  content: "";
}

.zmdi-volume-mute:before {
  content: "";
}

.zmdi-volume-off:before {
  content: "";
}

.zmdi-volume-up:before {
  content: "";
}

.zmdi-n-1-square:before {
  content: "";
}

.zmdi-n-2-square:before {
  content: "";
}

.zmdi-n-3-square:before {
  content: "";
}

.zmdi-n-4-square:before {
  content: "";
}

.zmdi-n-5-square:before {
  content: "";
}

.zmdi-n-6-square:before {
  content: "";
}

.zmdi-neg-1:before {
  content: "";
}

.zmdi-neg-2:before {
  content: "";
}

.zmdi-plus-1:before {
  content: "";
}

.zmdi-plus-2:before {
  content: "";
}

.zmdi-sec-10:before {
  content: "";
}

.zmdi-sec-3:before {
  content: "";
}

.zmdi-zero:before {
  content: "";
}

.zmdi-airline-seat-flat-angled:before {
  content: "";
}

.zmdi-airline-seat-flat:before {
  content: "";
}

.zmdi-airline-seat-individual-suite:before {
  content: "";
}

.zmdi-airline-seat-legroom-extra:before {
  content: "";
}

.zmdi-airline-seat-legroom-normal:before {
  content: "";
}

.zmdi-airline-seat-legroom-reduced:before {
  content: "";
}

.zmdi-airline-seat-recline-extra:before {
  content: "";
}

.zmdi-airline-seat-recline-normal:before {
  content: "";
}

.zmdi-airplay:before {
  content: "";
}

.zmdi-closed-caption:before {
  content: "";
}

.zmdi-confirmation-number:before {
  content: "";
}

.zmdi-developer-board:before {
  content: "";
}

.zmdi-disc-full:before {
  content: "";
}

.zmdi-explicit:before {
  content: "";
}

.zmdi-flight-land:before {
  content: "";
}

.zmdi-flight-takeoff:before {
  content: "";
}

.zmdi-flip-to-back:before {
  content: "";
}

.zmdi-flip-to-front:before {
  content: "";
}

.zmdi-group-work:before {
  content: "";
}

.zmdi-hd:before {
  content: "";
}

.zmdi-hq:before {
  content: "";
}

.zmdi-markunread-mailbox:before {
  content: "";
}

.zmdi-memory:before {
  content: "";
}

.zmdi-nfc:before {
  content: "";
}

.zmdi-play-for-work:before {
  content: "";
}

.zmdi-power-input:before {
  content: "";
}

.zmdi-present-to-all:before {
  content: "";
}

.zmdi-satellite:before {
  content: "";
}

.zmdi-tap-and-play:before {
  content: "";
}

.zmdi-vibration:before {
  content: "";
}

.zmdi-voicemail:before {
  content: "";
}

.zmdi-group:before {
  content: "";
}

.zmdi-rss:before {
  content: "";
}

.zmdi-shape:before {
  content: "";
}

.zmdi-spinner:before {
  content: "";
}

.zmdi-ungroup:before {
  content: "";
}

.zmdi-500px:before {
  content: "";
}

.zmdi-8tracks:before {
  content: "";
}

.zmdi-amazon:before {
  content: "";
}

.zmdi-blogger:before {
  content: "";
}

.zmdi-delicious:before {
  content: "";
}

.zmdi-disqus:before {
  content: "";
}

.zmdi-flattr:before {
  content: "";
}

.zmdi-flickr:before {
  content: "";
}

.zmdi-github-alt:before {
  content: "";
}

.zmdi-google-old:before {
  content: "";
}

.zmdi-linkedin:before {
  content: "";
}

.zmdi-odnoklassniki:before {
  content: "";
}

.zmdi-outlook:before {
  content: "";
}

.zmdi-paypal-alt:before {
  content: "";
}

.zmdi-pinterest:before {
  content: "";
}

.zmdi-playstation:before {
  content: "";
}

.zmdi-reddit:before {
  content: "";
}

.zmdi-skype:before {
  content: "";
}

.zmdi-slideshare:before {
  content: "";
}

.zmdi-soundcloud:before {
  content: "";
}

.zmdi-tumblr:before {
  content: "";
}

.zmdi-twitch:before {
  content: "";
}

.zmdi-vimeo:before {
  content: "";
}

.zmdi-whatsapp:before {
  content: "";
}

.zmdi-xbox:before {
  content: "";
}

.zmdi-yahoo:before {
  content: "";
}

.zmdi-youtube-play:before {
  content: "";
}

.zmdi-youtube:before {
  content: "";
}

.zmdi-3d-rotation:before {
  content: "";
}

.zmdi-airplane-off:before {
  content: "";
}

.zmdi-airplane:before {
  content: "";
}

.zmdi-album:before {
  content: "";
}

.zmdi-archive:before {
  content: "";
}

.zmdi-assignment-account:before {
  content: "";
}

.zmdi-assignment-alert:before {
  content: "";
}

.zmdi-assignment-check:before {
  content: "";
}

.zmdi-assignment-o:before {
  content: "";
}

.zmdi-assignment-return:before {
  content: "";
}

.zmdi-assignment-returned:before {
  content: "";
}

.zmdi-assignment:before {
  content: "";
}

.zmdi-attachment-alt:before {
  content: "";
}

.zmdi-attachment:before {
  content: "";
}

.zmdi-audio:before {
  content: "";
}

.zmdi-badge-check:before {
  content: "";
}

.zmdi-balance-wallet:before {
  content: "";
}

.zmdi-balance:before {
  content: "";
}

.zmdi-battery-alert:before {
  content: "";
}

.zmdi-battery-flash:before {
  content: "";
}

.zmdi-battery-unknown:before {
  content: "";
}

.zmdi-battery:before {
  content: "";
}

.zmdi-bike:before {
  content: "";
}

.zmdi-block-alt:before {
  content: "";
}

.zmdi-block:before {
  content: "";
}

.zmdi-boat:before {
  content: "";
}

.zmdi-book-image:before {
  content: "";
}

.zmdi-book:before {
  content: "";
}

.zmdi-bookmark-outline:before {
  content: "";
}

.zmdi-bookmark:before {
  content: "";
}

.zmdi-brush:before {
  content: "";
}

.zmdi-bug:before {
  content: "";
}

.zmdi-bus:before {
  content: "";
}

.zmdi-cake:before {
  content: "";
}

.zmdi-car-taxi:before {
  content: "";
}

.zmdi-car-wash:before {
  content: "";
}

.zmdi-car:before {
  content: "";
}

.zmdi-card-giftcard:before {
  content: "";
}

.zmdi-card-membership:before {
  content: "";
}

.zmdi-card-travel:before {
  content: "";
}

.zmdi-card:before {
  content: "";
}

.zmdi-case-check:before {
  content: "";
}

.zmdi-case-download:before {
  content: "";
}

.zmdi-case-play:before {
  content: "";
}

.zmdi-case:before {
  content: "";
}

.zmdi-cast-connected:before {
  content: "";
}

.zmdi-cast:before {
  content: "";
}

.zmdi-chart-donut:before {
  content: "";
}

.zmdi-chart:before {
  content: "";
}

.zmdi-city-alt:before {
  content: "";
}

.zmdi-city:before {
  content: "";
}

.zmdi-close-circle-o:before {
  content: "";
}

.zmdi-close-circle:before {
  content: "";
}

.zmdi-close:before {
  content: "";
}

.zmdi-cocktail:before {
  content: "";
}

.zmdi-code-setting:before {
  content: "";
}

.zmdi-code-smartphone:before {
  content: "";
}

.zmdi-code:before {
  content: "";
}

.zmdi-coffee:before {
  content: "";
}

.zmdi-collection-bookmark:before {
  content: "";
}

.zmdi-collection-case-play:before {
  content: "";
}

.zmdi-collection-folder-image:before {
  content: "";
}

.zmdi-collection-image-o:before {
  content: "";
}

.zmdi-collection-image:before {
  content: "";
}

.zmdi-collection-item-1:before {
  content: "";
}

.zmdi-collection-item-2:before {
  content: "";
}

.zmdi-collection-item-3:before {
  content: "";
}

.zmdi-collection-item-4:before {
  content: "";
}

.zmdi-collection-item-5:before {
  content: "";
}

.zmdi-collection-item-6:before {
  content: "";
}

.zmdi-collection-item-7:before {
  content: "";
}

.zmdi-collection-item-8:before {
  content: "";
}

.zmdi-collection-item-9-plus:before {
  content: "";
}

.zmdi-collection-item-9:before {
  content: "";
}

.zmdi-collection-item:before {
  content: "";
}

.zmdi-collection-music:before {
  content: "";
}

.zmdi-collection-pdf:before {
  content: "";
}

.zmdi-collection-plus:before {
  content: "";
}

.zmdi-collection-speaker:before {
  content: "";
}

.zmdi-collection-text:before {
  content: "";
}

.zmdi-collection-video:before {
  content: "";
}

.zmdi-compass:before {
  content: "";
}

.zmdi-cutlery:before {
  content: "";
}

.zmdi-delete:before {
  content: "";
}

.zmdi-dialpad:before {
  content: "";
}

.zmdi-dns:before {
  content: "";
}

.zmdi-drink:before {
  content: "";
}

.zmdi-edit:before {
  content: "";
}

.zmdi-email-open:before {
  content: "";
}

.zmdi-email:before {
  content: "";
}

.zmdi-eye-off:before {
  content: "";
}

.zmdi-eye:before {
  content: "";
}

.zmdi-eyedropper:before {
  content: "";
}

.zmdi-favorite-outline:before {
  content: "";
}

.zmdi-favorite:before {
  content: "";
}

.zmdi-filter-list:before {
  content: "";
}

.zmdi-fire:before {
  content: "";
}

.zmdi-flag:before {
  content: "";
}

.zmdi-flare:before {
  content: "";
}

.zmdi-flash-auto:before {
  content: "";
}

.zmdi-flash-off:before {
  content: "";
}

.zmdi-flash:before {
  content: "";
}

.zmdi-flip:before {
  content: "";
}

.zmdi-flower-alt:before {
  content: "";
}

.zmdi-flower:before {
  content: "";
}

.zmdi-font:before {
  content: "";
}

.zmdi-fullscreen-alt:before {
  content: "";
}

.zmdi-fullscreen-exit:before {
  content: "";
}

.zmdi-fullscreen:before {
  content: "";
}

.zmdi-functions:before {
  content: "";
}

.zmdi-gas-station:before {
  content: "";
}

.zmdi-gesture:before {
  content: "";
}

.zmdi-globe-alt:before {
  content: "";
}

.zmdi-globe-lock:before {
  content: "";
}

.zmdi-globe:before {
  content: "";
}

.zmdi-graduation-cap:before {
  content: "";
}

.zmdi-home:before {
  content: "";
}

.zmdi-hospital-alt:before {
  content: "";
}

.zmdi-hospital:before {
  content: "";
}

.zmdi-hotel:before {
  content: "";
}

.zmdi-hourglass-alt:before {
  content: "";
}

.zmdi-hourglass-outline:before {
  content: "";
}

.zmdi-hourglass:before {
  content: "";
}

.zmdi-http:before {
  content: "";
}

.zmdi-image-alt:before {
  content: "";
}

.zmdi-image-o:before {
  content: "";
}

.zmdi-image:before {
  content: "";
}

.zmdi-inbox:before {
  content: "";
}

.zmdi-invert-colors-off:before {
  content: "";
}

.zmdi-invert-colors:before {
  content: "";
}

.zmdi-key:before {
  content: "";
}

.zmdi-label-alt-outline:before {
  content: "";
}

.zmdi-label-alt:before {
  content: "";
}

.zmdi-label-heart:before {
  content: "";
}

.zmdi-label:before {
  content: "";
}

.zmdi-labels:before {
  content: "";
}

.zmdi-lamp:before {
  content: "";
}

.zmdi-landscape:before {
  content: "";
}

.zmdi-layers-off:before {
  content: "";
}

.zmdi-layers:before {
  content: "";
}

.zmdi-library:before {
  content: "";
}

.zmdi-link:before {
  content: "";
}

.zmdi-lock-open:before {
  content: "";
}

.zmdi-lock-outline:before {
  content: "";
}

.zmdi-lock:before {
  content: "";
}

.zmdi-mail-reply-all:before {
  content: "";
}

.zmdi-mail-reply:before {
  content: "";
}

.zmdi-mail-send:before {
  content: "";
}

.zmdi-mall:before {
  content: "";
}

.zmdi-map:before {
  content: "";
}

.zmdi-menu:before {
  content: "";
}

.zmdi-money-box:before {
  content: "";
}

.zmdi-money-off:before {
  content: "";
}

.zmdi-money:before {
  content: "";
}

.zmdi-more-vert:before {
  content: "";
}

.zmdi-more:before {
  content: "";
}

.zmdi-movie-alt:before {
  content: "";
}

.zmdi-movie:before {
  content: "";
}

.zmdi-nature-people:before {
  content: "";
}

.zmdi-nature:before {
  content: "";
}

.zmdi-navigation:before {
  content: "";
}

.zmdi-open-in-browser:before {
  content: "";
}

.zmdi-open-in-new:before {
  content: "";
}

.zmdi-palette:before {
  content: "";
}

.zmdi-parking:before {
  content: "";
}

.zmdi-pin-account:before {
  content: "";
}

.zmdi-pin-assistant:before {
  content: "";
}

.zmdi-pin-drop:before {
  content: "";
}

.zmdi-pin-help:before {
  content: "";
}

.zmdi-pin-off:before {
  content: "";
}

.zmdi-pin:before {
  content: "";
}

.zmdi-pizza:before {
  content: "";
}

.zmdi-plaster:before {
  content: "";
}

.zmdi-power-setting:before {
  content: "";
}

.zmdi-power:before {
  content: "";
}

.zmdi-print:before {
  content: "";
}

.zmdi-puzzle-piece:before {
  content: "";
}

.zmdi-quote:before {
  content: "";
}

.zmdi-railway:before {
  content: "";
}

.zmdi-receipt:before {
  content: "";
}

.zmdi-refresh-alt:before {
  content: "";
}

.zmdi-refresh-sync-alert:before {
  content: "";
}

.zmdi-refresh-sync-off:before {
  content: "";
}

.zmdi-refresh-sync:before {
  content: "";
}

.zmdi-refresh:before {
  content: "";
}

.zmdi-roller:before {
  content: "";
}

.zmdi-ruler:before {
  content: "";
}

.zmdi-scissors:before {
  content: "";
}

.zmdi-screen-rotation-lock:before {
  content: "";
}

.zmdi-screen-rotation:before {
  content: "";
}

.zmdi-search-for:before {
  content: "";
}

.zmdi-search-in-file:before {
  content: "";
}

.zmdi-search-in-page:before {
  content: "";
}

.zmdi-search-replace:before {
  content: "";
}

.zmdi-search:before {
  content: "";
}

.zmdi-seat:before {
  content: "";
}

.zmdi-settings-square:before {
  content: "";
}

.zmdi-settings:before {
  content: "";
}

.zmdi-shield-check:before {
  content: "";
}

.zmdi-shield-security:before {
  content: "";
}

.zmdi-shopping-basket:before {
  content: "";
}

.zmdi-shopping-cart-plus:before {
  content: "";
}

.zmdi-shopping-cart:before {
  content: "";
}

.zmdi-sign-in:before {
  content: "";
}

.zmdi-sort-amount-asc:before {
  content: "";
}

.zmdi-sort-amount-desc:before {
  content: "";
}

.zmdi-sort-asc:before {
  content: "";
}

.zmdi-sort-desc:before {
  content: "";
}

.zmdi-spellcheck:before {
  content: "";
}

.zmdi-storage:before {
  content: "";
}

.zmdi-store-24:before {
  content: "";
}

.zmdi-store:before {
  content: "";
}

.zmdi-subway:before {
  content: "";
}

.zmdi-sun:before {
  content: "";
}

.zmdi-tab-unselected:before {
  content: "";
}

.zmdi-tab:before {
  content: "";
}

.zmdi-tag-close:before {
  content: "";
}

.zmdi-tag-more:before {
  content: "";
}

.zmdi-tag:before {
  content: "";
}

.zmdi-thumb-down:before {
  content: "";
}

.zmdi-thumb-up-down:before {
  content: "";
}

.zmdi-thumb-up:before {
  content: "";
}

.zmdi-ticket-star:before {
  content: "";
}

.zmdi-toll:before {
  content: "";
}

.zmdi-toys:before {
  content: "";
}

.zmdi-traffic:before {
  content: "";
}

.zmdi-translate:before {
  content: "";
}

.zmdi-triangle-down:before {
  content: "";
}

.zmdi-triangle-up:before {
  content: "";
}

.zmdi-truck:before {
  content: "";
}

.zmdi-turning-sign:before {
  content: "";
}

.zmdi-wallpaper:before {
  content: "";
}

.zmdi-washing-machine:before {
  content: "";
}

.zmdi-window-maximize:before {
  content: "";
}

.zmdi-window-minimize:before {
  content: "";
}

.zmdi-window-restore:before {
  content: "";
}

.zmdi-wrench:before {
  content: "";
}

.zmdi-zoom-in:before {
  content: "";
}

.zmdi-zoom-out:before {
  content: "";
}

.zmdi-alert-circle-o:before {
  content: "";
}

.zmdi-alert-circle:before {
  content: "";
}

.zmdi-alert-octagon:before {
  content: "";
}

.zmdi-alert-polygon:before {
  content: "";
}

.zmdi-alert-triangle:before {
  content: "";
}

.zmdi-help-outline:before {
  content: "";
}

.zmdi-help:before {
  content: "";
}

.zmdi-info-outline:before {
  content: "";
}

.zmdi-info:before {
  content: "";
}

.zmdi-notifications-active:before {
  content: "";
}

.zmdi-notifications-add:before {
  content: "";
}

.zmdi-notifications-none:before {
  content: "";
}

.zmdi-notifications-off:before {
  content: "";
}

.zmdi-notifications-paused:before {
  content: "";
}

.zmdi-notifications:before {
  content: "";
}

.zmdi-account-add:before {
  content: "";
}

.zmdi-account-box-mail:before {
  content: "";
}

.zmdi-account-box-o:before {
  content: "";
}

.zmdi-account-box-phone:before {
  content: "";
}

.zmdi-account-box:before {
  content: "";
}

.zmdi-account-calendar:before {
  content: "";
}

.zmdi-account-circle:before {
  content: "";
}

.zmdi-account-o:before {
  content: "";
}

.zmdi-account:before {
  content: "";
}

.zmdi-accounts-add:before {
  content: "";
}

.zmdi-accounts-alt:before {
  content: "";
}

.zmdi-accounts-list-alt:before {
  content: "";
}

.zmdi-accounts-list:before {
  content: "";
}

.zmdi-accounts-outline:before {
  content: "";
}

.zmdi-accounts:before {
  content: "";
}

.zmdi-face:before {
  content: "";
}

.zmdi-female:before {
  content: "";
}

.zmdi-male-alt:before {
  content: "";
}

.zmdi-male-female:before {
  content: "";
}

.zmdi-male:before {
  content: "";
}

.zmdi-mood-bad:before {
  content: "";
}

.zmdi-mood:before {
  content: "";
}

.zmdi-run:before {
  content: "";
}

.zmdi-walk:before {
  content: "";
}

.zmdi-cloud-box:before {
  content: "";
}

.zmdi-cloud-circle:before {
  content: "";
}

.zmdi-cloud-done:before {
  content: "";
}

.zmdi-cloud-download:before {
  content: "";
}

.zmdi-cloud-off:before {
  content: "";
}

.zmdi-cloud-outline-alt:before {
  content: "";
}

.zmdi-cloud-outline:before {
  content: "";
}

.zmdi-cloud-upload:before {
  content: "";
}

.zmdi-cloud:before {
  content: "";
}

.zmdi-download:before {
  content: "";
}

.zmdi-file-plus:before {
  content: "";
}

.zmdi-file-text:before {
  content: "";
}

.zmdi-file:before {
  content: "";
}

.zmdi-folder-outline:before {
  content: "";
}

.zmdi-folder-person:before {
  content: "";
}

.zmdi-folder-star-alt:before {
  content: "";
}

.zmdi-folder-star:before {
  content: "";
}

.zmdi-folder:before {
  content: "";
}

.zmdi-gif:before {
  content: "";
}

.zmdi-upload:before {
  content: "";
}

.zmdi-border-all:before {
  content: "";
}

.zmdi-border-bottom:before {
  content: "";
}

.zmdi-border-clear:before {
  content: "";
}

.zmdi-border-color:before {
  content: "";
}

.zmdi-border-horizontal:before {
  content: "";
}

.zmdi-border-inner:before {
  content: "";
}

.zmdi-border-left:before {
  content: "";
}

.zmdi-border-outer:before {
  content: "";
}

.zmdi-border-right:before {
  content: "";
}

.zmdi-border-style:before {
  content: "";
}

.zmdi-border-top:before {
  content: "";
}

.zmdi-border-vertical:before {
  content: "";
}

.zmdi-copy:before {
  content: "";
}

.zmdi-crop:before {
  content: "";
}

.zmdi-format-align-center:before {
  content: "";
}

.zmdi-format-align-justify:before {
  content: "";
}

.zmdi-format-align-left:before {
  content: "";
}

.zmdi-format-align-right:before {
  content: "";
}

.zmdi-format-bold:before {
  content: "";
}

.zmdi-format-clear-all:before {
  content: "";
}

.zmdi-format-clear:before {
  content: "";
}

.zmdi-format-color-fill:before {
  content: "";
}

.zmdi-format-color-reset:before {
  content: "";
}

.zmdi-format-color-text:before {
  content: "";
}

.zmdi-format-indent-decrease:before {
  content: "";
}

.zmdi-format-indent-increase:before {
  content: "";
}

.zmdi-format-italic:before {
  content: "";
}

.zmdi-format-line-spacing:before {
  content: "";
}

.zmdi-format-list-bulleted:before {
  content: "";
}

.zmdi-format-list-numbered:before {
  content: "";
}

.zmdi-format-ltr:before {
  content: "";
}

.zmdi-format-rtl:before {
  content: "";
}

.zmdi-format-size:before {
  content: "";
}

.zmdi-format-strikethrough-s:before {
  content: "";
}

.zmdi-format-strikethrough:before {
  content: "";
}

.zmdi-format-subject:before {
  content: "";
}

.zmdi-format-underlined:before {
  content: "";
}

.zmdi-format-valign-bottom:before {
  content: "";
}

.zmdi-format-valign-center:before {
  content: "";
}

.zmdi-format-valign-top:before {
  content: "";
}

.zmdi-redo:before {
  content: "";
}

.zmdi-select-all:before {
  content: "";
}

.zmdi-space-bar:before {
  content: "";
}

.zmdi-text-format:before {
  content: "";
}

.zmdi-transform:before {
  content: "";
}

.zmdi-undo:before {
  content: "";
}

.zmdi-wrap-text:before {
  content: "";
}

.zmdi-comment-alert:before {
  content: "";
}

.zmdi-comment-alt-text:before {
  content: "";
}

.zmdi-comment-alt:before {
  content: "";
}

.zmdi-comment-edit:before {
  content: "";
}

.zmdi-comment-image:before {
  content: "";
}

.zmdi-comment-list:before {
  content: "";
}

.zmdi-comment-more:before {
  content: "";
}

.zmdi-comment-outline:before {
  content: "";
}

.zmdi-comment-text-alt:before {
  content: "";
}

.zmdi-comment-text:before {
  content: "";
}

.zmdi-comment-video:before {
  content: "";
}

.zmdi-comment:before {
  content: "";
}

.zmdi-comments:before {
  content: "";
}

.zmdi-check-all:before {
  content: "";
}

.zmdi-check-circle-u:before {
  content: "";
}

.zmdi-check-circle:before {
  content: "";
}

.zmdi-check-square:before {
  content: "";
}

.zmdi-check:before {
  content: "";
}

.zmdi-circle-o:before {
  content: "";
}

.zmdi-circle:before {
  content: "";
}

.zmdi-dot-circle-alt:before {
  content: "";
}

.zmdi-dot-circle:before {
  content: "";
}

.zmdi-minus-circle-outline:before {
  content: "";
}

.zmdi-minus-circle:before {
  content: "";
}

.zmdi-minus-square:before {
  content: "";
}

.zmdi-minus:before {
  content: "";
}

.zmdi-plus-circle-o-duplicate:before {
  content: "";
}

.zmdi-plus-circle-o:before {
  content: "";
}

.zmdi-plus-circle:before {
  content: "";
}

.zmdi-plus-square:before {
  content: "";
}

.zmdi-plus:before {
  content: "";
}

.zmdi-square-o:before {
  content: "";
}

.zmdi-star-circle:before {
  content: "";
}

.zmdi-star-half:before {
  content: "";
}

.zmdi-star-outline:before {
  content: "";
}

.zmdi-star:before {
  content: "";
}

.zmdi-bluetooth-connected:before {
  content: "";
}

.zmdi-bluetooth-off:before {
  content: "";
}

.zmdi-bluetooth-search:before {
  content: "";
}

.zmdi-bluetooth-setting:before {
  content: "";
}

.zmdi-bluetooth:before {
  content: "";
}

.zmdi-camera-add:before {
  content: "";
}

.zmdi-camera-alt:before {
  content: "";
}

.zmdi-camera-bw:before {
  content: "";
}

.zmdi-camera-front:before {
  content: "";
}

.zmdi-camera-mic:before {
  content: "";
}

.zmdi-camera-party-mode:before {
  content: "";
}

.zmdi-camera-rear:before {
  content: "";
}

.zmdi-camera-roll:before {
  content: "";
}

.zmdi-camera-switch:before {
  content: "";
}

.zmdi-camera:before {
  content: "";
}

.zmdi-card-alert:before {
  content: "";
}

.zmdi-card-off:before {
  content: "";
}

.zmdi-card-sd:before {
  content: "";
}

.zmdi-card-sim:before {
  content: "";
}

.zmdi-desktop-mac:before {
  content: "";
}

.zmdi-desktop-windows:before {
  content: "";
}

.zmdi-device-hub:before {
  content: "";
}

.zmdi-devices-off:before {
  content: "";
}

.zmdi-devices:before {
  content: "";
}

.zmdi-dock:before {
  content: "";
}

.zmdi-floppy:before {
  content: "";
}

.zmdi-gamepad:before {
  content: "";
}

.zmdi-gps-dot:before {
  content: "";
}

.zmdi-gps-off:before {
  content: "";
}

.zmdi-gps:before {
  content: "";
}

.zmdi-headset-mic:before {
  content: "";
}

.zmdi-headset:before {
  content: "";
}

.zmdi-input-antenna:before {
  content: "";
}

.zmdi-input-composite:before {
  content: "";
}

.zmdi-input-hdmi:before {
  content: "";
}

.zmdi-input-power:before {
  content: "";
}

.zmdi-input-svideo:before {
  content: "";
}

.zmdi-keyboard-hide:before {
  content: "";
}

.zmdi-keyboard:before {
  content: "";
}

.zmdi-laptop-chromebook:before {
  content: "";
}

.zmdi-laptop-mac:before {
  content: "";
}

.zmdi-laptop:before {
  content: "";
}

.zmdi-mic-off:before {
  content: "";
}

.zmdi-mic-outline:before {
  content: "";
}

.zmdi-mic-setting:before {
  content: "";
}

.zmdi-mic:before {
  content: "";
}

.zmdi-mouse:before {
  content: "";
}

.zmdi-network-alert:before {
  content: "";
}

.zmdi-network-locked:before {
  content: "";
}

.zmdi-network-off:before {
  content: "";
}

.zmdi-network-outline:before {
  content: "";
}

.zmdi-network-setting:before {
  content: "";
}

.zmdi-network:before {
  content: "";
}

.zmdi-phone-bluetooth:before {
  content: "";
}

.zmdi-phone-end:before {
  content: "";
}

.zmdi-phone-forwarded:before {
  content: "";
}

.zmdi-phone-in-talk:before {
  content: "";
}

.zmdi-phone-locked:before {
  content: "";
}

.zmdi-phone-missed:before {
  content: "";
}

.zmdi-phone-msg:before {
  content: "";
}

.zmdi-phone-paused:before {
  content: "";
}

.zmdi-phone-ring:before {
  content: "";
}

.zmdi-phone-setting:before {
  content: "";
}

.zmdi-phone-sip:before {
  content: "";
}

.zmdi-phone:before {
  content: "";
}

.zmdi-portable-wifi-changes:before {
  content: "";
}

.zmdi-portable-wifi-off:before {
  content: "";
}

.zmdi-portable-wifi:before {
  content: "";
}

.zmdi-radio:before {
  content: "";
}

.zmdi-reader:before {
  content: "";
}

.zmdi-remote-control-alt:before {
  content: "";
}

.zmdi-remote-control:before {
  content: "";
}

.zmdi-router:before {
  content: "";
}

.zmdi-scanner:before {
  content: "";
}

.zmdi-smartphone-android:before {
  content: "";
}

.zmdi-smartphone-download:before {
  content: "";
}

.zmdi-smartphone-erase:before {
  content: "";
}

.zmdi-smartphone-info:before {
  content: "";
}

.zmdi-smartphone-iphone:before {
  content: "";
}

.zmdi-smartphone-landscape-lock:before {
  content: "";
}

.zmdi-smartphone-landscape:before {
  content: "";
}

.zmdi-smartphone-lock:before {
  content: "";
}

.zmdi-smartphone-portrait-lock:before {
  content: "";
}

.zmdi-smartphone-ring:before {
  content: "";
}

.zmdi-smartphone-setting:before {
  content: "";
}

.zmdi-smartphone-setup:before {
  content: "";
}

.zmdi-smartphone:before {
  content: "";
}

.zmdi-speaker:before {
  content: "";
}

.zmdi-tablet-android:before {
  content: "";
}

.zmdi-tablet-mac:before {
  content: "";
}

.zmdi-tablet:before {
  content: "";
}

.zmdi-tv-alt-play:before {
  content: "";
}

.zmdi-tv-list:before {
  content: "";
}

.zmdi-tv-play:before {
  content: "";
}

.zmdi-tv:before {
  content: "";
}

.zmdi-usb:before {
  content: "";
}

.zmdi-videocam-off:before {
  content: "";
}

.zmdi-videocam-switch:before {
  content: "";
}

.zmdi-videocam:before {
  content: "";
}

.zmdi-watch:before {
  content: "";
}

.zmdi-wifi-alt-2:before {
  content: "";
}

.zmdi-wifi-alt:before {
  content: "";
}

.zmdi-wifi-info:before {
  content: "";
}

.zmdi-wifi-lock:before {
  content: "";
}

.zmdi-wifi-off:before {
  content: "";
}

.zmdi-wifi-outline:before {
  content: "";
}

.zmdi-wifi:before {
  content: "";
}

.zmdi-arrow-left-bottom:before {
  content: "";
}

.zmdi-arrow-left:before {
  content: "";
}

.zmdi-arrow-merge:before {
  content: "";
}

.zmdi-arrow-missed:before {
  content: "";
}

.zmdi-arrow-right-top:before {
  content: "";
}

.zmdi-arrow-right:before {
  content: "";
}

.zmdi-arrow-split:before {
  content: "";
}

.zmdi-arrows:before {
  content: "";
}

.zmdi-caret-down-circle:before {
  content: "";
}

.zmdi-caret-down:before {
  content: "";
}

.zmdi-caret-left-circle:before {
  content: "";
}

.zmdi-caret-left:before {
  content: "";
}

.zmdi-caret-right-circle:before {
  content: "";
}

.zmdi-caret-right:before {
  content: "";
}

.zmdi-caret-up-circle:before {
  content: "";
}

.zmdi-caret-up:before {
  content: "";
}

.zmdi-chevron-down:before {
  content: "";
}

.zmdi-chevron-left:before {
  content: "";
}

.zmdi-chevron-right:before {
  content: "";
}

.zmdi-chevron-up:before {
  content: "";
}

.zmdi-forward:before {
  content: "";
}

.zmdi-long-arrow-down:before {
  content: "";
}

.zmdi-long-arrow-left:before {
  content: "";
}

.zmdi-long-arrow-return:before {
  content: "";
}

.zmdi-long-arrow-right:before {
  content: "";
}

.zmdi-long-arrow-tab:before {
  content: "";
}

.zmdi-long-arrow-up:before {
  content: "";
}

.zmdi-rotate-ccw:before {
  content: "";
}

.zmdi-rotate-cw:before {
  content: "";
}

.zmdi-rotate-left:before {
  content: "";
}

.zmdi-rotate-right:before {
  content: "";
}

.zmdi-square-down:before {
  content: "";
}

.zmdi-square-right:before {
  content: "";
}

.zmdi-swap-alt:before {
  content: "";
}

.zmdi-swap-vertical-circle:before {
  content: "";
}

.zmdi-swap-vertical:before {
  content: "";
}

.zmdi-swap:before {
  content: "";
}

.zmdi-trending-down:before {
  content: "";
}

.zmdi-trending-flat:before {
  content: "";
}

.zmdi-trending-up:before {
  content: "";
}

.zmdi-unfold-less:before {
  content: "";
}

.zmdi-unfold-more:before {
  content: "";
}

.zmdi-apps:before {
  content: "";
}

.zmdi-grid-off:before {
  content: "";
}

.zmdi-grid:before {
  content: "";
}

.zmdi-view-agenda:before {
  content: "";
}

.zmdi-view-array:before {
  content: "";
}

.zmdi-view-carousel:before {
  content: "";
}

.zmdi-view-column:before {
  content: "";
}

.zmdi-view-comfy:before {
  content: "";
}

.zmdi-view-compact:before {
  content: "";
}

.zmdi-view-dashboard:before {
  content: "";
}

.zmdi-view-day:before {
  content: "";
}

.zmdi-view-headline:before {
  content: "";
}

.zmdi-view-list-alt:before {
  content: "";
}

.zmdi-view-list:before {
  content: "";
}

.zmdi-view-module:before {
  content: "";
}

.zmdi-view-quilt:before {
  content: "";
}

.zmdi-view-stream:before {
  content: "";
}

.zmdi-view-subtitles:before {
  content: "";
}

.zmdi-view-toc:before {
  content: "";
}

.zmdi-view-web:before {
  content: "";
}

.zmdi-view-week:before {
  content: "";
}

.zmdi-widgets:before {
  content: "";
}

.zmdi-alarm-check:before {
  content: "";
}

.zmdi-alarm-off:before {
  content: "";
}

.zmdi-alarm-plus:before {
  content: "";
}

.zmdi-alarm-snooze:before {
  content: "";
}

.zmdi-alarm:before {
  content: "";
}

.zmdi-calendar-alt:before {
  content: "";
}

.zmdi-calendar-check:before {
  content: "";
}

.zmdi-calendar-close:before {
  content: "";
}

.zmdi-calendar-note:before {
  content: "";
}

.zmdi-calendar:before {
  content: "";
}

.zmdi-time-countdown:before {
  content: "";
}

.zmdi-time-interval:before {
  content: "";
}

.zmdi-time-restore-setting:before {
  content: "";
}

.zmdi-time-restore:before {
  content: "";
}

.zmdi-time:before {
  content: "";
}

.zmdi-timer-off:before {
  content: "";
}

.zmdi-timer:before {
  content: "";
}

.zmdi-android-alt:before {
  content: "";
}

.zmdi-android:before {
  content: "";
}

.zmdi-apple:before {
  content: "";
}

.zmdi-behance:before {
  content: "";
}

.zmdi-codepen:before {
  content: "";
}

.zmdi-dribbble:before {
  content: "";
}

.zmdi-dropbox:before {
  content: "";
}

.zmdi-evernote:before {
  content: "";
}

.zmdi-facebook-box:before {
  content: "";
}

.zmdi-facebook:before {
  content: "";
}

.zmdi-github-box:before {
  content: "";
}

.zmdi-github:before {
  content: "";
}

.zmdi-google-drive:before {
  content: "";
}

.zmdi-google-earth:before {
  content: "";
}

.zmdi-google-glass:before {
  content: "";
}

.zmdi-google-maps:before {
  content: "";
}

.zmdi-google-pages:before {
  content: "";
}

.zmdi-google-play:before {
  content: "";
}

.zmdi-google-plus-box:before {
  content: "";
}

.zmdi-google-plus:before {
  content: "";
}

.zmdi-google:before {
  content: "";
}

.zmdi-instagram:before {
  content: "";
}

.zmdi-language-css3:before {
  content: "";
}

.zmdi-language-html5:before {
  content: "";
}

.zmdi-language-javascript:before {
  content: "";
}

.zmdi-language-python-alt:before {
  content: "";
}

.zmdi-language-python:before {
  content: "";
}

.zmdi-lastfm:before {
  content: "";
}

.zmdi-linkedin-box:before {
  content: "";
}

.zmdi-paypal:before {
  content: "";
}

.zmdi-pinterest-box:before {
  content: "";
}

.zmdi-pocket:before {
  content: "";
}

.zmdi-polymer:before {
  content: "";
}

.zmdi-share:before {
  content: "";
}

.zmdi-stackoverflow:before {
  content: "";
}

.zmdi-steam-square:before {
  content: "";
}

.zmdi-steam:before {
  content: "";
}

.zmdi-twitter-box:before {
  content: "";
}

.zmdi-twitter:before {
  content: "";
}

.zmdi-vk:before {
  content: "";
}

.zmdi-wikipedia:before {
  content: "";
}

.zmdi-windows:before {
  content: "";
}

.zmdi-aspect-ratio-alt:before {
  content: "";
}

.zmdi-aspect-ratio:before {
  content: "";
}

.zmdi-blur-circular:before {
  content: "";
}

.zmdi-blur-linear:before {
  content: "";
}

.zmdi-blur-off:before {
  content: "";
}

.zmdi-blur:before {
  content: "";
}

.zmdi-brightness-2:before {
  content: "";
}

.zmdi-brightness-3:before {
  content: "";
}

.zmdi-brightness-4:before {
  content: "";
}

.zmdi-brightness-5:before {
  content: "";
}

.zmdi-brightness-6:before {
  content: "";
}

.zmdi-brightness-7:before {
  content: "";
}

.zmdi-brightness-auto:before {
  content: "";
}

.zmdi-brightness-setting:before {
  content: "";
}

.zmdi-broken-image:before {
  content: "";
}

.zmdi-center-focus-strong:before {
  content: "";
}

.zmdi-center-focus-weak:before {
  content: "";
}

.zmdi-compare:before {
  content: "";
}

.zmdi-crop-16-9:before {
  content: "";
}

.zmdi-crop-3-2:before {
  content: "";
}

.zmdi-crop-5-4:before {
  content: "";
}

.zmdi-crop-7-5:before {
  content: "";
}

.zmdi-crop-din:before {
  content: "";
}

.zmdi-crop-free:before {
  content: "";
}

.zmdi-crop-landscape:before {
  content: "";
}

.zmdi-crop-portrait:before {
  content: "";
}

.zmdi-crop-square:before {
  content: "";
}

.zmdi-exposure-alt:before {
  content: "";
}

.zmdi-exposure:before {
  content: "";
}

.zmdi-filter-b-and-w:before {
  content: "";
}

.zmdi-filter-center-focus:before {
  content: "";
}

.zmdi-filter-frames:before {
  content: "";
}

.zmdi-filter-tilt-shift:before {
  content: "";
}

.zmdi-gradient:before {
  content: "";
}

.zmdi-grain:before {
  content: "";
}

.zmdi-graphic-eq:before {
  content: "";
}

.zmdi-hdr-off:before {
  content: "";
}

.zmdi-hdr-strong:before {
  content: "";
}

.zmdi-hdr-weak:before {
  content: "";
}

.zmdi-hdr:before {
  content: "";
}

.zmdi-iridescent:before {
  content: "";
}

.zmdi-leak-off:before {
  content: "";
}

.zmdi-leak:before {
  content: "";
}

.zmdi-looks:before {
  content: "";
}

.zmdi-loupe:before {
  content: "";
}

.zmdi-panorama-horizontal:before {
  content: "";
}

.zmdi-panorama-vertical:before {
  content: "";
}

.zmdi-panorama-wide-angle:before {
  content: "";
}

.zmdi-photo-size-select-large:before {
  content: "";
}

.zmdi-photo-size-select-small:before {
  content: "";
}

.zmdi-picture-in-picture:before {
  content: "";
}

.zmdi-slideshow:before {
  content: "";
}

.zmdi-texture:before {
  content: "";
}

.zmdi-tonality:before {
  content: "";
}

.zmdi-vignette:before {
  content: "";
}

.zmdi-wb-auto:before {
  content: "";
}

.zmdi-eject-alt:before {
  content: "";
}

.zmdi-eject:before {
  content: "";
}

.zmdi-equalizer:before {
  content: "";
}

.zmdi-fast-forward:before {
  content: "";
}

.zmdi-fast-rewind:before {
  content: "";
}

.zmdi-forward-10:before {
  content: "";
}

.zmdi-forward-30:before {
  content: "";
}

.zmdi-forward-5:before {
  content: "";
}

.zmdi-hearing:before {
  content: "";
}

.zmdi-pause-circle-outline:before {
  content: "";
}

.zmdi-pause-circle:before {
  content: "";
}

.zmdi-pause:before {
  content: "";
}

.zmdi-play-circle-outline:before {
  content: "";
}

.zmdi-play-circle:before {
  content: "";
}

.zmdi-play:before {
  content: "";
}

.zmdi-playlist-audio:before {
  content: "";
}

.zmdi-playlist-plus:before {
  content: "";
}

.zmdi-repeat-one:before {
  content: "";
}

.zmdi-repeat:before {
  content: "";
}

.zmdi-replay-10:before {
  content: "";
}

.zmdi-replay-30:before {
  content: "";
}

.zmdi-replay-5:before {
  content: "";
}

.zmdi-replay:before {
  content: "";
}

.zmdi-shuffle:before {
  content: "";
}

.zmdi-skip-next:before {
  content: "";
}

.zmdi-skip-previous:before {
  content: "";
}

.zmdi-stop:before {
  content: "";
}

.zmdi-surround-sound:before {
  content: "";
}

.zmdi-tune:before {
  content: "";
}

.zmdi-volume-down:before {
  content: "";
}

.zmdi-volume-mute:before {
  content: "";
}

.zmdi-volume-off:before {
  content: "";
}

.zmdi-volume-up:before {
  content: "";
}

.zmdi-n-1-square:before {
  content: "";
}

.zmdi-n-2-square:before {
  content: "";
}

.zmdi-n-3-square:before {
  content: "";
}

.zmdi-n-4-square:before {
  content: "";
}

.zmdi-n-5-square:before {
  content: "";
}

.zmdi-n-6-square:before {
  content: "";
}

.zmdi-neg-1:before {
  content: "";
}

.zmdi-neg-2:before {
  content: "";
}

.zmdi-plus-1:before {
  content: "";
}

.zmdi-plus-2:before {
  content: "";
}

.zmdi-sec-10:before {
  content: "";
}

.zmdi-sec-3:before {
  content: "";
}

.zmdi-zero:before {
  content: "";
}

.zmdi-airline-seat-flat-angled:before {
  content: "";
}

.zmdi-airline-seat-flat:before {
  content: "";
}

.zmdi-airline-seat-individual-suite:before {
  content: "";
}

.zmdi-airline-seat-legroom-extra:before {
  content: "";
}

.zmdi-airline-seat-legroom-normal:before {
  content: "";
}

.zmdi-airline-seat-legroom-reduced:before {
  content: "";
}

.zmdi-airline-seat-recline-extra:before {
  content: "";
}

.zmdi-airline-seat-recline-normal:before {
  content: "";
}

.zmdi-airplay:before {
  content: "";
}

.zmdi-closed-caption:before {
  content: "";
}

.zmdi-confirmation-number:before {
  content: "";
}

.zmdi-developer-board:before {
  content: "";
}

.zmdi-disc-full:before {
  content: "";
}

.zmdi-explicit:before {
  content: "";
}

.zmdi-flight-land:before {
  content: "";
}

.zmdi-flight-takeoff:before {
  content: "";
}

.zmdi-flip-to-back:before {
  content: "";
}

.zmdi-flip-to-front:before {
  content: "";
}

.zmdi-group-work:before {
  content: "";
}

.zmdi-hd:before {
  content: "";
}

.zmdi-hq:before {
  content: "";
}

.zmdi-markunread-mailbox:before {
  content: "";
}

.zmdi-memory:before {
  content: "";
}

.zmdi-nfc:before {
  content: "";
}

.zmdi-play-for-work:before {
  content: "";
}

.zmdi-power-input:before {
  content: "";
}

.zmdi-present-to-all:before {
  content: "";
}

.zmdi-satellite:before {
  content: "";
}

.zmdi-tap-and-play:before {
  content: "";
}

.zmdi-vibration:before {
  content: "";
}

.zmdi-voicemail:before {
  content: "";
}

.zmdi-group:before {
  content: "";
}

.zmdi-rss:before {
  content: "";
}

.zmdi-shape:before {
  content: "";
}

.zmdi-spinner:before {
  content: "";
}

.zmdi-ungroup:before {
  content: "";
}

.zmdi-500px:before {
  content: "";
}

.zmdi-8tracks:before {
  content: "";
}

.zmdi-amazon:before {
  content: "";
}

.zmdi-blogger:before {
  content: "";
}

.zmdi-delicious:before {
  content: "";
}

.zmdi-disqus:before {
  content: "";
}

.zmdi-flattr:before {
  content: "";
}

.zmdi-flickr:before {
  content: "";
}

.zmdi-github-alt:before {
  content: "";
}

.zmdi-google-old:before {
  content: "";
}

.zmdi-linkedin:before {
  content: "";
}

.zmdi-odnoklassniki:before {
  content: "";
}

.zmdi-outlook:before {
  content: "";
}

.zmdi-paypal-alt:before {
  content: "";
}

.zmdi-pinterest:before {
  content: "";
}

.zmdi-playstation:before {
  content: "";
}

.zmdi-reddit:before {
  content: "";
}

.zmdi-skype:before {
  content: "";
}

.zmdi-slideshare:before {
  content: "";
}

.zmdi-soundcloud:before {
  content: "";
}

.zmdi-tumblr:before {
  content: "";
}

.zmdi-twitch:before {
  content: "";
}

.zmdi-vimeo:before {
  content: "";
}

.zmdi-whatsapp:before {
  content: "";
}

.zmdi-xbox:before {
  content: "";
}

.zmdi-yahoo:before {
  content: "";
}

.zmdi-youtube-play:before {
  content: "";
}

.zmdi-youtube:before {
  content: "";
}

.zmdi-import-export:before {
  content: "";
}

.zmdi-swap-vertical-:before {
  content: "";
}

.zmdi-airplanemode-inactive:before {
  content: "";
}

.zmdi-airplanemode-active:before {
  content: "";
}

.zmdi-rate-review:before {
  content: "";
}

.zmdi-comment-sign:before {
  content: "";
}

.zmdi-network-warning:before {
  content: "";
}

.zmdi-shopping-cart-add:before {
  content: "";
}

.zmdi-file-add:before {
  content: "";
}

.zmdi-network-wifi-scan:before {
  content: "";
}

.zmdi-collection-add:before {
  content: "";
}

.zmdi-format-playlist-add:before {
  content: "";
}

.zmdi-format-queue-music:before {
  content: "";
}

.zmdi-plus-box:before {
  content: "";
}

.zmdi-tag-backspace:before {
  content: "";
}

.zmdi-alarm-add:before {
  content: "";
}

.zmdi-battery-charging:before {
  content: "";
}

.zmdi-daydream-setting:before {
  content: "";
}

.zmdi-more-horiz:before {
  content: "";
}

.zmdi-book-photo:before {
  content: "";
}

.zmdi-incandescent:before {
  content: "";
}

.zmdi-wb-iridescent:before {
  content: "";
}

.zmdi-calendar-remove:before {
  content: "";
}

.zmdi-refresh-sync-disabled:before {
  content: "";
}

.zmdi-refresh-sync-problem:before {
  content: "";
}

.zmdi-crop-original:before {
  content: "";
}

.zmdi-power-off:before {
  content: "";
}

.zmdi-power-off-setting:before {
  content: "";
}

.zmdi-leak-remove:before {
  content: "";
}

.zmdi-star-border:before {
  content: "";
}

.zmdi-brightness-low:before {
  content: "";
}

.zmdi-brightness-medium:before {
  content: "";
}

.zmdi-brightness-high:before {
  content: "";
}

.zmdi-smartphone-portrait:before {
  content: "";
}

.zmdi-live-tv:before {
  content: "";
}

.zmdi-format-textdirection-l-to-r:before {
  content: "";
}

.zmdi-format-textdirection-r-to-l:before {
  content: "";
}

.zmdi-arrow-back:before {
  content: "";
}

.zmdi-arrow-forward:before {
  content: "";
}

.zmdi-arrow-in:before {
  content: "";
}

.zmdi-arrow-out:before {
  content: "";
}

.zmdi-rotate-90-degrees-ccw:before {
  content: "";
}

.zmdi-adb:before {
  content: "";
}

.zmdi-network-wifi:before {
  content: "";
}

.zmdi-network-wifi-alt:before {
  content: "";
}

.zmdi-network-wifi-lock:before {
  content: "";
}

.zmdi-network-wifi-off:before {
  content: "";
}

.zmdi-network-wifi-outline:before {
  content: "";
}

.zmdi-network-wifi-info:before {
  content: "";
}

.zmdi-layers-clear:before {
  content: "";
}

.zmdi-colorize:before {
  content: "";
}

.zmdi-format-paint:before {
  content: "";
}

.zmdi-format-quote:before {
  content: "";
}

.zmdi-camera-monochrome-photos:before {
  content: "";
}

.zmdi-sort-by-alpha:before {
  content: "";
}

.zmdi-folder-shared:before {
  content: "";
}

.zmdi-folder-special:before {
  content: "";
}

.zmdi-comment-dots:before {
  content: "";
}

.zmdi-reorder:before {
  content: "";
}

.zmdi-dehaze:before {
  content: "";
}

.zmdi-sort:before {
  content: "";
}

.zmdi-pages:before {
  content: "";
}

.zmdi-stack-overflow:before {
  content: "";
}

.zmdi-calendar-account:before {
  content: "";
}

.zmdi-paste:before {
  content: "";
}

.zmdi-cut:before {
  content: "";
}

.zmdi-save:before {
  content: "";
}

.zmdi-smartphone-code:before {
  content: "";
}

.zmdi-directions-bike:before {
  content: "";
}

.zmdi-directions-boat:before {
  content: "";
}

.zmdi-directions-bus:before {
  content: "";
}

.zmdi-directions-car:before {
  content: "";
}

.zmdi-directions-railway:before {
  content: "";
}

.zmdi-directions-run:before {
  content: "";
}

.zmdi-directions-subway:before {
  content: "";
}

.zmdi-directions-walk:before {
  content: "";
}

.zmdi-local-hotel:before {
  content: "";
}

.zmdi-local-activity:before {
  content: "";
}

.zmdi-local-play:before {
  content: "";
}

.zmdi-local-airport:before {
  content: "";
}

.zmdi-local-atm:before {
  content: "";
}

.zmdi-local-bar:before {
  content: "";
}

.zmdi-local-cafe:before {
  content: "";
}

.zmdi-local-car-wash:before {
  content: "";
}

.zmdi-local-convenience-store:before {
  content: "";
}

.zmdi-local-dining:before {
  content: "";
}

.zmdi-local-drink:before {
  content: "";
}

.zmdi-local-florist:before {
  content: "";
}

.zmdi-local-gas-station:before {
  content: "";
}

.zmdi-local-grocery-store:before {
  content: "";
}

.zmdi-local-hospital:before {
  content: "";
}

.zmdi-local-laundry-service:before {
  content: "";
}

.zmdi-local-library:before {
  content: "";
}

.zmdi-local-mall:before {
  content: "";
}

.zmdi-local-movies:before {
  content: "";
}

.zmdi-local-offer:before {
  content: "";
}

.zmdi-local-parking:before {
  content: "";
}

.zmdi-local-parking:before {
  content: "";
}

.zmdi-local-pharmacy:before {
  content: "";
}

.zmdi-local-phone:before {
  content: "";
}

.zmdi-local-pizza:before {
  content: "";
}

.zmdi-local-post-office:before {
  content: "";
}

.zmdi-local-printshop:before {
  content: "";
}

.zmdi-local-see:before {
  content: "";
}

.zmdi-local-shipping:before {
  content: "";
}

.zmdi-local-store:before {
  content: "";
}

.zmdi-local-taxi:before {
  content: "";
}

.zmdi-local-wc:before {
  content: "";
}

.zmdi-my-location:before {
  content: "";
}

.zmdi-directions:before {
  content: "";
}

::-webkit-scrollbar {
  width: 0.4166666667rem;
  height: 0.4166666667rem;
}

::-webkit-scrollbar-thumb {
  background-color: #DADAE5;
}

::-webkit-scrollbar-track {
  background: #ffffff;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 0.0833333333rem;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

:focus {
  outline: 0;
}

button,
input,
optgroup,
select,
textarea {
  color: #333;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.colorPickBasePrimary {
  color: #1e1e1e;
  display: none;
}

.colorPickBaseSecondary {
  color: #ffffff;
  display: none;
}

.colorPickBrandPrimary {
  color: #064F8D;
  display: none;
}

.colorPickBrandSecondary {
  color: #2BBE04;
  display: none;
}

.colorPickBrandWarning {
  color: #FF5900;
  display: none;
}

.colorPickBrandDanger {
  color: #ff0000;
  display: none;
}

.colorPickFontPrimary {
  color: #ffffff;
  display: none;
}

.colorPickFontSecondary {
  color: #ffffff;
  display: none;
}

.colorPickFontIntro {
  color: #1e1e1e;
  display: none;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.text_base_primary {
  color: #1e1e1e;
}

.bg_base_primary {
  background-color: #1e1e1e;
}

.text_base_secoundary {
  color: #ffffff;
}

.bg_base_secoundary {
  background-color: #ffffff;
}

.text_brand_primary {
  color: #064F8D;
}

.bg_brand_primary {
  background-color: #064F8D;
}

.text_brand_info {
  color: #2BBE04;
}

.bg_brand_info {
  background-color: #2BBE04;
}

.text_brand_warning {
  color: #FF5900;
}

.bg_brand_warning {
  background-color: #FF5900;
}

.text_brand_danger {
  color: #ff0000;
}

.bg_brand_danger {
  background-color: #ff0000;
}

.rotate_45 {
  transform: rotate(45deg);
}

.rotate_-45 {
  transform: rotate(-45deg);
}

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

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

.bigIcon {
  font-size: 2.0833333333rem;
}

.block,
.show {
  display: block !important;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden;
}

.fontWeight500 {
  font-weight: 500 !important;
}

.fontWeightNormal {
  font-weight: normal !important;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.0833333333rem;
  margin: -rem(1);
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.0833333333rem;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

/* .clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
} */
/* .clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
} */
/*  ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  *,
*:before,
*:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}
.clear {
  clear: both;
}

.input-box-control {
  width: 13.3333333333rem;
}
.input-box-control.focus, .input-box-control:hover {
  border-color: #DADAE5;
}
.input-box-control input {
  padding-right: 7.8333333333rem;
  padding-left: 0.8333333333rem;
  text-align: left;
}
.input-box-control .controls .increment,
.input-box-control .controls .decrement {
  font-size: 1.5rem;
  font-weight: 500;
  background-image: linear-gradient(to bottom, #ffffff, #faf9fc, #f4f4fa, #eeeef7, #e8e9f5);
  color: #505050;
  width: 3.5rem;
}
.input-box-control .controls .increment:hover,
.input-box-control .controls .decrement:hover {
  color: #064F8D;
}
.input-box-control .controls .increment.disabled,
.input-box-control .controls .decrement.disabled {
  color: #DADAE5;
  cursor: default;
}

.row.info-popover {
  align-items: center;
  padding-top: 0.4166666667rem;
}
.row.info-popover > *:nth-child(1) {
  white-space: nowrap;
}
.row.info-popover > *:nth-child(2) {
  margin-left: 0.4166666667rem;
  font-size: 1.1666666667rem;
  color: #086abe;
  cursor: pointer;
}
.row.toggle {
  align-items: center;
  padding-top: 0.4166666667rem;
}
.row.toggle > *:nth-child(1) {
  display: flex;
}
.row.toggle > *:nth-child(1) i {
  margin-top: -0.0833333333rem;
  margin-left: 0.4166666667rem;
  font-size: 1.1666666667rem;
  color: #086abe;
  cursor: pointer;
}
.row.toggle > *:nth-child(2) {
  align-self: baseline;
  flex: 1;
}
.row.toggle > *:nth-child(2) > * {
  margin-left: auto;
}

/* ##########################################################################
   ################################ Buttons #################################
   ########################################################################## */
button,
.button {
  position: relative;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  font-size: 0.9166666667rem;
  font-weight: 300;
  height: 2.5rem;
  border-radius: 0.1666666667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 0.8333333333rem 1.6666666667rem;
  border: 1px solid #064F8D;
}
button i,
.button i {
  margin-right: 0.4166666667rem;
}
button.big-icon i,
.button.big-icon i {
  font-size: 1.1666666667rem;
}
button.no-icon-margin i,
.button.no-icon-margin i {
  margin-right: 0;
}
button.big,
.button.big {
  font-weight: 300;
  border-radius: 0.1666666667rem;
  padding: 0 1.6666666667rem;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #FF5900;
  box-sizing: border-box;
  color: #fff;
  font-size: 0.8333333333rem;
  height: 2.5rem;
  line-height: 2.1666666667rem;
  vertical-align: middle;
}
button.big.inverted,
.button.big.inverted {
  color: #fff;
  background-color: #505050;
  border: 1px solid #505050;
}
button.big.inverted:hover,
.button.big.inverted:hover {
  color: #fff;
  background-color: #064F8D;
  border: 1px solid #064F8D;
}
button.big.inverted.disabled,
.button.big.inverted.disabled {
  color: #fff;
  background-color: #DADAE5;
  border: 1px solid #DADAE5;
}
button.big:hover,
.button.big:hover {
  color: #064F8D;
  border: 1px solid #064F8D;
}
button.big.disabled,
.button.big.disabled {
  color: #505050;
  border: 1px solid #FF5900;
  opacity: 0.3;
}
button.small,
.button.small {
  font-size: 0.8333333333rem;
  height: 2rem;
  font-weight: 700;
  color: #fff;
  background-color: #064F8D;
  border: 1px solid #064F8D;
  border-radius: 0.2083333333rem;
  padding: 0 1.0416666667rem;
}
button.small.inverted,
.button.small.inverted {
  color: #fff;
  background-color: #505050;
  border: 1px solid #505050;
}
button.small.inverted:hover,
.button.small.inverted:hover {
  color: #fff;
  background-color: #064F8D;
  border: 1px solid #064F8D;
}
button.small.inverted.disabled,
.button.small.inverted.disabled {
  color: #fff;
  background-color: #DADAE5;
  border: 1px solid #DADAE5;
}
button.small:hover,
.button.small:hover {
  color: #fff;
  background-color: #04345c;
  border: 1px solid #04345c;
}
button.small.disabled,
.button.small.disabled {
  color: #fff;
  background-color: #DADAE5;
  border: 1px solid #DADAE5;
}
button.fullwidth,
.button.fullwidth {
  padding: 0;
  width: 100%;
}
button.validation-error,
.button.validation-error {
  border-color: #FF5900 !important;
}
button.validation-error:hover, button.validation-error:focus,
.button.validation-error:hover,
.button.validation-error:focus {
  border-color: #FF5900 !important;
}
button.blue,
.button.blue {
  background-color: #086abe;
  border-color: #086abe;
  color: #fff;
}
button.blue.active,
.button.blue.active {
  background-color: #032644;
  border-color: #032644;
  color: #fff;
}
button.blue.active:hover,
.button.blue.active:hover {
  background-color: #04345c;
  border-color: #04345c;
  color: #fff;
}
button.blue:hover,
.button.blue:hover {
  background-color: #04345c;
  border-color: #04345c;
  color: #fff;
}
button.blue.disabled,
.button.blue.disabled {
  background-color: #075da5;
  border-color: #075da5;
  color: #fff;
}
button.green,
.button.green {
  background-color: #2BBE04;
  border-color: #2BBE04;
  color: #fff;
}
button.green.active,
.button.green.active {
  background-color: #1a7302;
  border-color: #1a7302;
  color: #fff;
}
button.green.active:hover,
.button.green.active:hover {
  background-color: #2BBE04;
  border-color: #2BBE04;
  color: #fff;
}
button.green:hover,
.button.green:hover {
  background-color: #208c03;
  border-color: #208c03;
  color: #fff;
}
button.green.disabled,
.button.green.disabled {
  background-color: #31d705;
  border-color: #31d705;
  color: #fff;
  pointer-events: none;
}
button.green.fade,
.button.green.fade {
  -webkit-animation: greenFade 2s infinite;
          animation: greenFade 2s infinite;
  border-color: transparent;
}
@-webkit-keyframes greenFade {
  0% {
    background-color: #2BBE04;
  }
  70% {
    background-color: #208c03;
  }
  100% {
    background-color: #2BBE04;
  }
}
@keyframes greenFade {
  0% {
    background-color: #2BBE04;
  }
  70% {
    background-color: #208c03;
  }
  100% {
    background-color: #2BBE04;
  }
}
button.orange,
.button.orange {
  background-color: #FF5900;
  border-color: #FF5900;
  color: #fff;
}
button.orange.active,
.button.orange.active {
  background-color: #DF3F00;
  border-color: #DF3F00;
  color: #fff;
}
button.orange.active:hover,
.button.orange.active:hover {
  background-color: #FF5900;
  border-color: #FF5900;
  color: #fff;
}
button.orange:hover,
.button.orange:hover {
  background-color: #DF3F00;
  border-color: #DF3F00;
  color: #fff;
}
button.orange.disabled,
.button.orange.disabled {
  background-color: #ff6a1a;
  border-color: #ff6a1a;
  color: #fff;
}
button.grey,
.button.grey {
  background-color: unset;
  border: 1px solid #DADAE5;
  background-image: linear-gradient(to bottom, #ffffff, #faf9fc, #f4f4fa, #eeeef7, #e8e9f5);
  color: #505050;
}
button.grey.active,
.button.grey.active {
  background-color: #2BBE04;
  border-color: #DADAE5;
  background-image: none;
  color: #fff;
}
button.grey.active:hover,
.button.grey.active:hover {
  background-color: #2BBE04;
  border-color: #DADAE5;
  background-image: none;
  color: #fff;
}
button.grey.disabled,
.button.grey.disabled {
  background-color: #DADAE5;
  border-color: #505050;
  background-image: none;
  color: #fff;
}
button.grey.disabled:hover,
.button.grey.disabled:hover {
  background-color: #DADAE5;
  border-color: #505050;
  background-image: none;
  color: #fff;
  cursor: not-allowed;
}
button.grey:hover,
.button.grey:hover {
  background-image: none;
  background-color: #2BBE04;
  border-color: #DADAE5;
  color: #fff;
}
button.grey.disabled,
.button.grey.disabled {
  background-image: none;
  background-color: #ff6a1a;
  border-color: #ff6a1a;
  color: #fff;
}
button.requestActive,
.button.requestActive {
  border: #2BBE04;
  color: #ffffff;
  background-color: #2BBE04;
}
button.requestActive:hover,
.button.requestActive:hover {
  background-color: #208c03;
  border: 1px #208c03;
  color: #ffffff;
}

.checkbox-group label.checkbox {
  margin-top: 0.4166666667rem;
}
.checkbox-group label.checkbox:first-child {
  margin-top: 0;
}

.row {
  position: relative;
}
.row .input-checkbox {
  height: 1.1666666667rem;
  width: 1.1666666667rem;
  position: absolute;
}
.row .input-checkbox:hover {
  cursor: pointer;
}
.row input.checkbox {
  display: none;
}
.row input.checkbox + label {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 2rem;
  min-height: 1.1666666667rem;
  line-height: 1.1666666667rem;
  font-size: 1rem;
  color: #222;
  flex: 1;
}
.row input.checkbox + label .icon.info {
  margin-left: 0.4166666667rem;
  font-size: 1.1666666667rem;
  color: #086abe;
  cursor: pointer;
}
.row input.checkbox + label:before {
  content: "";
  height: 1.1666666667rem;
  width: 1.1666666667rem;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.row input.checkbox[disabled] + label:hover {
  cursor: default;
}
.row input.checkbox:checked + label:before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC41IDE0LjUiPg0KICA8ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj4NCiAgICA8ZyBpZD0iTGF5ZXJfMTQiIGRhdGEtbmFtZT0iTGF5ZXIgMTQiPg0KICAgICAgPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB4PSIuMjUiIHk9Ii4yNSIgZmlsbD0iI0Y1RjZGNiIgcng9IjIiIHJ5PSIyIi8+DQogICAgICA8cGF0aCBmaWxsPSIjQjRCOUJCIiBkPSJNMTIuMjUgMTQuNWgtMTBBMi4yNSAyLjI1IDAgMCAxIDAgMTIuMjV2LTEwQTIuMjUgMi4yNSAwIDAgMSAyLjI1IDBoMTBhMi4yNSAyLjI1IDAgMCAxIDIuMjUgMi4yNXYxMGEyLjI1IDIuMjUgMCAwIDEtMi4yNSAyLjI1em0tMTAtMTRBMS43NiAxLjc2IDAgMCAwIC41IDIuMjV2MTBBMS43NiAxLjc2IDAgMCAwIDIuMjUgMTRoMTBBMS43NiAxLjc2IDAgMCAwIDE0IDEyLjI1di0xMEExLjc2IDEuNzYgMCAwIDAgMTIuMjUuNXoiLz4NCiAgICAgIDxwYXRoIGZpbGw9IiMzY2I1NGEiIGQ9Ik0xMS4zNCA0TDguMDYgNy4yOWwzLjI4IDMuMjUtLjgyLjgyLTMuMjgtMy4yNUw0IDExLjM2bC0uODItLjgyIDMuMjQtMy4yNUwzLjE2IDQgNCAzLjIxbDMuMjQgMy4yNSAzLjI4LTMuMjV6Ii8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-size: 1.1666666667rem;
  background-repeat: no-repeat;
  background-position: center;
}
.row input.checkbox:checked + label {
  color: #064F8D;
}
.row input.checkbox[disabled]:checked + label:before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC41IDEwLjUiPjxwYXRoIGQ9Ik05LjMyIDBhMS4xNCAxLjE0IDAgMCAxIC44NC4zNCAxLjE0IDEuMTQgMCAwIDEgLjM0Ljg0djguMTRhMS4xNiAxLjE2IDAgMCAxLTEuMTggMS4xOEgxLjE4YTEuMTQgMS4xNCAwIDAgMS0uODQtLjM0QTEuMTQgMS4xNCAwIDAgMSAwIDkuMzJWMS4xOEExLjE0IDEuMTQgMCAwIDEgLjM0LjM0IDEuMTQgMS4xNCAwIDAgMSAxLjE4IDB6TTQuMDcgOC4xOGw1LjI1LTUuMjUtLjgyLS44NS00LjQzIDQuNDNMMiA0LjQzbC0uODIuODJ6IiBmaWxsPSIjYWZhZmFmIiBkYXRhLW5hbWU9IkxheWVyIDIiLz48L3N2Zz4=");
  background-size: 1.1666666667rem;
  background-repeat: no-repeat;
  background-position: center;
}
.row input.checkbox + label:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC41IDE0LjUiPg0KICA8ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj4NCiAgICA8ZyBpZD0iTGF5ZXJfMTQiIGRhdGEtbmFtZT0iTGF5ZXIgMTQiPg0KICAgICAgPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB4PSIuMjUiIHk9Ii4yNSIgZmlsbD0iI0Y1RjZGNiIgcng9IjIiIHJ5PSIyIi8+DQogICAgICA8cGF0aCBmaWxsPSIjQjRCOUJCIiBkPSJNMTIuMjUgMTQuNWgtMTBBMi4yNSAyLjI1IDAgMCAxIDAgMTIuMjV2LTEwQTIuMjUgMi4yNSAwIDAgMSAyLjI1IDBoMTBhMi4yNSAyLjI1IDAgMCAxIDIuMjUgMi4yNXYxMGEyLjI1IDIuMjUgMCAwIDEtMi4yNSAyLjI1em0tMTAtMTRBMS43NiAxLjc2IDAgMCAwIC41IDIuMjV2MTBBMS43NiAxLjc2IDAgMCAwIDIuMjUgMTRoMTBBMS43NiAxLjc2IDAgMCAwIDE0IDEyLjI1di0xMEExLjc2IDEuNzYgMCAwIDAgMTIuMjUuNXoiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
  background-size: 1.1666666667rem;
  background-repeat: no-repeat;
  background-position: center;
}
.row input.checkbox[disabled] + label:before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC41IDEwLjUiPjxwYXRoIGQ9Ik05LjMyIDBhMS4xNCAxLjE0IDAgMCAxIC44NC4zNCAxLjE0IDEuMTQgMCAwIDEgLjM0Ljg0djguMTRhMS4xNiAxLjE2IDAgMCAxLTEuMTggMS4xOEgxLjE4YTEuMTQgMS4xNCAwIDAgMS0uODQtLjM0QTEuMTQgMS4xNCAwIDAgMSAwIDkuMzJWMS4xOEExLjE0IDEuMTQgMCAwIDEgLjM0LjM0IDEuMTQgMS4xNCAwIDAgMSAxLjE4IDB6bTAgMS4xOEgxLjE4djguMTRoOC4xNHoiIGZpbGw9IiNhZmFmYWYiIGRhdGEtbmFtZT0iTGF5ZXIgMiIvPjwvc3ZnPg==");
  background-size: 1.1666666667rem;
  background-repeat: no-repeat;
  background-position: center;
}

.change-view {
  position: absolute;
  top: 1.6666666667rem;
  right: 1.6666666667rem;
  outline: none;
  display: flex;
}
.change-view > * {
  margin-right: 0.8333333333rem;
}
.change-view > *:last-child {
  margin-right: 0;
}
.change-view .fab {
  position: relative;
  cursor: pointer;
  outline: none;
  background-color: #ffffff;
  color: #000;
  text-align: left;
  box-sizing: border-box;
  border-radius: 50%;
  width: 3.75rem;
  height: 3.75rem;
  padding: 0.8333333333rem;
}
.change-view .fab div {
  position: relative;
  margin: auto;
}
.change-view .fab p {
  margin: 0;
  padding-top: 0.8333333333rem;
  font-size: 0.8333333333rem;
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
}
.change-view .fab svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  height: 1.3333333333rem;
}
.change-view .fab svg path {
  fill: #064F8D;
}
.change-view .fab.active {
  background-color: #086abe;
}
.change-view .fab.active svg #icon * {
  fill: #ffffff;
}
.change-view .fab.active:hover {
  background-color: #04345c;
}
.change-view .fab.active:hover svg #icon * {
  fill: #ffffff;
}
.change-view .fab.disabled {
  background: #DADAE5;
}
.change-view .fab.disabled svg #icon * {
  fill: #DADAE5;
}
.change-view .fab.disabled:hover {
  background: #DADAE5;
}
.change-view .fab.disabled:hover svg #icon * {
  fill: #DADAE5;
}
.change-view .fab:hover {
  background-color: #04345c;
}
.change-view .fab:hover svg path {
  fill: #ffffff;
}
.change-view .fab:hover p {
  color: #000;
}

.capture-view {
  position: absolute;
  top: 1.6666666667rem;
  left: 1.6666666667rem;
  outline: none;
  display: flex;
}
.capture-view .fab {
  position: relative;
  cursor: pointer;
  outline: none;
  background-color: #ffffff;
  color: #000;
  text-align: left;
  box-sizing: border-box;
  border-radius: 50%;
  width: 3.75rem;
  height: 3.75rem;
  padding: 0.8333333333rem;
}
.capture-view .fab div {
  position: relative;
  margin: auto;
}
.capture-view .fab p {
  margin: 0;
  padding-top: 0.8333333333rem;
  font-size: 0.8333333333rem;
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
}
.capture-view .fab svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  height: 1.3333333333rem;
}
.capture-view .fab svg path {
  fill: #064F8D;
}
.capture-view .fab.active {
  background-color: #086abe;
}
.capture-view .fab.active svg #icon * {
  fill: #ffffff;
}
.capture-view .fab.active:hover {
  background-color: #04345c;
}
.capture-view .fab.active:hover svg #icon * {
  fill: #ffffff;
}
.capture-view .fab.disabled {
  background: #DADAE5;
}
.capture-view .fab.disabled svg #icon * {
  fill: #DADAE5;
}
.capture-view .fab.disabled:hover {
  background: #DADAE5;
}
.capture-view .fab.disabled:hover svg #icon * {
  fill: #DADAE5;
}
.capture-view .fab:hover {
  background-color: #04345c;
}
.capture-view .fab:hover svg path {
  fill: #ffffff;
}
.capture-view .fab:hover p {
  color: #000;
}

.grid .parameter-content {
  position: relative;
  width: 100%;
  display: grid;
  grid-auto-rows: 1fr;
  grid-gap: 0.8333333333rem;
}
.grid.aspect-ratio .parameter-content .grid-item {
  padding-bottom: 100%;
}
.grid .grid-item .parameter-content {
  border: 1px solid #DADAE5;
  border-radius: 0.1666666667rem;
}
.grid .grid-item .parameter-content:hover {
  cursor: pointer;
}
.grid.big .parameter-content {
  grid-template-columns: repeat(2, 1fr);
}
.grid.default .parameter-content {
  grid-template-columns: repeat(4, 1fr);
}
.grid.small .parameter-content {
  grid-template-columns: repeat(5, 1fr);
}
.grid.smaller .parameter-content {
  grid-template-columns: repeat(7, 1fr);
}
.grid.customized .parameter-content {
  grid-template-columns: repeat(3, 1fr);
}
.grid.type_svg .parameter-content .grid-item.active, .grid.type_svg .parameter-content .grid-item:hover {
  background-color: #2BBE04;
}
.grid.type_svg .parameter-content .grid-item.active svg path, .grid.type_svg .parameter-content .grid-item:hover svg path {
  fill: #ffffff;
}
.grid.type_thumbnail .parameter-content .grid-item {
  border: 1px solid #DADAE5;
  border-radius: 0.1666666667rem;
  box-sizing: border-box;
  background-color: #ffffff;
}
.grid.type_thumbnail .parameter-content .grid-item.active, .grid.type_thumbnail .parameter-content .grid-item:hover {
  border-color: #2BBE04;
  cursor: pointer;
}
.grid.type_button .parameter-content button,
.grid.type_button .parameter-content .button {
  border-width: 0;
  justify-content: center;
  border: 1px solid #DADAE5;
}
.grid.type_button .parameter-content button:hover i,
.grid.type_button .parameter-content .button:hover i {
  color: #ffffff;
}
.grid.type_button .parameter-content button.active i,
.grid.type_button .parameter-content .button.active i {
  color: #ffffff;
}
.grid.type_button .parameter-content button.disabled i,
.grid.type_button .parameter-content .button.disabled i {
  color: #ffffff;
}
.grid.type_button .parameter-content i {
  font-size: 1.1666666667rem;
  color: #086abe;
  margin-left: 0.1666666667rem;
  vertical-align: bottom;
}
.grid.type_button .parameter-content .grid-item.active i, .grid.type_button .parameter-content .grid-item:hover i {
  color: #ffffff;
}
.grid .more .parameter-content {
  width: 100%;
  margin-top: 0.8333333333rem;
  font-size: 0.8333333333rem;
  text-align: right;
  color: #505050;
  cursor: pointer;
}
.grid .more .parameter-content i {
  padding-left: 0.5rem;
}

.input-box-control {
  position: relative;
  height: 2.5rem;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 0.4166666667rem;
  border: 1px solid #DADAE5;
  width: 13.3333333333rem;
  /*  &.focus,
   &:hover{
       border: 1px solid $primary-color;
   } */
}
.input-box-control input[type=number]::-webkit-outer-spin-button,
.input-box-control input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-box-control input[type=number] {
  -moz-appearance: textfield;
}
.input-box-control input {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 300;
  border: none;
  border-radius: 0.4166666667rem;
  padding-right: 7.8333333333rem;
  padding-left: 0.8333333333rem;
  text-align: left;
}
.input-box-control input:focus {
  border-color: none;
}
.input-box-control .controls {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 100%;
  display: flex;
  text-align: center;
  box-sizing: border-box;
}
.input-box-control .controls .increment,
.input-box-control .controls .decrement {
  position: relative;
  height: 100%;
  width: 3.5rem;
  line-height: 2.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.input-box-control .controls .increment,
.input-box-control .controls .decrement {
  font-size: 1rem;
  background-color: #DADAE5;
  cursor: pointer;
}
.input-box-control .controls .increment:hover,
.input-box-control .controls .decrement:hover {
  color: #064F8D;
}
.input-box-control .controls .increment.disabled,
.input-box-control .controls .decrement.disabled {
  color: #DADAE5;
  cursor: default;
}
.input-box-control .controls .increment {
  border-top-right-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
.input-box-control .controls .increment:before,
.input-box-control .controls .decrement:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 100%;
  width: 1px;
  background-color: #DADAE5;
}
.input-box-control.validation-error {
  border-color: #FF5900;
}
.input-box-control.validation-error:hover, .input-box-control.validation-error:focus {
  border-color: #FF5900;
}

.input-box {
  position: relative;
  height: 3rem;
  display: flex;
  box-sizing: border-box;
  border: 1px solid #DADAE5;
  border-radius: 0.1666666667rem;
  align-items: center;
}
.input-box input {
  flex: 1;
  font-size: 0.9166666667rem;
  padding: 0 0.8333333333rem;
  color: #505050;
  font-weight: 400;
  border: none;
  -webkit-border-radius: 0;
  height: 100%;
}
.input-box input:focus {
  border-color: #505050;
}
.input-box input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #DADAE5;
  font-weight: c;
}
.input-box input::-moz-placeholder {
  /* Firefox 19+ */
  color: #DADAE5;
  font-weight: c;
}
.input-box input:-ms-input-placeholder {
  /* IE 10+ */
  color: #DADAE5;
  font-weight: c;
}
.input-box input:-moz-placeholder {
  /* Firefox 18- */
  color: #DADAE5;
  font-weight: c;
}
.input-box .prefix,
.input-box .suffix {
  padding: 0 0.8333333333rem;
}
.input-box .prefix i,
.input-box .suffix i {
  font-size: 1.25rem;
  cursor: pointer;
  color: #505050;
}
.input-box .prefix.success i,
.input-box .suffix.success i {
  color: #2BBE04;
}
.input-box .prefix {
  font-size: 1.0833333333rem;
  color: #064F8D;
  font-weight: 500;
}
.input-box .prefix.border {
  border-right: 1px solid #DADAE5;
}
.input-box .suffix.border {
  border-left: 1px solid #DADAE5;
}
.input-box.default {
  width: 35rem;
}
.input-box.fullwidth {
  width: 100%;
}
.input-box.warning {
  border-color: #FF5900;
}
.input-box.warning:hover, .input-box.warning:focus {
  border-color: #FF5900;
}

.input-upload-wrapper {
  color: black;
}
.input-upload-wrapper input[type=file] {
  display: none;
}
.input-upload-wrapper .subline {
  color: #064F8D;
  font-weight: 500;
  margin-top: 2.5rem;
  margin-bottom: 0.8333333333rem;
}
.input-upload-wrapper .description {
  margin-bottom: 1.6666666667rem;
}

.input-upload-button {
  border: 1px solid #DADAE5;
  padding: 0.6666666667rem 1.6666666667rem;
  background-image: linear-gradient(to bottom, #ffffff, #faf9fc, #f4f4fa, #eeeef7, #e8e9f5);
  cursor: pointer;
  color: #505050;
}
.input-upload-button.download {
  background-image: none;
  background-color: #2BBE04;
  border-color: #2BBE04;
  color: #fff;
  margin-top: 0.4166666667rem;
}
.input-upload-button.download:hover {
  background-image: none;
  background-color: #208c03;
  border-color: #208c03;
  color: #fff;
}
.input-upload-button:hover {
  background-image: none;
  background-color: #2BBE04;
  border-color: #2BBE04;
  color: #fff;
}

.input-upload-reset {
  margin-top: 0.8333333333rem;
  margin-left: 0.25rem;
  border: unset;
  background-color: unset;
}

.interaction .item {
  display: flex;
  margin-bottom: 0.8333333333rem;
}
.interaction .item .icon {
  flex: 0 0 3.3333333333rem;
  margin-right: 0.8333333333rem;
  background-repeat: no-repeat;
}
.interaction .item .icon.rotate {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 38.52 43.7" xmlns="http://www.w3.org/2000/svg"><g data-name="Ebene 2"><g id="interaktion"><path d="M21.14 4.71L16.44 0v2.79A19.2 19.2 0 0011 39.15l1.1-3.62a15.44 15.44 0 014.34-28.87v2.75zm6.39-.3l-1.15 3.74A15.44 15.44 0 0122.09 37v-2.71L17.38 39l4.71 4.7v-2.92a19.21 19.21 0 005.44-36.37z" fill="%23064F8D" opacity=".4"/><path d="M19.26 14a1 1 0 00-1 1v2.1a1 1 0 001 1v2.13h-6.8v-1.52a6.82 6.82 0 016.8-6.8z" fill="%23064F8D" opacity=".4"/><path d="M19.26 11.41a7.3 7.3 0 00-7.3 7.3V25a7.31 7.31 0 1014.61 0v-6.29a7.31 7.31 0 00-7.31-7.3zm6.81 7.3v1.39h-6.56v-1.68a1.28 1.28 0 001-1.24v-2.1a1.28 1.28 0 00-1-1.24v-1.92a6.82 6.82 0 016.56 6.79zm-6.81-4.42a.79.79 0 01.8.79v2.1a.79.79 0 01-.8.79.79.79 0 01-.79-.79v-2.1a.79.79 0 01.79-.79zm-6.8 4.42A6.82 6.82 0 0119 11.92v1.92a1.27 1.27 0 00-1 1.24v2.1a1.27 1.27 0 001 1.24v1.68h-6.54zm6.8 13.09a6.83 6.83 0 01-6.8-6.8v-4.4h13.61V25a6.84 6.84 0 01-6.81 6.8z" fill="%23064F8D"/></g></g></svg>');
}
.interaction .item .icon.translate {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g data-name="Ebene 2"><g id="interaktion"><path d="M20 12.18a1.06 1.06 0 011.05 1.05v2.09A1 1 0 0120 16.37v2.13h6.8v-1.64a6.82 6.82 0 00-6.8-6.8z" fill="%23064F8D" opacity=".4"/><g fill="%23064F8D" fill-opacity=".4"><path d="m17.356 10.084 2.6683-0.28366 2.6202 0.23558-0.0106-3.8807h3.6l-6.19-6.19-6.19 6.19h3.6z"/><path d="m22.668 29.656-2.6683 0.28366-2.6202-0.23558 0.0106 3.8807h-3.6l6.19 6.19 6.19-6.19h-3.6z"/><path d="m27.041 17.404 0.03807 2.6611 0.06225 2.6266 6.6815-0.05165 0.03556 3.5998 6.1286-6.2508-6.2508-6.1286 0.03556 3.5998z"/><path d="m12.881 22.79-1e-3 -2.6614-0.02566-2.6272-6.6816-0.04141 0.014578-3.6-6.215 6.1649 6.1649 6.215 0.014578-3.6z"/></g><path d="M20 9.56a7.3 7.3 0 00-7.3 7.3v6.28a7.3 7.3 0 0014.6 0v-6.28a7.3 7.3 0 00-7.3-7.3zm6.8 7.3v1.39h-6.55v-1.68a1.29 1.29 0 001.05-1.25v-2.09A1.29 1.29 0 0020.25 12v-1.93a6.81 6.81 0 016.55 6.79zM20 12.43a.8.8 0 01.8.8v2.09a.8.8 0 01-1.6 0v-2.09a.8.8 0 01.8-.8zm-6.8 4.43a6.81 6.81 0 016.55-6.79V12a1.29 1.29 0 00-1.05 1.25v2.09a1.29 1.29 0 001.05 1.25v1.68H13.2zM20 29.94a6.82 6.82 0 01-6.8-6.8v-4.39h13.6v4.39a6.82 6.82 0 01-6.8 6.8z" fill="%23064F8D"/></g></g></svg>');
}
.interaction .item .icon.zoom {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g transform="translate(12.596)" data-name="Ebene 2"><g id="interaktion"><g fill="%23064F8D"><path d="m9.9 6.19h3.59l-6.19-6.19-6.18 6.19h3.59l0.00379 4.0465 2.6114-0.35355 2.5786 0.35355z" opacity=".4"/><path d="m9.9024 29.596-2.5985 0.46154-2.5837-0.44591-0.010216 4.1987h-3.59l6.18 6.19 6.19-6.19h-3.59z" opacity=".4"/><path d="m7.305 12.18c0.57893 0 1.045 0.4683 1.045 1.05v2.09c0 0.5817-0.46607 1.05-1.045 1.05s-1.045-0.4683-1.045-1.05v-2.09c0-0.5817 0.46607-1.05 1.045-1.05z" opacity=".4"/></g><path d="m7.3 9.56a7.31 7.31 0 0 0-7.3 7.3v6.28a7.31 7.31 0 0 0 14.61 0v-6.28a7.31 7.31 0 0 0-7.31-7.3zm6.81 7.3v1.39h-6.56v-1.68a1.28 1.28 0 0 0 1-1.25v-2.09a1.28 1.28 0 0 0-1-1.25v-1.91a6.82 6.82 0 0 1 6.56 6.79zm-6.81-4.43a0.8 0.8 0 0 1 0.8 0.8v2.09a0.8 0.8 0 0 1-0.8 0.8 0.79 0.79 0 0 1-0.79-0.8v-2.09a0.79 0.79 0 0 1 0.79-0.8zm-6.8 4.43a6.82 6.82 0 0 1 6.55-6.79v1.93a1.28 1.28 0 0 0-1 1.25v2.09a1.28 1.28 0 0 0 1 1.25v1.68h-6.55zm6.8 13.08a6.82 6.82 0 0 1-6.8-6.8v-4.39h13.61v4.39a6.82 6.82 0 0 1-6.81 6.8z" fill="%23064F8D"/></g></g></svg>');
}
.interaction .item .info {
  flex: 1 1;
}
.interaction .item .info .title {
  margin-bottom: 0.4166666667rem;
  color: #064F8D;
}
.interaction .item .info .text {
  color: black;
}
.interaction .item.disabled {
  opacity: 0.25;
}

.row {
  display: flex;
  align-items: center;
}
.row.center {
  justify-content: center;
}
.row.end {
  justify-content: flex-end;
}
.row > * {
  flex: 0;
}
.row .action {
  cursor: pointer;
  height: 2.5rem;
  display: table;
}
.row .action i {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.1666666667rem;
}
.row .action i:hover {
  color: #064F8D;
}
.row.half {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1.6666666667rem;
}

.select-box {
  position: relative;
}
.select-box::after {
  width: 2.5rem;
  height: 2.3333333333rem;
  top: 0.1666666667rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 2.5rem;
  max-height: 100%;
  display: block;
  content: "";
  position: absolute;
  right: 0;
  font-size: 0.4166666667rem;
  text-align: center;
  pointer-events: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2LjUgNCI+PHBhdGggZD0iTTYuNS43NkwzLjI1IDQgMCAuNzYuNzYgMGwyLjQ5IDIuNDhMNS43NCAweiIgZmlsbD0iIzkxOTA5MCIgZGF0YS1uYW1lPSJMYXllciAyIi8+PC9zdmc+");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.8333333333rem;
}
.select-box select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 1.6666666667rem 0 0.4166666667rem;
  line-height: 2.5rem;
  border-radius: 0.1666666667rem;
  background-clip: padding-box;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff, #faf9fc, #f4f4fa, #eeeef7, #e8e9f5);
  height: 100%;
  width: 100%;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  border: 1px solid #DADAE5;
}
.select-box select option {
  color: #6E6E6E;
}
.select-box select option:disabled {
  background-color: #DADAE5;
  color: #ffffff;
}

textarea {
  position: relative;
  height: 10.3333333333rem;
  max-height: 10.3333333333rem;
  border-radius: 0.1666666667rem;
  border: 1px solid #DADAE5;
  font-size: 0.9166666667rem;
  color: #505050;
  resize: none;
  width: 100%;
  padding: 0;
}
textarea.small {
  height: 4.5833333333rem;
  min-height: 4.5833333333rem;
}
textarea.resize-vertical {
  resize: vertical;
}
textarea.resize-horizontal {
  resize: horizontal;
}
textarea.resize-both {
  resize: both;
}
textarea.validation-error {
  border-color: #FF5900;
}
textarea.validation-error:hover, textarea.validation-error:focus {
  border-color: #FF5900;
}

.toggle {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  top: 1.6666666667rem;
  right: 1.6666666667rem;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
  font-size: 0.8333333333rem;
  width: 3rem;
  height: 1rem;
  font-weight: 300;
  background-image: linear-gradient(to bottom, #ffffff, #faf9fc, #f4f4fa, #eeeef7, #e8e9f5);
  border-radius: 1.0416666667rem;
  padding: 0.6666666667rem 1.6666666667rem;
}
.toggle .toggle-label {
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(100% - 1.25rem + 4px);
  text-align: center;
  transform: translate3d(0, -50%, 0);
  font-weight: 300;
}
.toggle::after {
  position: absolute;
  top: 50%;
  content: "";
  height: calc(1.25rem - 4px);
  width: calc(1.25rem - 4px);
  transform: translate3d(0, -50%, 0);
  background-color: #2BBE04;
  border-radius: 50%;
  transition: left 0.3s ease;
}
.toggle.locked::after {
  position: absolute;
  top: 50%;
  content: "";
  height: calc(1.25rem - 4px);
  width: calc(1.25rem - 4px);
  transform: translate3d(0, -50%, 0);
  background-color: #2BBE04;
  border-radius: 50%;
  transition: left 0.3s ease;
  color: #ffffff;
  font-family: "Material-Design-Iconic-Font";
}
.toggle.checked {
  border: 1px solid #DADAE5;
  color: #2BBE04;
}
.toggle.checked .toggle-label {
  left: 0;
  right: auto;
}
.toggle.checked::after {
  left: calc(100% - 1.25rem + 2px);
}
.toggle.unchecked {
  border: 1px solid #DADAE5;
}
.toggle.unchecked .toggle-label {
  left: auto;
  right: 0;
  color: #6E6E6E;
}
.toggle.unchecked::after {
  left: 2px;
  background-color: #DADAE5;
}
.toggle:hover {
  border: 1px solid #2BBE04;
}
.toggle.disabled {
  color: #ffffff;
  border: 1px solid #DADAE5;
  cursor: not-allowed;
}
.toggle.disabled .toggle-label {
  color: #DADAE5;
}

.page.imprint-privacy-page {
  display: block;
  opacity: 1;
}
.page.products .page-content .page-part {
  margin-top: unset;
}
.page.products .page-content .page-part.middle {
  margin-bottom: 1.6666666667rem;
}
.page.products .page-content .page-part.middle .middle-top .page-heading {
  margin: 2rem 0;
  text-transform: uppercase;
}
.page.products .page-content .page-part.middle .middle-middle {
  margin: 0 auto;
  display: block;
  padding: 0 4.1666666667rem;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item {
  position: relative;
  height: 13.3333333333rem;
  width: 22.5rem;
  border: 1px solid #DADAE5;
  border-radius: 0.1666666667rem;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item:last-child {
  margin-bottom: 0;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link {
  height: 100%;
  width: 100%;
  display: block;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link img {
  height: 100%;
  width: 100%;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link .product-info-wrapper {
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  border: 1px solid #DADAE5;
  height: 3.3333333333rem;
  line-height: 3.3333333333rem;
  text-align: center;
  font-size: 0.9166666667rem;
  color: #064F8D;
  border-radius: 0.1666666667rem;
  background-image: linear-gradient(to bottom, #ffffff, #faf9fc, #f4f4fa, #eeeef7, #e8e9f5);
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link .product-info-wrapper .product-infos {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: initial;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link .product-info-wrapper .product-infos .product-name {
  font-size: 1.0833333333rem;
  font-weight: 400;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link .product-info-wrapper .product-infos .product-name span {
  font-weight: 700;
  text-transform: none;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link .product-info-wrapper .product-infos .product-category {
  font-size: 0.75rem;
  font-weight: 300;
  color: #032644;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link .product-info-wrapper span {
  font-weight: 700;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link .product-info-wrapper i {
  position: absolute;
  top: 50%;
  right: 0.8333333333rem;
  color: #2BBE04;
  transform: translate3d(0, -50%, 0);
  font-size: 1.1666666667rem;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link .product-info-wrapper.active {
  background-image: none;
  background-color: #2BBE04;
  color: #ffffff;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link .product-info-wrapper.active i {
  color: #ffffff;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link .product-info-wrapper.active .product-infos .product-category {
  color: #ffffff;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link:hover .product-info-wrapper {
  background-image: unset;
  background: #2BBE04;
  color: #ffffff;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link:hover .product-info-wrapper i {
  color: #ffffff;
}
.page.products .page-content .page-part.middle .middle-middle .configurators-wrapper .configurator-item .product-link:hover .product-info-wrapper .product-category {
  color: #ffffff;
}
@media (max-width: 480px) {
  .page.products .page-content .page-part.middle .middle-middle .configurators-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 480px) and (max-width: 720px) {
  .page.products .page-content .page-part.middle .middle-middle .configurators-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 479px) {
  .page.products .page-content .page-part.middle .middle-middle {
    width: unset;
  }
}
@media only screen and (max-width: 479px) {
  .page.upload-offer-page .page-content .page-part.middle .middle-middle {
    width: 90%;
    padding: 0 1.6666666667rem;
  }
  .page.upload-offer-page .page-content .page-part.middle .middle-middle .row {
    width: 100%;
  }
  .page.upload-offer-page .page-content .page-part.middle .middle-middle .row.half {
    grid-column-gap: 0.6666666667rem;
  }
  .page.upload-offer-page .page-content .page-part.middle .middle-middle .row input {
    width: 100%;
  }
  .page.upload-offer-page .page-content .page-part.middle .middle-middle .input-label-wrapper {
    width: 100%;
  }
  .page.upload-offer-page .page-content .page-part.middle .middle-middle .input-label-wrapper .input-box {
    width: unset;
  }
  .page.upload-offer-page .page-content .page-part.middle .middle-middle .save-configuration {
    width: unset;
  }
  .page.upload-offer-page .page-content .page-part.middle .middle-middle .save-configuration .page-sub-heading {
    text-align: center;
  }
  .page.upload-offer-page .page-content .page-part.middle .middle-middle .save-configuration .input-box {
    width: unset;
  }
}
.page.upload-offer-page .page-content .page-part.middle .middle-middle .required-fields-info {
  margin-top: -0.8333333333rem;
  font-size: 1rem;
  color: #6E6E6E;
}
.page.upload-offer-page .page-content .page-part.middle .middle-middle .save-configuration {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 5.4166666667rem;
}
.page.upload-offer-page .page-content .page-part.middle .middle-middle .save-configuration > * {
  margin-bottom: 1.6666666667rem;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .page.summary .page-content .page-part.middle .middle-middle {
    margin: 0 auto;
    padding-right: 0;
  }
}
.page.summary .page-content .page-part.middle .middle-middle table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
}
.page.summary .page-content .page-part.middle .middle-middle table tr {
  border-bottom: 0.0833333333rem solid #DADAE5;
}
.page.summary .page-content .page-part.middle .middle-middle table tr:last-child {
  border-bottom: 0;
}
.page.summary .page-content .page-part.middle .middle-middle table td {
  color: #505050;
  font-weight: 400;
  font-size: 0.9166666667rem;
  vertical-align: top;
}
.page.summary .page-content .page-part.middle .middle-middle table th,
.page.summary .page-content .page-part.middle .middle-middle table td {
  padding: 1.25rem 0.5rem;
  text-align: center;
}
.page.summary .page-content .page-part.middle .middle-middle table th {
  color: #064F8D;
  font-weight: 700;
  text-transform: uppercase;
}
.page.summary .page-content .page-part.middle .middle-middle table .position {
  width: 8%;
  text-align: left;
}
.page.summary .page-content .page-part.middle .middle-middle table .article-number {
  width: 16%;
  text-align: left;
}
.page.summary .page-content .page-part.middle .middle-middle table .description {
  width: 49%;
  text-align: left;
}
.page.summary .page-content .page-part.middle .middle-middle table .description .description-headline {
  font-weight: 700;
  margin-bottom: 0.3333333333rem;
}
.page.summary .page-content .page-part.middle .middle-middle table .quantity {
  width: 6%;
  text-align: right;
}
.page.summary .page-content .page-part.middle .middle-middle table .price,
.page.summary .page-content .page-part.middle .middle-middle table .single-price {
  width: 13%;
  text-align: right;
  white-space: nowrap;
}
.page.summary .page-content .page-part.middle .middle-middle table .price.double,
.page.summary .page-content .page-part.middle .middle-middle table .single-price.double {
  width: 26%;
}
.page.summary .page-content .page-part.middle .middle-middle table .total-price-wrapper .total-price,
.page.summary .page-content .page-part.middle .middle-middle table .total-price-wrapper .total-price-label {
  font-size: 0.9166666667rem;
  color: #064F8D;
  font-weight: 700;
  text-align: right;
}
.page.summary .page-content .page-part.middle .middle-middle .product-list-info {
  margin: 5rem;
  font-size: 1rem;
  color: #6E6E6E;
  font-weight: 300;
  text-align: center;
}
.page.summary .page-content .page-part.middle .middle-middle .save-configuration {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 0 1.6666666667rem;
  box-sizing: border-box;
  width: 100%;
}
.page.summary .page-content .page-part.middle .middle-middle .save-configuration > * {
  margin-bottom: 1.6666666667rem;
  text-align: center;
}
.page.summary .page-content .page-part.middle .middle-middle .save-configuration .login {
  width: 100%;
}
.page.summary .page-content .page-part.middle .middle-middle .save-configuration .login .numpad {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.page.summary .page-content .page-part.middle .middle-middle .save-configuration .login .numpad .button {
  line-height: 0;
}
.page.summary .page-content .page-part.middle .middle-middle .save-configuration .login .numpad > * {
  margin: 0.1666666667rem;
}
@media only screen and (max-width: 479px) {
  .middle-middle {
    width: 90%;
    left: 0;
    padding: 0 1.6666666667rem;
  }
  .middle-middle > * {
    width: unset !important;
  }
  .middle-middle table thead {
    display: none;
  }
  .middle-middle table tr {
    display: block;
    padding: 0.5rem 0;
  }
  .middle-middle table th,
.middle-middle table td {
    padding: 0.4166666667rem !important;
  }
  .middle-middle table td {
    display: block;
    text-align: right;
    font-size: 1rem;
    width: 100% !important;
  }
  .middle-middle table td::before {
    content: attr(data-label);
    float: left;
    font-weight: 500;
    text-transform: uppercase;
    color: #064F8D;
    font-size: 1rem;
    width: 8.3333333333rem;
  }
  .middle-middle table td.description .description-headline,
.middle-middle table td.description .description-body {
    margin-left: 8.3333333333rem;
  }
  .middle-middle table td:last-child {
    border-bottom: 0;
  }
  .middle-middle table .position,
.middle-middle table .article-number,
.middle-middle table .description,
.middle-middle table .quantity,
.middle-middle table .price,
.middle-middle table .single-price {
    text-align: left !important;
    box-sizing: border-box;
  }
  .middle-middle table .total-price-wrapper .total-price,
.middle-middle table .total-price-wrapper .total-price-label {
    display: block;
    text-align: right !important;
    font-size: 1rem;
    width: 100% !important;
    float: right;
  }
  .middle-middle .product-list-info {
    margin: 2rem 0;
  }
  .middle-middle .input-box {
    width: 22.6666666667rem;
  }
}
.dialog {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("../img/complete/preloader_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 0%;
  left: 0%;
  display: none;
}
.dialog .dialog-backdrop {
  background-color: rgba(30, 30, 30, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
}
.dialog .dialog-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-text-align-last: center;
       text-align-last: center;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.dialog .dialog-center .dialog-panel .logo img,
.dialog .dialog-center .dialog-panel .logo svg {
  width: 9.1666666667rem;
}
.dialog .dialog-center .dialog-panel h1 {
  font-size: 1.3333333333rem;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 1.6666666667rem;
  margin-top: 1.6666666667rem;
  text-align: center;
}
.dialog .dialog-center .dialog-panel .dialog-label {
  font-size: 1.1666666667rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0.8333333333rem 0;
  text-align: center;
}
.dialog .dialog-center .dialog-panel .dialog-content {
  position: relative;
  display: block;
  font-size: 1.125em;
  line-height: 1.3;
  margin: 0;
  padding: 0.8333333333rem 0.8333333333rem 0.8333333333rem 0.8333333333rem;
  box-sizing: border-box;
}
.dialog .dialog-center .dialog-panel .dialog-content p {
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  margin: 0;
}
.dialog .dialog-center .dialog-panel .dialog-content a {
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  color: #2BBE04;
  margin-top: 3.3333333333rem;
  display: block;
  text-decoration: none !important;
}
.dialog .dialog-center .dialog-panel .dialog-buttons {
  position: relative;
  display: flex;
  justify-content: space-around;
  padding: 0.8333333333rem 0.8333333333rem 0 0.8333333333rem;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.1666666667rem;
  line-height: 0.5rem;
}

.footer-component {
  position: relative;
  height: 5rem;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  color: #ffffff;
}
.footer-component > * {
  display: flex;
}
.footer-component i {
  font-size: 1.3333333333rem;
}
.footer-component .footer-top {
  border-top: 0.25rem solid #032644;
}
.footer-component .footer-bottom {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 1.6666666667rem;
  background-image: linear-gradient(to right, #064F8D, #04345c, #04345c);
}
.footer-component .footer-bottom .footer-bottom-left,
.footer-component .footer-bottom .footer-bottom-right {
  flex: 1;
}
.footer-component .footer-bottom .footer-bottom-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.footer-component .footer-bottom .footer-bottom-left > * {
  margin-right: 0.8333333333rem;
}
.footer-component .footer-bottom .footer-bottom-left > *:last-child {
  margin-right: 0;
}
.footer-component .footer-bottom .footer-bottom-left .logo {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.footer-component .footer-bottom .footer-bottom-left .logo div {
  font-size: 0.9166666667rem;
  margin-right: 0.8333333333rem;
  text-transform: uppercase;
}
.footer-component .footer-bottom .footer-bottom-left .logo div.product {
  font-size: 1.1666666667rem;
  text-transform: lowercase;
}
.footer-component .footer-bottom .footer-bottom-right {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.footer-component .footer-bottom .footer-bottom-right > * {
  margin-left: 1.6666666667rem;
}
.footer-component .footer-bottom .footer-bottom-right .price {
  font-weight: 500;
  font-size: 1.1666666667rem;
  white-space: nowrap;
}
.footer-component .footer-bottom .footer-bottom-right a.shoplink {
  display: none;
}
@media only screen and (max-width: 479px) {
  .footer-component .start-page {
    padding: 0;
  }
  .footer-component .footer-bottom-left .hideInPortrait,
.footer-component .footer-bottom-right .hideInPortrait {
    display: none;
  }
  .footer-component .footer-bottom-left .logo,
.footer-component .footer-bottom-right .logo {
    margin-right: 0;
  }
  .footer-component .footer-bottom-left i,
.footer-component .footer-bottom-right i {
    margin-right: 0;
  }
  .footer-component .footer-bottom-left .cart,
.footer-component .footer-bottom-right .cart {
    margin-left: 0;
    margin-right: 0.8333333333rem;
  }
}

.header-component {
  position: relative;
  height: 5rem;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  color: #ffffff;
}
.header-component > * {
  display: flex;
}
.header-component i {
  font-size: 1.3333333333rem;
}
.header-component .header-top {
  border-top: 3px solid #032644;
}
.header-component .header-bottom {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 1.6666666667rem;
  background-image: linear-gradient(to right, #064F8D, #04345c, #04345c);
}
.header-component .header-bottom .header-bottom-left,
.header-component .header-bottom .header-bottom-right {
  flex: 1;
}
.header-component .header-bottom .header-bottom-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-component .header-bottom .header-bottom-left > * {
  margin-right: 0.8333333333rem;
}
.header-component .header-bottom .header-bottom-left > *:last-child {
  margin-right: 0;
}
.header-component .header-bottom .header-bottom-left .logo {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.header-component .header-bottom .header-bottom-left .logo div {
  font-size: 0.9166666667rem;
  margin-right: 0.8333333333rem;
  text-transform: uppercase;
}
.header-component .header-bottom .header-bottom-left .logo div.product {
  font-size: 1.1666666667rem;
}
.header-component .header-bottom .header-bottom-left .logo div.product .product_name, .header-component .header-bottom .header-bottom-left .logo div.product .product_prefix {
  text-transform: none;
}
.header-component .header-bottom .header-bottom-right {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.header-component .header-bottom .header-bottom-right > * {
  margin-left: 1.6666666667rem;
}
.header-component .header-bottom .header-bottom-right .price {
  font-weight: 500;
  font-size: 1.1666666667rem;
  white-space: nowrap;
  cursor: pointer;
}
.header-component .header-bottom .header-bottom-right a.shoplink {
  display: none;
}
.header-component .header-bottom .header-bottom-right .save-configuration {
  height: 2.5rem;
}
.header-component .header-bottom .header-bottom-right .save-configuration .link-input {
  height: 100%;
  background-color: #ffffff;
}
@media only screen and (max-width: 479px) {
  .header-component .start-page {
    padding: 0;
  }
  .header-component .header-bottom-left .hideInPortrait,
.header-component .header-bottom-right .hideInPortrait {
    display: none;
  }
  .header-component .header-bottom-left .logo,
.header-component .header-bottom-right .logo {
    margin-right: 0;
  }
  .header-component .header-bottom-left i,
.header-component .header-bottom-right i {
    margin-right: 0;
  }
  .header-component .header-bottom-left .cart,
.header-component .header-bottom-right .cart {
    margin-left: 0;
    margin-right: 0.8333333333rem;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .header-component .header-bottom-left .hideInLandscape,
.header-component .header-bottom-right .hideInLandscape {
    display: none;
  }
}

.modus-toggle {
  position: absolute;
  top: 2.0833333333rem;
  left: 1.6666666667rem;
}

.intern-camera {
  position: absolute;
  right: 1.6666666667rem;
  top: 1.6666666667rem;
  color: #086abe;
  font-size: 2.5rem;
  flex-flow: column;
  align-content: center;
  text-align: center;
  display: none;
}
.intern-camera .camera-button.active {
  background-color: #032644;
  border-color: #032644;
  color: #fff;
}
.intern-camera .camera-button.active:hover {
  background-color: #04345c;
  border-color: #04345c;
  color: #fff;
}
.intern-camera .camera-button:hover {
  background-color: #04345c;
  border-color: #04345c;
  color: #fff;
}

.page {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  display: none;
  opacity: 0;
  z-index: 10;
  bottom: 0;
  right: 0;
}
.page.opened {
  display: block;
}
.page .page-content {
  position: relative;
  height: 100%;
  width: 100%;
  box-shadow: 0.0833333333rem 0.0833333333rem 0.1666666667rem 0px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
}
.page .page-content .page-part {
  position: relative;
  margin-top: 1.6666666667rem;
}
.page .page-content .page-part:first-child {
  margin-top: 0;
}
.page .page-content .page-part .page-heading {
  font-size: 1.25rem;
  font-weight: 700;
  color: #064F8D;
  margin-bottom: 2.5rem;
}
.page .page-content .page-part .page-sub-heading {
  font-size: 1.0833333333rem;
  font-weight: 500;
}
.page .page-content .page-part .page-sub-heading i {
  font-size: 1.1666666667rem;
}
.page .page-content .page-part.top {
  display: flex;
  height: 5rem;
  align-items: center;
  background-image: linear-gradient(to right, #064F8D, #04345c, #04345c);
}
.page .page-content .page-part.middle {
  flex: 1;
  font-size: 0.9166666667rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  min-height: 0;
}
.page .page-content .page-part.middle .middle-top {
  position: relative;
  margin: 0;
  min-height: 3.6666666667rem;
  text-align: center;
}
.page .page-content .page-part.middle .middle-middle {
  position: relative;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  margin-top: 3.3333333333rem;
  margin-bottom: 3.3333333333rem;
  padding-right: 1.25rem;
}
.page .page-content .page-part.middle .middle-middle > * {
  width: 50rem;
  margin-bottom: 1.6666666667rem;
}
.page .page-content .page-part.middle .middle-middle .input-label-wrapper {
  display: flex;
  flex-flow: column;
}
.page .page-content .page-part.middle .middle-middle .input-label-wrapper label {
  font-size: 1rem;
  font-weight: 500;
  color: #6E6E6E;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  display: block;
}
.page .page-content .page-part.middle .middle-middle .input-label-wrapper label.warning {
  color: #FF5900;
}
.page .page-content .page-part.middle .middle-bottom {
  position: relative;
  margin: 0;
  min-height: 3.6666666667rem;
  text-align: center;
}
.preloader {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background-color: #064F8D;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-blend-mode: multiply;
}
.preloader.complete {
  background-image: url("../img/preloader/complete/preloader_bg.png");
}
.preloader.vita {
  background-image: url("../img/preloader/vita/preloader_bg.png");
}
.preloader .preloader-content {
  position: absolute;
  top: 9.1666666667rem;
  left: 4.1666666667rem;
}
.preloader .preloader-content > * {
  margin-bottom: 1.6666666667rem;
}
.preloader .preloader-content .logo {
  height: 8rem;
  width: 23.3333333333rem;
}
.preloader .preloader-content .logo img {
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}
.preloader .preloader-content .label {
  text-transform: uppercase;
  width: 100%;
  font-size: 1.1666666667rem;
  color: #ffffff;
  font-weight: 400;
  font-weight: 700;
}
.preloader .preloader-content .progressbar {
  position: relative;
  width: 23.3333333333rem;
  height: 0.1666666667rem;
  overflow-x: hidden;
}
.preloader .preloader-content .progressbar progress {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 0.1666666667rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Get rid of default border in Firefox. */
  border: none;
}
.preloader .preloader-content .progressbar progress::-webkit-progress-bar {
  background-color: #ffffff;
}
.preloader .preloader-content .progressbar progress::-moz-progress-bar {
  background-color: #064F8D;
}
.preloader .preloader-content .progressbar progress::-webkit-progress-value {
  background-color: #064F8D;
}
.preloader .preloader-content .progressbar progress::-moz-progress-value {
  background-color: #064F8D;
}
@media only screen and (max-width: 479px) {
  .preloader .preloader-content {
    left: 2.1666666667rem;
  }
}

.sidebar {
  width: 26.6666666667rem;
  box-sizing: border-box;
  outline: 0;
  border-right: 1px solid #DADAE5;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-flow: column;
}
.sidebar .configurator-tabs {
  display: flex;
  flex: 0 0 4.1666666667rem;
  height: 4.1666666667rem;
}
.sidebar .configurator-tabs .tab {
  position: relative;
  flex: 1;
  height: 100%;
  border-right: 1px solid #DADAE5;
  border-bottom: 1px solid #DADAE5;
  cursor: pointer;
  box-sizing: border-box;
}
.sidebar .configurator-tabs .tab.rexin, .sidebar .configurator-tabs .tab.brettpit, .sidebar .configurator-tabs .tab.gd24, .sidebar .configurator-tabs .tab.hapu, .sidebar .configurator-tabs .tab.terra {
  background-repeat: no-repeat;
  background-position: center;
}
.sidebar .configurator-tabs .tab.rexin.construction, .sidebar .configurator-tabs .tab.brettpit.construction, .sidebar .configurator-tabs .tab.gd24.construction, .sidebar .configurator-tabs .tab.hapu.construction, .sidebar .configurator-tabs .tab.terra.construction {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.5 50.5"><style>.st0{fill:%23064F8D}</style><g id="Layer_1"><path class="st0" d="M12.3 21v16.1h1.8V21.5h36.3v15.6h1.8V19.7H12.3z"/><path class="st0" d="M47.1 13.4H17.4l-5.1 6.2h40l-5.2-6.2zm-32.9 6.2l4.3-5.1h4.9l-4.1 5.1h-5.1zm13.1 0h-6.2l4-5.1H29l-1.7 5.1zm1.9 0l1.3-5.1H34l1.3 5.1h-6.1zm8 0l-1.6-5.1h3.8l4 5.1h-6.2zm3.9-5H46l4.3 5.1h-5.1l-4.1-5.1z"/><g opacity=".1"><path d="M18.2 14.4L13 20.1h38l-4.4-5.7z"/></g></g></svg>'), linear-gradient(to bottom, #ffffff, #faf9fc, #f4f4fa, #eeeef7, #e8e9f5);
}
.sidebar .configurator-tabs .tab.rexin.construction.open, .sidebar .configurator-tabs .tab.rexin.construction:hover, .sidebar .configurator-tabs .tab.brettpit.construction.open, .sidebar .configurator-tabs .tab.brettpit.construction:hover, .sidebar .configurator-tabs .tab.gd24.construction.open, .sidebar .configurator-tabs .tab.gd24.construction:hover, .sidebar .configurator-tabs .tab.hapu.construction.open, .sidebar .configurator-tabs .tab.hapu.construction:hover, .sidebar .configurator-tabs .tab.terra.construction.open, .sidebar .configurator-tabs .tab.terra.construction:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.5 50.5"><style>.st0{fill:%23064F8D}</style><g id="Layer_1"><path class="st0" d="M12.3 21v16.1h1.8V21.5h36.3v15.6h1.8V19.7H12.3z"/><path class="st0" d="M47.1 13.4H17.4l-5.1 6.2h40l-5.2-6.2zm-32.9 6.2l4.3-5.1h4.9l-4.1 5.1h-5.1zm13.1 0h-6.2l4-5.1H29l-1.7 5.1zm1.9 0l1.3-5.1H34l1.3 5.1h-6.1zm8 0l-1.6-5.1h3.8l4 5.1h-6.2zm3.9-5H46l4.3 5.1h-5.1l-4.1-5.1z"/><g opacity=".1"><path d="M18.2 14.4L13 20.1h38l-4.4-5.7z"/></g></g></svg>');
  background-color: #ffffff;
  border-bottom: 1px solid transparent;
}
.sidebar .configurator-tabs .tab.rexin.features, .sidebar .configurator-tabs .tab.brettpit.features, .sidebar .configurator-tabs .tab.gd24.features, .sidebar .configurator-tabs .tab.hapu.features, .sidebar .configurator-tabs .tab.terra.features {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.5 50.5"><style>.st1{fill:%23064F8D}.st4{fill:none;stroke:%23064F8D;stroke-width:1.5;stroke-miterlimit:10}</style><g id="Layer_1"><g opacity=".4"><path class="st1" d="M22.8 33.1h9.8v-16h-6.7zM33.6 17.1v16h8.3l-2.1-16zM47.1 17.1h-6.2l2 16h9.4zM18.4 17.1l-6.1 16h9.3l3.1-16z"/></g><path opacity=".5" fill="%23fff" d="M15 25.1v-1.2l33.7-2.2.1 1.5z"/><path opacity=".2" fill="%23fff" d="M14.1 30.5l1.4-4.1L49.1 24l1.7 3.9z"/><path class="st4" d="M12.3 33.1l6.1-16h28.7l5.2 16zM25.1 17l-2.8 15.8M33.2 17.3v16.1M40.2 17.1l2.4 16.4"/></g></svg>'), linear-gradient(to bottom, #ffffff, #faf9fc, #f4f4fa, #eeeef7, #e8e9f5);
}
.sidebar .configurator-tabs .tab.rexin.features.open, .sidebar .configurator-tabs .tab.rexin.features:hover, .sidebar .configurator-tabs .tab.brettpit.features.open, .sidebar .configurator-tabs .tab.brettpit.features:hover, .sidebar .configurator-tabs .tab.gd24.features.open, .sidebar .configurator-tabs .tab.gd24.features:hover, .sidebar .configurator-tabs .tab.hapu.features.open, .sidebar .configurator-tabs .tab.hapu.features:hover, .sidebar .configurator-tabs .tab.terra.features.open, .sidebar .configurator-tabs .tab.terra.features:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.5 50.5"><style>.st1{fill:%23064F8D}.st4{fill:none;stroke:%23064F8D;stroke-width:1.5;stroke-miterlimit:10}</style><g id="Layer_1"><g opacity=".4"><path class="st1" d="M22.8 33.1h9.8v-16h-6.7zM33.6 17.1v16h8.3l-2.1-16zM47.1 17.1h-6.2l2 16h9.4zM18.4 17.1l-6.1 16h9.3l3.1-16z"/></g><path opacity=".5" fill="%23fff" d="M15 25.1v-1.2l33.7-2.2.1 1.5z"/><path opacity=".2" fill="%23fff" d="M14.1 30.5l1.4-4.1L49.1 24l1.7 3.9z"/><path class="st4" d="M12.3 33.1l6.1-16h28.7l5.2 16zM25.1 17l-2.8 15.8M33.2 17.3v16.1M40.2 17.1l2.4 16.4"/></g></svg>');
  background-color: #ffffff;
  border-bottom: 1px solid transparent;
}
.sidebar .configurator-tabs .tab.rexin.extras, .sidebar .configurator-tabs .tab.brettpit.extras, .sidebar .configurator-tabs .tab.gd24.extras, .sidebar .configurator-tabs .tab.hapu.extras, .sidebar .configurator-tabs .tab.terra.extras {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.5 50.5"><style>.st1{fill:%23064F8D}.st4{fill:none;stroke:%23064F8D;stroke-width:1.5;stroke-miterlimit:10}</style><g id="Layer_1"><g opacity=".4"><path class="st1" d="M37.3 21.1h8.6v16.4h-8.6zM27.9 21.1h8v16.4h-8zM18.6 21.1h8v16.4h-8z"/><path opacity=".5" fill="%23fff" d="M18.7 30.3l.1-1.2 26.9-5.9.1 1.5z"/><path class="st1" d="M18.6 18.6v1.5h27.3v-7.5z"/></g><path opacity=".2" fill="%23fff" d="M18.8 35.8l-.2-4.9 27-5.5.3 5.2z"/><path class="st4" d="M18.6 37.6v-19l27.3-6v25zM18.7 20.7h27.2M36.6 20.8v16.7M27.4 20.5v17.4"/></g></svg>'), linear-gradient(to bottom, #ffffff, #faf9fc, #f4f4fa, #eeeef7, #e8e9f5);
}
.sidebar .configurator-tabs .tab.rexin.extras.open, .sidebar .configurator-tabs .tab.rexin.extras:hover, .sidebar .configurator-tabs .tab.brettpit.extras.open, .sidebar .configurator-tabs .tab.brettpit.extras:hover, .sidebar .configurator-tabs .tab.gd24.extras.open, .sidebar .configurator-tabs .tab.gd24.extras:hover, .sidebar .configurator-tabs .tab.hapu.extras.open, .sidebar .configurator-tabs .tab.hapu.extras:hover, .sidebar .configurator-tabs .tab.terra.extras.open, .sidebar .configurator-tabs .tab.terra.extras:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.5 50.5"><style>.st1{fill:%23064F8D}.st4{fill:none;stroke:%23064F8D;stroke-width:1.5;stroke-miterlimit:10}</style><g id="Layer_1"><g opacity=".4"><path class="st1" d="M37.3 21.1h8.6v16.4h-8.6zM27.9 21.1h8v16.4h-8zM18.6 21.1h8v16.4h-8z"/><path opacity=".5" fill="%23fff" d="M18.7 30.3l.1-1.2 26.9-5.9.1 1.5z"/><path class="st1" d="M18.6 18.6v1.5h27.3v-7.5z"/></g><path opacity=".2" fill="%23fff" d="M18.8 35.8l-.2-4.9 27-5.5.3 5.2z"/><path class="st4" d="M18.6 37.6v-19l27.3-6v25zM18.7 20.7h27.2M36.6 20.8v16.7M27.4 20.5v17.4"/></g></svg>');
  background-color: #ffffff;
  border-bottom: 1px solid transparent;
}
.sidebar .configurator-tabs .tab.rexin.environment, .sidebar .configurator-tabs .tab.brettpit.environment, .sidebar .configurator-tabs .tab.gd24.environment, .sidebar .configurator-tabs .tab.hapu.environment, .sidebar .configurator-tabs .tab.terra.environment {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.5 50.5"><style>.st0{fill:%23064F8D}</style><g id="Layer_1"><path class="st0" d="M44.5 21.2l-.8-.8c-.2-.2-.3-.3-.5-.4-.2-.1-.4-.2-.7-.2-.2 0-.4.1-.6.2-.5.3-1 .7-1.4 1-.2.1-.3.2-.5.3v-.1c.2-.6.5-1.1.8-1.5.1-.2.3-.3.4-.5.1-.2.2-.5.2-.8 0-.3-.2-.6-.5-.8l-1.2-1.2c-.4-.4-.8-.8-1.3-1.1-.4-.2-.7-.4-1-.6l-.1-.1v-.3c-.2-.7-.6-1.2-1.3-1.5-.3-.1-.6-.1-.8.1-.1.1-.2.1-.2.2l-.8.8c-1 1-2 2-3 2.9-.8.7-1.6 1.5-2.3 2.2l-.5.5 9.6 9.6c.2-.3.5-.5.7-.8l2.4-2.4 2.8-2.8c.3-.3.5-.5.7-.8.1-.2.2-.4.2-.6-.1-.2-.2-.4-.3-.5zM25.4 22.7c-.8 1 0 1.6.8 2.3 1.2 1.2 1.9 2.4.3 3.6-2 1.5-8.5 4-6.2 7.5.9 1.4 2.6 2.1 4.1 1.1 1.7-1.1 2.8-3.5 3.9-5.1 1.3-2 2.3-2.8 4.2-.9.5.5 1.1 1.4 1.9 1.2.8-.2 1.7-1.4 2.3-1.9L27.2 21c-.7.5-1.4 1.1-1.8 1.7zm-3.6 11.9c.1-1.5 2.3-1.4 2.3 0 0 1.5-2.4 1.5-2.3 0z"/></g></svg>'), linear-gradient(to bottom, #ffffff, #faf9fc, #f4f4fa, #eeeef7, #e8e9f5);
}
.sidebar .configurator-tabs .tab.rexin.environment.open, .sidebar .configurator-tabs .tab.rexin.environment:hover, .sidebar .configurator-tabs .tab.brettpit.environment.open, .sidebar .configurator-tabs .tab.brettpit.environment:hover, .sidebar .configurator-tabs .tab.gd24.environment.open, .sidebar .configurator-tabs .tab.gd24.environment:hover, .sidebar .configurator-tabs .tab.hapu.environment.open, .sidebar .configurator-tabs .tab.hapu.environment:hover, .sidebar .configurator-tabs .tab.terra.environment.open, .sidebar .configurator-tabs .tab.terra.environment:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.5 50.5"><style>.st0{fill:%23064F8D}</style><g id="Layer_1"><path class="st0" d="M44.5 21.2l-.8-.8c-.2-.2-.3-.3-.5-.4-.2-.1-.4-.2-.7-.2-.2 0-.4.1-.6.2-.5.3-1 .7-1.4 1-.2.1-.3.2-.5.3v-.1c.2-.6.5-1.1.8-1.5.1-.2.3-.3.4-.5.1-.2.2-.5.2-.8 0-.3-.2-.6-.5-.8l-1.2-1.2c-.4-.4-.8-.8-1.3-1.1-.4-.2-.7-.4-1-.6l-.1-.1v-.3c-.2-.7-.6-1.2-1.3-1.5-.3-.1-.6-.1-.8.1-.1.1-.2.1-.2.2l-.8.8c-1 1-2 2-3 2.9-.8.7-1.6 1.5-2.3 2.2l-.5.5 9.6 9.6c.2-.3.5-.5.7-.8l2.4-2.4 2.8-2.8c.3-.3.5-.5.7-.8.1-.2.2-.4.2-.6-.1-.2-.2-.4-.3-.5zM25.4 22.7c-.8 1 0 1.6.8 2.3 1.2 1.2 1.9 2.4.3 3.6-2 1.5-8.5 4-6.2 7.5.9 1.4 2.6 2.1 4.1 1.1 1.7-1.1 2.8-3.5 3.9-5.1 1.3-2 2.3-2.8 4.2-.9.5.5 1.1 1.4 1.9 1.2.8-.2 1.7-1.4 2.3-1.9L27.2 21c-.7.5-1.4 1.1-1.8 1.7zm-3.6 11.9c.1-1.5 2.3-1.4 2.3 0 0 1.5-2.4 1.5-2.3 0z"/></g></svg>');
  background-color: #ffffff;
  border-bottom: 1px solid transparent;
}
.sidebar .configurator-tabs .tab.rexin.marquee, .sidebar .configurator-tabs .tab.brettpit.marquee, .sidebar .configurator-tabs .tab.gd24.marquee, .sidebar .configurator-tabs .tab.hapu.marquee, .sidebar .configurator-tabs .tab.terra.marquee {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.5 50.5"><style>.st0{opacity:.4;fill:%23064F8D}.st1{fill:%23064F8D}</style><g id="Layer_1"><path class="st0" d="M29.4 14.4c-.2 1.2-.4 2.4-.7 3.5-.4 1.9-.7 3.7-.6 5.6 0 .7-.2 1.3-.6 1.8-.7.8-1.8 1.1-2.8.7-1-.4-1.7-1.3-1.7-2.3V21c0-.1.1-.3.1-.4 1.2-2 2.3-3.9 3.5-5.9.2-.3.3-.4.6-.4.7.1 1.4.1 2.2.1z"/><path class="st1" d="M25.3 14.4l-1.2 2.1c-.8 1.3-1.6 2.7-2.4 4-.1.2-.2.5-.2.7v2.5c0 1.3-1 2.4-2.3 2.5-1.3.1-2.6-.7-2.8-1.9-.1-.5-.1-1.1-.1-1.6 0-.6-.1-1.3.1-1.8s.8-.9 1.2-1.3l4.9-4.9c.1-.1.4-.2.6-.2.6-.1 1.3-.1 2.2-.1z"/><path class="st0" d="M35.1 14.4h2.5c.1 0 .2.1.3.2l3.6 6c.1.1.1.3.1.5v2.4c0 1.5-1.1 2.7-2.5 2.7-1.5 0-2.6-1-2.7-2.6v-.2c.2-2.4-.4-4.7-.9-7-.1-.6-.2-1.3-.4-2z"/><path class="st1" d="M39.3 14.4h2.5c.1 0 .2.1.3.2 2 2 4 4 5.9 6 .1.1.2.3.2.5v2.8c-.1 1.4-1.2 2.4-2.6 2.4-1.4 0-2.5-1.1-2.5-2.5v-2.5c0-.2-.1-.5-.2-.7l-3.3-5.7c-.1-.1-.2-.3-.3-.5zM34.9 22.4v1.3c0 1.4-1.2 2.6-2.6 2.6-1.4 0-2.5-1.1-2.6-2.6-.2-2.3.3-4.5.8-6.7.2-.7.3-1.5.4-2.2 0-.2.1-.3.4-.3h2c.2 0 .3.1.3.3l1.2 6c.1.5 0 1.1.1 1.6z"/><g><path d="M36.8 27.8c0 2.7-2.3 4.5-5 4.5s-4.9-1.7-4.9-4.5" opacity=".1" fill="%23076ece"/><path class="st1" d="M37.3 27.7h-.8c0 2-1.4 3.8-3.5 4.3-2.6.6-5.2-1.3-5.4-3.9v-.4h-.8c0 .3 0 .6.1.9.5 2.9 3.4 4.8 6.3 4.2 2.3-.5 4-2.7 4.1-5.1zM25.6 29.5l.3.3c.1.2 0 .3-.2.4-.4.2-.8.3-1.3.5-.2.1-.4 0-.4-.2-.1-.2 0-.4.2-.4.4-.2.9-.3 1.3-.5 0 0 .1 0 .1-.1zM32.3 35.1v.6c0 .2-.2.4-.3.4-.2 0-.4-.1-.4-.3v-1.3c0-.2.2-.3.4-.3s.3.1.4.4c-.1.1-.1.3-.1.5zM38 30.1c0-.3.2-.5.5-.4.4.1.8.3 1.3.5.2.1.2.3.2.5-.1.2-.2.3-.4.2-.4-.1-.8-.3-1.2-.5-.2-.1-.3-.3-.4-.3zM35.5 33.2c.1-.1.2-.3.3-.3.1 0 .3 0 .4.1.3.4.5.7.8 1.1.1.2.1.3-.1.5-.2.1-.4.1-.5 0-.3-.4-.5-.8-.8-1.2-.1-.1-.1-.1-.1-.2zM28 32.8c.3 0 .5.3.4.5-.2.4-.5.8-.8 1.1-.1.2-.3.2-.5 0-.2-.1-.2-.3-.1-.5.3-.4.5-.8.8-1.2.1.2.2.1.2.1z"/></g></g></svg>'), linear-gradient(to bottom, #ffffff, #faf9fc, #f4f4fa, #eeeef7, #e8e9f5);
}
.sidebar .configurator-tabs .tab.rexin.marquee.open, .sidebar .configurator-tabs .tab.rexin.marquee:hover, .sidebar .configurator-tabs .tab.brettpit.marquee.open, .sidebar .configurator-tabs .tab.brettpit.marquee:hover, .sidebar .configurator-tabs .tab.gd24.marquee.open, .sidebar .configurator-tabs .tab.gd24.marquee:hover, .sidebar .configurator-tabs .tab.hapu.marquee.open, .sidebar .configurator-tabs .tab.hapu.marquee:hover, .sidebar .configurator-tabs .tab.terra.marquee.open, .sidebar .configurator-tabs .tab.terra.marquee:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.5 50.5"><style>.st0{opacity:.4;fill:%23064F8D}.st1{fill:%23064F8D}</style><g id="Layer_1"><path class="st0" d="M29.4 14.4c-.2 1.2-.4 2.4-.7 3.5-.4 1.9-.7 3.7-.6 5.6 0 .7-.2 1.3-.6 1.8-.7.8-1.8 1.1-2.8.7-1-.4-1.7-1.3-1.7-2.3V21c0-.1.1-.3.1-.4 1.2-2 2.3-3.9 3.5-5.9.2-.3.3-.4.6-.4.7.1 1.4.1 2.2.1z"/><path class="st1" d="M25.3 14.4l-1.2 2.1c-.8 1.3-1.6 2.7-2.4 4-.1.2-.2.5-.2.7v2.5c0 1.3-1 2.4-2.3 2.5-1.3.1-2.6-.7-2.8-1.9-.1-.5-.1-1.1-.1-1.6 0-.6-.1-1.3.1-1.8s.8-.9 1.2-1.3l4.9-4.9c.1-.1.4-.2.6-.2.6-.1 1.3-.1 2.2-.1z"/><path class="st0" d="M35.1 14.4h2.5c.1 0 .2.1.3.2l3.6 6c.1.1.1.3.1.5v2.4c0 1.5-1.1 2.7-2.5 2.7-1.5 0-2.6-1-2.7-2.6v-.2c.2-2.4-.4-4.7-.9-7-.1-.6-.2-1.3-.4-2z"/><path class="st1" d="M39.3 14.4h2.5c.1 0 .2.1.3.2 2 2 4 4 5.9 6 .1.1.2.3.2.5v2.8c-.1 1.4-1.2 2.4-2.6 2.4-1.4 0-2.5-1.1-2.5-2.5v-2.5c0-.2-.1-.5-.2-.7l-3.3-5.7c-.1-.1-.2-.3-.3-.5zM34.9 22.4v1.3c0 1.4-1.2 2.6-2.6 2.6-1.4 0-2.5-1.1-2.6-2.6-.2-2.3.3-4.5.8-6.7.2-.7.3-1.5.4-2.2 0-.2.1-.3.4-.3h2c.2 0 .3.1.3.3l1.2 6c.1.5 0 1.1.1 1.6z"/><g><path d="M36.8 27.8c0 2.7-2.3 4.5-5 4.5s-4.9-1.7-4.9-4.5" opacity=".1" fill="%23076ece"/><path class="st1" d="M37.3 27.7h-.8c0 2-1.4 3.8-3.5 4.3-2.6.6-5.2-1.3-5.4-3.9v-.4h-.8c0 .3 0 .6.1.9.5 2.9 3.4 4.8 6.3 4.2 2.3-.5 4-2.7 4.1-5.1zM25.6 29.5l.3.3c.1.2 0 .3-.2.4-.4.2-.8.3-1.3.5-.2.1-.4 0-.4-.2-.1-.2 0-.4.2-.4.4-.2.9-.3 1.3-.5 0 0 .1 0 .1-.1zM32.3 35.1v.6c0 .2-.2.4-.3.4-.2 0-.4-.1-.4-.3v-1.3c0-.2.2-.3.4-.3s.3.1.4.4c-.1.1-.1.3-.1.5zM38 30.1c0-.3.2-.5.5-.4.4.1.8.3 1.3.5.2.1.2.3.2.5-.1.2-.2.3-.4.2-.4-.1-.8-.3-1.2-.5-.2-.1-.3-.3-.4-.3zM35.5 33.2c.1-.1.2-.3.3-.3.1 0 .3 0 .4.1.3.4.5.7.8 1.1.1.2.1.3-.1.5-.2.1-.4.1-.5 0-.3-.4-.5-.8-.8-1.2-.1-.1-.1-.1-.1-.2zM28 32.8c.3 0 .5.3.4.5-.2.4-.5.8-.8 1.1-.1.2-.3.2-.5 0-.2-.1-.2-.3-.1-.5.3-.4.5-.8.8-1.2.1.2.2.1.2.1z"/></g></g></svg>');
  background-color: #ffffff;
  border-bottom: 1px solid transparent;
}
.sidebar .configurator-tabs .tab.rexin.screen_capture, .sidebar .configurator-tabs .tab.brettpit.screen_capture, .sidebar .configurator-tabs .tab.gd24.screen_capture, .sidebar .configurator-tabs .tab.hapu.screen_capture, .sidebar .configurator-tabs .tab.terra.screen_capture {
  background-image: url('data:image/svg+xml;utf8,<svg width="50" height="50" version="1.1" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.88782 0 0 .88782 13.115 14.386)" data-name="Ebene 2"><g id="screenshot"><path d="m16.19 13a3.69 3.69 0 1 1-0.87-2.38 3.69 3.69 0 0 1 0.87 2.38z" fill="%23064F8D" opacity=".4"/><path d="m24.27 3.34a2.38 2.38 0 0 0-1.79-0.77h-4l-2.26-2.57h-7.5l-2.28 2.57h-3.92a2.38 2.38 0 0 0-1.79 0.77 2.58 2.58 0 0 0-0.73 1.86v15.68a2.58 2.58 0 0 0 0.73 1.86 2.38 2.38 0 0 0 1.79 0.77h20a2.38 2.38 0 0 0 1.79-0.77 2.58 2.58 0 0 0 0.69-1.86v-15.68a2.58 2.58 0 0 0-0.73-1.86zm-7.38 14.32a5.88 5.88 0 0 1-4.42 1.93 5.79 5.79 0 0 1-4.39-1.93 6.49 6.49 0 0 1-1.82-4.66 6.49 6.49 0 0 1 1.82-4.58 5.79 5.79 0 0 1 4.39-1.93 5.88 5.88 0 0 1 4.42 1.93 6.43 6.43 0 0 1 1.85 4.58 6.43 6.43 0 0 1-1.85 4.66zm4.11-12.18a1.09 1.09 0 0 1 2.17 0 1.09 1.09 0 0 1-2.17 0z" fill="%23064F8D"/></g></g></svg>'), linear-gradient(to bottom, #ffffff, #faf9fc, #f4f4fa, #eeeef7, #e8e9f5);
}
.sidebar .configurator-tabs .tab.rexin.screen_capture.open, .sidebar .configurator-tabs .tab.rexin.screen_capture:hover, .sidebar .configurator-tabs .tab.brettpit.screen_capture.open, .sidebar .configurator-tabs .tab.brettpit.screen_capture:hover, .sidebar .configurator-tabs .tab.gd24.screen_capture.open, .sidebar .configurator-tabs .tab.gd24.screen_capture:hover, .sidebar .configurator-tabs .tab.hapu.screen_capture.open, .sidebar .configurator-tabs .tab.hapu.screen_capture:hover, .sidebar .configurator-tabs .tab.terra.screen_capture.open, .sidebar .configurator-tabs .tab.terra.screen_capture:hover {
  background-image: url('data:image/svg+xml;utf8,<svg width="50" height="50" version="1.1" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.88782 0 0 .88782 13.115 14.386)" data-name="Ebene 2"><g id="screenshot"><path d="m16.19 13a3.69 3.69 0 1 1-0.87-2.38 3.69 3.69 0 0 1 0.87 2.38z" fill="%23064F8D" opacity=".4"/><path d="m24.27 3.34a2.38 2.38 0 0 0-1.79-0.77h-4l-2.26-2.57h-7.5l-2.28 2.57h-3.92a2.38 2.38 0 0 0-1.79 0.77 2.58 2.58 0 0 0-0.73 1.86v15.68a2.58 2.58 0 0 0 0.73 1.86 2.38 2.38 0 0 0 1.79 0.77h20a2.38 2.38 0 0 0 1.79-0.77 2.58 2.58 0 0 0 0.69-1.86v-15.68a2.58 2.58 0 0 0-0.73-1.86zm-7.38 14.32a5.88 5.88 0 0 1-4.42 1.93 5.79 5.79 0 0 1-4.39-1.93 6.49 6.49 0 0 1-1.82-4.66 6.49 6.49 0 0 1 1.82-4.58 5.79 5.79 0 0 1 4.39-1.93 5.88 5.88 0 0 1 4.42 1.93 6.43 6.43 0 0 1 1.85 4.58 6.43 6.43 0 0 1-1.85 4.66zm4.11-12.18a1.09 1.09 0 0 1 2.17 0 1.09 1.09 0 0 1-2.17 0z" fill="%23064F8D"/></g></g></svg>');
  background-color: #ffffff;
  border-bottom: 1px solid transparent;
}
.sidebar .configurator-tabs .tab.rexin.screen_capture .new_label, .sidebar .configurator-tabs .tab.brettpit.screen_capture .new_label, .sidebar .configurator-tabs .tab.gd24.screen_capture .new_label, .sidebar .configurator-tabs .tab.hapu.screen_capture .new_label, .sidebar .configurator-tabs .tab.terra.screen_capture .new_label {
  width: 100%;
  height: 100%;
  background-image: url('data:image/svg+xml;utf8,<svg id="surrounding" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m51.041 46.376-19.06 4.272c-3.6148 0.65723-7.2295-1.6431-7.8867-4.9292-0.65723-3.6148 1.3145-7.2295 4.9292-7.8867 19.388-4.272 19.388-4.272 19.388-4.272 3.6148-0.65723 6.9009 1.6431 7.8867 5.2578 0.65721 3.6148-1.6431 6.9009-5.2578 7.5581z" fill="%232BBE04"/><g transform="matrix(7.2803 -1.5475 1.5475 7.2803 -21.741 -17.676)" fill="%23fff" stroke-width=".13245" aria-label="Neu!"><path d="m5.0708 8.9949h0.18801l0.45758 0.86332v-0.86332h0.13548v1.032h-0.18801l-0.45758-0.86332v0.86332h-0.13548z"/><path d="m6.7864 9.608v0.062209h-0.58476q0.00829 0.13133 0.078798 0.20045 0.071195 0.06843 0.19769 0.06843 0.073268 0 0.1417-0.017971 0.069121-0.017971 0.13686-0.053914v0.12027q-0.06843 0.029031-0.14032 0.044237-0.071886 0.01521-0.14585 0.01521-0.18524 0-0.29376-0.10783-0.10783-0.10783-0.10783-0.29169 0-0.19008 0.1023-0.30137 0.10299-0.11198 0.27718-0.11198 0.15621 0 0.24676 0.10092 0.09124 0.10023 0.09124 0.27303zm-0.12718-0.037325q-0.0013825-0.10437-0.058753-0.16658-0.056679-0.062209-0.15068-0.062209-0.10645 0-0.17073 0.060135-0.063591 0.060135-0.073268 0.16935z"/><path d="m6.982 9.7214v-0.46864h0.12718v0.4638q0 0.1099 0.042855 0.1652 0.042855 0.054606 0.12857 0.054606 0.10299 0 0.16243-0.065665 0.060135-0.065665 0.060135-0.17902v-0.43892h0.12718v0.77416h-0.12718v-0.11889q-0.046311 0.070503-0.10783 0.10506-0.060827 0.03387-0.1417 0.03387-0.1334 0-0.20252-0.082945-0.069121-0.082945-0.069121-0.24262z"/><path d="m7.9725 9.8513h0.14032v0.17557h-0.14032zm0-0.85641h0.14032v0.45274l-0.013824 0.24676h-0.11198l-0.014515-0.24676z"/></g></svg>');
}
.sidebar .configpanel {
  display: flex;
  flex-flow: column;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.sidebar .configpanel .configpanel-content-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content {
  display: flex;
  flex-flow: column;
  flex: 1;
  min-height: 0;
  display: none;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content.opened {
  display: block;
  position: relative;
  height: 100%;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-heading {
  position: relative;
  height: 4.1666666667rem;
  width: 100%;
  line-height: 4.1666666667rem;
  background-color: #ffffff;
  border-bottom: 1px solid #DADAE5;
  color: #064F8D;
  font-size: 1.1666666667rem;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-heading .configpanel-close {
  display: none;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll {
  position: relative;
  width: 100%;
  flex: 1;
  display: flex;
  flex-flow: column;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: calc(100% - 8.3333333333rem);
  scrollbar-width: thin;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container {
  position: relative;
  width: 100%;
  padding: 1.6666666667rem;
  box-sizing: border-box;
  border-bottom: 1px solid #DADAE5;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container:last-child, .sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container.last {
  border-bottom: 0;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container.impressum {
  margin-top: auto;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container > * {
  margin-bottom: 0.8333333333rem;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container > *:last-child {
  margin-bottom: 0;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-item-heading {
  display: flex;
  align-items: baseline;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-item-heading {
  color: #064F8D;
  font-weight: 500;
  white-space: nowrap;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-item-heading span {
  text-transform: none;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-item-heading {
  font-size: 1rem;
  text-transform: uppercase;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-item-heading .icon.info {
  margin-left: 0.4166666667rem;
  font-size: 1.25rem;
  color: #086abe;
  cursor: pointer;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-item-heading span.required,
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-item-heading span.excluded,
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-item-heading span.inclusive {
  display: none;
  text-transform: uppercase;
  font-size: 0.8333333333rem;
  font-weight: 700;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-content > * {
  margin-bottom: 0.8333333333rem;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-content > *:last-child {
  margin-bottom: 0;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-content .parameter {
  display: block;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-content .parameter .parameter-label {
  color: #064F8D;
  font-weight: 500;
  margin: 0.8333333333rem 0 0.8333333333rem 0;
  white-space: nowrap;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-content .parameter .parameter-label span {
  text-transform: none;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-content .parameter .parameter-label .thumbnail-color {
  margin-left: 0.4166666667rem;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-content .parameter .parameter-content .icon {
  display: block;
  color: #064F8D;
  font-size: 1.25rem;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .container-content .parameter .parameter-content .icon .info {
  position: absolute;
  top: 1.6666666667rem;
  right: 1.6666666667rem;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .imprint-privacy {
  box-sizing: border-box;
  font-weight: 300;
  color: #505050;
  cursor: pointer;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .form-svg-grid .grid-item {
  height: 5rem;
  width: 5rem;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container .form-svg-grid .grid-item svg {
  height: 100%;
  width: 100%;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container.excluded .container-item-heading span.excluded {
  display: block;
  margin-left: 0.4166666667rem;
  color: #FF5900;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container.excluded .container-content {
  display: block;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container.required .container-item-heading span.required {
  display: block;
  margin-left: 0.4166666667rem;
  color: #FF5900;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container.required .container-content {
  display: block;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container.inclusive .container-item-heading span.inclusive {
  display: block;
  margin-left: 0.4166666667rem;
  color: #2BBE04;
}
.sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll .container.inclusive .container-content {
  display: block;
}
.sidebar .sidebar-footer {
  background-color: #ffffff;
  line-height: 4.1666666667rem;
  border-top: 1px solid #DADAE5;
  box-sizing: border-box;
  padding: 0 0 0 1.6666666667rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4.1666666667rem;
}
.sidebar .sidebar-footer.opened {
  display: block;
}
.sidebar .sidebar-footer a {
  text-decoration: none;
  color: #505050;
  cursor: pointer;
  font-weight: 300;
}
@media only screen and (max-width: 479px) {
  .sidebar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-flow: column;
    box-sizing: border-box;
    width: 100%;
  }
  .sidebar .configurator-tabs {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 3;
    box-shadow: 0 0 0.8333333333rem 0 rgba(0, 0, 0, 0.1);
  }
  .sidebar .configpanel {
    position: relative;
  }
  .sidebar .configpanel.container-opened {
    opacity: 1;
    top: 0%;
    z-index: 2;
    -webkit-animation: openContainer 0.3s ease;
            animation: openContainer 0.3s ease;
  }
  .sidebar .configpanel.container-closed {
    top: 100%;
    opacity: 0;
    -webkit-animation: closeContainer 0.3s ease;
            animation: closeContainer 0.3s ease;
  }
  @-webkit-keyframes openContainer {
    0% {
      top: 100%;
      opacity: 0;
    }
    100% {
      top: 0%;
      opacity: 1;
    }
  }
  @keyframes openContainer {
    0% {
      top: 100%;
      opacity: 0;
    }
    100% {
      top: 0%;
      opacity: 1;
    }
  }
  @-webkit-keyframes closeContainer {
    0% {
      top: 0%;
      opacity: 1;
      z-index: 2;
    }
    100% {
      top: 100%;
      opacity: 0;
      z-index: 0;
    }
  }
  @keyframes closeContainer {
    0% {
      top: 0%;
      opacity: 1;
      z-index: 2;
    }
    100% {
      top: 100%;
      opacity: 0;
      z-index: 0;
    }
  }
  .sidebar .configpanel .configpanel-close {
    display: block !important;
    position: absolute;
    right: 0.8333333333rem;
    top: 50%;
    padding: 0 0.8333333333rem;
    color: #064F8D;
    font-size: 1.3333333333rem;
    transform: translateY(-50%);
    cursor: pointer;
  }
  .sidebar .configpanel .configpanel-content-wrapper .configpanel-content .configpanel-scroll {
    height: calc(100% - 12.5rem);
  }
  .sidebar .sidebar-footer.container-opened {
    bottom: 4.1666666667rem;
    z-index: 9;
  }
}

.rotateIcon {
  -webkit-animation: rotate 0.6s ease-out;
          animation: rotate 0.6s ease-out;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.animatedIn {
  opacity: 1;
  top: 0;
  -webkit-animation: fadeIn 0.3s ease;
          animation: fadeIn 0.3s ease;
}

.animatedOut {
  top: 100%;
  opacity: 0;
  -webkit-animation: fadeOut 0.3s ease;
          animation: fadeOut 0.3s ease;
}

@-webkit-keyframes fadeIn {
  0% {
    top: 100%;
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    top: 100%;
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    top: 0;
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    top: 0;
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html,
body {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  overflow: hidden;
  font-family: "Ubuntu", Roboto, sans-serif;
  touch-action: none;
  font-size: 12px;
}
@media (min-width: 320px) {
  html,
body {
    font-size: calc(12px + 1 * (100vw - 320px) / 160);
  }
}
@media (min-width: 480px) {
  html,
body {
    font-size: 13px;
  }
}
@media screen and (min-width: 720px) {
  html,
body {
    font-size: 11px;
  }
}
@media screen and (min-width: 720px) and (min-width: 720px) {
  html,
body {
    font-size: calc(11px + 3 * (100vw - 720px) / 1200);
  }
}
@media screen and (min-width: 720px) and (min-width: 1920px) {
  html,
body {
    font-size: 14px;
  }
}

body {
  color: #ffffff;
  margin: 0;
  overflow: hidden;
}
body .version {
  position: absolute;
  right: 1.6666666667rem;
  bottom: 1.6666666667rem;
  font-size: 0.75em;
  text-align: end;
}
body h1 {
  font-size: 1.3333333333rem;
  font-weight: 500;
  color: #505050;
  text-transform: uppercase;
  margin: 0.8333333333rem 0;
}
body p {
  color: black;
}
body .configurator {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
body .configurator .main {
  position: relative;
  flex: 1 0;
  width: 100%;
  box-sizing: border-box;
}
body .configurator .main .view-3d {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 26.6666666667rem;
}
@media only screen and (max-width: 479px) {
  body .configurator .main .view-3d {
    left: 0;
  }
}
body .configurator .main .view-3d .scene-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
body .configurator .main .view-3d .scene-wrapper #scene {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
@media only screen and (max-width: 479px) {
  body .configurator {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
}