/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
/* line 11, _normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 30, _normalize.css */
audio,
canvas,
video {
    display: inline-block;
}

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

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

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 66, _normalize.css */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
/* line 76, _normalize.css */
body {
    margin: 0;
}

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 96, _normalize.css */
a:focus {
    outline: thin dotted;
}

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

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

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 127, _normalize.css */
abbr[title] {
    border-bottom: 1px dotted;
}

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

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 144, _normalize.css */
dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 152, _normalize.css */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 171, _normalize.css */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 183, _normalize.css */
pre {
    white-space: pre-wrap;
}

pre.error {
    display: block;
    padding: 20px;
    border: 0;
    border-radius: 0;
    background-color: #fafafa;
    margin: 0 0 9px;
    color: #555;
    font-size: 11px;
}

/**
 * Set consistent quote types.
 */
/* line 191, _normalize.css */
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

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

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

/* line 215, _normalize.css */
sup {
    top: -0.5em;
}

/* line 219, _normalize.css */
sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 231, _normalize.css */
img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 239, _normalize.css */
svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 251, _normalize.css */
figure {
    margin: 0;
}

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

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 285, _normalize.css */
button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
}

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 311, _normalize.css */
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.
 */
/* line 324, _normalize.css */
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.
 */
/* line 336, _normalize.css */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 346, _normalize.css */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 370, _normalize.css */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 390, _normalize.css */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 403, _normalize.css */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: 'icomoon';
    src: url("./fonts/icomoon.eot?q1hria");
    src: url("./fonts/icomoon.eot?q1hria#iefix") format("embedded-opentype"), url("./fonts/icomoon.ttf?q1hria") format("truetype"), url("./fonts/icomoon.woff?q1hria") format("woff"), url("./fonts/icomoon.svg?q1hria#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* line 24, _fonts.scss */
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* line 39, _fonts.scss */
.icon-bedrijfskleding:before {
    content: "\e921";
}

/* line 42, _fonts.scss */
.icon-bedrijfsuitje:before {
    content: "\e922";
}

/* line 45, _fonts.scss */
.icon-bezoek-klant:before {
    content: "\e923";
}

/* line 48, _fonts.scss */
.icon-event:before {
    content: "\e924";
}

/* line 51, _fonts.scss */
.icon-feestdag:before {
    content: "\e925";
}

/* line 54, _fonts.scss */
.icon-gedenkdag:before {
    content: "\e926";
}

/* line 57, _fonts.scss */
.icon-jubileum:before {
    content: "\e927";
}

/* line 60, _fonts.scss */
.icon-kerst-eindejaars:before {
    content: "\e928";
}

/* line 63, _fonts.scss */
.icon-open-dag:before {
    content: "\e929";
}

/* line 66, _fonts.scss */
.icon-overig:before {
    content: "\e92a";
}

/* line 69, _fonts.scss */
.icon-salesactie:before {
    content: "\e92b";
}

/* line 72, _fonts.scss */
.icon-teamsportkleding:before {
    content: "\e92c";
}

/* line 75, _fonts.scss */
.icon-vakantie:before {
    content: "\e92d";
}

/* line 78, _fonts.scss */
.icon-calendar-solid:before {
    content: "\e91d";
}

/* line 81, _fonts.scss */
.icon-dashboard:before {
    content: "\e91e";
}

/* line 84, _fonts.scss */
.icon-lock:before {
    content: "\e91f";
}

/* line 87, _fonts.scss */
.icon-user:before {
    content: "\e920";
}

/* line 90, _fonts.scss */
.icon-account:before {
    content: "\e900";
}

/* line 93, _fonts.scss */
.icon-add:before {
    content: "\e901";
}

/* line 96, _fonts.scss */
.icon-arrow-down:before {
    content: "\e902";
}

/* line 99, _fonts.scss */
.icon-arrow-left:before {
    content: "\e903";
}

/* line 102, _fonts.scss */
.icon-arrow-long-down:before {
    content: "\e904";
}

/* line 105, _fonts.scss */
.icon-arrow-long-left:before {
    content: "\e905";
}

/* line 108, _fonts.scss */
.icon-arrow-long-right:before {
    content: "\e906";
}

/* line 111, _fonts.scss */
.icon-arrow-long-up:before {
    content: "\e907";
}

/* line 114, _fonts.scss */
.icon-arrow-right:before {
    content: "\e908";
}

/* line 117, _fonts.scss */
.icon-arrow-up:before {
    content: "\e909";
}

/* line 120, _fonts.scss */
.icon-calendar:before {
    content: "\e90a";
}

/* line 123, _fonts.scss */
.icon-cart:before {
    content: "\e90b";
}

/* line 126, _fonts.scss */
.icon-check:before {
    content: "\e90c";
}

/* line 129, _fonts.scss */
.icon-delete-thin:before {
    content: "\e90d";
}

/* line 132, _fonts.scss */
.icon-delete:before {
    content: "\e90e";
}

/* line 135, _fonts.scss */
.icon-download:before {
    content: "\e90f";
}

/* line 138, _fonts.scss */
.icon-edit:before {
    content: "\e910";
}

/* line 141, _fonts.scss */
.icon-email:before {
    content: "\e911";
}

/* line 144, _fonts.scss */
.icon-facebook:before {
    content: "\e912";
}

/* line 147, _fonts.scss */
.icon-googleplus:before {
    content: "\e913";
}

/* line 150, _fonts.scss */
.icon-linkedin:before {
    content: "\e914";
}

/* line 153, _fonts.scss */
.icon-logout:before {
    content: "\e915";
}

/* line 156, _fonts.scss */
.icon-phone:before {
    content: "\e916";
}

/* line 159, _fonts.scss */
.icon-pin:before {
    content: "\e917";
}

/* line 162, _fonts.scss */
.icon-play:before {
    content: "\e918";
}

/* line 165, _fonts.scss */
.icon-search:before {
    content: "\e919";
}

/* line 168, _fonts.scss */
.icon-settings:before {
    content: "\e91a";
}

/* line 171, _fonts.scss */
.icon-stats:before {
    content: "\e91b";
}

/* line 174, _fonts.scss */
.icon-twitter:before {
    content: "\e91c";
}

/* 1e1f20 */
/* eceef3 */
/* ec3937 */
/* 0acc73 */
/* ff9c00 */
/*/  BASE  /////////////////////////////////////////////////////////////////*/
/* line 19, style.scss */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

/* line 21, style.scss */
html {
    width: 100%;
    height: 100%;
}

/* line 26, style.scss */
body {
    font: 13px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    width: 100%;
    color: #1e1f20;
    background: #eceef3;
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
}

/* line 39, style.scss */
h1 {
    font-style: normal;
    font-weight: 300;
    font-size: 1.714em;
    margin: 0;
    padding: 0;
    color: #1e1f20;
}

/* line 48, style.scss */
h2 {
    font-style: normal;
    font-weight: 300;
    font-size: 1.286em;
    margin: 0 0 10px;
    padding: 0;
    color: #ec3937;
    letter-spacing: 0;
}

/* line 58, style.scss */
h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 1em;
    margin: 0 0 10px;
    padding: 0;
    color: #ec3937;
}

/* line 68, style.scss */
p {
    font-size: 1em;
    margin: 0 0 30px;
    padding: 0;
    line-height: 1.7em;
}

/* line 76, style.scss */
a {
    cursor: pointer;
    font-size: 1.0em;
    margin: 0;
    padding: 0;
    color: #ec3937;
    text-decoration: underline;
    outline: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 86, style.scss */
a:hover {
    text-decoration: none;
    color: #1e1f20;
}

/* line 92, style.scss */
a.btn {
    text-decoration: none;
    border-radius: 4px;
    padding: 0 13px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    background: #ec3937;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: .77em;
    letter-spacing: .1em;
    font-weight: 600;
}

/* line 107, style.scss */
a.btn:hover {
    background: #db1715;
}

/* line 111, style.scss */
a.btn span.icon {
    margin-right: 10px;
}

/* line 115, style.scss */
a.btn.green {
    background: #0acc73;
}

/* line 118, style.scss */
a.btn.green:hover {
    background: #089b58;
}

/* line 123, style.scss */
a.btn.grey {
    background: #aaafbd;
}

/* line 126, style.scss */
a.btn.grey:hover {
    background: #8d94a7;
}

/* line 131, style.scss */
a.btn.disabled {
    cursor: default;
    background: #c3cad9;
    color: rgba(255, 255, 255, 0.65);
}

a.btn.right {
    float:right;
    margin-bottom: 5px;
}

/* line 138, style.scss */
ul {
    margin: 0 0 30px 0;
    padding: 0;
}

/* line 139, style.scss */
ol {
    padding: 0 0 0 18px;
    margin-bottom: 30px;
}

/* line 140, style.scss */
ul li {
    list-style: none;
    line-height: 1.8em;
}

/* line 141, style.scss */
ol li {
    line-height: 1.8em;
}

/* line 142, style.scss */
img {
    border: none;
    -webkit-backface-visibility: hidden;
}

/* line 144, style.scss */
strong {
    font-weight: 600;
}

/* line 147, style.scss */
.wrapper {
    max-width: 1400px;
    padding: 0 80px;
    margin: 0 auto;
}

/*/  SELECTIONS & PLACEHOLDERS  ////////////////////////////////////////////////////////////////*/
/* line 158, style.scss */
p::selection, h1::selection, h2::selection, h3::selection, a::selection, li::selection, input::selection, textarea::selection, label::selection, strong::selection, span::selection {
    background: #ec3937;
    color: #fff;
}

/* line 159, style.scss */
p::-webkit-selection, h1::-webkit-selection, h2::-webkit-selection, h3::-webkit-selection, a::-webkit-selection, li::-webkit-selection, input::-webkit-selection, textarea::-webkit-selection, label::-webkit-selection, strong::-webkit-selection, span::-webkit-selection {
    background: #ec3937;
    color: #fff;
}

/* line 160, style.scss */
p::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, a::-moz-selection, li::-moz-selection, input::-moz-selection, textarea::-moz-selection, label::-moz-selection, strong::-moz-selection, span::-moz-selection {
    background: #ec3937;
    color: #fff;
}

/* line 163, style.scss */
::-webkit-input-placeholder {
    color: #1e1f20;
    opacity: 0.3;
}

/* line 164, style.scss */
:-moz-placeholder {
    color: #1e1f20;
    opacity: 0.3;
}

/* line 165, style.scss */
::-moz-placeholder {
    color: #1e1f20;
    opacity: 0.3;
}

/* line 166, style.scss */
:-ms-input-placeholder {
    color: #4f5255;
}

/* line 168, style.scss */
input[type="text"], input[type="file"], input[type="number"], input[type="password"], textarea {
    -webkit-appearance: none;
}

/*/  SIDEBAR  /////////////////////////////////////////////////////////////////*/
/* line 174, style.scss */
.sidebar {
    width: 220px;
    background: #ec3937;
    float: left;
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
}

/* line 183, style.scss */
.sidebar .customer {
    font-size: 2.14em;
    color: #fff;
    font-weight: 600;
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
}

/* line 192, style.scss */
.sidebar ul.nav {
    margin: 0;
}

/* line 196, style.scss */
.sidebar ul.nav li a {
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: .93em;
    font-weight: 300;
    line-height: 60px;
    padding: 0 20px;
}

/* line 207, style.scss */
.sidebar ul.nav li a span.icon {
    font-size: 1.2em;
    line-height: 60px;
    display: block;
    float: left;
    margin-right: 16px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 217, style.scss */
.sidebar ul.nav li a.active {
    background: rgba(0, 0, 0, 0.1);
    font-weight: 700;
}

/* line 221, style.scss */
.sidebar ul.nav li a.active:hover {
    background: rgba(0, 0, 0, 0.15);
}

/* line 224, style.scss */
.sidebar ul.nav li a:hover {
    background: rgba(0, 0, 0, 0.05);
}

/* line 227, style.scss */
.sidebar ul.nav li a:hover span.icon {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

/* line 235, style.scss */
.sidebar .logo {
    position: absolute;
    bottom: 90px;
    left: 20px;
    width: calc(100% - 40px);
    opacity: .2;
}

/* line 242, style.scss */
.sidebar .logo img {
    display: block;
    width: 100%;
}

/* line 248, style.scss */
.sidebar a.logout {
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: .93em;
    font-weight: 300;
    line-height: 60px;
    padding: 0 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
}

/* line 264, style.scss */
.sidebar a.logout span.icon {
    font-size: 1.2em;
    line-height: 60px;
    display: block;
    float: left;
    margin-right: 16px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 274, style.scss */
.sidebar a.logout:hover {
    background: rgba(0, 0, 0, 0.4);
}

/* line 277, style.scss */
.sidebar a.logout:hover span.icon {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

/*/  MAIN  /////////////////////////////////////////////////////////////////*/
/* line 287, style.scss */
.main {
    width: calc(100% - 220px);
    float: left;
    margin-left: 220px;
}

/* line 292, style.scss */
.main .topbar {
    background: #fff;
    height: 80px;
    position: fixed;
    top: 0;
    left: 220px;
    width: calc(100% - 220px);
    padding: 0 20px;
    z-index: 1;
}

/* line 301, style.scss */
.main .topbar a.back {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    background: #eceef3;
    color: #1e1f20;
    border-radius: 555px;
    float: left;
    margin: 0 13px 0 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* line 317, style.scss */
.main .topbar a.back:hover {
    background: #ec3937;
    color: #fff;
}

/* line 322, style.scss */
.main .topbar a.back span.icon {
    line-height: 34px;
}

/* line 325, style.scss */
.main .topbar h1 {
    line-height: 80px;
    display: inline-block;
}

/* line 330, style.scss */
.main .topbar .actions {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* line 336, style.scss */
.main .topbar .actions a.btn {
    margin-left: 5px;
}

/* line 342, style.scss */
.main .bottombar {
    background: #fff;
    height: 60px;
    position: fixed;
    bottom: 0;
    left: 220px;
    width: calc(100% - 220px);
}

/* line 350, style.scss */
.main .bottombar .logo {
    float: right;
    width: 140px;
    margin: 0 20px 0 30px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* line 358, style.scss */
.main .bottombar .logo img {
    display: block;
    width: 100%;
}

/* line 364, style.scss */
.main .bottombar ul {
    margin: 0;
    float: right;
}

/* line 368, style.scss */
.main .bottombar ul li {
    float: left;
    display: block;
    color: #1e1f20;
    font-size: 0.93em;
    font-weight: 300;
    letter-spacing: 0.1em;
    line-height: 60px;
    padding: 0 20px;
    text-decoration: none;
    text-transform: uppercase;
}

/* line 383, style.scss */
.main .content {
    margin: 80px 0 0 0;
    overflow: hidden;
}

/* line 387, style.scss */
.main .content .block {
    margin: 20px;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    clear: both;
}

/* line 395, style.scss */
.main .content .block .center p {
    font-size: 1.26em;
    font-weight: 300;
}

/* line 402, style.scss */
.main .content .filtermenu {
    background: #dee2e9;
    height: 48px;
    padding: 0 20px;
    margin: 0;
}

/* line 408, style.scss */
.main .content .filtermenu .field {
    float: left;
    width: auto;
    margin: 6px 6px 0 0;
    position: relative;
}

/* line 414, style.scss */
.main .content .filtermenu .field input {
    width: 280px;
}

/* line 415, style.scss */
.main .content .filtermenu .field select {
    width: 170px;
}

/* line 418, style.scss */
.main .content .filtermenu .field.searchfield button {
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
    width: 36px;
    line-height: 36px;
    color: #1e1f20;
}

/* line 428, style.scss */
.main .content .filtermenu .field.searchfield button:hover {
    color: #ec3937;
}

/* line 436, style.scss */
.main .content ul.submenu {
    background: #dee2e9;
    height: 48px;
    padding: 0 20px;
    margin: 0;
}

/* line 442, style.scss */
.main .content ul.submenu li {
    float: left;
    display: block;
    margin-left: 30px;
}

/* line 447, style.scss */
.main .content ul.submenu li:first-child {
    margin-left: 0;
}

/* line 449, style.scss */
.main .content ul.submenu li a {
    line-height: 48px;
    display: block;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #1e1f20;
    text-decoration: none;
    font-weight: 300;
    font-size: 0.93em;
}

/* line 459, style.scss */
.main .content ul.submenu li a span.count {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 555px;
    color: #fff;
    font-size: .8em;
    line-height: 18px;
    padding: 0 5px;
    margin: 0 0 0 5px;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 472, style.scss */
.main .content ul.submenu li a.active {
    color: #ec3937;
    font-weight: 600;
    border-bottom: 1px solid #ec3937;
}

/* line 477, style.scss */
.main .content ul.submenu li a.active span.count {
    background: #ec3937;
}

/* line 480, style.scss */
.main .content ul.submenu li a:hover {
    color: #ec3937;
}

/* line 483, style.scss */
.main .content ul.submenu li a:hover span.count {
    background: #ec3937;
}

/* line 489, style.scss */
.main .content ul.extra-nav {
    clear: both;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 20px;
    overflow: hidden;
    margin: 0;
}

/* line 496, style.scss */
.main .content ul.extra-nav li {
    float: left;
    display: block;
    margin-left: 30px;
}

/* line 501, style.scss */
.main .content ul.extra-nav li:first-child {
    margin-left: 0;
}

/* line 504, style.scss */
.main .content ul.extra-nav li:first-child .button {
    margin-top: 9px;
}

/* line 507, style.scss */
.main .content ul.extra-nav li:first-child .button a {
    padding: 5px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 555px 0 0 555px;
    float: left;
}

/* line 513, style.scss */
.main .content ul.extra-nav li:first-child .button a:hover {
    border: 1px solid #ec3937;
}

/* line 518, style.scss */
.main .content ul.extra-nav li:first-child .button .customer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 555px 555px 0;
    padding: 5px 10px;
    float: left;
}

/* line 530, style.scss */
.main .content ul.extra-nav a {
    display: block;
    float: left;
    text-decoration: none;
    padding: 15px 0;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .8em;
    color: #1e1f20;
}

/* line 540, style.scss */
.main .content ul.extra-nav a.active {
    color: #ec3937;
    font-weight: 600;
    border-bottom: 1px solid #ec3937;
}

/* line 545, style.scss */
.main .content ul.extra-nav a:hover {
    color: #ec3937;
}

/* line 549, style.scss */
.main .content ul.extra-nav a span.icon {
    margin-right: 10px;
}

/* line 555, style.scss */
.main .content .activities {
    width: calc(100% - 320px);
    float: left;
    clear: both;
}

/* line 560, style.scss */
.main .content .activities h2 {
    margin: 20px;
}

/* line 564, style.scss */
.main .content .activities a.activity {
    height: 90px;
    display: block;
    border-radius: 6px;
    background: #fff;
    padding: 20px;
    text-decoration: none;
    color: #1e1f20;
    margin: 20px;
    overflow: hidden;
    border: 1px solid transparent;
}

/* line 576, style.scss */
.main .content .activities a.activity:hover {
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* line 580, style.scss */
.main .content .activities a.activity:hover .title {
    color: #ec3937;
}

/* line 581, style.scss */
.main .content .activities a.activity:hover .meta {
    color: #ec3937;
}

/* line 582, style.scss */
.main .content .activities a.activity:hover .img {
    color: #ec3937;
}

/* line 585, style.scss */
.main .content .activities a.activity .img {
    font-size: 3em;
    float: left;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    margin-right: 15px;
    color: #bfbdcb;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 596, style.scss */
.main .content .activities a.activity .title {
    font-size: 1.43em;
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 605, style.scss */
.main .content .activities a.activity .meta {
    float: right;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: .1em;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 616, style.scss */
.main .content .activities a.activity .meta .location {
    float: left;
}

/* line 620, style.scss */
.main .content .activities a.activity .meta .date {
    font-weight: 600;
    float: left;
    margin-left: 5px;
}

/* line 625, style.scss */
.main .content .filters {
    width: 320px;
    float: left;
    padding: 20px 20px 0 0;
}

/* line 630, style.scss */
.main .content .filters .calendar {
    margin: 0 0 20px 0;
}

/* line 636, style.scss */
.main .content .filters .filter .field select {
    width: 100%;
}

/* line 644, style.scss */
.main .content .customer .image {
    width: 132px;
    height: 132px;
    background: #fff;
    border-radius: 5px;
    margin: 0 0 20px;
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center center;
}

/* line 655, style.scss */
.main .content .customer .image.bg {
    background-size: cover;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 663, style.scss */
.main .content .customer .color span {
    border-radius: 5px;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

/* line 674, style.scss */
.main .content .customer ul li {
    margin-bottom: 10px;
}

/* line 677, style.scss */
.main .content .customer ul li span {
    display: block;
    float: left;
    width: 180px;
}

/* line 686, style.scss */
.main .content .products {
    margin: -20px;
    background: #fff;
    overflow: hidden;
}

/* line 691, style.scss */
.main .content .products .product {
    display: block;
    float: left;
    width: 20%;
    height: 300px;
    overflow: hidden;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #1e1f20;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
    border-right: 1px solid #eceef3;
    border-bottom: 1px solid #eceef3;
}

/* line 706, style.scss */
.main .content .products .product:hover .field {
    opacity: 1;
    top: 0;
}

/* line 712, style.scss */
.main .content .products .product img {
    margin: 20px 0;
    height: 130px;
}

/* line 717, style.scss */
.main .content .products .product .price {
    font-weight: 600;
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

/* line 724, style.scss */
.main .content .products .product .stock {
    font-weight: 300;
    letter-spacing: .1em;
    font-size: .88em;
    text-transform: uppercase;
    margin-bottom: 15px;
}

/* line 732, style.scss */
.main .content .products .product .field {
    display: inline-block;
    width: auto;
    opacity: 0;
    position: relative;
    top: 200px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 740, style.scss */
.main .content .products .product .field a.btn {
    height: 24px;
    line-height: 24px;
    font-size: .74em;
}

/* line 751, style.scss */
.page-customer .main .content .block {
    overflow: visible;
}

/*/  CALENDAR  ////////////////////////////////////////////////////////////////*/
/* line 756, style.scss */
.calendar {
    margin: 0 auto;
    border-radius: 5px;
    text-align: center;
    color: #555;
}

/* line 762, style.scss */
.calendar .month {
    border-radius: 5px 5px 0 0;
    padding: 0;
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    cursor: default;
    position: relative;
    height: 45px;
    line-height: 45px;
    background: #ec3937;
}

/* line 775, style.scss */
.calendar .month a.nav {
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
    display: inline-block;
    position: absolute;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
}

/* line 787, style.scss */
.calendar .month a.nav:hover {
    background: rgba(0, 0, 0, 0.3);
}

/* line 789, style.scss */
.calendar .month a.nav span.icon {
    line-height: 45px;
}

/* line 791, style.scss */
.calendar .month a.nav.prev {
    left: 0;
}

/* line 792, style.scss */
.calendar .month a.nav.next {
    right: 0;
}

/* line 796, style.scss */
.calendar table {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-spacing: 0;
}

/* line 801, style.scss */
.calendar table td {
    text-align: center;
    font-size: 1em;
    width: 38px;
    height: 38px;
    background: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: none;
    padding: 0;
    transition: background .3s;
    -webkit-transition: background .3s;
}

/* line 814, style.scss */
.calendar table td:first-child {
    padding: 0;
}

/* line 815, style.scss */
.calendar table td:last-child {
    padding: 0;
}

/* line 817, style.scss */
.calendar table td a {
    display: block;
    padding: 7px 6px;
    text-decoration: none;
    color: #1e1f20;
}

/* line 823, style.scss */
.calendar table td a:hover {
    background: rgba(0, 0, 0, 0.05);
}

/* line 826, style.scss */
.calendar table td.lastmonth, .calendar table td.nextmonth, .calendar table td.nextmonth ~ * {
    background: #f1f1f1;
    color: #999;
}

/* line 830, style.scss */
.calendar table td.lastmonth a, .calendar table td.nextmonth a, .calendar table td.nextmonth ~ * a {
    color: #999;
}

/* line 833, style.scss */
.calendar table td.current {
    font-weight: 600;
    color: #fff;
    background: #ec3937;
}

/* line 838, style.scss */
.calendar table td.current:hover {
    background: #db1715;
    font-weight: 600;
    color: #fff;
}

/* line 840, style.scss */
.calendar table td.current a {
    color: #fff;
}

/* line 843, style.scss */
.calendar table td.full {
    font-weight: 600;
    cursor: default;
    background: #fdeded;
}

/* line 848, style.scss */
.calendar table td.full:hover {
    font-weight: 600;
    cursor: default;
}

/* line 850, style.scss */
.calendar table td.full a {
    cursor: default;
    color: #ec3937;
}

/*/  TABLE STYLING  /////////////////////////////////////////////////////////////////*/
/* line 862, style.scss */
table {
    width: 100%;
    border-collapse: initial;
    background: #fff;
}

/* line 869, style.scss */
table.hover tr:hover td {
    background: #fffaf0;
}

/* line 874, style.scss */
table.small th {
    padding: 10px 5px;
}

/* line 875, style.scss */
table.small th:first-child {
    padding-left: 5px;
}

/* line 876, style.scss */
table.small th:last-child {
    padding-right: 5px;
}

/* line 877, style.scss */
table.small td {
    padding: 12px 5px;
    cursor: default;
}

/* line 878, style.scss */
table.small td:first-child {
    padding-left: 5px;
}

/* line 879, style.scss */
table.small td:last-child {
    padding-right: 5px;
}

/* line 880, style.scss */
table.small tr:hover td {
    background: none;
}

/* line 883, style.scss */
table th {
    font-weight: 600;
    background: #ec3937;
    color: #fff;
    height: 40px;
    text-align: left;
    padding: 15px 5px;
    line-height: 1.7em;
    letter-spacing: .05em;
    font-size: 0.86em;
    text-transform: uppercase;
}

/* line 895, style.scss */
table th:first-child {
    padding-left: 10px;
}

/* line 896, style.scss */
table th:last-child {
    padding-right: 10px;
}

/* line 898, style.scss */
table th.right {
    text-align: right;
}

/* line 903, style.scss */
table td {
    background: none;
    vertical-align: top;
    padding: 15px 5px;
    line-height: 1.7em;
    font-size: 1em;
    position: relative;
    border-top: 1px solid #eceef3;
    font-weight: 300;
    cursor: pointer;
}

/* line 914, style.scss */
table td:first-child {
    padding-left: 10px;
    border-top: 1px solid none;
}

/* line 915, style.scss */
table td:last-child {
    padding-right: 10px;
}

/* line 917, style.scss */
table td.right {
    text-align: right;
}

/* line 921, style.scss */
table td ul {
    margin: 0;
}

/* line 925, style.scss */
table td .field {
    margin: 0;
}

/* line 928, style.scss */
table td .products .product {
    clear: both;
}

/* line 932, style.scss */
table td .products .product:last-child .image {
    margin-bottom: 0;
}

/* line 935, style.scss */
table td .products .product .image {
    border: 1px solid #eceef3;
    width: 56px;
    height: 56px;
    background-size: 80%;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    margin: 0 10px 10px 0;
}

/* line 946, style.scss */
table td .products .product a.productname {
    font-weight: 600;
}

/* line 952, style.scss */
table td .actions {
    float: right;
}

/* line 955, style.scss */
table td .actions a.action {
    margin-left: 5px;
    width: 30px;
    height: 30px;
    text-decoration: none;
    color: #fff;
    display: block;
    float: left;
    border-radius: 50%;
    text-align: center;
    font-size: .8em;
}

/* line 967, style.scss */
table td .actions a.action:first-child {
    margin-left: 0;
}

/* line 969, style.scss */
table td .actions a.action span.icon {
    line-height: 30px;
}

/* line 971, style.scss */
table td .actions a.action.no {
    background: #ec3937;
}

/* line 971, style.scss */
table td .actions a.action.no:hover {
    background: #c41513;
}

/* line 972, style.scss */
table td .actions a.action.edit {
    background: #ff9c00;
}

/* line 972, style.scss */
table td .actions a.action.view {
    background: #00a6ff;
}

/* line 972, style.scss */
table td .actions a.action.view:hover {
    background: #0087cb;
}

/* line 972, style.scss */
table td .actions a.action.edit:hover {
    background: #cc7d00;
}

/* line 973, style.scss */
table td .actions a.action.yes {
    background: #0acc73;
}

/* line 973, style.scss */
table td .actions a.action.yes:hover {
    background: #089b58;
}

/*/  LOGIN  /////////////////////////////////////////////////////////////////*/
/* line 982, style.scss */
.page-login body {
    height: 100%;
}

/* line 986, style.scss */
.login {
    height: 100%;
}

/* line 989, style.scss */
.login .bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/* line 999, style.scss */
.login .bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.15);
}

/* line 1010, style.scss */
.login .center {
    float: left;
    z-index: 2;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

/* line 1018, style.scss */
.login .center .logo {
    height: 74px;
    text-align: center;
    margin: 0 0 15px;
}

/* line 1023, style.scss */
.login .center .logo img {
    height: 100%;
    display: inline-block;
}

/* line 1027, style.scss */
.login .center .form .field {
    margin: 0;
    position: relative;
}

/* line 1034, style.scss */
.login .center .form .field.error input::-webkit-input-placeholder {
    color: #ec3937;
    opacity: 0.15;
}

/* line 1035, style.scss */
.login .center .form .field.error input:-moz-placeholder {
    color: #ec3937;
    opacity: 0.15;
}

/* line 1036, style.scss */
.login .center .form .field.error input::-moz-placeholder {
    color: #ec3937;
    opacity: 0.15;
}

/* line 1037, style.scss */
.login .center .form .field.error input:-ms-input-placeholder {
    color: #f06766;
}

/* line 1040, style.scss */
.login .center .form .field.error span.icon {
    color: #ec3937;
}

/* line 1043, style.scss */
.login .center .form .field input {
    border-radius: 0 0 7px 7px;
    height: 66px;
    line-height: 66px;
    width: 310px;
    font-size: 1.286em;
    padding: 0 13px;
}

/* line 1051, style.scss */
.login .center .form .field input:focus {
    border-color: #dce3eb;
}

/* line 1056, style.scss */
.login .center .form .field span.icon {
    font-size: 1.15em;
    position: absolute;
    right: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .2;
}

/* line 1065, style.scss */
.login .center .form .field span.icon-lock {
    font-size: 1.3em;
}

/* line 1068, style.scss */
.login .center .form .field:first-child input {
    border-radius: 7px 7px 0 0;
    border-bottom: none;
}

/* line 1071, style.scss */
.login .center .form .field.buttonfield {
    margin-top: 15px;
}

/* line 1074, style.scss */
.login .center .form .field.buttonfield button {
    width: 100%;
    display: block;
    height: 62px;
    line-height: 62px;
    text-transform: inherit;
    font-size: 1.286em;
    padding: 0 13px;
    font-weight: 400;
    letter-spacing: 0;
    border-radius: 7px;
    margin-bottom: 10px;
}

/* line 1088, style.scss */
.login .center .form .field.buttonfield a.link {
    color: #fff;
    display: block;
    text-align: center;
}

/* line 1096, style.scss */
.login .center .form .error-msg {
    margin-top: 30px;
    border: 1px solid #f59594;
    background: #f9c3c3;
    border-radius: 7px;
    text-align: center;
    padding: 20px 10px;
    color: #ec3937;
    font-weight: 400;
    font-size: 1.15em;
    opacity: .95;
}

/*/  LOADER  /////////////////////////////////////////////////////////////////*/
/* line 1116, style.scss */
.content .loader {
    left: 220px;
    top: 80px;
    width: calc(100% - 220px);
    height: calc(100% - 80px);
    z-index: 100;
    -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    -o-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
}

/* line 1126, style.scss */
.loader,
.loader__figure {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

/* line 1134, style.scss */
.loader {
    overflow: visible;
    padding-top: 2em;
    height: 0;
    width: 2em;
    height: 100%;
    width: 100%;
    background: rgba(115, 117, 121, 0.7);
}

/* line 1143, style.scss */
.loader .loader__figure {
    height: 0;
    width: 0;
    box-sizing: border-box;
    border: 0 solid #ec3937;
    border-radius: 50%;
    -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* line 1154, style.scss */
.loader .loader__label {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .2em;
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    margin: 0;
    font-size: 0.875em;
    line-height: 1.5em;
    color: #fff;
    white-space: nowrap;
    -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

@-webkit-keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
        background-color: #ec3937;
    }
    29% {
        background-color: #ec3937;
    }
    30% {
        height: 2em;
        width: 2em;
        background-color: transparent;
        border-width: 1em;
        opacity: 1;
    }
    100% {
        height: 2em;
        width: 2em;
        border-width: 0;
        opacity: 0;
        background-color: transparent;
    }
}

@-moz-keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
        background-color: #ec3937;
    }
    29% {
        background-color: #ec3937;
    }
    30% {
        height: 2em;
        width: 2em;
        background-color: transparent;
        border-width: 1em;
        opacity: 1;
    }
    100% {
        height: 2em;
        width: 2em;
        border-width: 0;
        opacity: 0;
        background-color: transparent;
    }
}

@keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
        background-color: #ec3937;
    }
    29% {
        background-color: #ec3937;
    }
    30% {
        height: 2em;
        width: 2em;
        background-color: transparent;
        border-width: 1em;
        opacity: 1;
    }
    100% {
        height: 2em;
        width: 2em;
        border-width: 0;
        opacity: 0;
        background-color: transparent;
    }
}

@-webkit-keyframes loader-label {
    0% {
        opacity: 0.25;
    }
    30% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}

@-moz-keyframes loader-label {
    0% {
        opacity: 0.25;
    }
    30% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}

@keyframes loader-label {
    0% {
        opacity: 0.25;
    }
    30% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}

/*/  INTERCOM  /////////////////////////////////////////////////////////////////*/
/* line 1265, style.scss */
.intercom-chat {
    position: fixed;
    right: 20px;
    bottom: 80px;
    width: 60px;
    height: 60px;
}

/* line 1272, style.scss */
.intercom-chat img {
    width: 100%;
    display: block;
}

/*/  PANEL  /////////////////////////////////////////////////////////////////*/
/* line 1278, style.scss */
.panel {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: z-index 0 ease;
    -webkit-transition-delay: 0.3s;
    -moz-transition: z-index 0 ease 0.3s;
    -o-transition: z-index 0 ease 0.3s;
    transition: z-index 0 ease 0.3s;
}

/* line 1287, style.scss */
.panel.active {
    z-index: 1000;
    -webkit-transition: z-index 0 ease;
    -webkit-transition-delay: 0s;
    -moz-transition: z-index 0 ease 0s;
    -o-transition: z-index 0 ease 0s;
    transition: z-index 0 ease 0s;
}

/* line 1291, style.scss */
.panel.active.full {
    z-index: 999;
}

/* line 1293, style.scss */
.panel.active .overlay {
    background: rgba(0, 0, 0, 0.6);
}

/* line 1295, style.scss */
.panel.active .panel-content, .panel.active.full .panel-content {
    right: 0;
}

/* line 1296, style.scss */
.panel.active .panel-content .head, .panel.active.full .panel-content .head {
    right: 0;
}

/* line 1297, style.scss */
.panel.active .panel-content .bottombar, .panel.active.full .panel-content .bottombar {
    right: 0;
}

/* line 1300, style.scss */
.panel.full {
    z-index: -1;
}

/* line 1303, style.scss */
.panel.full .panel-content {
    width: calc(100% - 220px);
    right: -100%;
}

/* line 1307, style.scss */
.panel.full .panel-content .head {
    width: calc(100% - 220px);
    right: -100%;
}

/* line 1312, style.scss */
.panel.full .panel-content .bottombar {
    width: calc(100% - 220px);
    right: -100%;
}

/* line 1319, style.scss */
.panel .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 1329, style.scss */
.panel .panel-content {
    background: #fff;
    position: absolute;
    width: 800px;
    right: -800px;
    top: 0;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 1338, style.scss */
.panel .panel-content .head {
    z-index: 1;
    position: fixed;
    top: 0;
    right: -800px;
    width: 800px;
    background: #ec3937;
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 1350, style.scss */
.panel .panel-content .head h1 {
    color: #fff;
    padding-right: 80px;
}

/* line 1354, style.scss */
.panel .panel-content .head h1 span.icon-event {
    display: block;
    float: left;
    font-size: 1.7em;
    margin: 20px 10px 0 0;
}

/* line 1361, style.scss */
.panel .panel-content .head h1 span.meta {
    display: block;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .6em;
    float: right;
}

/* line 1369, style.scss */
.panel .panel-content .head h1 span.meta span {
    font-weight: 600;
    margin-left: 10px;
}

/* line 1373, style.scss */
.panel .panel-content .head a.close {
    height: 80px;
    width: 80px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    text-align: center;
}

/* line 1385, style.scss */
.panel .panel-content .head a.close span.icon {
    line-height: 80px;
}

/* line 1387, style.scss */
.panel .panel-content .head a.close:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* line 1393, style.scss */
.panel .panel-content .content {
    padding: 20px;
    overflow-x: scroll;
    height: calc(100% - 140px);
    margin-top: 80px;
}

/* line 1399, style.scss */
.panel .panel-content .content .summary {
    overflow: hidden;
    clear: both;
    padding: 10px 30px 20px;
}

/* line 1404, style.scss */
.panel .panel-content .content .summary ul {
    float: left;
    margin: 0 40px 0 0;
}

/* line 1408, style.scss */
.panel .panel-content .content .summary ul li {
    font-size: 1em;
    font-weight: 300;
}

/* line 1412, style.scss */
.panel .panel-content .content .summary ul li:first-child {
    font-size: .8em;
    text-transform: uppercase;
    color: #ec3937;
    letter-spacing: .05em;
    font-weight: 400;
    margin-bottom: 10px;
}

/* line 1424, style.scss */
.panel .panel-content .content .topbar {
    border-bottom: 1px solid #eceef3;
    margin: 0 -20px 0;
    padding: 10px 20px;
    clear: both;
    background: #eceef3;
    overflow: hidden;
}

/* line 1432, style.scss */
.panel .panel-content .content .topbar h1, .panel .panel-content .content .topbar h2 {
    display: inline-block;
    margin: 0;
    line-height: 34px;
}

/* line 1438, style.scss */
.panel .panel-content .content .topbar a.back {
    line-height: 34px;
    text-decoration: none;
    color: #1e1f20;
    font-size: .722em;
    display: block;
    float: left;
}

/* line 1446, style.scss */
.panel .panel-content .content .topbar a.back span.icon {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    font-size: .8em;
    line-height: 34px;
}

/* line 1454, style.scss */
.panel .panel-content .content .topbar a.back:hover {
    color: #ec3937;
}

/* line 1461, style.scss */
.panel .panel-content .content .topbar .meta .item {
    margin-left: 10px;
    float: left;
}

/* line 1465, style.scss */
.panel .panel-content .content .topbar .meta .item:first-child {
    margin-left: 0;
}

/* line 1468, style.scss */
.panel .panel-content .content .topbar .meta .item.search .field {
    margin: 0;
}

/* line 1471, style.scss */
.panel .panel-content .content .topbar .meta .item.search .field input {
    height: 34px;
    line-height: 34px;
    border-radius: 3px 0 0 3px;
    border-right: none;
}

/* line 1478, style.scss */
.panel .panel-content .content .topbar .meta .item.search .field button {
    height: 34px;
    width: 34px;
    line-height: 34px;
    border-radius: 0 3px 3px 0;
}

/* line 1484, style.scss */
.panel .panel-content .content .topbar .meta .item.search .field button span.icon {
    line-height: 34px;
}

/* line 1490, style.scss */
.panel .panel-content .content .topbar .meta .total {
    font-size: .66em;
    text-transform: uppercase;
    letter-spacing: .1em;
    height: 34px;
    line-height: 34px;
    display: block;
    font-weight: 600;
}

/* line 1500, style.scss */
.panel .panel-content .content .topbar .meta .viewport {
    border: 1px solid #eceef3;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    height: 34px;
    padding: 7px;
}

/* line 1508, style.scss */
.panel .panel-content .content .topbar .meta .viewport a {
    width: 19px;
    height: 19px;
    float: left;
    display: block;
    text-decoration: none;
    margin-left: 10px;
}

/* line 1516, style.scss */
.panel .panel-content .content .topbar .meta .viewport a:first-child {
    margin: 0;
}

/* line 1518, style.scss */
.panel .panel-content .content .topbar .meta .viewport a span {
    display: block;
    float: left;
    background: #eceef3;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 1526, style.scss */
.panel .panel-content .content .topbar .meta .viewport a:hover span {
    background: #1e1f20;
}

/* line 1532, style.scss */
.panel .panel-content .content .topbar .meta .viewport a.active span {
    background: #ec3937;
}

/* line 1538, style.scss */
.panel .panel-content .content .topbar .meta .viewport a.tiles span {
    width: 8px;
    height: 8px;
    margin: 0 0 3px 0;
}

/* line 1543, style.scss */
.panel .panel-content .content .topbar .meta .viewport a.tiles span:first-child {
    margin: 0 3px 3px 0;
}

/* line 1544, style.scss */
.panel .panel-content .content .topbar .meta .viewport a.tiles span:nth-child(3) {
    margin: 0 3px 3px 0;
}

/* line 1545, style.scss */
.panel .panel-content .content .topbar .meta .viewport a.tiles span:last-child {
    margin: 0;
}

/* line 1550, style.scss */
.panel .panel-content .content .topbar .meta .viewport a.rows span {
    width: 19px;
    height: 8px;
    margin: 0 0 3px;
}

/* line 1555, style.scss */
.panel .panel-content .content .topbar .meta .viewport a.rows span:last-child {
    margin: 0;
}

/* line 1563, style.scss */
.panel .panel-content .content .topbar .meta .select .field {
    margin: 0;
}

/* line 1566, style.scss */
.panel .panel-content .content .topbar .meta .select .field select {
    border: 1px solid #eceef3;
    border-radius: 3px;
    display: block;
    float: left;
    overflow: hidden;
    height: 34px;
    padding: 7px;
    width: 165px;
    font-size: .66em;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 600;
}

/* line 1584, style.scss */
.panel .panel-content .content .topbar .subbar {
    background: #eceef3;
    overflow: hidden;
    padding: 0 10px;
    height: 30px;
    margin-top: 20px;
}

/* line 1591, style.scss */
.panel .panel-content .content .topbar .subbar ul.filters {
    margin: 0;
}

/* line 1594, style.scss */
.panel .panel-content .content .topbar .subbar ul.filters li {
    float: left;
    display: block;
    margin-right: 20px;
    font-size: .722em;
    line-height: 30px;
}

/* line 1601, style.scss */
.panel .panel-content .content .topbar .subbar ul.filters li:last-child {
    margin-right: 0;
}

/* line 1603, style.scss */
.panel .panel-content .content .topbar .subbar ul.filters li a.delete {
    color: #ec3937;
    text-decoration: none;
    display: block;
    float: right;
    font-size: .75em;
    margin: 1px 0 0 6px;
}

/* line 1611, style.scss */
.panel .panel-content .content .topbar .subbar ul.filters li a.delete:hover {
    color: #1e1f20;
}

/* line 1618, style.scss */
.panel .panel-content .content .topbar .subbar .total {
    font-size: .66em;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 30px;
    display: block;
    font-weight: 600;
    float: right;
}

/* line 1629, style.scss */
.panel .panel-content .content .topbar ul.breadcrumbs {
    margin: 0;
    overflow: hidden;
}

/* line 1633, style.scss */
.panel .panel-content .content .topbar ul.breadcrumbs li {
    float: left;
    display: block;
    line-height: 34px;
    font-size: .722em;
}

/* line 1639, style.scss */
.panel .panel-content .content .topbar ul.breadcrumbs li a {
    text-decoration: none;
    color: #ec3937;
}

/* line 1643, style.scss */
.panel .panel-content .content .topbar ul.breadcrumbs li a:hover {
    color: #1e1f20;
    text-decoration: underline;
}

/* line 1649, style.scss */
.panel .panel-content .content .topbar ul.breadcrumbs li span.icon {
    margin: 0 10px;
    font-size: .6em;
}

/* line 1657, style.scss */
.panel .panel-content .content .products {
    margin: 0 -20px;
    background: #fff;
    overflow: hidden;
    clear: both;
}

/* line 1663, style.scss */
.panel .panel-content .content .products .product {
    position: relative;
    display: block;
    float: left;
    width: 20%;
    height: 300px;
    overflow: hidden;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #1e1f20;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
    border-right: 1px solid #eceef3;
    border-bottom: 1px solid #eceef3;
}

/* line 1679, style.scss */
.panel .panel-content .content .products .product:hover .field {
    opacity: 1;
    top: 0;
}

/* line 1685, style.scss */
.panel .panel-content .content .products .product img {
    margin: 20px 0;
    height: 130px;
}

/* line 1690, style.scss */
.panel .panel-content .content .products .product .price {
    font-weight: 600;
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

/* line 1697, style.scss */
.panel .panel-content .content .products .product .stock {
    font-weight: 300;
    letter-spacing: .1em;
    font-size: .88em;
    text-transform: uppercase;
    margin-bottom: 15px;
}

/* line 1705, style.scss */
.panel .panel-content .content .products .product .field {
    display: inline-block;
    width: auto;
    opacity: 0;
    position: relative;
    top: 200px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 1713, style.scss */
.panel .panel-content .content .products .product .field a.btn {
    height: 24px;
    line-height: 24px;
    font-size: .74em;
}

/* line 1720, style.scss */
.panel .panel-content .content .products .product .checked {
    background: #0acc73;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    text-align: center;
    border-radius: 555px;
}

/* line 1732, style.scss */
.panel .panel-content .content .products .product .checked span.icon {
    line-height: 30px;
}

/* line 1740, style.scss */
.panel .panel-content .bottombar {
    position: fixed;
    bottom: 0;
    right: -800px;
    width: 800px;
    background: #eceef3;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
    text-align: right;
}

/* line 1753, style.scss */
.panel .panel-content .bottombar a.btn {
    margin-left: 5px;
}

/*/  GRID  /////////////////////////////////////////////////////////////////*/
/* line 1761, style.scss */
.col {
    position: relative;
    float: left;
}

/* line 1765, style.scss */
.col.size1of1, .col.size2of2, .col.size3of3, .col.size4of4, .col.size5of5 {
    width: 100%;
}

/* line 1767, style.scss */
.col.size1of2 {
    width: 50%;
}

/* line 1768, style.scss */
.col.size1of3 {
    width: 33.33%;
}

/* line 1769, style.scss */
.col.size2of3 {
    width: 66.66%;
}

/* line 1771, style.scss */
.col.size1of4 {
    width: 25%;
}

/* line 1772, style.scss */
.col.size2of4 {
    width: 50%;
}

/* line 1773, style.scss */
.col.size3of4 {
    width: 75%;
}

/* line 1775, style.scss */
.col.size1of5 {
    width: 20%;
}

/* line 1776, style.scss */
.col.size2of5 {
    width: 40%;
}

/* line 1777, style.scss */
.col.size3of5 {
    width: 60%;
}

/* line 1778, style.scss */
.col.size4of5 {
    width: 80%;
}

/*/  FORM STYLING  /////////////////////////////////////////////////////////////////*/
/* line 1785, style.scss */
.form {
    margin-bottom: 40px;
}

/* line 1789, style.scss */
form {
    padding: 0;
    margin: 0;
}

/* line 1794, style.scss */
.field {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}

.field.hidden {
    display: none;
}

/* line 1799, style.scss */
.field span.color {
    width: 20px;
    height: 20px;
    border-radius: 555px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    display: block;
    float: left;
    margin: 8px 10px 0 0;
}

/* line 1809, style.scss */
.field .image {
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    float: left;
    border-radius: 5px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-right: 10px;
}

/* line 1823, style.scss */
.field .image a.delete-img {
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    right: 2px;
    top: 2px;
    text-decoration: none;
    text-align: center;
    background: #ec3937;
    color: #fff;
    border-radius: 3px;
    opacity: 1;
    font-size: .6em;
}

/* line 1838, style.scss */
.field .image a.delete-img span.icon {
    line-height: 20px;
}

/* line 1840, style.scss */
.field .image a.delete-img:hover {
    background: #db1715;
}

/* line 1844, style.scss */
.field .drop-file {
    background: #eceef3;
    border-radius: 5px;
    color: #fff;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    float: left;
    font-size: 1.5em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* line 1857, style.scss */
.field .drop-file:hover {
    background: #cdd2df;
}

/* line 1861, style.scss */
.field .drop-file span.icon {
    line-height: 60px;
}

/* line 1867, style.scss */
.field .innerfield label {
    width: auto;
    margin-right: 20px;
}

/* line 1870, style.scss */
.field.size1of1, .field.size2of2, .field.size3of3, .field.size4of4, .field.size5of5 {
    width: 100%;
}

/* line 1872, style.scss */
.field.size1of2 {
    width: 50%;
    float: left;
}

/* line 1873, style.scss */
.field.size1of3 {
    width: 33.33%;
    float: left;
}

/* line 1874, style.scss */
.field.size2of3 {
    width: 66.66%;
    float: left;
}

/* line 1876, style.scss */
.field.size1of4 {
    width: 25%;
    float: left;
}

/* line 1877, style.scss */
.field.size2of4 {
    width: 50%;
    float: left;
}

/* line 1878, style.scss */
.field.size3of4 {
    width: 75%;
    float: left;
}

/* line 1880, style.scss */
.field.size1of5 {
    width: 20%;
    float: left;
}

/* line 1881, style.scss */
.field.size2of5 {
    width: 40%;
    float: left;
}

/* line 1882, style.scss */
.field.size3of5 {
    width: 60%;
    float: left;
}

/* line 1883, style.scss */
.field.size4of5 {
    width: 80%;
    float: left;
}

/* line 1885, style.scss */
.field a.delete {
    border-radius: 50%;
    background: #ec3937;
    color: #fff;
    text-decoration: none;
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    text-align: center;
    font-size: .63em;
    opacity: .35;
    margin: 7px 0 0;
}

/* line 1899, style.scss */
.field a.delete:hover {
    opacity: 1;
}

/* line 1901, style.scss */
.field a.delete span.icon {
    line-height: 22px;
}

/* line 1907, style.scss */
.field.float input[type="text"], .field.float input[type="file"], .field.float input[type="number"], .field.float input[type="password"], .field.float select, .field.float textarea {
    margin-right: 10px;
}

/* line 1913, style.scss */
.field.error input[type="text"], .field.error input[type="file"], .field.error input[type="number"], .field.error input[type="password"], .field.error select, .field.error textarea {
    border: 1px solid #f7acab;
    background: #fef6f6;
}

/* line 1918, style.scss */
.field.error p.label, .field.error label {
    color: #ec3937;
}

/* line 1920, style.scss */
.field.error .error {
    font-size: .86em;
    color: #ec3937;
    clear: both;
    margin-top: 5px;
    line-height: 1.8em;
    margin-left: 180px;
    font-weight: 300;
}

/* line 1931, style.scss */
.field.radiocheck {
    margin-bottom: 5px;
}

/* line 1934, style.scss */
.field.radiocheck label {
    width: auto;
    margin-right: 10px;
}

/* line 1936, style.scss */
.field.radiocheck .error {
    margin-left: 0;
}

/* line 1939, style.scss */
.field label, .field p.label {
    font-weight: normal;
    width: 180px;
    font-size: 1em;
    float: left;
    line-height: 36px;
    font-weight: 300;
}

/* line 1948, style.scss */
.field input[type="text"], .field input[type="email"], .field input[type="file"], .field input[type="number"], .field input[type="password"], .field select {
    width: 340px;
    float: left;
    border: 1px solid #dce3eb;
    padding: 0 7px;
    line-height: 36px;
    height: 36px;
    background: #fff;
    font-size: 1em;
    font-weight: 300;
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 1962, style.scss */
.field input[type="text"]:focus, .field input[type="email"]:focus, .field input[type="file"]:focus, .field input[type="number"]:focus, .field input[type="password"]:focus, .field select:focus {
    border: 1px solid #a8b5c3;
}

/* line 1965, style.scss */
.field input[type="text"]:focus::-webkit-input-placeholder, .field input[type="email"]:focus::-webkit-input-placeholder, .field input[type="file"]:focus::-webkit-input-placeholder, .field input[type="number"]:focus::-webkit-input-placeholder, .field input[type="password"]:focus::-webkit-input-placeholder, .field select:focus::-webkit-input-placeholder {
    color: #1e1f20;
    opacity: 0.15;
}

/* line 1966, style.scss */
.field input[type="text"]:focus:-moz-placeholder, .field input[type="email"]:focus:-moz-placeholder, .field input[type="file"]:focus:-moz-placeholder, .field input[type="number"]:focus:-moz-placeholder, .field input[type="password"]:focus:-moz-placeholder, .field select:focus:-moz-placeholder {
    color: #1e1f20;
    opacity: 0.15;
}

/* line 1967, style.scss */
.field input[type="text"]:focus::-moz-placeholder, .field input[type="email"]:focus::-moz-placeholder, .field input[type="file"]:focus::-moz-placeholder, .field input[type="number"]:focus::-moz-placeholder, .field input[type="password"]:focus::-moz-placeholder, .field select:focus::-moz-placeholder {
    color: #1e1f20;
    opacity: 0.15;
}

/* line 1968, style.scss */
.field input[type="text"]:focus:-ms-input-placeholder, .field input[type="email"]:focus:-ms-input-placeholder, .field input[type="file"]:focus:-ms-input-placeholder, .field input[type="number"]:focus:-ms-input-placeholder, .field input[type="password"]:focus:-ms-input-placeholder, .field select:focus:-ms-input-placeholder {
    color: #37393a;
}

/* line 1971, style.scss */
.field input[type="text"].streetname, .field input[type="email"].streetname, .field input[type="file"].streetname, .field input[type="number"].streetname, .field input[type="password"].streetname, .field select.streetname {
    width: 250px;
}

/* line 1972, style.scss */
.field input[type="text"].housenumber, .field input[type="email"].housenumber, .field input[type="file"].housenumber, .field input[type="number"].housenumber, .field input[type="password"].housenumber, .field select.housenumber {
    width: 80px;
}

/* line 1974, style.scss */
.field input[type="text"].postal, .field input[type="email"].postal, .field input[type="file"].postal, .field input[type="number"].postal, .field input[type="password"].postal, .field select.postal {
    width: 100px;
}

/* line 1975, style.scss */
.field input[type="text"].city, .field input[type="email"].city, .field input[type="file"].city, .field input[type="number"].city, .field input[type="password"].city, .field select.city {
    width: 230px;
}

/* line 1977, style.scss */
.field input[type="text"].small, .field input[type="email"].small, .field input[type="file"].small, .field input[type="number"].small, .field input[type="password"].small, .field select.small {
    width: 215px;
}

/* line 1978, style.scss */
.field input[type="text"].smaller, .field input[type="email"].smaller, .field input[type="file"].smaller, .field input[type="number"].smaller, .field input[type="password"].smaller, .field select.smaller {
    width: 125px;
}

/* line 1980, style.scss */
.field input[type="text"].right, .field input[type="email"].right, .field input[type="file"].right, .field input[type="number"].right, .field input[type="password"].right, .field select.right {
    text-align: right;
}

/* line 1982, style.scss */
.field input[type="text"].icon, .field input[type="email"].icon, .field input[type="file"].icon, .field input[type="number"].icon, .field input[type="password"].icon, .field select.icon {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 26px;
}

/* line 1988, style.scss */
.field input[type="text"].calendar, .field input[type="email"].calendar, .field input[type="file"].calendar, .field input[type="number"].calendar, .field input[type="password"].calendar, .field select.calendar {
    background-image: url(../img/icon-calendar.svg);
}

/* line 1989, style.scss */
.field input[type="text"].euro, .field input[type="email"].euro, .field input[type="file"].euro, .field input[type="number"].euro, .field input[type="password"].euro, .field select.euro {
    background-image: url(../img/icon-euro.svg);
    background-position: 4px center;
}

/* line 1991, style.scss */
.field input[type="text"]:disabled, .field input[type="email"]:disabled, .field input[type="file"]:disabled, .field input[type="number"]:disabled, .field input[type="password"]:disabled, .field select:disabled {
    background-color: #dee2e9;
    border: 1px solid #bfc4ca;
    font-weight: 400;
}

/* line 1995, style.scss */
.field input[type="radio"], .field input[type="checkbox"] {
    margin-top: 11px;
    margin-right: 8px;
    margin-left: 1px;
}

/* line 2001, style.scss */
.field input[type="file"] {
    padding: 0 5px;
}

/* line 2003, style.scss */
.field textarea {
    width: 340px;
    float: left;
    border: 1px solid #dce3eb;
    padding: 5px 7px;
    line-height: inherit;
    height: 100px;
    font-size: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: border 0.3s ease, opacity 0.3s ease, color 0.3s ease;
    -moz-transition: border 0.3s ease false, opacity 0.3s ease false, color 0.3s ease false;
    -o-transition: border 0.3s ease false, opacity 0.3s ease false, color 0.3s ease false;
    transition: border 0.3s ease, opacity 0.3s ease, color 0.3s ease;
    resize: none;
}

/* line 2015, style.scss */
.field textarea:focus {
    border: 1px solid #a8b5c3;
}

/* line 2018, style.scss */
.field textarea:focus::-webkit-input-placeholder {
    color: #1e1f20;
    opacity: 0.15;
}

/* line 2019, style.scss */
.field textarea:focus:-moz-placeholder {
    color: #1e1f20;
    opacity: 0.15;
}

/* line 2020, style.scss */
.field textarea:focus::-moz-placeholder {
    color: #1e1f20;
    opacity: 0.15;
}

/* line 2021, style.scss */
.field textarea:focus:-ms-input-placeholder {
    color: #37393a;
}

/* line 2025, style.scss */
.field button {
    border-radius: 4px;
    padding: 0 13px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    background: #ec3937;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: .77em;
    letter-spacing: .1em;
    font-weight: 600;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 2041, style.scss */
.field button:hover {
    background: #db1715;
}

/* line 2045, style.scss */
.field button span.icon {
    margin-right: 10px;
}

/* line 2049, style.scss */
.field button.small {
    height: 36px;
    line-height: 36px;
}

/* line 2054, style.scss */
.field button.outline {
    background: #fef6f6;
    border: 1px solid #ec3937;
    color: #ec3937;
}

/* line 2059, style.scss */
.field button.outline:hover {
    background: #ec3937;
    color: #fff;
}

/* line 2061, style.scss */
.field button.outline.green {
    background: #f0fef8;
    border: 1px solid #0acc73;
    color: #0acc73;
}

/* line 2066, style.scss */
.field button.outline.green:hover {
    background: #0acc73;
    color: #fff;
}

/* line 2070, style.scss */
.field button.green {
    background: #0acc73;
}

/* line 2073, style.scss */
.field button.green:hover {
    background: #089b58;
}

/* line 2078, style.scss */
.field button.grey {
    background: #aaafbd;
}

/* line 2081, style.scss */
.field button.grey:hover {
    background: #8d94a7;
}

/* line 2086, style.scss */
.field button.disabled {
    cursor: default;
    background: #c3cad9;
    color: rgba(255, 255, 255, 0.65);
}

/* line 2094, style.scss */
fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

.chart {
    position: relative;
    width: 32%;
    background-color: white;
    margin: 10px;
    padding: 10px;
    height: 300px;
    float: left;
    display: inline;
}

.chart canvas {
    padding-bottom: 40px;
}

.flex {
    display: flex;
}

.flex-row {
    align-items: center;
    gap: 10px;
}

/*/  MEDIA SCREENS  /////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 1300px) {
    /* line 2104, style.scss */
    body {
        font-size: 13px;
    }
}

@media screen and (max-width: 1200px) {
    /* line 2108, style.scss */
    body {
        font-size: 12px;
    }
}

@media screen and (max-width: 1100px) {
    /* line 2112, style.scss */
    body {
        font-size: 11px;
    }
}

@media screen and (max-width: 1023px) {
    /* line 2120, style.scss */
    body {
        font-size: 10px;
    }
}

/*/  TOUCH INTERFACE  /////////////////////////////////////////////////////////////////*/

/* line 2025, style.scss */
a.button {
    text-decoration: none;
    border-radius: 4px;
    padding: 0 13px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    background: #ec3937;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-d font-size: .77em;
    letter-spacing: .1em;
    font-weight: 600;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease false;
    -o-transition: all 0.3s ease false;
    transition: all 0.3s ease;
}

/* line 2041, style.scss */
.button:hover {
    background: #db1715;
}

/* line 2045, style.scss */
.button span.icon {
    margin-right: 10px;
}

/* line 2049, style.scss */
.button.small {
    height: 36px;
    line-height: 36px;
}

/* line 2054, style.scss */
.button.outline {
    background: #fef6f6;
    border: 1px solid #ec3937;
    color: #ec3937;
}

/* line 2059, style.scss */
.button.outline:hover {
    background: #ec3937;
    color: #fff;
}

/* line 2061, style.scss */
.button.outline.green {
    background: #f0fef8;
    border: 1px solid #0acc73;
    color: #0acc73;
}

/* line 2066, style.scss */
.button.outline.green:hover {
    background: #0acc73;
    color: #fff;
}

/* line 2070, style.scss */
.button.green {
    background: #0acc73;
}

/* line 2073, style.scss */
.button.green:hover {
    background: #089b58;
}

/* line 2078, style.scss */
.button.grey {
    background: #aaafbd;
}

/* line 2081, style.scss */
.button.grey:hover {
    background: #8d94a7;
}

/* line 2086, style.scss */
.button.disabled {
    cursor: default;
    background: #c3cad9;
    color: rgba(255, 255, 255, 0.65);
}

div.cp-color-picker {
    z-index: 1120;
}