/* arimo-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/arimo/arimo-v29-all-regular.woff2') format('woff2');
}
/* lexend-deca-regular - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-regular.woff2') format('woff2');
}
/* lexend-deca-500 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 500;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-500.woff2') format('woff2');
}
/* lexend-deca-600 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-600.woff2') format('woff2');
}
/* mulish-regular - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-regular.woff2') format('woff2');
}
/* mulish-italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-italic.woff2') format('woff2');
}
/* mulish-700 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700.woff2') format('woff2');
}
/* mulish-700italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700italic.woff2') format('woff2');
}
/* open-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-regular.woff2') format('woff2');
}
/* open-sans-italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-italic.woff2') format('woff2');
}
/* open-sans-600 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-600.woff2') format('woff2');
}
/* open-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700.woff2') format('woff2');
}
/* open-sans-700italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700italic.woff2') format('woff2');
}
/* open-sans-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-800.woff2') format('woff2');
}
@font-face {
  font-family: 'ds-digi';
  src: url('../gynzy-styleguide/assets/fonts/ds-digi/ds-digi.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.font-arial-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: bold;
}
.font-open-sans {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-semibold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.font-open-sans-bold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}
.font-open-sans-bold-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 700;
}
/* Group Colors */
/* ParnasSys */
/* Folders */
/* KLEUREN TEKST */
/* KLEUREN GROEP */
/* student background colors */
/* EFFECTEN */
/* BUTTON NORMAL */
/* CSS klassen om snel de kleur te kunnen gebruiken */
.grey-light {
  color: #c3c3c3;
}
.bg-grey-light {
  background-color: #c3c3c3;
}
.grey-dark {
  color: #777;
}
.grey-opac-light {
  color: rgba(119, 119, 119, 0.7) !important;
}
.grey-opac-dark {
  color: rgba(0, 0, 0, 0.8);
}
.blue {
  color: #76a0cd;
}
.yellow {
  color: #fed204;
}
.mediumBlue {
  color: #7aa7fa;
}
.lightBlue {
  color: #f2f7fc;
}
.boxBlue {
  color: #93b2d2;
}
.okGreen {
  color: #209914;
}
.errorRed {
  color: #ed1c24;
}
.reeksColor {
  color: #e5ab20;
}
.goedGreen {
  color: #22a914;
}
.bg-goedGreen {
  background-color: #22a914;
}
.jammerRed {
  color: #ff3b30;
}
.skippedGrey {
  color: #aaaaaa;
}
.darkGrey {
  color: #888888;
}
.bg-jammerRed {
  background-color: #ff3b30;
}
.bg-skipped {
  background-color: #aaaaaa;
}
.orange {
  color: #e9871e;
}
.primary-dark,
input[type='text'].primary-dark {
  background-color: #256afd;
}
.primary-light,
input[type='text'].primary-light {
  background-color: #a4c5f3;
}
.secondary-dark,
input[type='text'].secondary-dark {
  background-color: #ff7200;
}
.secondary-light,
input[type='text'].secondary-light {
  background-color: #f4bf86;
}
.tertiary-dark,
input[type='text'].tertiary-dark {
  background-color: #d000c3;
}
.tertiary-light,
input[type='text'].tertiary-light {
  background-color: #e1a2e9;
}
.quaternary-dark,
input[type='text'].quaternary-dark {
  background-color: #ecbf0d;
}
.quaternary-light,
input[type='text'].quaternary-light {
  background-color: #c7bd96;
}
.quinary-dark,
input[type='text'].quinary-dark {
  background-color: #00be00;
}
.senary-dark,
input[type='text'].senary-dark {
  background-color: #00a169;
}
.neutral,
input[type='text'].neutral {
  background-color: #fff;
}
/*
   This is the shorthand for flex-grow, flex-shrink and flex-basis combined. This element always needs
   a parent with .mixin-display-flex.
   * Flex-grow: If all items have flex-grow set to 1, every child will set to an equal size inside the container.
     If you were to give one of the children a value of 2, that child would take up twice as much space as the others.
   * Flex-shrink: This defines the ability for a flex item to shrink if necessary.
   * Flex-basis: If set to 0, the extra space around content isn't factored in. If set to auto, the extra space is
     distributed based on it's flex-grow value.

   Default: 0 1 auto;
   Use: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
        flex-grow: <number>;     (default 0)
        flex-shrink: <number>    (default 1)
        flex-basis: <length> | auto
*/
/*
   This establishes the main-axis, thus defining the direction flex items are placed in the flex container.
   Default: row from left to right
   Use: row | row-reverse | column | column-reverse
*/
/*
   By default, flex items will all try to fit onto one line. You can change that and allow the items to wrap
   as needed with this property.
   Default: nowrap from left to right
   Use: nowrap | wrap | wrap-reverse
*/
/*
   This defines the alignment along the main axis. It helps distribute extra free space left over when either
   all the flex items on a line are inflexible, or are flexible but have reached their maximum size.
   Default: nowrap from left to right
   Use: flex-start | flex-end | center | space-between | space-around
*/
/*
   This defines the default behaviour for how flex items are laid out along the cross axis on the current line.
   Think of it as the justify-content version for the cross-axis (perpendicular to the main-axis).
   Default: flex-start
   Use: flex-start | flex-end | center | baseline | stretch
*/
/*
   This aligns a flex container's lines within when there is extra space in the cross-axis,
   similar to how justify-content aligns individual items within the main-axis.
   Default: flex-start
   Use: flex-start | flex-end | center | baseline | stretch
*/
/*
   This allows the default alignment (or the one specified by align-items) to be overridden for individual flex items.
   Default: flex-start
   Use: flex-start | flex-end | center | baseline | stretch
*/
/*
   Default: As found in html
   Use: <number>
*/
.mixin-grid-reset {
  clear: both;
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: auto;
}
.mixin-clearfix::before,
.mixin-clearfix::after {
  content: '';
  display: table;
}
.mixin-clearfix::after {
  clear: both;
}
/* stylelint-disable */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
*,
*::after,
*::before {
  box-sizing: border-box;
}
::-moz-selection {
  background: #333e42;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #333e42;
  color: #fff;
  text-shadow: none;
}
html {
  color: #404e54;
  font: 400 10px 'Open Sans', sans-serif;
  height: 100%;
  width: 100%;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  height: 100%;
  width: 100%;
  background: #e9eaeb;
  line-height: 1.5em;
  transition: transform 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: -moz-transform 50ms ease-out 0s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.5em;
  margin: 0 0 1.13rem 0;
}
h1 {
  font-size: 3.38rem;
  font-weight: 300;
}
h2 {
  font-size: 1.8rem;
}
h2.is-header {
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
  font-size: 1.3rem;
  color: #52656e;
  text-align: center;
  position: relative;
  -webkit-backface-visibility: hidden;
  overflow-wrap: break-word;
}
h2.is-header span.is-soft {
  color: #86949b;
}
h2.is-header.text-left {
  text-align: left;
}
h3 {
  font-size: 1.73rem;
}
h4 {
  font-size: 1.65rem;
}
h5 {
  font-size: 1.58rem;
}
h6 {
  font-size: 1.5rem;
}
p {
  margin-bottom: 2.25rem;
}
p.lead {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 3rem;
}
a {
  color: #920d62;
  font-weight: 600;
  text-decoration: none;
  transition: color 50ms;
}
a[href] {
  cursor: pointer;
}
a:hover {
  color: #340523;
}
a.referral {
  padding-left: 1.5rem;
  transition: color 50ms, padding-left 50ms;
}
a.referral:hover {
  padding-left: 1.88rem;
}
a.referral::before {
  position: relative;
  top: 0.23rem;
  margin-right: 0.75rem;
}
small {
  font-size: 1.3rem;
  color: #86949b;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
code,
pre {
  font-family: 'courier new', monospace;
}
abbr {
  border-bottom: 1px dotted #86949b;
}
del {
  text-decoration: line-through;
}
mark {
  background-color: #ffffb3;
}
hr {
  background-color: transparent;
  border: solid #c3cace;
  border-width: 1px 0 0;
  clear: both;
  margin: 2em 2.25rem;
}
hr.is-wide {
  margin-left: 0;
  margin-right: 0;
}
ul,
ol {
  margin: 0 0 2.25rem 1.5em;
}
ul {
  list-style: none;
  margin-left: 0;
}
ol {
  list-style: decimal;
}
dl {
  margin-bottom: 2.25rem;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-left: 2.25rem;
}
dl.advanced::before,
dl.advanced::after {
  content: '';
  display: table;
}
dl.advanced::after {
  clear: both;
}
dl.advanced dt {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  clear: left;
  color: #86949b;
  font-weight: normal;
  padding-top: 0.75rem;
}
@media only screen and (min-width: 1024px) {
  dl.advanced dt {
    padding-right: 0.75rem;
    text-align: left;
    overflow-wrap: break-word;
  }
}
dl.advanced dt:first-of-type {
  padding-top: 0;
}
dl.advanced dd {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  margin-left: 0;
}
@media only screen and (min-width: 1024px) {
  dl.advanced dd {
    overflow-wrap: break-word;
  }
}
dl.advanced dd + dd {
  margin-top: 0.53rem;
}
.is-hidden {
  display: none !important;
}
.is-hidden,
.is-invisible {
  visibility: hidden !important;
}
.is-active,
.is-visible {
  display: block;
}
.left {
  float: left;
}
.right {
  float: right;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.nowrap {
  white-space: nowrap;
}
.font-is-small {
  font-size: 1.3rem;
}
.is-inactive {
  color: #86949b !important;
}
.is-inactive:hover {
  color: #86949b !important;
  background: initial !important;
  cursor: text;
}
.is-inactive i.flaticon::before {
  margin-left: 0.53rem;
}
.is-alt-text {
  display: none;
}
.is-clickable {
  cursor: pointer;
}
.page-is-empty {
  text-align: center;
  display: block;
  font-style: italic;
}
@media only screen and (min-width: 960px) {
  .l-full {
    float: left;
    width: 97.91666667%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
}
@media only screen and (min-width: 960px) {
  .l-three-fourth {
    float: left;
    width: 64.58333333%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
}
@media only screen and (min-width: 1024px) {
  .l-three-fourth {
    float: left;
    width: 72.91666667%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
}
@media only screen and (min-width: 960px) {
  .l-two-third {
    float: left;
    width: 64.58333333%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
}
@media only screen and (min-width: 960px) {
  .l-half {
    float: left;
    width: 47.91666667%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
}
@media only screen and (min-width: 960px) {
  .l-one-third {
    float: left;
    width: 31.25%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
}
@media only screen and (min-width: 960px) {
  .l-one-fourth {
    float: left;
    width: 31.25%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
}
@media only screen and (min-width: 1024px) {
  .l-one-fourth {
    float: left;
    width: 22.91666667%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
}
.l-narrow {
  clear: both;
}
@media only screen and (min-width: 1024px) {
  .l-narrow {
    max-width: 105rem;
    margin: auto;
  }
}
.l-medium,
.l-small {
  clear: both;
}
@media only screen and (min-width: 1024px) {
  .l-medium,
  .l-small {
    max-width: 64.5rem;
    margin: auto;
  }
  .l-medium.content,
  .l-small.content {
    max-width: 69rem;
  }
}
@media only screen and (min-width: 590px) {
  .has-no-padding .l-small,
  .has-no-padding .l-medium,
  .has-no-padding .l-narrow {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
}
@media only screen and (min-width: 960px) {
  .has-no-padding .l-small,
  .has-no-padding .l-medium,
  .has-no-padding .l-narrow {
    margin: auto;
  }
}
div.l-container {
  min-height: 100%;
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.l-first {
  clear: left;
}
.l-flex-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  position: absolute;
  inset: 0;
}
@media only screen and (min-width: 960px) {
  .l-flex-content {
    order: 2;
    margin-left: 24rem;
    z-index: 101;
    display: block;
    position: relative;
  }
}
@font-face {
  /* stylelint-disable-next-line at-rule-descriptor-value-no-unknown */
  font-family: 'Open Sans', sans-serif;
  src: url('fonts/OpenSans-Light-webfont.woff') format('woff');
  font-weight: 300;
}
@font-face {
  /* stylelint-disable-next-line at-rule-descriptor-value-no-unknown */
  font-family: 'Open Sans', sans-serif;
  src: url('fonts/OpenSans-Regular-webfont.woff') format('woff');
  font-weight: 400;
}
@font-face {
  /* stylelint-disable-next-line at-rule-descriptor-value-no-unknown */
  font-family: 'Open Sans', sans-serif;
  src: url('fonts/OpenSans-Semibold-webfont.woff') format('woff');
  font-weight: 600;
}
@font-face {
  /* stylelint-disable-next-line at-rule-descriptor-value-no-unknown */
  font-family: 'Open Sans', sans-serif;
  src: url('fonts/OpenSans-Bold-webfont.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Flaticons Stroke';
  src: url('fonts/flaticons-stroke.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.flaticon::before,
.include-fonticon {
  font-family: 'Flaticons Stroke';
  speak: none;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.flaticon.grid-1::before,
.flaticon.grid::before,
.flaticon.A1::before {
  content: '\e3e8';
}
.flaticon.grid-2::before,
.flaticon.A2::before {
  content: '\e3e9';
}
.flaticon.grid-3::before,
.flaticon.A3::before {
  content: '\e3ea';
}
.flaticon.window-1::before,
.flaticon.window::before,
.flaticon.A4::before {
  content: '\e3eb';
}
.flaticon.collection-1::before,
.flaticon.collection::before,
.flaticon.A5::before {
  content: '\e3ec';
}
.flaticon.switch-window-1::before,
.flaticon.switch-window::before,
.flaticon.A6::before {
  content: '\e3ed';
}
.flaticon.add-window-1::before,
.flaticon.add-window::before,
.flaticon.A7::before {
  content: '\e3ee';
}
.flaticon.browser-1::before,
.flaticon.browser::before,
.flaticon.A8::before {
  content: '\e3ef';
}
.flaticon.minimize-browser-1::before,
.flaticon.minimize-browser::before,
.flaticon.A9::before {
  content: '\e3f0';
}
.flaticon.new-browser-1::before,
.flaticon.new-browser::before,
.flaticon.A10::before {
  content: '\e3f1';
}
.flaticon.close-browser-1::before,
.flaticon.close-browser::before,
.flaticon.A11::before {
  content: '\e3f2';
}
.flaticon.browser-2::before,
.flaticon.A12::before {
  content: '\e3f3';
}
.flaticon.minimize-browser-2::before,
.flaticon.A13::before {
  content: '\e3f4';
}
.flaticon.new-browser-2::before,
.flaticon.A14::before {
  content: '\e3f5';
}
.flaticon.close-browser-2::before,
.flaticon.A15::before {
  content: '\e3f6';
}
.flaticon.multiple-browsers-1::before,
.flaticon.multiple-browsers::before,
.flaticon.A16::before {
  content: '\e3f7';
}
.flaticon.browser-3::before,
.flaticon.A17::before {
  content: '\e3f8';
}
.flaticon.minimize-browser-3::before,
.flaticon.A18::before {
  content: '\e3f9';
}
.flaticon.new-browser-3::before,
.flaticon.A19::before {
  content: '\e3fa';
}
.flaticon.close-browser-3::before,
.flaticon.A20::before {
  content: '\e3fb';
}
.flaticon.folder-1::before,
.flaticon.folder::before,
.flaticon.B1::before {
  content: '\e3fc';
}
.flaticon.add-folder-1::before,
.flaticon.add-folder::before,
.flaticon.B2::before {
  content: '\e3fd';
}
.flaticon.remove-folder-1::before,
.flaticon.remove-folder::before,
.flaticon.B3::before {
  content: '\e3fe';
}
.flaticon.upload-to-folder-1::before,
.flaticon.upload-to-folder::before,
.flaticon.B4::before {
  content: '\e3ff';
}
.flaticon.download-to-folder-1::before,
.flaticon.download-to-folder::before,
.flaticon.B5::before {
  content: '\e400';
}
.flaticon.folder-2::before,
.flaticon.B6::before {
  content: '\e401';
}
.flaticon.open-folder-1::before,
.flaticon.open-folder::before,
.flaticon.B7::before {
  content: '\e402';
}
.flaticon.add-to-folder-1::before,
.flaticon.add-to-folder::before,
.flaticon.B8::before {
  content: '\e403';
}
.flaticon.document-1::before,
.flaticon.document::before,
.flaticon.B9::before {
  content: '\e404';
}
.flaticon.document-2::before,
.flaticon.B10::before {
  content: '\e405';
}
.flaticon.document-3::before,
.flaticon.B11::before {
  content: '\e406';
}
.flaticon.document-4::before,
.flaticon.B12::before {
  content: '\e407';
}
.flaticon.multiple-documents-1::before,
.flaticon.multiple-documents::before,
.flaticon.B13::before {
  content: '\e408';
}
.flaticon.remove-documents-1::before,
.flaticon.remove-documents::before,
.flaticon.B14::before {
  content: '\e409';
}
.flaticon.add-document-1::before,
.flaticon.add-document::before,
.flaticon.B15::before {
  content: '\e40a';
}
.flaticon.close-document-1::before,
.flaticon.close-document::before,
.flaticon.B16::before {
  content: '\e40b';
}
.flaticon.upload-document-1::before,
.flaticon.upload-document::before,
.flaticon.B17::before {
  content: '\e40c';
}
.flaticon.download-document-1::before,
.flaticon.download-document::before,
.flaticon.B18::before {
  content: '\e40d';
}
.flaticon.import-document-1::before,
.flaticon.import-document::before,
.flaticon.B19::before {
  content: '\e40e';
}
.flaticon.export-document-1::before,
.flaticon.export-document::before,
.flaticon.B20::before {
  content: '\e40f';
}
.flaticon.clipboard-1::before,
.flaticon.clipboard::before,
.flaticon.copy-1::before,
.flaticon.copy::before,
.flaticon.C1::before {
  content: '\e410';
}
.flaticon.clipboard-1a::before,
.flaticon.copy-2::before,
.flaticon.C2::before {
  content: '\e411';
}
.flaticon.clipboard-1b::before,
.flaticon.copy-3::before,
.flaticon.C3::before {
  content: '\e412';
}
.flaticon.clipboard-2::before,
.flaticon.copy-4::before,
.flaticon.C4::before {
  content: '\e413';
}
.flaticon.remove-from-clipboard-1::before,
.flaticon.remove-from-clipboard::before,
.flaticon.C5::before {
  content: '\e414';
}
.flaticon.add-to-clipboard-1::before,
.flaticon.add-to-clipboard::before,
.flaticon.copy-5::before,
.flaticon.C6::before {
  content: '\e415';
}
.flaticon.add-to-clipboard-2::before,
.flaticon.C7::before {
  content: '\e416';
}
.flaticon.clipboard-2a::before,
.flaticon.C8::before {
  content: '\e417';
}
.flaticon.clipboard-2b::before,
.flaticon.C9::before {
  content: '\e418';
}
.flaticon.comment-1::before,
.flaticon.comment::before,
.flaticon.C10::before {
  content: '\e419';
}
.flaticon.thinking-comment-1::before,
.flaticon.thinking-comment::before,
.flaticon.C11::before {
  content: '\e41a';
}
.flaticon.writing-comment-1::before,
.flaticon.writing-comment::before,
.flaticon.C12::before {
  content: '\e41b';
}
.flaticon.posted-comment::before,
.flaticon.C13::before {
  content: '\e41c';
}
.flaticon.comment-2::before,
.flaticon.C14::before {
  content: '\e41d';
}
.flaticon.thinking-comment-2::before,
.flaticon.C15::before {
  content: '\e41e';
}
.flaticon.writing-comment-2::before,
.flaticon.C16::before {
  content: '\e41f';
}
.flaticon.posted-comment-2::before,
.flaticon.C17::before {
  content: '\e420';
}
.flaticon.chat-1::before,
.flaticon.chat::before,
.flaticon.C18::before {
  content: '\e421';
}
.flaticon.chat-2::before,
.flaticon.C19::before {
  content: '\e422';
}
.flaticon.chat-3::before,
.flaticon.C20::before {
  content: '\e423';
}
.flaticon.lock-1::before,
.flaticon.lock::before,
.flaticon.D1::before {
  content: '\e424';
}
.flaticon.unlock-1::before,
.flaticon.unlock::before,
.flaticon.D2::before {
  content: '\e425';
}
.flaticon.lock-2::before,
.flaticon.D3::before {
  content: '\e426';
}
.flaticon.lock-3::before,
.flaticon.D4::before {
  content: '\e427';
}
.flaticon.unlock-3::before,
.flaticon.D5::before {
  content: '\e428';
}
.flaticon.key-1::before,
.flaticon.key::before,
.flaticon.password-1::before,
.flaticon.password::before,
.flaticon.D6::before {
  content: '\e429';
}
.flaticon.key-2::before,
.flaticon.password-2::before,
.flaticon.D7::before {
  content: '\e42a';
}
.flaticon.bell-1::before,
.flaticon.bell::before,
.flaticon.notification-1::before,
.flaticon.notification::before,
.flaticon.D8::before {
  content: '\e42b';
}
.flaticon.bell-2::before,
.flaticon.notification-2::before,
.flaticon.D9::before {
  content: '\e42c';
}
.flaticon.bell-3::before,
.flaticon.service-1::before,
.flaticon.service::before,
.flaticon.D10::before {
  content: '\e42d';
}
.flaticon.print-1::before,
.flaticon.print::before,
.flaticon.D11::before {
  content: '\e42e';
}
.flaticon.calculator-1::before,
.flaticon.calculator::before,
.flaticon.D12::before {
  content: '\e42f';
}
.flaticon.cloud-1::before,
.flaticon.cloud::before,
.flaticon.D13::before {
  content: '\e430';
}
.flaticon.cloud-upload-1::before,
.flaticon.cloud-upload::before,
.flaticon.D14::before {
  content: '\e431';
}
.flaticon.cloud-download-1::before,
.flaticon.cloud-download::before,
.flaticon.D15::before {
  content: '\e432';
}
.flaticon.cloud-add-1::before,
.flaticon.cloud-add::before,
.flaticon.D16::before {
  content: '\e433';
}
.flaticon.cloud-2::before,
.flaticon.D17::before {
  content: '\e434';
}
.flaticon.home-1::before,
.flaticon.home::before,
.flaticon.house-1::before,
.flaticon.house::before,
.flaticon.D18::before {
  content: '\e435';
}
.flaticon.home-2::before,
.flaticon.house-2::before,
.flaticon.D19::before {
  content: '\e436';
}
.flaticon.home-3::before,
.flaticon.house-3::before,
.flaticon.D20::before {
  content: '\e437';
}
.flaticon.open-book-1::before,
.flaticon.open-book::before,
.flaticon.E1::before {
  content: '\e438';
}
.flaticon.open-book-2::before,
.flaticon.E2::before {
  content: '\e439';
}
.flaticon.open-book-3::before,
.flaticon.E3::before {
  content: '\e43a';
}
.flaticon.open-book-4::before,
.flaticon.E4::before {
  content: '\e43b';
}
.flaticon.book-1::before,
.flaticon.book::before,
.flaticon.E5::before {
  content: '\e43c';
}
.flaticon.book-2::before,
.flaticon.E6::before {
  content: '\e43d';
}
.flaticon.book-3::before,
.flaticon.E7::before {
  content: '\e43e';
}
.flaticon.book-4::before,
.flaticon.E8::before {
  content: '\e43f';
}
.flaticon.book-5::before,
.flaticon.E9::before {
  content: '\e440';
}
.flaticon.book-6::before,
.flaticon.E10::before {
  content: '\e441';
}
.flaticon.newspaper-1::before,
.flaticon.newspaper::before,
.flaticon.E11::before {
  content: '\e442';
}
.flaticon.newspaper-2::before,
.flaticon.E12::before {
  content: '\e443';
}
.flaticon.newspaper-3::before,
.flaticon.E13::before {
  content: '\e444';
}
.flaticon.newspaper-4::before,
.flaticon.E14::before {
  content: '\e445';
}
.flaticon.journal-1::before,
.flaticon.journal::before,
.flaticon.E15::before {
  content: '\e446';
}
.flaticon.journal-2::before,
.flaticon.E16::before {
  content: '\e447';
}
.flaticon.journal-3::before,
.flaticon.E17::before {
  content: '\e448';
}
.flaticon.notebook-1::before,
.flaticon.notebook::before,
.flaticon.E18::before {
  content: '\e449';
}
.flaticon.notebook-2::before,
.flaticon.E19::before {
  content: '\e44a';
}
.flaticon.notebook-3::before,
.flaticon.E20::before {
  content: '\e44b';
}
.flaticon.article-1::before,
.flaticon.article::before,
.flaticon.F1::before {
  content: '\e44c';
}
.flaticon.article-2::before,
.flaticon.F2::before {
  content: '\e44d';
}
.flaticon.article-3::before,
.flaticon.F3::before {
  content: '\e44e';
}
.flaticon.notepad-1::before,
.flaticon.notepad::before,
.flaticon.F4::before {
  content: '\e44f';
}
.flaticon.notepad-2::before,
.flaticon.F5::before {
  content: '\e450';
}
.flaticon.suitcase-1::before,
.flaticon.suitcase::before,
.flaticon.portfolio-1::before,
.flaticon.portfolio::before,
.flaticon.F6::before {
  content: '\e451';
}
.flaticon.suitcase-2::before,
.flaticon.F7::before {
  content: '\e452';
}
.flaticon.briefcase-1::before,
.flaticon.briefcase::before,
.flaticon.F8::before {
  content: '\e453';
}
.flaticon.toolbox::before,
.flaticon.F9::before {
  content: '\e454';
}
.flaticon.shirt-1::before,
.flaticon.shirt::before,
.flaticon.F10::before {
  content: '\e455';
}
.flaticon.umbrella-1::before,
.flaticon.umbrella::before,
.flaticon.F11::before {
  content: '\e456';
}
.flaticon.coffee-1::before,
.flaticon.coffee::before,
.flaticon.F12::before {
  content: '\e457';
}
.flaticon.glasses-1::before,
.flaticon.glasses::before,
.flaticon.F13::before {
  content: '\e458';
}
.flaticon.zoom-1::before,
.flaticon.zoom::before,
.flaticon.magnifying-glass-1::before,
.flaticon.magnifying-glass::before,
.flaticon.F14::before {
  content: '\e459';
}
.flaticon.zoom-2::before,
.flaticon.magnifying-glass-2::before,
.flaticon.F15::before {
  content: '\e45a';
}
.flaticon.zoom-in-1::before,
.flaticon.zoom-in::before,
.flaticon.magnifying-glass-3::before,
.flaticon.F16::before {
  content: '\e45b';
}
.flaticon.eye-1::before,
.flaticon.eye::before,
.flaticon.view-1::before,
.flaticon.view::before,
.flaticon.F17::before {
  content: '\e45c';
}
.flaticon.eye-2::before,
.flaticon.view-2::before,
.flaticon.F18::before {
  content: '\e45d';
}
.flaticon.eye-3::before,
.flaticon.view-3::before,
.flaticon.F19::before {
  content: '\e45e';
}
.flaticon.eye-4::before,
.flaticon.view-4::before,
.flaticon.F20::before {
  content: '\e45f';
}
.flaticon.iphone-1::before,
.flaticon.iphone::before,
.flaticon.smart-phone-3::before,
.flaticon.G1::before {
  content: '\e460';
}
.flaticon.ipad-mini-1-tablet-2::before,
.flaticon.G2::before {
  content: '\e461';
}
.flaticon.ipad-1::before,
.flaticon.ipad::before,
.flaticon.tablet-3::before,
.flaticon.G3::before {
  content: '\e462';
}
.flaticon.macbook-1::before,
.flaticon.macbook::before,
.flaticon.laptop-2::before,
.flaticon.G4::before {
  content: '\e463';
}
.flaticon.imac-1::before,
.flaticon.imac::before,
.flaticon.computer-2::before,
.flaticon.G5::before {
  content: '\e464';
}
.flaticon.smart-phone-1::before,
.flaticon.smart-phone::before,
.flaticon.G6::before {
  content: '\e465';
}
.flaticon.tablet-1::before,
.flaticon.tablet::before,
.flaticon.G7::before {
  content: '\e466';
}
.flaticon.laptop-1::before,
.flaticon.laptop::before,
.flaticon.G8::before {
  content: '\e467';
}
.flaticon.computer-1::before,
.flaticon.computer::before,
.flaticon.G9::before {
  content: '\e468';
}
.flaticon.smart-phone-2::before,
.flaticon.G10::before {
  content: '\e469';
}
.flaticon.photo-1::before,
.flaticon.photo::before,
.flaticon.image-1::before,
.flaticon.image::before,
.flaticon.G11::before {
  content: '\e46a';
}
.flaticon.photo-gallery-1::before,
.flaticon.photo-gallery::before,
.flaticon.G12::before {
  content: '\e46b';
}
.flaticon.media-gallery-1::before,
.flaticon.media-gallery::before,
.flaticon.image-gallery-1::before,
.flaticon.image-gallery::before,
.flaticon.G13::before {
  content: '\e46c';
}
.flaticon.video-camera-1::before,
.flaticon.video-camera::before,
.flaticon.video-1::before,
.flaticon.video::before,
.flaticon.G14::before {
  content: '\e46d';
}
.flaticon.tv-1::before,
.flaticon.tv::before,
.flaticon.television-1::before,
.flaticon.television::before,
.flaticon.G15::before {
  content: '\e46e';
}
.flaticon.film-strip-1::before,
.flaticon.film-strip::before,
.flaticon.film-1::before,
.flaticon.film::before,
.flaticon.G16::before {
  content: '\e46f';
}
.flaticon.camera-1::before,
.flaticon.camera::before,
.flaticon.G17::before {
  content: '\e470';
}
.flaticon.camera-2::before,
.flaticon.G18::before {
  content: '\e471';
}
.flaticon.camera-3::before,
.flaticon.G19::before {
  content: '\e472';
}
.flaticon.camera-4::before,
.flaticon.G20::before {
  content: '\e473';
}
.flaticon.calendar-1::before,
.flaticon.calendar::before,
.flaticon.H1::before {
  content: '\e474';
}
.flaticon.calendar-2::before,
.flaticon.H2::before {
  content: '\e475';
}
.flaticon.calendar-3::before,
.flaticon.H3::before {
  content: '\e476';
}
.flaticon.calendar-4::before,
.flaticon.H4::before {
  content: '\e477';
}
.flaticon.calendar-5::before,
.flaticon.H5::before {
  content: '\e478';
}
.flaticon.taskpad-1::before,
.flaticon.taskpad::before,
.flaticon.H6::before {
  content: '\e479';
}
.flaticon.inbox-1::before,
.flaticon.inbox::before,
.flaticon.H7::before {
  content: '\e47a';
}
.flaticon.inbox-checkmark-1::before,
.flaticon.inbox-checkmark::before,
.flaticon.H8::before {
  content: '\e47b';
}
.flaticon.inbox-upload-1::before,
.flaticon.inbox-upload::before,
.flaticon.H9::before {
  content: '\e47c';
}
.flaticon.inbox-add-1::before,
.flaticon.inbox-add::before,
.flaticon.H10::before {
  content: '\e47d';
}
.flaticon.inbox-2::before,
.flaticon.H11::before {
  content: '\e47e';
}
.flaticon.inbox-3::before,
.flaticon.H12::before {
  content: '\e47f';
}
.flaticon.trash-1::before,
.flaticon.trash::before,
.flaticon.delete-1::before,
.flaticon.delete::before,
.flaticon.H13::before {
  content: '\e480';
}
.flaticon.trash-2::before,
.flaticon.delete-2::before,
.flaticon.H14::before {
  content: '\e481';
}
.flaticon.trash-3::before,
.flaticon.delete-3::before,
.flaticon.H15::before {
  content: '\e482';
}
.flaticon.trash-4::before,
.flaticon.delete-4::before,
.flaticon.H16::before {
  content: '\e483';
}
.flaticon.trash-5::before,
.flaticon.delete-5::before,
.flaticon.H17::before {
  content: '\e484';
}
.flaticon.bucket-1::before,
.flaticon.bucket::before,
.flaticon.H18::before {
  content: '\e485';
}
.flaticon.paperclip-1::before,
.flaticon.paperclip::before,
.flaticon.attachment-1::before,
.flaticon.attachment::before,
.flaticon.H19::before {
  content: '\e486';
}
.flaticon.paperclip-2::before,
.flaticon.attachment-2::before,
.flaticon.H20::before {
  content: '\e487';
}
.flaticon.compose-1::before,
.flaticon.compose::before,
.flaticon.message-1::before,
.flaticon.message::before,
.flaticon.I1::before {
  content: '\e488';
}
.flaticon.compose-2::before,
.flaticon.message-2::before,
.flaticon.I2::before {
  content: '\e489';
}
.flaticon.compose-3::before,
.flaticon.message-3::before,
.flaticon.I3::before {
  content: '\e48a';
}
.flaticon.pencil-1::before,
.flaticon.pencil::before,
.flaticon.edit-1::before,
.flaticon.edit::before,
.flaticon.I4::before {
  content: '\e48b';
}
.flaticon.pencil-2::before,
.flaticon.edit-2::before,
.flaticon.I5::before {
  content: '\e48c';
}
.flaticon.brush-1::before,
.flaticon.brush::before,
.flaticon.paint-1::before,
.flaticon.paint::before,
.flaticon.I6::before {
  content: '\e48d';
}
.flaticon.compose-4::before,
.flaticon.message-4::before,
.flaticon.I7::before {
  content: '\e48e';
}
.flaticon.feather-1::before,
.flaticon.feather::before,
.flaticon.I8::before {
  content: '\e48f';
}
.flaticon.compose-5::before,
.flaticon.message-5::before,
.flaticon.I9::before {
  content: '\e490';
}
.flaticon.feather-2::before,
.flaticon.I10::before {
  content: '\e491';
}
.flaticon.mail-1::before,
.flaticon.mail::before,
.flaticon.envelope-1::before,
.flaticon.envelope::before,
.flaticon.I11::before {
  content: '\e492';
}
.flaticon.mail-2::before,
.flaticon.envelope-2::before,
.flaticon.I12::before {
  content: '\e493';
}
.flaticon.mail-3::before,
.flaticon.envelope-3::before,
.flaticon.I13::before {
  content: '\e494';
}
.flaticon.mail-4::before,
.flaticon.envelope-4::before,
.flaticon.I14::before {
  content: '\e495';
}
.flaticon.send-1::before,
.flaticon.send::before,
.flaticon.I15::before {
  content: '\e496';
}
.flaticon.share-1::before,
.flaticon.share::before,
.flaticon.I16::before {
  content: '\e497';
}
.flaticon.share-2::before,
.flaticon.I17::before {
  content: '\e498';
}
.flaticon.reply-to-all-1::before,
.flaticon.reply-to-all::before,
.flaticon.I18::before {
  content: '\e499';
}
.flaticon.reply-1::before,
.flaticon.reply::before,
.flaticon.I19::before {
  content: '\e49a';
}
.flaticon.forward-1::before,
.flaticon.forward::before,
.flaticon.I20::before {
  content: '\e49b';
}
.flaticon.star-1::before,
.flaticon.star::before,
.flaticon.J1::before {
  content: '\e49c';
}
.flaticon.star-2::before,
.flaticon.J2::before {
  content: '\e49d';
}
.flaticon.heart-1::before,
.flaticon.heart::before,
.flaticon.J3::before {
  content: '\e49e';
}
.flaticon.bookmark-1::before,
.flaticon.bookmark::before,
.flaticon.J4::before {
  content: '\e49f';
}
.flaticon.bookmark-2::before,
.flaticon.J5::before {
  content: '\e4a0';
}
.flaticon.bookmark-3::before,
.flaticon.J6::before {
  content: '\e4a1';
}
.flaticon.pin-1::before,
.flaticon.pin::before,
.flaticon.J7::before {
  content: '\e4a2';
}
.flaticon.share-3::before,
.flaticon.J8::before {
  content: '\e4a3';
}
.flaticon.share-4::before,
.flaticon.J9::before {
  content: '\e4a4';
}
.flaticon.share-5::before,
.flaticon.J10::before {
  content: '\e4a5';
}
.flaticon.link-1::before,
.flaticon.link::before,
.flaticon.J11::before {
  content: '\e4a6';
}
.flaticon.link-2::before,
.flaticon.J12::before {
  content: '\e4a7';
}
.flaticon.link-3::before,
.flaticon.J13::before {
  content: '\e4a8';
}
.flaticon.link-4::before,
.flaticon.J14::before {
  content: '\e4a9';
}
.flaticon.question-mark-1::before,
.flaticon.question-mark::before,
.flaticon.help-1::before,
.flaticon.help::before,
.flaticon.J15::before {
  content: '\e4aa';
}
.flaticon.question-mark-2::before,
.flaticon.help-2::before,
.flaticon.J16::before {
  content: '\e4ab';
}
.flaticon.exclamation-point-1::before,
.flaticon.exclamation-point::before,
.flaticon.warning-1::before,
.flaticon.warning::before,
.flaticon.caution-1::before,
.flaticon.caution::before,
.flaticon.J17::before {
  content: '\e4ac';
}
.flaticon.exclamation-point-2::before,
.flaticon.exclamation-point::before,
.flaticon.warning-2::before,
.flaticon.warning::before,
.flaticon.caution-2::before,
.flaticon.caution::before,
.flaticon.J18::before {
  content: '\e4ad';
}
.flaticon.info-1::before,
.flaticon.info::before,
.flaticon.about-1::before,
.flaticon.about::before,
.flaticon.J19::before {
  content: '\e4ae';
}
.flaticon.info-2::before,
.flaticon.about-2::before,
.flaticon.J20::before {
  content: '\e4af';
}
.flaticon.user-1::before,
.flaticon.user::before,
.flaticon.profile-2::before,
.flaticon.K1::before {
  content: '\e4b0';
}
.flaticon.add-user-1::before,
.flaticon.add-user::before,
.flaticon.K2::before {
  content: '\e4b1';
}
.flaticon.user-2::before,
.flaticon.profile-3::before,
.flaticon.K3::before {
  content: '\e4b2';
}
.flaticon.user-3::before,
.flaticon.profile-4::before,
.flaticon.K4::before {
  content: '\e4b3';
}
.flaticon.user-4::before,
.flaticon.profile-5::before,
.flaticon.K5::before {
  content: '\e4b4';
}
.flaticon.group-1::before,
.flaticon.group::before,
.flaticon.follow-1::before,
.flaticon.follow::before,
.flaticon.K6::before {
  content: '\e4b5';
}
.flaticon.profile-1::before,
.flaticon.profile::before,
.flaticon.K7::before {
  content: '\e4b6';
}
.flaticon.id-1::before,
.flaticon.id::before,
.flaticon.K8::before {
  content: '\e4b7';
}
.flaticon.id-2::before,
.flaticon.K9::before {
  content: '\e4b8';
}
.flaticon.contacts-1::before,
.flaticon.contacts::before,
.flaticon.K10::before {
  content: '\e4b9';
}
.flaticon.contacts-2::before,
.flaticon.K11::before {
  content: '\e4ba';
}
.flaticon.moon-1::before,
.flaticon.moon::before,
.flaticon.sleep-1::before,
.flaticon.sleep::before,
.flaticon.K12::before {
  content: '\e4bb';
}
.flaticon.water-1::before,
.flaticon.water::before,
.flaticon.K13::before {
  content: '\e4bc';
}
.flaticon.leaf-1::before,
.flaticon.leaf::before,
.flaticon.nature-1::before,
.flaticon.nature::before,
.flaticon.K14::before {
  content: '\e4bd';
}
.flaticon.anchor-1::before,
.flaticon.anchor::before,
.flaticon.K15::before {
  content: '\e4be';
}
.flaticon.trophy-1::before,
.flaticon.trophy::before,
.flaticon.award-1::before,
.flaticon.award::before,
.flaticon.K16::before {
  content: '\e4bf';
}
.flaticon.gas-1::before,
.flaticon.gas::before,
.flaticon.travel-1::before,
.flaticon.travel::before,
.flaticon.K17::before {
  content: '\e4c0';
}
.flaticon.food-1::before,
.flaticon.food::before,
.flaticon.restaurant-1::before,
.flaticon.restaurant::before,
.flaticon.K18::before {
  content: '\e4c1';
}
.flaticon.building-1::before,
.flaticon.building::before,
.flaticon.city-1::before,
.flaticon.city::before,
.flaticon.K19::before {
  content: '\e4c2';
}
.flaticon.government-1::before,
.flaticon.government::before,
.flaticon.politics-1::before,
.flaticon.politics::before,
.flaticon.building-2::before,
.flaticon.K20::before {
  content: '\e4c3';
}
.flaticon.cart-1::before,
.flaticon.cart::before,
.flaticon.shopping-cart-1::before,
.flaticon.shopping-cart::before,
.flaticon.L1::before {
  content: '\e4c4';
}
.flaticon.cart-2::before,
.flaticon.shopping-cart-2::before,
.flaticon.L2::before {
  content: '\e4c5';
}
.flaticon.cart-3::before,
.flaticon.shopping-cart-3::before,
.flaticon.L3::before {
  content: '\e4c6';
}
.flaticon.tag-1::before,
.flaticon.tag::before,
.flaticon.L4::before {
  content: '\e4c7';
}
.flaticon.tag-2::before,
.flaticon.L5::before {
  content: '\e4c8';
}
.flaticon.money-1::before,
.flaticon.money::before,
.flaticon.currency-1::before,
.flaticon.currency::before,
.flaticon.L6::before {
  content: '\e4c9';
}
.flaticon.money-2::before,
.flaticon.currency-2::before,
.flaticon.L7::before {
  content: '\e4ca';
}
.flaticon.shop-1::before,
.flaticon.shop::before,
.flaticon.market-1::before,
.flaticon.market::before,
.flaticon.store-1::before,
.flaticon.store::before,
.flaticon.L8::before {
  content: '\e4cb';
}
.flaticon.shop-2::before,
.flaticon.market-2::before,
.flaticon.store-2::before,
.flaticon.L9::before {
  content: '\e4cc';
}
.flaticon.basket-1::before,
.flaticon.basket::before,
.flaticon.L10::before {
  content: '\e4cd';
}
.flaticon.basket-2::before,
.flaticon.L11::before {
  content: '\e4ce';
}
.flaticon.gift-1::before,
.flaticon.gift::before,
.flaticon.present-1::before,
.flaticon.present::before,
.flaticon.L12::before {
  content: '\e4cf';
}
.flaticon.gift-2::before,
.flaticon.present-2::before,
.flaticon.L13::before {
  content: '\e4d0';
}
.flaticon.bag-1::before,
.flaticon.bag::before,
.flaticon.L14::before {
  content: '\e4d1';
}
.flaticon.cube-1::before,
.flaticon.cube::before,
.flaticon.L15::before {
  content: '\e4d2';
}
.flaticon.ring-1::before,
.flaticon.ring::before,
.flaticon.L16::before {
  content: '\e4d3';
}
.flaticon.wallet-1::before,
.flaticon.wallet::before,
.flaticon.payment-1::before,
.flaticon.payment::before,
.flaticon.L17::before {
  content: '\e4d4';
}
.flaticon.credit-card-1::before,
.flaticon.credit-card::before,
.flaticon.payment-2::before,
.flaticon.L18::before {
  content: '\e4d5';
}
.flaticon.flag-1::before,
.flaticon.flag::before,
.flaticon.finish-1::before,
.flaticon.finish::before,
.flaticon.L19::before {
  content: '\e4d6';
}
.flaticon.flag-2::before,
.flaticon.finish-2::before,
.flaticon.L20::before {
  content: '\e4d7';
}
.flaticon.battery-full-1::before,
.flaticon.battery-full::before,
.flaticon.M1::before {
  content: '\e4d8';
}
.flaticon.battery-ok-1::before,
.flaticon.battery-ok::before,
.flaticon.M2::before {
  content: '\e4d9';
}
.flaticon.battery-low-1::before,
.flaticon.battery-low::before,
.flaticon.M3::before {
  content: '\e4da';
}
.flaticon.battery-empty-1::before,
.flaticon.battery-empty::before,
.flaticon.M4::before {
  content: '\e4db';
}
.flaticon.battery-charging-1::before,
.flaticon.battery-charging::before,
.flaticon.M5::before {
  content: '\e4dc';
}
.flaticon.battery-dead-1::before,
.flaticon.battery-dead::before,
.flaticon.M6::before {
  content: '\e4dd';
}
.flaticon.battery-full-2::before,
.flaticon.M7::before {
  content: '\e4de';
}
.flaticon.battery-ok-2::before,
.flaticon.M8::before {
  content: '\e4df';
}
.flaticon.battery-low-2::before,
.flaticon.M9::before {
  content: '\e4e0';
}
.flaticon.battery-empty-2::before,
.flaticon.M10::before {
  content: '\e4e1';
}
.flaticon.battery-charging-1::before,
.flaticon.battery-charging::before,
.flaticon.M11::before {
  content: '\e4e2';
}
.flaticon.battery-charging-2::before,
.flaticon.lightning-bolt-1::before,
.flaticon.lightning-bolt::before,
.flaticon.M12::before {
  content: '\e4e3';
}
.flaticon.wifi-1::before,
.flaticon.wifi::before,
.flaticon.wireless-1::before,
.flaticon.wireless::before,
.flaticon.M13::before {
  content: '\e4e4';
}
.flaticon.wifi-rounded-1::before,
.flaticon.wifi-rounded::before,
.flaticon.wireless-rounded-1::before,
.flaticon.wireless-rounded::before,
.flaticon.M14::before {
  content: '\e4e5';
}
.flaticon.wifi-2::before,
.flaticon.wireless-2::before,
.flaticon.M15::before {
  content: '\e4e6';
}
.flaticon.wifi-rounded-2::before,
.flaticon.wireless-rounded-2::before,
.flaticon.M16::before {
  content: '\e4e7';
}
.flaticon.wifi-3::before,
.flaticon.wireless-3::before,
.flaticon.M17::before {
  content: '\e4e8';
}
.flaticon.wifi-rounded-3::before,
.flaticon.wireless-rounded-3::before,
.flaticon.M18::before {
  content: '\e4e9';
}
.flaticon.graph-1::before,
.flaticon.graph::before,
.flaticon.M19::before {
  content: '\e4ea';
}
.flaticon.graph-2::before,
.flaticon.stats-1::before,
.flaticon.stats::before,
.flaticon.M20::before {
  content: '\e4eb';
}
.flaticon.bluetooth-1::before,
.flaticon.bluetooth::before,
.flaticon.N1::before {
  content: '\e4ec';
}
.flaticon.history-1::before,
.flaticon.history::before,
.flaticon.time-machine-1::before,
.flaticon.time-machine::before,
.flaticon.N2::before {
  content: '\e4ed';
}
.flaticon.time-1::before,
.flaticon.time::before,
.flaticon.clock-1::before,
.flaticon.clock::before,
.flaticon.N3::before {
  content: '\e4ee';
}
.flaticon.time-2::before,
.flaticon.watch-1::before,
.flaticon.watch::before,
.flaticon.N4::before {
  content: '\e4ef';
}
.flaticon.alarm-clock-1::before,
.flaticon.alarm-clock::before,
.flaticon.alert-1::before,
.flaticon.alert::before,
.flaticon.N5::before {
  content: '\e4f0';
}
.flaticon.stopwatch-1::before,
.flaticon.stopwatch::before,
.flaticon.N6::before {
  content: '\e4f1';
}
.flaticon.compass-1::before,
.flaticon.compass::before,
.flaticon.N7::before {
  content: '\e4f2';
}
.flaticon.gauge-1::before,
.flaticon.gauge::before,
.flaticon.speedometer-1::before,
.flaticon.speedometer::before,
.flaticon.N8::before {
  content: '\e4f3';
}
.flaticon.gauge-2::before,
.flaticon.N9::before {
  content: '\e4f4';
}
.flaticon.map-1::before,
.flaticon.map::before,
.flaticon.location-1::before,
.flaticon.location::before,
.flaticon.N10::before {
  content: '\e4f5';
}
.flaticon.location-pin-1::before,
.flaticon.location-pin::before,
.flaticon.N11::before {
  content: '\e4f6';
}
.flaticon.location-pin-2::before,
.flaticon.N12::before {
  content: '\e4f7';
}
.flaticon.location-pin-3::before,
.flaticon.N13::before {
  content: '\e4f8';
}
.flaticon.location-pin-4::before,
.flaticon.N14::before {
  content: '\e4f9';
}
.flaticon.location-pin-5::before,
.flaticon.N15::before {
  content: '\e4fa';
}
.flaticon.location-pin-6::before,
.flaticon.N16::before {
  content: '\e4fb';
}
.flaticon.location-arrow-1::before,
.flaticon.location-arrow::before,
.flaticon.N17::before {
  content: '\e4fc';
}
.flaticon.globe-1::before,
.flaticon.globe::before,
.flaticon.world-1::before,
.flaticon.world::before,
.flaticon.N18::before {
  content: '\e4fd';
}
.flaticon.aim-1::before,
.flaticon.aim::before,
.flaticon.crosshairs-1::before,
.flaticon.crosshairs::before,
.flaticon.N19::before {
  content: '\e4fe';
}
.flaticon.target-1::before,
.flaticon.target::before,
.flaticon.aim-2::before,
.flaticon.N20::before {
  content: '\e4ff';
}
.flaticon.call-1::before,
.flaticon.call::before,
.flaticon.phone-1::before,
.flaticon.phone::before,
.flaticon.O1::before {
  content: '\e500';
}
.flaticon.call-2::before,
.flaticon.phone-2::before,
.flaticon.O2::before {
  content: '\e501';
}
.flaticon.call-3::before,
.flaticon.phone-3::before,
.flaticon.O3::before {
  content: '\e502';
}
.flaticon.call-4::before,
.flaticon.phone-4::before,
.flaticon.O4::before {
  content: '\e503';
}
.flaticon.lightbulb-1::before,
.flaticon.lightbulb::before,
.flaticon.idea-1::before,
.flaticon.idea::before,
.flaticon.O5::before {
  content: '\e504';
}
.flaticon.lightbulb-2::before,
.flaticon.O6::before {
  content: '\e505';
}
.flaticon.lightbulb-3::before,
.flaticon.O7::before {
  content: '\e506';
}
.flaticon.see-all-1::before,
.flaticon.see-all::before,
.flaticon.dashboard-1::before,
.flaticon.dashboard::before,
.flaticon.O8::before {
  content: '\e507';
}
.flaticon.command-1::before,
.flaticon.command::before,
.flaticon.O9::before {
  content: '\e508';
}
.flaticon.option-1::before,
.flaticon.option::before,
.flaticon.O10::before {
  content: '\e509';
}
.flaticon.control-1::before,
.flaticon.control::before,
.flaticon.O11::before {
  content: '\e50a';
}
.flaticon.shift-1::before,
.flaticon.shift::before,
.flaticon.O12::before {
  content: '\e50b';
}
.flaticon.eject-1::before,
.flaticon.eject::before,
.flaticon.O13::before {
  content: '\e50c';
}
.flaticon.loading-1::before,
.flaticon.loading::before,
.flaticon.O14::before {
  content: '\e50d';
}
.flaticon.loading-2::before,
.flaticon.O15::before {
  content: '\e50e';
}
.flaticon.loading-3::before,
.flaticon.O16::before {
  content: '\e50f';
}
.flaticon.logout-1::before,
.flaticon.logout::before,
.flaticon.shut-down-1::before,
.flaticon.shut-down::before,
.flaticon.O17::before {
  content: '\e510';
}
.flaticon.asterisk-1::before,
.flaticon.asterisk::before,
.flaticon.O18::before {
  content: '\e511';
}
.flaticon.email-1::before,
.flaticon.email::before,
.flaticon.at-1::before,
.flaticon.at::before,
.flaticon.O19::before {
  content: '\e512';
}
.flaticon.pound-1::before,
.flaticon.pound::before,
.flaticon.hashtag-1::before,
.flaticon.hashtag::before,
.flaticon.O20::before {
  content: '\e513';
}
.flaticon.settings-1::before,
.flaticon.settings::before,
.flaticon.gear-1::before,
.flaticon.gear::before,
.flaticon.P1::before {
  content: '\e514';
}
.flaticon.settings-2::before,
.flaticon.gear-2::before,
.flaticon.P2::before {
  content: '\e515';
}
.flaticon.wrench-1::before,
.flaticon.wrench::before,
.flaticon.tool-1::before,
.flaticon.tool::before,
.flaticon.P3::before {
  content: '\e516';
}
.flaticon.wrench-2::before,
.flaticon.tool-2::before,
.flaticon.P4::before {
  content: '\e517';
}
.flaticon.work-1::before,
.flaticon.work::before,
.flaticon.tool-3::before,
.flaticon.skill-1::before,
.flaticon.skill::before,
.flaticon.P5::before {
  content: '\e518';
}
.flaticon.scissors-1::before,
.flaticon.scissors::before,
.flaticon.cut-1::before,
.flaticon.cut::before,
.flaticon.P6::before {
  content: '\e519';
}
.flaticon.type-1::before,
.flaticon.type::before,
.flaticon.text-1::before,
.flaticon.text::before,
.flaticon.P7::before {
  content: '\e51a';
}
.flaticon.graph-3::before,
.flaticon.stats-2::before,
.flaticon.P8::before {
  content: '\e51b';
}
.flaticon.activity-monitor-1::before,
.flaticon.activity-monitor::before,
.flaticon.P9::before {
  content: '\e51c';
}
.flaticon.activity-1::before,
.flaticon.activity::before,
.flaticon.graph-4::before,
.flaticon.P10::before {
  content: '\e51d';
}
.flaticon.running-1::before,
.flaticon.running::before,
.flaticon.P11::before {
  content: '\e51e';
}
.flaticon.error-1::before,
.flaticon.error::before,
.flaticon.no-1::before,
.flaticon.no::before,
.flaticon.P12::before {
  content: '\e51f';
}
.flaticon.slider-1::before,
.flaticon.slider::before,
.flaticon.P13::before {
  content: '\e520';
}
.flaticon.slider-2::before,
.flaticon.P14::before {
  content: '\e521';
}
.flaticon.slider-3::before,
.flaticon.P15::before {
  content: '\e522';
}
.flaticon.toggle-1::before,
.flaticon.toggle::before,
.flaticon.P16::before {
  content: '\e523';
}
.flaticon.server-1::before,
.flaticon.server::before,
.flaticon.P17::before {
  content: '\e524';
}
.flaticon.network-1::before,
.flaticon.network::before,
.flaticon.P18::before {
  content: '\e525';
}
.flaticon.copyright-1::before,
.flaticon.copyright::before,
.flaticon.P19::before {
  content: '\e526';
}
.flaticon.crop-1::before,
.flaticon.crop::before,
.flaticon.P20::before {
  content: '\e527';
}
.flaticon.left-text-1::before,
.flaticon.left-text::before,
.flaticon.Q1::before {
  content: '\e528';
}
.flaticon.center-text-1::before,
.flaticon.center-text::before,
.flaticon.Q2::before {
  content: '\e529';
}
.flaticon.right-text-1::before,
.flaticon.right-text::before,
.flaticon.Q3::before {
  content: '\e52a';
}
.flaticon.paragraph-text-1::before,
.flaticon.paragraph-text::before,
.flaticon.Q4::before {
  content: '\e52b';
}
.flaticon.align-top-1::before,
.flaticon.align-top::before,
.flaticon.Q5::before {
  content: '\e52c';
}
.flaticon.align-bottom-1::before,
.flaticon.align-bottom::before,
.flaticon.Q6::before {
  content: '\e52d';
}
.flaticon.align-horizontally-1::before,
.flaticon.align-horizontally::before,
.flaticon.Q7::before {
  content: '\e52e';
}
.flaticon.align-left-1::before,
.flaticon.align-left::before,
.flaticon.Q8::before {
  content: '\e52f';
}
.flaticon.align-center-1::before,
.flaticon.align-center::before,
.flaticon.Q9::before {
  content: '\e530';
}
.flaticon.align-right-1::before,
.flaticon.align-right::before,
.flaticon.Q10::before {
  content: '\e531';
}
.flaticon.align-top-edges-1::before,
.flaticon.align-top-edges::before,
.flaticon.Q11::before {
  content: '\e532';
}
.flaticon.distribute-vertical-centers-1::before,
.flaticon.distribute-vertical-centers::before,
.flaticon.Q12::before {
  content: '\e533';
}
.flaticon.align-bottom-edges-1::before,
.flaticon.align-bottom-edges::before,
.flaticon.Q13::before {
  content: '\e534';
}
.flaticon.align-left-edges-1::before,
.flaticon.align-left-edges::before,
.flaticon.Q14::before {
  content: '\e535';
}
.flaticon.distribute-centers-horizontally-1::before,
.flaticon.distribute-centers-horizontally::before,
.flaticon.Q15::before {
  content: '\e536';
}
.flaticon.align-right-edges-1::before,
.flaticon.align-right-edges::before,
.flaticon.Q16::before {
  content: '\e537';
}
.flaticon.layout-1::before,
.flaticon.layout::before,
.flaticon.Q17::before {
  content: '\e538';
}
.flaticon.layout-2::before,
.flaticon.Q18::before {
  content: '\e539';
}
.flaticon.layout-3::before,
.flaticon.Q19::before {
  content: '\e53a';
}
.flaticon.layout-4::before,
.flaticon.Q20::before {
  content: '\e53b';
}
.flaticon.menu-1::before,
.flaticon.menu::before,
.flaticon.R1::before {
  content: '\e53c';
}
.flaticon.menu-2::before,
.flaticon.R2::before {
  content: '\e53d';
}
.flaticon.menu-3::before,
.flaticon.R3::before {
  content: '\e53e';
}
.flaticon.menu-list-1::before,
.flaticon.menu-list::before,
.flaticon.R4::before {
  content: '\e53f';
}
.flaticon.menu-list-2::before,
.flaticon.R5::before {
  content: '\e540';
}
.flaticon.menu-list-3::before,
.flaticon.R6::before {
  content: '\e541';
}
.flaticon.menu-list-4::before,
.flaticon.R7::before {
  content: '\e542';
}
.flaticon.paragraph-justify-1::before,
.flaticon.paragraph-justify::before,
.flaticon.R8::before {
  content: '\e543';
}
.flaticon.paragraph-left-justify-1::before,
.flaticon.paragraph-left-justify::before,
.flaticon.R9::before {
  content: '\e544';
}
.flaticon.paragraph-left-1::before,
.flaticon.paragraph-left::before,
.flaticon.R10::before {
  content: '\e545';
}
.flaticon.paragraph-centered-1::before,
.flaticon.paragraph-centered::before,
.flaticon.R11::before {
  content: '\e546';
}
.flaticon.paragraph-right-1::before,
.flaticon.paragraph-right::before,
.flaticon.R12::before {
  content: '\e547';
}
.flaticon.paragraph-right-justify-1::before,
.flaticon.paragraph-right-justify::before,
.flaticon.R13::before {
  content: '\e548';
}
.flaticon.marquee-1::before,
.flaticon.marquee::before,
.flaticon.R14::before {
  content: '\e549';
}
.flaticon.marquee-plus-1::before,
.flaticon.marquee-plus::before,
.flaticon.R15::before {
  content: '\e54a';
}
.flaticon.marquee-2::before,
.flaticon.R16::before {
  content: '\e54b';
}
.flaticon.marquee-plus-2::before,
.flaticon.R17::before {
  content: '\e54c';
}
.flaticon.sun-1::before,
.flaticon.sun::before,
.flaticon.brightness-1::before,
.flaticon.brightness::before,
.flaticon.R18::before {
  content: '\e54d';
}
.flaticon.sun-2::before,
.flaticon.brightness-2::before,
.flaticon.R19::before {
  content: '\e54e';
}
.flaticon.sun-3::before,
.flaticon.brightness-3::before,
.flaticon.R20::before {
  content: '\e54f';
}
.flaticon.turn-page-down-1::before,
.flaticon.turn-page-down::before,
.flaticon.S1::before {
  content: '\e550';
}
.flaticon.turn-page-up-1::before,
.flaticon.turn-page-up::before,
.flaticon.S2::before {
  content: '\e551';
}
.flaticon.slide-out-left-1::before,
.flaticon.slide-out-left::before,
.flaticon.S3::before {
  content: '\e552';
}
.flaticon.slide-in-right-1::before,
.flaticon.slide-in-right::before,
.flaticon.S4::before {
  content: '\e553';
}
.flaticon.slide-in-left-1::before,
.flaticon.slide-in-left::before,
.flaticon.S5::before {
  content: '\e554';
}
.flaticon.slide-out-right-1::before,
.flaticon.slide-out-right::before,
.flaticon.S6::before {
  content: '\e555';
}
.flaticon.fold-up-1::before,
.flaticon.fold-up::before,
.flaticon.S7::before {
  content: '\e556';
}
.flaticon.fold-down-1::before,
.flaticon.fold-down::before,
.flaticon.S8::before {
  content: '\e557';
}
.flaticon.fold-left-1::before,
.flaticon.fold-left::before,
.flaticon.S9::before {
  content: '\e558';
}
.flaticon.fold-right-1::before,
.flaticon.fold-right::before,
.flaticon.S10::before {
  content: '\e559';
}
.flaticon.move-up-1::before,
.flaticon.move-up::before,
.flaticon.S11::before {
  content: '\e55a';
}
.flaticon.move-down-1::before,
.flaticon.move-down::before,
.flaticon.S12::before {
  content: '\e55b';
}
.flaticon.login-1::before,
.flaticon.login::before,
.flaticon.S13::before {
  content: '\e55c';
}
.flaticon.logout-2::before,
.flaticon.S14::before {
  content: '\e55d';
}
.flaticon.upload-1::before,
.flaticon.upload::before,
.flaticon.S15::before {
  content: '\e55e';
}
.flaticon.download-1::before,
.flaticon.download::before,
.flaticon.S16::before {
  content: '\e55f';
}
.flaticon.upload-2::before,
.flaticon.S17::before {
  content: '\e560';
}
.flaticon.download-2::before,
.flaticon.S18::before {
  content: '\e561';
}
.flaticon.save-1::before,
.flaticon.save::before,
.flaticon.S19::before {
  content: '\e562';
}
.flaticon.save-2::before,
.flaticon.S20::before {
  content: '\e563';
}
.flaticon.previous-1::before,
.flaticon.previous::before,
.flaticon.T1::before {
  content: '\e564';
}
.flaticon.rewind-1::before,
.flaticon.rewind::before,
.flaticon.T2::before {
  content: '\e565';
}
.flaticon.stop-1::before,
.flaticon.stop::before,
.flaticon.T3::before {
  content: '\e566';
}
.flaticon.pause-1::before,
.flaticon.pause::before,
.flaticon.T4::before {
  content: '\e567';
}
.flaticon.play-1::before,
.flaticon.play::before,
.flaticon.T5::before {
  content: '\e568';
}
.flaticon.fast-forward-1::before,
.flaticon.fast-forward::before,
.flaticon.T6::before {
  content: '\e569';
}
.flaticon.next-1::before,
.flaticon.next::before,
.flaticon.T7::before {
  content: '\e56a';
}
.flaticon.previous-2::before,
.flaticon.T8::before {
  content: '\e56b';
}
.flaticon.rewind-2::before,
.flaticon.T9::before {
  content: '\e56c';
}
.flaticon.stop-2::before,
.flaticon.T10::before {
  content: '\e56d';
}
.flaticon.pause-2::before,
.flaticon.T11::before {
  content: '\e56e';
}
.flaticon.play-2::before,
.flaticon.T12::before {
  content: '\e56f';
}
.flaticon.fast-forward-2::before,
.flaticon.T13::before {
  content: '\e570';
}
.flaticon.next-2::before,
.flaticon.T14::before {
  content: '\e571';
}
.flaticon.previous-3::before,
.flaticon.T15::before {
  content: '\e572';
}
.flaticon.rewind-3::before,
.flaticon.T16::before {
  content: '\e573';
}
.flaticon.pause-3::before,
.flaticon.T17::before {
  content: '\e574';
}
.flaticon.play-3::before,
.flaticon.T18::before {
  content: '\e575';
}
.flaticon.fast-forward-3::before,
.flaticon.T19::before {
  content: '\e576';
}
.flaticon.next-3::before,
.flaticon.T20::before {
  content: '\e577';
}
.flaticon.previous-4::before,
.flaticon.U1::before {
  content: '\e578';
}
.flaticon.pause-4::before,
.flaticon.U2::before {
  content: '\e579';
}
.flaticon.play-4::before,
.flaticon.U3::before {
  content: '\e57a';
}
.flaticon.next-4::before,
.flaticon.U4::before {
  content: '\e57b';
}
.flaticon.speaker-1::before,
.flaticon.speaker::before,
.flaticon.volume-1::before,
.flaticon.volume::before,
.flaticon.U5::before {
  content: '\e57c';
}
.flaticon.speaker-2::before,
.flaticon.volume-2::before,
.flaticon.U6::before {
  content: '\e57d';
}
.flaticon.speaker-3::before,
.flaticon.volume-3::before,
.flaticon.mute-1::before,
.flaticon.mute::before,
.flaticon.U7::before {
  content: '\e57e';
}
.flaticon.speaker-4::before,
.flaticon.volume-4::before,
.flaticon.U8::before {
  content: '\e57f';
}
.flaticon.headphones-1::before,
.flaticon.headphones::before,
.flaticon.U9::before {
  content: '\e580';
}
.flaticon.microphone-1::before,
.flaticon.microphone::before,
.flaticon.U10::before {
  content: '\e581';
}
.flaticon.microphone-2::before,
.flaticon.mute-2::before,
.flaticon.U11::before {
  content: '\e582';
}
.flaticon.music-1::before,
.flaticon.music::before,
.flaticon.U12::before {
  content: '\e583';
}
.flaticon.megaphone-1::before,
.flaticon.megaphone::before,
.flaticon.announcement-1::before,
.flaticon.announcement::before,
.flaticon.U13::before {
  content: '\e584';
}
.flaticon.infinity-1::before,
.flaticon.infinity::before,
.flaticon.loop-1::before,
.flaticon.loop::before,
.flaticon.U14::before {
  content: '\e585';
}
.flaticon.shuffle-1::before,
.flaticon.shuffle::before,
.flaticon.U15::before {
  content: '\e586';
}
.flaticon.repeat-1::before,
.flaticon.repeat::before,
.flaticon.reload-1::before,
.flaticon.reload::before,
.flaticon.U16::before {
  content: '\e587';
}
.flaticon.repeat-2::before,
.flaticon.reload-2::before,
.flaticon.U17::before {
  content: '\e588';
}
.flaticon.repeat-3::before,
.flaticon.reload-3::before,
.flaticon.U18::before {
  content: '\e589';
}
.flaticon.repeat-4::before,
.flaticon.reload-4::before,
.flaticon.U19::before {
  content: '\e58a';
}
.flaticon.refresh-1::before,
.flaticon.refresh::before,
.flaticon.U20::before {
  content: '\e58b';
}
.flaticon.position-1::before,
.flaticon.position::before,
.flaticon.move-1::before,
.flaticon.move::before,
.flaticon.V1::before {
  content: '\e58c';
}
.flaticon.minimize-1::before,
.flaticon.minimize::before,
.flaticon.contract-1::before,
.flaticon.contract::before,
.flaticon.V2::before {
  content: '\e58d';
}
.flaticon.maximize-1::before,
.flaticon.maximize::before,
.flaticon.expand-1::before,
.flaticon.expand::before,
.flaticon.V3::before {
  content: '\e58e';
}
.flaticon.maximize-2::before,
.flaticon.expand-2::before,
.flaticon.V4::before {
  content: '\e58f';
}
.flaticon.maximize-3::before,
.flaticon.expand-3::before,
.flaticon.V5::before {
  content: '\e590';
}
.flaticon.maximize-4::before,
.flaticon.expand-4::before,
.flaticon.V6::before {
  content: '\e591';
}
.flaticon.expand-vertically-1::before,
.flaticon.expand-vertically::before,
.flaticon.V7::before {
  content: '\e592';
}
.flaticon.expand-horizontally-1::before,
.flaticon.expand-horizontally::before,
.flaticon.V8::before {
  content: '\e593';
}
.flaticon.arrow-up-1::before,
.flaticon.arrow-up::before,
.flaticon.V9::before {
  content: '\e594';
}
.flaticon.arrow-down-1::before,
.flaticon.arrow-down::before,
.flaticon.V10::before {
  content: '\e595';
}
.flaticon.arrow-left-1::before,
.flaticon.arrow-left::before,
.flaticon.V11::before {
  content: '\e596';
}
.flaticon.arrow-right-1::before,
.flaticon.arrow-right::before,
.flaticon.V12::before {
  content: '\e597';
}
.flaticon.arrow-up-2::before,
.flaticon.V13::before {
  content: '\e598';
}
.flaticon.arrow-down-2::before,
.flaticon.V14::before {
  content: '\e599';
}
.flaticon.arrow-left-2::before,
.flaticon.V15::before {
  content: '\e59a';
}
.flaticon.arrow-right-2::before,
.flaticon.V16::before {
  content: '\e59b';
}
.flaticon.left-angle-quote-1::before,
.flaticon.left-angle-quote::before,
.flaticon.V17::before {
  content: '\e59c';
}
.flaticon.right-angle-quote-1::before,
.flaticon.right-angle-quote::before,
.flaticon.V18::before {
  content: '\e59d';
}
.flaticon.left-angle-quote-2::before,
.flaticon.V19::before {
  content: '\e59e';
}
.flaticon.right-angle-quote-2::before,
.flaticon.V20::before {
  content: '\e59f';
}
.flaticon.plus-1::before,
.flaticon.plus::before,
.flaticon.W1::before {
  content: '\e5a0';
}
.flaticon.minus-1::before,
.flaticon.minus::before,
.flaticon.W2::before {
  content: '\e5a1';
}
.flaticon.checkmark-1::before,
.flaticon.checkmark::before,
.flaticon.W3::before {
  content: '\e5a2';
}
.flaticon.x-1::before,
.flaticon.x::before,
.flaticon.W4::before {
  content: '\e5a3';
}
.flaticon.up-1::before,
.flaticon.up::before,
.flaticon.W5::before {
  content: '\e5a4';
}
.flaticon.down-1::before,
.flaticon.down::before,
.flaticon.W6::before {
  content: '\e5a5';
}
.flaticon.left-1::before,
.flaticon.left::before,
.flaticon.W7::before {
  content: '\e5a6';
}
.flaticon.right-1::before,
.flaticon.right::before,
.flaticon.W8::before {
  content: '\e5a7';
}
.flaticon.up-2::before,
.flaticon.W9::before {
  content: '\e5a8';
}
.flaticon.down-2::before,
.flaticon.W10::before {
  content: '\e5a9';
}
.flaticon.left-2::before,
.flaticon.W11::before {
  content: '\e5aa';
}
.flaticon.right-2::before,
.flaticon.W12::before {
  content: '\e5ab';
}
.flaticon.up-3::before,
.flaticon.W13::before {
  content: '\e5ac';
}
.flaticon.down-3::before,
.flaticon.W14::before {
  content: '\e5ad';
}
.flaticon.left-3::before,
.flaticon.W15::before {
  content: '\e5ae';
}
.flaticon.right-3::before,
.flaticon.W16::before {
  content: '\e5af';
}
.flaticon.up-4::before,
.flaticon.W17::before {
  content: '\e5b0';
}
.flaticon.down-4::before,
.flaticon.W18::before {
  content: '\e5b1';
}
.flaticon.left-4::before,
.flaticon.W19::before {
  content: '\e5b2';
}
.flaticon.right-4::before,
.flaticon.W20::before {
  content: '\e5b3';
}
.flaticon.plus-2::before,
.flaticon.X1::before {
  content: '\e5b4';
}
.flaticon.minus-2::before,
.flaticon.X2::before {
  content: '\e5b5';
}
.flaticon.checkmark-2::before,
.flaticon.X3::before {
  content: '\e5b6';
}
.flaticon.x-2::before,
.flaticon.X4::before {
  content: '\e5b7';
}
.flaticon.up-circle-1::before,
.flaticon.up-circle::before,
.flaticon.X5::before {
  content: '\e5b8';
}
.flaticon.down-circle-1::before,
.flaticon.down-circle::before,
.flaticon.X6::before {
  content: '\e5b9';
}
.flaticon.left-circle-1::before,
.flaticon.left-circle::before,
.flaticon.X7::before {
  content: '\e5ba';
}
.flaticon.right-circle-1::before,
.flaticon.right-circle::before,
.flaticon.X8::before {
  content: '\e5bb';
}
.flaticon.up-circle-2::before,
.flaticon.X9::before {
  content: '\e5bc';
}
.flaticon.down-circle-2::before,
.flaticon.X10::before {
  content: '\e5bd';
}
.flaticon.left-circle-2::before,
.flaticon.X11::before {
  content: '\e5be';
}
.flaticon.right-circle-2::before,
.flaticon.X12::before {
  content: '\e5bf';
}
.flaticon.up-circle-3::before,
.flaticon.X13::before {
  content: '\e5c0';
}
.flaticon.down-circle-3::before,
.flaticon.download-3::before,
.flaticon.X14::before {
  content: '\e5c1';
}
.flaticon.left-circle-3::before,
.flaticon.X15::before {
  content: '\e5c2';
}
.flaticon.right-circle-3::before,
.flaticon.X16::before {
  content: '\e5c3';
}
.flaticon.up-circle-4::before,
.flaticon.X17::before {
  content: '\e5c4';
}
.flaticon.down-circle-4::before,
.flaticon.X18::before {
  content: '\e5c5';
}
.flaticon.left-circle-4::before,
.flaticon.X19::before {
  content: '\e5c6';
}
.flaticon.right-circle-4::before,
.flaticon.X20::before {
  content: '\e5c7';
}
.flaticon.plus-3::before,
.flaticon.Y1::before {
  content: '\e5c8';
}
.flaticon.minus-3::before,
.flaticon.Y2::before {
  content: '\e5c9';
}
.flaticon.checkmark-3::before,
.flaticon.Y3::before {
  content: '\e5ca';
}
.flaticon.x-3::before,
.flaticon.Y4::before {
  content: '\e5cb';
}
.flaticon.up-square-1::before,
.flaticon.up-square::before,
.flaticon.Y5::before {
  content: '\e5cc';
}
.flaticon.down-square-1::before,
.flaticon.down-square::before,
.flaticon.Y6::before {
  content: '\e5cd';
}
.flaticon.left-square-1::before,
.flaticon.left-square::before,
.flaticon.Y7::before {
  content: '\e5ce';
}
.flaticon.right-square-1::before,
.flaticon.right-square::before,
.flaticon.Y8::before {
  content: '\e5cf';
}
.flaticon.up-square-2::before,
.flaticon.Y9::before {
  content: '\e5d0';
}
.flaticon.down-square-2::before,
.flaticon.Y10::before {
  content: '\e5d1';
}
.flaticon.left-square-2::before,
.flaticon.Y11::before {
  content: '\e5d2';
}
.flaticon.right-square-2::before,
.flaticon.Y12::before {
  content: '\e5d3';
}
.flaticon.up-square-3::before,
.flaticon.Y13::before {
  content: '\e5d4';
}
.flaticon.down-square-3::before,
.flaticon.download-4::before,
.flaticon.Y14::before {
  content: '\e5d5';
}
.flaticon.left-square-3::before,
.flaticon.Y15::before {
  content: '\e5d6';
}
.flaticon.right-square-3::before,
.flaticon.Y16::before {
  content: '\e5d7';
}
.flaticon.up-square-4::before,
.flaticon.Y17::before {
  content: '\e5d8';
}
.flaticon.down-square-4::before,
.flaticon.Y18::before {
  content: '\e5d9';
}
.flaticon.left-square-4::before,
.flaticon.Y19::before {
  content: '\e5da';
}
.flaticon.right-square-4::before,
.flaticon.Y20::before {
  content: '\e5db';
}
@font-face {
  font-family: 'emoticon';
  src: url('fonts/emoticon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.emoticon::before {
  font-family: 'emoticon';
  speak: none;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.emoticon.anger4::before {
  content: '\e000';
}
.emoticon.anger5::before {
  content: '\e001';
}
.emoticon.angry18::before {
  content: '\e002';
}
.emoticon.angry19::before {
  content: '\e003';
}
.emoticon.angry20::before {
  content: '\e004';
}
.emoticon.angry21::before {
  content: '\e005';
}
.emoticon.angry22::before {
  content: '\e006';
}
.emoticon.annulled2::before {
  content: '\e007';
}
.emoticon.bad4::before {
  content: '\e008';
}
.emoticon.black266::before {
  content: '\e009';
}
.emoticon.crying6::before {
  content: '\e00a';
}
.emoticon.disappointed2::before {
  content: '\e00b';
}
.emoticon.disgusted2::before {
  content: '\e00c';
}
.emoticon.doubt2::before {
  content: '\e00d';
}
.emoticon.emoticon59::before {
  content: '\e00e';
}
.emoticon.emoticon60::before {
  content: '\e00f';
}
.emoticon.emoticon61::before {
  content: '\e010';
}
.emoticon.emoticon62::before {
  content: '\e011';
}
.emoticon.emoticon63::before {
  content: '\e012';
}
.emoticon.emoticon64::before {
  content: '\e013';
}
.emoticon.emoticon65::before {
  content: '\e014';
}
.emoticon.emoticon66::before {
  content: '\e015';
}
.emoticon.emoticon67::before {
  content: '\e016';
}
.emoticon.emoticon68::before {
  content: '\e017';
}
.emoticon.emoticon69::before {
  content: '\e018';
}
.emoticon.emoticon70::before {
  content: '\e019';
}
.emoticon.emoticon71::before {
  content: '\e01a';
}
.emoticon.emoticon72::before {
  content: '\e01b';
}
.emoticon.emoticon73::before {
  content: '\e01c';
}
.emoticon.emoticon74::before {
  content: '\e01d';
}
.emoticon.emoticon75::before {
  content: '\e01e';
}
.emoticon.emoticon76::before {
  content: '\e01f';
}
.emoticon.emoticon77::before {
  content: '\e020';
}
.emoticon.emoticon78::before {
  content: '\e021';
}
.emoticon.emoticon79::before {
  content: '\e022';
}
.emoticon.emoticon80::before {
  content: '\e023';
}
.emoticon.emoticons6::before {
  content: '\e024';
}
.emoticon.emoticons7::before {
  content: '\e025';
}
.emoticon.emoticons8::before {
  content: '\e026';
}
.emoticon.evil5::before {
  content: '\e027';
}
.emoticon.furious2::before {
  content: '\e028';
}
.emoticon.happy31::before {
  content: '\e029';
}
.emoticon.happy32::before {
  content: '\e02a';
}
.emoticon.happy33::before {
  content: '\e02b';
}
.emoticon.happy34::before {
  content: '\e02c';
}
.emoticon.happy35::before {
  content: '\e02d';
}
.emoticon.happy36::before {
  content: '\e02e';
}
.emoticon.happy37::before {
  content: '\e02f';
}
.emoticon.intellectual2::before {
  content: '\e030';
}
.emoticon.male194::before {
  content: '\e031';
}
.emoticon.mute22::before {
  content: '\e032';
}
.emoticon.mute23::before {
  content: '\e033';
}
.emoticon.nerd4::before {
  content: '\e034';
}
.emoticon.nerd5::before {
  content: '\e035';
}
.emoticon.pirate4::before {
  content: '\e036';
}
.emoticon.resting3::before {
  content: '\e037';
}
.emoticon.sad28::before {
  content: '\e038';
}
.emoticon.sad29::before {
  content: '\e039';
}
.emoticon.sad30::before {
  content: '\e03a';
}
.emoticon.sad31::before {
  content: '\e03b';
}
.emoticon.sad32::before {
  content: '\e03c';
}
.emoticon.sad33::before {
  content: '\e03d';
}
.emoticon.scared2::before {
  content: '\e03e';
}
.emoticon.singing3::before {
  content: '\e03f';
}
.emoticon.sleeping7::before {
  content: '\e040';
}
.emoticon.sleepy4::before {
  content: '\e041';
}
.emoticon.sleepy5::before {
  content: '\e042';
}
.emoticon.smiley29::before {
  content: '\e043';
}
.emoticon.smiley30::before {
  content: '\e044';
}
.emoticon.smiley31::before {
  content: '\e045';
}
.emoticon.smiley32::before {
  content: '\e046';
}
.emoticon.smiley33::before {
  content: '\e047';
}
.emoticon.smiley34::before {
  content: '\e048';
}
.emoticon.smiley35::before {
  content: '\e049';
}
.emoticon.smiling25::before {
  content: '\e04a';
}
.emoticon.smiling26::before {
  content: '\e04b';
}
.emoticon.smiling27::before {
  content: '\e04c';
}
.emoticon.smiling28::before {
  content: '\e04d';
}
.emoticon.smiling29::before {
  content: '\e04e';
}
.emoticon.smiling30::before {
  content: '\e04f';
}
.emoticon.smiling31::before {
  content: '\e050';
}
.emoticon.smiling32::before {
  content: '\e051';
}
.emoticon.square102::before {
  content: '\e052';
}
.emoticon.student11::before {
  content: '\e053';
}
.emoticon.surprised14::before {
  content: '\e054';
}
.emoticon.surprised15::before {
  content: '\e055';
}
.emoticon.surprised16::before {
  content: '\e056';
}
.emoticon.surprised17::before {
  content: '\e057';
}
.emoticon.sweating2::before {
  content: '\e058';
}
.emoticon.teardrop3::before {
  content: '\e059';
}
.emoticon.tired2::before {
  content: '\e05a';
}
.emoticon.very6::before {
  content: '\e05b';
}
.emoticon.wink7::before {
  content: '\e05c';
}
.emoticon.wink8::before {
  content: '\e05d';
}
.emoticon.winking6::before {
  content: '\e05e';
}
.emoticon.winking7::before {
  content: '\e05f';
}
.emoticon.wound3::before {
  content: '\e060';
}
.emoticon.yawning6::before {
  content: '\e061';
}
.emoticon.yawning7::before {
  content: '\e062';
}
.emoticon.yawning8::before {
  content: '\e063';
}
.emoticon--wrapper.has-color .is-happy i::before {
  background: #1ca382;
}
.emoticon--wrapper.has-color .is-neutral i::before {
  background: #e9871e;
}
.emoticon--wrapper.has-color .is-sad i::before {
  background: #52656e;
}
.emoticon--wrapper.has-color .is-angry i::before {
  background: #f85e53;
}
.emoticon--wrapper .is-happy i::before {
  content: '\e02d';
}
.emoticon--wrapper .is-neutral i::before {
  content: '\e017';
}
.emoticon--wrapper .is-sad i::before {
  content: '\e03a';
}
.emoticon--wrapper .is-angry i::before {
  content: '\e003';
}
.loader--popover {
  /* stylelint-disable-next-line function-no-unknown */
  background-color: rgba(27, 34, 36, 0.95);
  color: #fff;
  position: absolute;
  width: 15rem;
  height: 6.98rem;
  left: 50%;
  top: 9rem;
  padding-top: 1.5rem;
  margin-left: -7.5rem;
  text-align: center;
  border-radius: 0 0 4px 4px;
  z-index: 1000;
}
.loader--popover .loader--dots {
  margin: auto;
  width: 40px;
  height: 20px;
  position: relative;
}
.loader--popover .loader--dot1,
.loader--popover .loader--dot2,
.loader--popover .loader--dot3,
.loader--popover .loader--dot4 {
  background: #fff;
}
.loader--popover span {
  display: block;
  clear: both;
  font-weight: 600;
}
.content-wrapper.has-small-header .loader--popover {
  top: 4.5rem;
}
.loader--dot1,
.loader--dot2,
.loader--dot3,
.loader--dot4 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #52656e;
  position: absolute;
  animation: 0.5s ease infinite;
}
.loader--dot1,
.loader--dot2 {
  left: 0;
}
.loader--dot3 {
  left: 15px;
}
@keyframes show-loader--dot {
  from {
    transform: scale(0.001);
  }
  to {
    transform: scale(1);
  }
}
@keyframes slide-loader--dot {
  to {
    transform: translateX(15px);
  }
}
.loader--dot1 {
  animation-name: show-loader--dot;
}
.loader--dot2,
.loader--dot3 {
  animation-name: slide-loader--dot;
}
.loader--dot4 {
  left: 30px;
  animation-name: show-loader--dot;
  animation-direction: reverse;
  /* thx @HugoGiraudel */
}
.include-loader-spinner {
  border-width: 0.23rem;
  border-style: solid;
  border-right-color: transparent;
  border-radius: 100%;
  background-clip: padding-box;
  animation: loading 1s linear infinite,
		container 300ms ease;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000;
}
.loader--spinner {
  border-color: #c3cace;
  border-width: 0.23rem;
  border-style: solid;
  border-right-color: transparent;
  border-radius: 100%;
  background-clip: padding-box;
  animation: loading 1s linear infinite,
		container 300ms ease;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000;
  position: relative;
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
}
input[type='search'] {
  -webkit-appearance: textfield;
}
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
input::-ms-clear {
  display: none;
}
input::-webkit-input-placeholder {
  font-weight: 400;
  color: #86949b;
}
input::-moz-placeholder {
  font-weight: 400;
  color: #86949b;
}
input:-ms-input-placeholder {
  font-weight: 400 !important;
  color: #86949b !important;
}
input::placeholder {
  font-weight: 400;
  color: #86949b;
}
textarea::-webkit-input-placeholder {
  font-weight: 400;
  color: #86949b;
}
textarea::-moz-placeholder {
  font-weight: 400;
  color: #86949b;
}
textarea:-ms-input-placeholder {
  font-weight: 400 !important;
  color: #86949b !important;
}
textarea::placeholder {
  font-weight: 400;
  color: #86949b;
}
select[disabled] {
  font-weight: 400;
  color: #86949b;
}
input[type='text'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='email'],
input[type='tel'],
input[type='url'],
textarea,
select {
  height: auto;
  -webkit-appearance: default;
  -moz-appearance: default;
  border: 1px solid #c3cace;
  border-radius: 2px;
  box-shadow: inset 0 1px 2px #e9eaeb;
  color: #404e54;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.5rem;
  line-height: 1.5em;
  margin: 0;
  padding: 0.5em;
  vertical-align: baseline;
  width: 100%;
  min-width: 9rem;
  background-color: #fff;
}
input[type='text']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='url']:focus,
textarea:focus,
select:focus {
  border-color: #86949b;
  color: #333e42;
  outline: 0;
}
input[type='text']:disabled,
input[type='number']:disabled,
input[type='password']:disabled,
input[type='search']:disabled,
input[type='email']:disabled,
input[type='tel']:disabled,
input[type='url']:disabled,
textarea:disabled,
select:disabled {
  box-shadow: none;
  background: #f0f2f3;
  color: #86949b;
}
input[type='radio'] {
  height: auto;
}
select {
  height: 4rem;
}
select::-ms-expand {
  display: none;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
  display: block;
  width: 100%;
}
legend {
  border: 0;
  display: block;
  margin-bottom: 0.38rem;
  font-weight: bold;
  line-height: 2.25rem;
  font-size: 2.4rem;
}
ul.form {
  clear: both;
  padding: 0 !important;
  list-style: none;
  margin: 0 0 2.25rem;
}
ul.form > li {
  padding: 0.75rem;
  border-bottom: 2px solid #e9eaeb;
}
ul.form > li::before,
ul.form > li::after {
  content: '';
  display: table;
}
ul.form > li::after {
  clear: both;
}
ul.form > li:last-child {
  border-bottom: 0;
}
ul.form > li > label {
  clear: left;
  display: block;
  font-weight: 400;
  padding-top: 0.9rem;
  text-align: left;
  color: #86949b;
  overflow: hidden;
  word-break: break-all;
}
@media only screen and (min-width: 590px) {
  ul.form > li > label {
    float: left;
    width: 31.25%;
    margin-left: 0%;
    margin-right: 2.08333333%;
  }
}
ul.form div.form--fields {
  position: relative;
}
@media only screen and (min-width: 590px) {
  ul.form div.form--fields {
    float: left;
    width: 66.66666667%;
    margin-left: 0%;
    margin-right: 0%;
  }
}
ul.form div.form--fields p,
ul.form div.form--fields small {
  display: block;
  margin: 0.38rem 0;
}
ul.form div.form--fields p.form--description {
  margin: 0.9rem 0;
}
ul.form div.form--fields > i {
  position: absolute;
  top: 5px;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.5rem;
  text-align: center;
  color: #404e54;
  right: 5px;
  padding-left: 3px;
}
ul.form div.form--fields input:focus ~ i {
  color: #52656e;
}
ul.form div.form--fields select ~ i.form--arrows {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 8px;
  height: 11px;
  background: #fff;
  pointer-events: none;
}
ul.form div.form--fields select ~ i.form--arrows::after,
ul.form div.form--fields select ~ i.form--arrows::before {
  content: '';
  position: absolute;
  right: 0;
  border-right: 0.45rem solid transparent;
  border-left: 0.45rem solid transparent;
}
ul.form div.form--fields select ~ i.form--arrows::after {
  bottom: 0;
  border-top: 0.45rem solid #c3cace;
}
ul.form div.form--fields select ~ i.form--arrows::before {
  top: 0;
  border-bottom: 0.45rem solid #c3cace;
}
.form--checklist {
  list-style: none;
  margin: 0.9rem 0;
}
.form--checklist li {
  margin: 0.75rem 0;
}
.form--checklist li.form--checklist-inline {
  display: inline-block;
  margin-right: 1.8rem;
}
.form--checklist input {
  display: inline;
  margin-right: 1.2rem;
}
.form--checklist label {
  clear: both;
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: auto;
  font-weight: normal;
}
.form--checklist label:hover {
  color: #404e54;
  cursor: pointer;
}
ul.form--checklist-inline {
  list-style: none;
  margin: 0.9rem 0;
}
ul.form--checklist-inline li {
  margin: 0.75rem 0;
}
ul.form--checklist-inline li.form--checklist-inline {
  display: inline-block;
  margin-right: 1.8rem;
}
ul.form--checklist-inline input {
  display: inline;
  margin-right: 1.2rem;
}
ul.form--checklist-inline label {
  clear: both;
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: auto;
  font-weight: normal;
}
ul.form--checklist-inline label:hover {
  color: #404e54;
  cursor: pointer;
}
ul.form--checklist-inline li {
  display: inline-block;
  margin: 0;
}
ul.form--checklist-inline li ~ li {
  margin-left: 1.8rem;
}
li.form--is-required label::after {
  content: '*';
  color: #f85e53;
  margin-left: 0.38rem;
  font-size: 1.1rem;
  position: relative;
  top: -4px;
}
td.form--error.popover--time,
li.form--error.popover--time,
div.form--error.popover--time {
  border: #f85e53 1px solid;
}
td.form--error.popover--time input[type='text'],
li.form--error.popover--time input[type='text'],
div.form--error.popover--time input[type='text'],
td.form--error.popover--time input[type='number'],
li.form--error.popover--time input[type='number'],
div.form--error.popover--time input[type='number'] {
  border: none;
  box-shadow: none;
}
td.form--error.popover--time input[type='text']:focus,
li.form--error.popover--time input[type='text']:focus,
div.form--error.popover--time input[type='text']:focus,
td.form--error.popover--time input[type='number']:focus,
li.form--error.popover--time input[type='number']:focus,
div.form--error.popover--time input[type='number']:focus {
  border: none;
  box-shadow: none;
}
td.form--error label,
li.form--error label,
div.form--error label {
  color: #f85e53 !important;
}
td.form--error input[type='text'],
li.form--error input[type='text'],
div.form--error input[type='text'],
td.form--error input[type='number'],
li.form--error input[type='number'],
div.form--error input[type='number'],
td.form--error input[type='password'],
li.form--error input[type='password'],
div.form--error input[type='password'],
td.form--error input[type='search'],
li.form--error input[type='search'],
div.form--error input[type='search'],
td.form--error input[type='email'],
li.form--error input[type='email'],
div.form--error input[type='email'],
td.form--error input[type='tel'],
li.form--error input[type='tel'],
div.form--error input[type='tel'],
td.form--error input[type='url'],
li.form--error input[type='url'],
div.form--error input[type='url'],
td.form--error textarea,
li.form--error textarea,
div.form--error textarea,
td.form--error select,
li.form--error select,
div.form--error select {
  border-color: #f85e53;
  box-shadow: inset 0 0 0 1px #f85e53;
}
td.form--error input[type='text']:focus,
li.form--error input[type='text']:focus,
div.form--error input[type='text']:focus,
td.form--error input[type='number']:focus,
li.form--error input[type='number']:focus,
div.form--error input[type='number']:focus,
td.form--error input[type='password']:focus,
li.form--error input[type='password']:focus,
div.form--error input[type='password']:focus,
td.form--error input[type='search']:focus,
li.form--error input[type='search']:focus,
div.form--error input[type='search']:focus,
td.form--error input[type='email']:focus,
li.form--error input[type='email']:focus,
div.form--error input[type='email']:focus,
td.form--error input[type='tel']:focus,
li.form--error input[type='tel']:focus,
div.form--error input[type='tel']:focus,
td.form--error input[type='url']:focus,
li.form--error input[type='url']:focus,
div.form--error input[type='url']:focus,
td.form--error textarea:focus,
li.form--error textarea:focus,
div.form--error textarea:focus,
td.form--error select:focus,
li.form--error select:focus,
div.form--error select:focus {
  border-color: #f85e53;
  box-shadow: inset 0 0 0 1px #f85e53;
}
td.form--error ul.form--errors,
li.form--error ul.form--errors,
div.form--error ul.form--errors {
  color: #f85e53;
  list-style: none;
  margin: 0 0 0.53rem 0.53rem;
}
td.form--error ul.form--errors li,
li.form--error ul.form--errors li,
div.form--error ul.form--errors li {
  font-size: 1.3rem;
}
td.form--error {
  color: #f85e53;
  font-weight: 700;
}
div.form--buttons {
  padding: 1.13rem;
}
@media only screen and (min-width: 960px) {
  div.form--buttons {
    padding: 2.25rem;
  }
}
span.form--fields-avatar {
  display: block;
  height: 7.5rem;
  width: 7.5rem;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 2px;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.25);
}
div.form--upload {
  padding-top: 0.23rem;
}
div.form--upload input {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  height: 4.5rem;
  width: 100%;
  top: 0;
  opacity: 0;
}
div.form--uploads {
  padding-top: 1.125rem;
}
div.form--uploads p {
  margin-bottom: 0.5625rem;
}
div.form--uploads i {
  margin-left: 0.5625rem;
  vertical-align: middle;
  color: #86949b;
}
.form--upload {
  position: relative;
  overflow: hidden;
  border-radius: 2px;
}
.form--upload i.flaticon {
  position: absolute;
  top: 1.35rem;
  left: 0.98rem;
  color: #c3cace;
}
.form--upload input {
  position: absolute;
  top: 0;
  left: -100px;
  display: inline-block;
  width: 200%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.form--upload p {
  margin-bottom: 0;
  padding: 0.68rem 0.9rem 0.6rem 3.75rem;
  width: 100% !important;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 0 0;
  color: #333e42;
  cursor: pointer;
}
.form--upload a {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
}
.form--upload a:hover {
  background-color: transparent;
}
span.ui-helper-hidden-accessible[role='status'] {
  display: none;
}
ul.ui-autocomplete.ui-menu {
  z-index: 200;
  position: absolute;
  background: #fff;
  transform: translateX(0.75rem);
  border: 2px solid #c3cace;
  border-top: none;
}
ul.ui-autocomplete.ui-menu li {
  border-top: 1px solid #e9eaeb;
  padding: 0.75rem 0.75rem 0.75rem 3.75rem;
}
ul.ui-autocomplete.ui-menu li a.ui-state-focus {
  color: #21c19a;
}
#form-editor {
  position: relative;
}
#form-editor ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  background: #e9eaeb;
  width: 100%;
}
#form-editor li {
  position: relative;
  display: inline-block;
  width: 3rem;
  text-align: center;
  font-weight: 600;
  font-size: 1.5rem;
  cursor: pointer;
  margin: 0;
  padding: 0.3rem 0;
}
#form-editor li i::before {
  font-size: 1.3rem;
}
#form-editor li.wysihtml5-command-dialog-opened {
  background: #c3cace;
}
#form-editor li.wysihtml5-action-active,
#form-editor li.wysihtml5-command-active {
  background: #c3cace;
}
#form-editor.wysihtml5-commands-disabled [data-wysihtml5-command] {
  opacity: 0.4;
  cursor: default;
  background-image: none !important;
}
[data-wysihtml5-dialog] {
  display: flex;
  top: 45px;
  text-align: left;
  background: #c3cace;
  padding: 0.6rem;
}
[data-wysihtml5-dialog] a.button {
  flex: 0 1 auto;
  display: inline-block;
  padding: 0.15rem 0.6rem;
  border-width: 1px;
  position: relative;
  border-radius: 0;
}
[data-wysihtml5-dialog] input {
  flex: 0 1 auto;
  display: inline-block;
  padding: 0.15rem;
  border-radius: 0;
  border: 1px solid #fff !important;
  box-shadow: none;
}
[data-wysihtml5-dialog-action] {
  color: #fff;
  cursor: pointer;
}
#form-editor--textarea,
iframe.form-editor--iframe {
  min-height: 30rem;
  padding: 0 !important;
  padding-left: 0.75rem !important;
}
table.table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
table.table.tblClick tr {
  cursor: pointer;
}
table.table th {
  background: #c3cace;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
  font-size: 1.3rem;
  color: #52656e;
  padding: 0.45rem 1.5rem 0.35em;
  box-shadow: 0 1px 0 #fff;
}
table.table td {
  border-bottom: 1px solid #c3cace;
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
}
table.table a {
  color: #404e54;
  font-weight: normal;
}
table.table tfoot td {
  background: #e9eaeb;
  font-weight: 600;
}
table.table .has-notice {
  position: relative;
}
table.table .has-notice::after {
  content: ' ';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.45rem;
  height: 0.9rem;
  width: 0.9rem;
  background: #f85e53;
  border-radius: 50%;
}
th.table--signal {
  width: 1.5rem;
}
td.table--avatar {
  width: 1px;
  height: 6rem;
}
td.table--avatar div {
  position: relative;
  padding-left: 6rem;
  white-space: nowrap;
}
td.table--avatar span {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2.25rem;
  background-image: url('images/user-0c2ff1dbea2088ed144830f0035b16da.png');
  background-size: cover;
  background-position: 50% 50%;
  height: 4.5rem;
  width: 4.5rem;
  display: block;
  border-radius: 2px;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.25);
}
td.table--avatar a {
  color: #404e54;
}
td.table--avatar a:hover {
  color: #333e42;
}
td.table--avatar small {
  font-weight: normal;
  color: #86949b;
  display: block;
}
th.table--sortable {
  cursor: pointer;
}
th.table--sortable i {
  position: relative;
  top: 0.23rem;
  vertical-align: middle;
}
th.table--sortable:hover {
  color: #333e42;
}
th.table--sortable.is-sorted {
  color: #920d62;
}
th.table--sortable.is-sorted:hover {
  color: #340523;
}
th.table--star-head {
  width: 100px;
}
td.table--star {
  color: rgba(51, 62, 66, 0.2);
}
td.table--star.is-starred {
  color: #920d62;
}
td.cell--disabled {
  pointer-events: none;
}
td.cell--disabled > * {
  opacity: 0.5;
}
tbody + tbody {
  border-bottom: 0;
}
ul.list {
  list-style: none;
  margin-left: 0;
}
ul.list li {
  border-bottom: 1px solid #c3cace;
  padding: 0.75rem;
}
.has-dropdown {
  position: relative;
}
.has-dropdown a {
  cursor: pointer;
}
div.dropdown {
  display: none;
  position: absolute;
  z-index: 11;
  top: 3.38rem;
  font-size: 1.3rem;
  text-transform: none;
  white-space: normal;
  text-align: left;
  background-color: rgba(27, 34, 36, 0.95);
  color: #fff;
  width: 21rem;
  padding: 0.38rem;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  box-shadow: 0 0 8px rgba(51, 62, 66, 0.3);
}
div.dropdown.is-open {
  display: block;
}
.dropdown--border {
  border-top: 1px solid #86949b;
}
div.dropdown--date {
  border-top: 1px solid #86949b;
  display: block;
  padding: 0.75rem 1.5rem;
  font-size: 1.3rem;
  color: #86949b;
  font-weight: 400;
  margin: 0;
}
ul.dropdown--list {
  margin: 0;
  list-style: none;
}
ul.dropdown--list li {
  margin-bottom: 1px;
  display: block;
}
ul.dropdown--list li:last-child {
  margin-bottom: 0;
}
ul.dropdown--list li.is-selected {
  background: #333e42;
}
ul.dropdown--list li.is-selected a {
  font-weight: 600;
  color: #b31078;
}
ul.dropdown--list li.is-selected .dropdown--options {
  display: block;
}
ul.dropdown--list a,
ul.dropdown--list span {
  display: block;
  padding: 0.75rem 1.5rem;
  color: #c3cace;
  font-weight: 400;
  border-radius: 2px;
}
ul.dropdown--list a:hover {
  color: #fff;
  background: #333e42;
}
span.dropdown--arrow {
  position: absolute;
  height: 0;
  width: 0;
  content: ' ';
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
span.dropdown--arrow.is-top {
  top: -5px;
  border-bottom: 5px solid rgba(27, 34, 36, 0.95);
}
span.dropdown--arrow.is-bottom {
  bottom: -5px;
  border-top: 5px solid rgba(27, 34, 36, 0.95);
}
.dropdown--options {
  display: none;
  border-radius: 0 0 2px 2px;
  padding: 0 0.53rem 0.53rem;
}
.dropdown--options input {
  border: 0;
}
.dropdown--options input:first-child {
  border-radius: 2px 2px 0 0;
}
.dropdown--options input:last-child {
  border-radius: 0 0 2px 2px;
}
.dropdown--options input:only-child {
  border-radius: 2px;
}
.dropdown--options input.is-error {
  box-shadow: inset 0 0 0 1px #dc1709;
}
.dropdown--options p.is-error-comment {
  margin: 0 2px;
  color: #dc1709;
  font-size: 1.3rem;
}
ul.linked-groups > li {
  display: inline-block;
}
.include-label {
  border-radius: 2px;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.23rem 0.45rem;
  text-transform: uppercase;
}
.include-label.tag {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  cursor: pointer;
}
.include-label.tag:hover {
  background-color: #f85e53;
}
.label {
  border-radius: 2px;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.23rem 0.45rem;
  text-transform: uppercase;
  color: #fff;
  background: #52656e;
  -webkit-font-smoothing: antialiased;
}
.label.tag {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  cursor: pointer;
}
.label.tag:hover {
  background-color: #f85e53;
}
.label.nl {
  background: #e9871e;
}
.label.en {
  background: #76a0cd;
}
.label--contrast {
  border-radius: 2px;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.23rem 0.45rem;
  text-transform: uppercase;
  color: #fff;
  background-color: #404e54;
  -webkit-font-smoothing: antialiased;
}
.label--contrast.tag {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  cursor: pointer;
}
.label--contrast.tag:hover {
  background-color: #f85e53;
}
.label--soft {
  border-radius: 2px;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.23rem 0.45rem;
  text-transform: uppercase;
  color: #333e42;
  background: #c3cace;
}
.label--soft.tag {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  cursor: pointer;
}
.label--soft.tag:hover {
  background-color: #f85e53;
}
.label--success {
  border-radius: 2px;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.23rem 0.45rem;
  text-transform: uppercase;
  color: #fff;
  background-color: #1ca382;
  -webkit-font-smoothing: antialiased;
}
.label--success.tag {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  cursor: pointer;
}
.label--success.tag:hover {
  background-color: #f85e53;
}
.label--alert {
  border-radius: 2px;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.23rem 0.45rem;
  text-transform: uppercase;
  color: #fff;
  background-color: #f85e53;
  -webkit-font-smoothing: antialiased;
}
.label--alert.tag {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  cursor: pointer;
}
.label--alert.tag:hover {
  background-color: #f85e53;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
div.buttons {
  list-style: none;
  margin: 0 0 2.25rem;
}
div.buttons::before,
div.buttons::after {
  content: '';
  display: table;
}
div.buttons::after {
  clear: both;
}
div.buttons-large {
  position: relative;
  top: -1px;
  padding: 1.13rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #c3cace;
}
div.buttons-large::before,
div.buttons-large::after {
  content: '';
  display: table;
}
div.buttons-large::after {
  clear: both;
}
@media only screen and (min-width: 1024px) {
  div.buttons-large {
    padding: 2.25rem;
  }
}
.include-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  line-height: 2.25rem !important;
  padding: 0.53rem 1.5rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  text-align: center;
}
.include-button.is-small {
  font-size: 1.1rem;
  padding: 0.3rem 0.98rem;
}
.include-button::before {
  margin-right: 0.75rem;
  position: relative;
  top: 0.08rem;
}
.button,
input[type='submit'],
button:not(.styleguide) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  line-height: 2.25rem !important;
  padding: 0.53rem 1.5rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  text-align: center;
  background-image: linear-gradient(to bottom, #52656e, #404e54);
  color: #fff;
  border: 2px solid #404e54;
  -webkit-font-smoothing: antialiased;
  position: relative;
}
.button.is-small,
input[type='submit'].is-small,
button:not(.styleguide).is-small {
  font-size: 1.1rem;
  padding: 0.3rem 0.98rem;
}
.button::before,
input[type='submit']::before,
button:not(.styleguide)::before {
  margin-right: 0.75rem;
  position: relative;
  top: 0.08rem;
}
.button:hover,
input[type='submit']:hover,
button:not(.styleguide):hover {
  background: #404e54;
  color: #fff;
}
.button:active,
input[type='submit']:active,
button:not(.styleguide):active,
.button:focus,
input[type='submit']:focus,
button:not(.styleguide):focus {
  background: #333e42;
  border-color: #333e42;
}
.button-detail,
.button-board,
input[type='submit'].button-detail,
button.button-detail {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  line-height: 2.25rem !important;
  padding: 0.53rem 1.5rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background-image: linear-gradient(to bottom, #920d62, #710a4c);
  border: 2px solid #710a4c;
  -webkit-font-smoothing: antialiased;
}
.button-detail.is-small,
.button-board.is-small,
input[type='submit'].button-detail.is-small,
button.button-detail.is-small {
  font-size: 1.1rem;
  padding: 0.3rem 0.98rem;
}
.button-detail::before,
.button-board::before,
input[type='submit'].button-detail::before,
button.button-detail::before {
  margin-right: 0.75rem;
  position: relative;
  top: 0.08rem;
}
.button-detail:hover,
.button-board:hover,
input[type='submit'].button-detail:hover,
button.button-detail:hover {
  background: #710a4c;
  color: #fff;
}
.button-detail:active,
.button-board:active,
input[type='submit'].button-detail:active,
button.button-detail:active,
.button-detail:focus,
.button-board:focus,
input[type='submit'].button-detail:focus,
button.button-detail:focus {
  background: #340523;
  border-color: #340523;
}
.button-detail:disabled,
.button-board:disabled,
input[type='submit'].button-detail:disabled,
button.button-detail:disabled {
  background: #f0f2f3;
  border-color: #f0f2f3;
  color: #86949b;
}
.button-action,
input[type='submit'].button-action,
button.button-action {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  line-height: 2.25rem !important;
  padding: 0.53rem 1.5rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background-image: linear-gradient(to bottom, #f73e31, #f73e31);
  border: 2px solid #f73e31;
  -webkit-font-smoothing: antialiased;
}
.button-action.is-small,
input[type='submit'].button-action.is-small,
button.button-action.is-small {
  font-size: 1.1rem;
  padding: 0.3rem 0.98rem;
}
.button-action::before,
input[type='submit'].button-action::before,
button.button-action::before {
  margin-right: 0.75rem;
  position: relative;
  top: 0.08rem;
}
.button-action:hover,
input[type='submit'].button-action:hover,
button.button-action:hover {
  background: #f73e31;
  color: #fff;
}
.button-action:active,
input[type='submit'].button-action:active,
button.button-action:active,
.button-action:focus,
input[type='submit'].button-action:focus,
button.button-action:focus {
  background: #dc1709;
  border-color: #dc1709;
}
.button-action-inverted,
input[type='submit'].button-action-inverted,
button.button-action-inverted {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  line-height: 2.25rem !important;
  padding: 0.53rem 1.5rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  text-align: center;
  background: #fff;
  border: 2px solid #f73e31;
  color: #f73e31;
  -webkit-font-smoothing: antialiased;
}
.button-action-inverted.is-small,
input[type='submit'].button-action-inverted.is-small,
button.button-action-inverted.is-small {
  font-size: 1.1rem;
  padding: 0.3rem 0.98rem;
}
.button-action-inverted::before,
input[type='submit'].button-action-inverted::before,
button.button-action-inverted::before {
  margin-right: 0.75rem;
  position: relative;
  top: 0.08rem;
}
.button-action-inverted:hover,
input[type='submit'].button-action-inverted:hover,
button.button-action-inverted:hover {
  background: #fff;
  color: #f73e31;
}
.button-action-inverted:active,
input[type='submit'].button-action-inverted:active,
button.button-action-inverted:active,
.button-action-inverted:focus,
input[type='submit'].button-action-inverted:focus,
button.button-action-inverted:focus {
  color: #dc1709;
  border-color: #dc1709;
}
.button-soft,
input[type='submit'].button-soft,
button.button-soft {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  line-height: 2.25rem !important;
  padding: 0.53rem 1.5rem;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  color: #52656e;
  border: 2px solid #c3cace;
}
.button-soft.is-small,
input[type='submit'].button-soft.is-small,
button.button-soft.is-small {
  font-size: 1.1rem;
  padding: 0.3rem 0.98rem;
}
.button-soft::before,
input[type='submit'].button-soft::before,
button.button-soft::before {
  margin-right: 0.75rem;
  position: relative;
  top: 0.08rem;
}
.button-soft:hover,
input[type='submit'].button-soft:hover,
button.button-soft:hover {
  border-color: #c3cace;
  background: #c3cace;
  color: #333e42;
}
.button-soft:active,
input[type='submit'].button-soft:active,
button.button-soft:active,
.button-soft:focus,
input[type='submit'].button-soft:focus,
button.button-soft:focus {
  background: #86949b;
  border-color: #86949b;
}
.button--after::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1.5rem;
  display: block;
  bottom: -1.5rem;
  right: 0;
  left: 0;
  cursor: default;
}
@media only screen and (min-width: 960px) {
  .button--after::after {
    height: 2.25rem;
    bottom: -2.25rem;
  }
}
ul.feedbackPanel {
  list-style: none;
  padding: 0 0.75rem;
  text-align: center;
  top: 9.98rem;
  position: fixed;
  right: 0;
  left: 0;
  margin: 0;
  z-index: 199;
}
@media only screen and (min-width: 960px) {
  ul.feedbackPanel {
    left: 24rem;
  }
}
ul.feedbackPanel li {
  position: relative;
  margin-bottom: 0.75rem;
  transition: margin-bottom 1s, opacity 1s;
  -webkit-transition: margin-bottom 1s, opacity 1s;
  cursor: pointer;
}
ul.feedbackPanel li.is-hidden-feedback {
  opacity: 0;
  z-index: -10;
}
.include-message {
  display: block;
  font-weight: 600;
  line-height: 2.25rem;
  padding: 0.53rem;
  vertical-align: baseline;
  margin-bottom: 2px;
  border-radius: 2px;
  padding-left: 1.13rem;
  padding-right: 1.13rem;
}
.include-message i {
  float: right;
  padding-top: 2px;
}
li.feedbackPanelINFO {
  display: block;
  font-weight: 600;
  line-height: 2.25rem;
  padding: 0.53rem;
  vertical-align: baseline;
  margin-bottom: 2px;
  border-radius: 2px;
  padding-left: 1.13rem;
  padding-right: 1.13rem;
  background: #52656e;
  color: #fff;
}
li.feedbackPanelINFO i {
  float: right;
  padding-top: 2px;
}
li.feedbackPanelINFO a.is-undobutton {
  color: #eb1a9f;
  margin-left: 1.125rem;
}
li.feedbackPanelINFO a.is-undobutton:hover {
  color: #b31078;
}
li.feedbackPanelINFO a.is-sluiten {
  color: #fff;
  cursor: pointer;
}
li.feedbackPanelSUCCESS {
  display: block;
  font-weight: 600;
  line-height: 2.25rem;
  padding: 0.53rem;
  vertical-align: baseline;
  margin-bottom: 2px;
  border-radius: 2px;
  padding-left: 1.13rem;
  padding-right: 1.13rem;
  background: #1ca382;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
li.feedbackPanelSUCCESS i {
  float: right;
  padding-top: 2px;
}
li.feedbackPanelERROR {
  display: block;
  font-weight: 600;
  line-height: 2.25rem;
  padding: 0.53rem;
  vertical-align: baseline;
  margin-bottom: 2px;
  border-radius: 2px;
  padding-left: 1.13rem;
  padding-right: 1.13rem;
  background: #f85e53;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
li.feedbackPanelERROR i {
  float: right;
  padding-top: 2px;
}
body.authenticator--background ul.feedbackPanel {
  top: 4.65rem;
  left: 0;
}
.content-wrapper.has-small-header ul.feedbackPanel {
  top: 5.4rem;
}
.is-undo-delete {
  padding-bottom: 1.5em;
}
.panel {
  background: #fff;
  border-radius: 2px;
  margin-bottom: 2.25rem;
  padding: 1.13rem;
}
@media only screen and (min-width: 1024px) {
  .panel {
    padding: 2.63rem;
  }
}
.panel--callout {
  background: #fff;
  border-radius: 2px;
  margin-bottom: 2.25rem;
  padding: 1.13rem;
  background: #920d62;
  color: #fff;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 1024px) {
  .panel--callout {
    padding: 2.63rem;
  }
}
.centered {
  position: relative;
  left: 7.5rem;
  top: 15rem;
  display: table-cell;
}
.pulse {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25), inset 0 0 3px rgba(0, 0, 0, 0.3);
  position: relative;
  cursor: pointer;
}
.pulse::after {
  position: absolute;
  content: '';
  width: 18px;
  height: 18px;
  inset: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}
.scale {
  animation-name: scale;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.93);
  }
  100% {
    transform: scale(1);
  }
}
.popover {
  transform: translateY(-150%);
  position: fixed;
  top: 0;
  z-index: 200;
  overflow-y: auto;
  padding: 0.25em;
  max-height: 100%;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 8px -1px rgba(51, 62, 66, 0.8);
  transition: transform 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 960px) {
  .popover {
    left: 50%;
    margin-left: -22.5rem;
    width: 45rem;
  }
}
.popover.is-open {
  transform: translateY(0);
}
.popover div.buttons {
  margin: 0;
  padding: 1.5rem;
}
.popover div.buttons a,
.popover div.buttons button {
  margin-bottom: 0;
}
.popover a.button,
.popover a.button-soft {
  margin-bottom: 0;
}
.popover h2 {
  margin: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  font-size: 1.8rem;
  line-height: 4.35rem;
}
.popover h2 i {
  color: #86949b;
}
.popover h2 i:hover {
  color: #52656e;
}
.popover form + form {
  margin-top: 2px;
}
.popover--panel {
  padding: 1.13rem;
  width: 100%;
  background: #e9eaeb;
}
.popover--panel:last-child {
  border-radius: 0 0 2px 2px;
}
.popover--panel h3 {
  display: block;
  color: #86949b;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.3rem;
}
.popover--panel:last-of-type {
  margin-bottom: 0;
}
.popover--panel a[disabled] {
  color: #86949b;
  cursor: default;
}
.popover--panel a[disabled]:hover {
  color: #86949b;
}
.popover--dl {
  margin-bottom: 2px;
  padding: 1.13rem;
  background: #e9eaeb;
}
.popover--dl:first-child {
  border-radius: 2px 2px 0 0;
}
.popover--dl:last-child {
  margin-bottom: 0;
  border-radius: 0 0 2px 2px;
}
@media only screen and (min-width: 960px) {
  .popover--dl {
    padding: 1.13rem 1.5rem;
  }
}
.popover--dl h3 {
  display: block;
  color: #86949b;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.3rem;
}
.popover--field {
  position: relative;
  border-bottom: 2px solid #e9eaeb;
}
.popover--field::before,
.popover--field::after {
  content: '';
  display: table;
}
.popover--field::after {
  clear: both;
}
@media only screen and (min-width: 960px) {
  .popover--field.is-half {
    float: left;
    width: 50%;
  }
}
.popover--field.has-number span {
  position: absolute;
  top: 0.87rem;
  left: 0.77rem;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #e9eaeb;
  color: #86949b;
  text-align: center;
  font-weight: 600;
  line-height: 18px;
}
.popover--field.has-checkmark p {
  background: #fff;
}
.popover--field:first-child input,
.popover--field:first-child select {
  border-radius: 4px 4px 0 0;
}
.popover--field i.flaticon {
  position: absolute;
  top: 0.9rem;
  left: 0.98rem;
  color: #c3cace;
}
.popover--field input:focus ~ i,
.popover--field textarea:focus ~ i {
  color: #52656e;
}
.popover--field input[type='text'],
.popover--field input[type='number'],
.popover--field input[type='password'],
.popover--field input[type='search'],
.popover--field input[type='email'],
.popover--field input[type='tel'],
.popover--field input[type='url'],
.popover--field textarea,
.popover--field select,
.popover--field p {
  margin-bottom: 0;
  padding-left: 3.75rem;
  width: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 0;
  color: #333e42;
}
.popover--field input[type='checkbox'] {
  position: relative;
  top: -1px;
}
.popover--field textarea {
  min-height: 10.5rem;
}
.popover--field p {
  display: block;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: #f0f2f3;
  line-height: 2.25rem;
}
.popover--field.form--error input {
  border: 1px solid #f85e53;
}
.popover--upload {
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  border: none;
  border-bottom: 2px solid #e9eaeb;
  box-shadow: none;
}
.popover--upload i.flaticon {
  position: absolute;
  top: 1.35rem;
  left: 0.98rem;
  color: #c3cace;
}
.popover--upload input {
  position: absolute;
  top: 0;
  left: -100px;
  display: inline-block;
  width: 200%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.popover--upload p {
  margin-bottom: 0;
  padding: 0.68rem 0.9rem 0.6rem 3.75rem;
  width: 100% !important;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 0 0;
  color: #333e42;
  cursor: pointer;
}
.popover--upload a {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
}
.popover--upload a:hover {
  background-color: transparent;
}
@media only screen and (min-width: 960px) {
  .popover--upload.is-half {
    float: left;
    width: 50%;
  }
}
.popover--upload:first-child input,
.popover--upload:first-child select {
  border-radius: 4px 4px 0 0;
}
.popover--upload i.flaticon {
  top: 0.9rem;
}
.popover--upload input {
  position: absolute;
  top: 0;
  left: -100px;
  display: inline-block;
  width: 200%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.popover--input-subtitle {
  float: right;
  font-weight: normal;
  font-size: 1.3rem;
}
.popover--input-subtitle i {
  vertical-align: middle;
}
span.popover--label {
  position: absolute;
  top: 0.75rem;
  left: 0;
  left: 5.25rem;
  display: block;
  padding: 0.53rem;
  padding-right: 1.88rem;
  border-radius: 6px;
  background: #920d62;
  color: #fff;
  letter-spacing: 0.5px;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1;
}
span.popover--label i.flaticon {
  position: absolute;
  top: 0.45rem;
  right: 0.23rem;
  left: auto;
  color: #fff;
  cursor: pointer;
}
.popover--time {
  display: flex;
  align-items: center;
  background: #fff;
}
.popover--time span {
  padding: 0 0.75rem 0 0.38rem;
  color: #86949b;
}
.popover--time input[type='number'] {
  width: 7.5rem;
  min-width: initial;
  text-align: center;
}
.popover--time input[type='number']:nth-child(n + 2) {
  width: 4.5rem;
  margin-left: 2px;
  padding-left: 0.75rem;
}
.popover--time input[type='number']::-webkit-inner-spin-button,
.popover--time input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.popover-tabs ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  -ms-flex-align: stretch;
  align-content: stretch;
  -ms-flex-line-pack: stretch;
  list-style: none;
  margin: 0 0 1.13rem;
  font-size: 1.3rem;
  text-transform: uppercase;
}
.popover-tabs ul::before,
.popover-tabs ul::after {
  content: '';
  display: table;
}
.popover-tabs ul::after {
  clear: both;
}
@media only screen and (min-width: 960px) {
  .popover-tabs ul {
    margin-bottom: 1.5rem;
  }
}
.popover-tabs ul a {
  display: block;
  font-weight: bold;
  background: #c3cace;
  color: #333e42;
  line-height: 2.25rem !important;
  padding: 0.53rem 1.5rem;
  cursor: pointer;
}
.popover-tabs ul a:hover {
  background: #86949b;
}
.popover-tabs li {
  flex: 1 1 auto;
  flex-grow: 1;
  align-items: stretch;
  -ms-flex-align: stretch;
  margin-bottom: 2px;
  text-align: center;
  position: relative;
}
.popover-tabs li + li {
  margin-left: 2px;
}
.popover-tabs li:first-child a {
  border-radius: 4px 0 0 4px;
}
.popover-tabs li:last-child a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
.popover-tabs li.is-selected a {
  color: #fff;
  background: #920d62;
}
.popover-tabs li.is-selected a:hover {
  background-image: linear-gradient(to bottom, #710a4c, #920d62);
}
.popover-tabs li.is-selected.has-options::after {
  position: absolute;
  height: 0;
  width: 0;
  bottom: -5px;
  left: 50%;
  margin-left: -3px;
  content: ' ';
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #920d62;
}
ul.popover-tabs--emotion li.is-happy,
ul.popover-tabs--emotion li.is-neutral,
ul.popover-tabs--emotion li.is-sad,
ul.popover-tabs--emotion li.is-angry {
  background: none;
}
ul.popover-tabs--emotion .is-selected a {
  background: inital;
  color: #fff;
}
ul.popover-tabs--emotion li a {
  padding-top: 0;
  padding-bottom: 0;
}
ul.popover-tabs--emotion i::before {
  font-size: 4.05rem;
}
.popout {
  background: #fff;
  position: relative;
  margin-left: 6px;
  margin-right: 6px;
  z-index: 0;
  box-shadow: 0 0 8px rgba(51, 62, 66, 0.3);
  display: none;
  opacity: 0;
  height: 0;
  transform: translateY(-20px) scale(0.95);
  transition: transform 100ms ease-out, opacity 100ms ease-out;
}
.popout::before {
  content: ' ';
  position: absolute;
  top: -0.53rem;
  left: 4.5rem;
  border-top: 0;
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
  border-bottom: 0.6rem solid #fff;
}
.popout > * {
  border-bottom: 1px solid #e9eaeb;
}
.popout > *:last-child {
  border-bottom: 0;
}
.popout.is-body-hidden.popout:not(.do-not-hide) .popout--body {
  display: none;
}
.popout.is-body-hidden.popout:not(.do-not-hide) .is-material {
  display: none;
}
.has-popout.is-open .popout {
  overflow: visible;
  display: block;
  opacity: 1;
  height: auto;
  margin-top: 8px;
  margin-bottom: 8px;
  transform: translateY(0) scale(1);
}
.has-popout .popout--toggle {
  cursor: pointer;
}
.popout--body {
  padding: 1.5rem;
}
.popout--body p:last-of-type {
  margin-bottom: 0;
}
.popout--body p.is-material-link {
  text-align: right;
}
.popout--actions {
  border-bottom: 0;
  position: relative;
  padding: 1.5rem;
  background: #e9eaeb;
}
.popout--actions::before,
.popout--actions::after {
  content: '';
  display: table;
}
.popout--actions::after {
  clear: both;
}
.popout--actions p {
  margin: 0;
}
.popout--actions strong {
  display: block;
}
.popout--actions a.button {
  float: right;
}
.popout--title {
  position: relative;
  padding: 1.5rem;
  background: #fff;
}
.popout--title::before,
.popout--title::after {
  content: '';
  display: table;
}
.popout--title::after {
  clear: both;
}
.popout--title p {
  margin: 0;
}
.popout--title strong {
  display: block;
}
.popout--title a.button {
  float: right;
}
.popout--files {
  padding: 1.5rem;
  clear: both;
}
.popout--files p {
  margin: 0;
}
.popout--files strong {
  margin-bottom: 0.5em;
  display: block;
}
.popout--options {
  text-align: right;
  list-style: none;
  margin: 0;
}
.popout--options li {
  display: inline-block;
}
.popout--options a {
  padding: 1.5rem;
  display: block;
}
.popout--options i {
  position: relative;
  top: 0.23rem;
}
.popout--materials {
  border-bottom: 3px solid #e9eaeb;
}
.popout--materials > * {
  border-bottom: 1px solid #e9eaeb;
}
.popout--aside {
  display: flex;
  flex-wrap: nowrap;
}
.popout--aside > * {
  flex: 1 1 auto;
}
.popout--emotion {
  flex: 0 0 auto;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 4px;
}
.popout--emotion i {
  display: flex;
  align-items: center;
  text-align: center;
  color: #fff;
  width: 100%;
}
.popout--emotion i::before {
  font-size: 4.5rem;
  background: #52656e;
  border-radius: 2px;
}
.figure--avatar {
  background-image: url('images/user-0c2ff1dbea2088ed144830f0035b16da.png');
  background-size: cover;
  background-position: 50% 50%;
  height: 4.5rem;
  width: 4.5rem;
  border-radius: 4px;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.25);
  float: left;
  margin-right: 1.125rem;
}
.files--wrapper strong {
  display: block;
  margin-bottom: 0.3em;
}
.files--wrapper > span {
  font-style: italic;
  color: #86949b;
}
ul.files {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
  -webkit-backface-visibility: hidden;
}
ul.files > li {
  flex: 0 0 auto;
  flex-grow: 0;
  display: inline-block;
  max-width: 100%;
  margin: 0 0.45rem 0.53rem 0;
}
ul.files > li.files--add a,
ul.files > li.files--add > span {
  padding: 0.23rem 0.75rem 0.23rem 2.25rem;
  background: none;
}
ul.files > li.files--add a i.flaticon::before,
ul.files > li.files--add > span i.flaticon::before {
  top: 0.53rem;
}
ul.files > li.files--warning {
  display: block;
  padding: 0;
  max-width: 100%;
}
ul.files > li.files--warning a,
ul.files > li.files--warning > span {
  margin: 0;
  background: none;
  color: #52656e;
  cursor: initial;
}
ul.files > li.files--warning a:hover,
ul.files > li.files--warning > span:hover {
  color: #404e54;
}
ul.files > li.files--late > a,
ul.files > li.files--late > span {
  color: #f85e53;
}
ul.files > li.files--late > a:hover,
ul.files > li.files--late > span:hover {
  color: #dc1709;
}
ul.files > li > a,
ul.files > li > span {
  max-width: 100%;
  display: inline-block;
  position: relative;
  padding: 0.23rem 0.75rem 0.23rem 3rem;
  border-radius: 4px;
  background: #e9eaeb;
  color: #404e54;
  font-weight: 400;
  cursor: pointer;
}
ul.files > li > a:hover,
ul.files > li > span:hover {
  color: #333e42;
}
ul.files > li > a > i.flaticon::before {
  position: absolute;
  top: 0.45rem;
  left: 0.53rem;
  display: block;
}
ul.files a > span,
ul.files span > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
}
ul.files span.loading-spinner {
  border-color: #404e54;
  border-width: 0.23rem;
  border-style: solid;
  border-right-color: transparent;
  border-radius: 100%;
  background-clip: padding-box;
  animation: loading 1s linear infinite,
		container 300ms ease;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000;
  position: absolute;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  top: 0.53rem;
  left: 0.75rem;
}
li.files--none {
  margin-left: -4px;
}
li.files--none a {
  font-weight: 600;
  color: #f85e53;
}
li.files--none span {
  padding-left: 0.23rem;
}
ul.files--submitted > li > a {
  display: flex;
  flex-wrap: nowrap;
}
ul.files--submitted > li > a span {
  flex: 1 1 auto;
  width: auto;
}
ul.files--submitted > li > a span.is-date {
  flex: 0 0 auto;
}
.files--upload {
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 100%;
  height: 0.3rem;
  background-color: #b31078;
  -webkit-transition: right 0.5s, opacity 1s;
  -moz-transition: right 0.5s, opacity 1s;
  transition: right 0.5s, opacity 1s;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.filter {
  background-image: linear-gradient(to bottom, #dee1e3, #d6dadc);
  text-transform: uppercase;
  font-weight: 600;
  text-align: right;
  font-size: 1.3rem;
  color: #52656e;
  padding: 4px 4px 3px;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 2.25rem;
}
.filter.is-open {
  display: block;
}
.filter.is-open .filter--items {
  position: relative;
  transform: translateY(0);
}
.filter + table {
  margin-top: -2.25rem;
}
.filter input[type='text'],
.filter input[type='number'],
.filter input[type='password'],
.filter input[type='search'],
.filter input[type='email'],
.filter input[type='tel'],
.filter input[type='url'],
.filter select {
  display: block;
  margin-bottom: 2px;
  padding: 0.23rem 0.75rem;
}
@media only screen and (min-width: 590px) {
  .filter input[type='text'],
  .filter input[type='number'],
  .filter input[type='password'],
  .filter input[type='search'],
  .filter input[type='email'],
  .filter input[type='tel'],
  .filter input[type='url'],
  .filter select {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0.23rem 0.75rem;
  }
}
.filter input[type='submit'],
.filter a.button,
.filter button {
  width: 100%;
  padding: 0.23rem 0.75rem;
  border-width: 1px;
  margin: 0;
  position: relative;
  top: -1px;
}
@media only screen and (min-width: 590px) {
  .filter input[type='submit'],
  .filter a.button,
  .filter button {
    width: auto;
  }
}
.filter label {
  cursor: pointer;
  margin-right: 0.75rem;
}
.filter.categories,
.filter.featured-items {
  display: flex;
}
.filter.categories [class^='filter--'],
.filter.featured-items [class^='filter--'] {
  display: flex;
  align-items: center;
  margin-left: 1.14583333rem;
}
.filter.categories .filter--search,
.filter.featured-items .filter--search {
  margin-left: auto;
}
.filter--items {
  position: absolute;
  width: 100%;
  transform: translateY(-110%);
}
@media only screen and (min-width: 590px) {
  .filter--items {
    position: relative;
    transform: translateY(0);
  }
}
.filter--toggle {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 590px) {
  .filter--toggle {
    display: none;
  }
}
.filter--toggle a {
  color: #52656e;
  display: inline-block;
}
.filter--toggle i.flaticon {
  position: relative;
  top: 2px;
  font-size: 1.5rem;
  margin-right: 0.75rem;
}
@media only screen and (min-width: 960px) {
  .filter--open-filter {
    display: none;
  }
}
div.time-filter {
  display: flex;
  flex: 0 0 auto;
  flex-grow: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  -ms-flex-pack: start;
  align-items: flex-start;
  -ms-flex-align: start;
  align-content: flex-start;
  -ms-flex-line-pack: start;
  position: relative;
  margin-right: 0;
  padding: 0;
  width: 100%;
  height: 3rem;
}
div.time-filter a {
  color: #52656e;
}
div.time-filter i::before {
  position: relative;
  top: 2px;
}
div.time-filter > div {
  display: flex;
  justify-content: space-between;
  -ms-flex-pack: justify;
  position: absolute;
  padding: 4px 1.5rem;
  width: 100%;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 960px) {
  div.time-filter > div {
    position: static;
    justify-content: flex-start;
    -ms-flex-pack: start;
  }
}
.time-filter--left {
  order: 1;
  flex: 0 1 auto;
}
.time-filter--left.is-invisible i.flaticon {
  color: transparent;
}
.time-filter--right {
  order: 3;
  align-self: flex-end;
  -ms-flex-item-align: end;
  flex: 0 1 auto;
}
@media only screen and (min-width: 960px) {
  .time-filter--right {
    order: 2;
    margin-right: 2.25rem;
    margin-left: 2px;
  }
}
.time-filter--right.is-invisible i.flaticon {
  color: transparent;
}
.time-filter--today {
  order: 2;
  flex: 1 1 auto;
  flex-grow: 1;
  text-align: center;
}
@media only screen and (min-width: 960px) {
  .time-filter--today {
    order: 3;
    text-align: left;
  }
}
.time-filter--today.is-invisible i.flaticon {
  color: transparent;
}
div.vertical-filter {
  display: none;
  position: fixed;
  top: 11.55rem;
  height: 100%;
  overflow-y: auto;
}
@media only screen and (min-width: 960px) {
  div.vertical-filter {
    display: block;
  }
}
div.vertical-filter ul {
  list-style: none;
  margin: 0 0 2.25rem;
}
div.vertical-filter li.active::before {
  background: #86949b;
}
div.vertical-filter li.active a {
  color: #333e42;
  background: #c3cace;
}
div.vertical-filter li {
  position: relative;
  padding-left: 4px;
  margin-bottom: 2px;
}
div.vertical-filter li::before {
  width: 3px;
  background: #c3cace;
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
div.vertical-filter a {
  text-transform: uppercase;
  color: #86949b;
  font-size: 1.3rem;
  font-weight: 600;
  display: block;
  padding: 0.53rem 1.13rem;
  word-break: break-all;
}
div.vertical-filter a:hover {
  color: #404e54;
}
div.vertical-filter i {
  position: relative;
  top: 2px;
  margin-right: 2px;
}
.vertical-filter--anchor {
  position: absolute;
  top: -11.55rem;
  width: 1px;
  height: 0;
}
.filter + div .vertical-filter {
  top: 15.3rem;
}
section.content-wrapper {
  flex: 1 1 100%;
  transition: margin-top 1s;
  width: 100%;
  height: calc(100% - 6rem);
}
div.content {
  padding: 1.125rem;
}
div.content::before,
div.content::after {
  content: '';
  display: table;
}
div.content::after {
  clear: both;
}
@media only screen and (min-width: 960px) {
  div.content {
    padding: 2.25rem;
  }
}
div.content.has-no-padding {
  padding: 0;
}
.content--part {
  padding: 1.125rem 0;
}
.content--part:first-of-type {
  padding-top: 0;
}
.content--part:last-of-type {
  padding-bottom: 0;
}
@media only screen and (min-width: 960px) {
  .content--part {
    padding: 2.25rem 0;
  }
  .content--part:first-of-type {
    padding-top: 0;
  }
  .content--part:last-of-type {
    padding-bottom: 0;
  }
}
.has-horizontal-scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}
.content--header {
  position: relative;
  padding: 0.5625rem 1.125rem;
  background-image: linear-gradient(to bottom, #dee1e3, #d6dadc);
  box-shadow: inset 0 -1px 2px #c3cace, 0 1px rgba(255, 255, 255, 0.5);
  margin-bottom: 1.125rem;
}
@media only screen and (min-width: 960px) {
  .content--header {
    display: flex;
    align-items: center;
    padding: 1.125rem 2.25rem;
  }
}
.content--header h1 {
  font-size: 2.4rem;
  font-weight: 600;
  margin: 0 0.38rem 0 0;
  display: inline-block;
}
.content--header small {
  display: inline-block;
  color: #86949b;
}
@media only screen and (min-width: 960px) {
  .content--header div {
    flex: 1 1 auto;
  }
}
@media only screen and (min-width: 960px) {
  div.content--header-meta {
    margin-left: 2.25rem;
    text-align: right;
    flex: 0 1 auto;
    align-self: flex-end;
    -ms-flex-item-align: end;
  }
}
div.content--header-meta small {
  position: relative;
}
@media only screen and (min-width: 960px) {
  div.content--header-meta small {
    display: block;
  }
}
h2.content--title {
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
  font-size: 1.3rem;
  color: #52656e;
  position: relative;
  backface-visibility: hidden;
  text-align: right;
}
h2.content--title span {
  color: #86949b;
}
div.content--buttons {
  position: relative;
  top: -1px;
  padding: 1.13rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #d6dadc;
}
div.content--buttons::before,
div.content--buttons::after {
  content: '';
  display: table;
}
div.content--buttons::after {
  clear: both;
}
@media only screen and (min-width: 1024px) {
  div.content--buttons {
    padding: 2.25rem;
  }
}
div.content--buttons small {
  color: #52656e;
  display: block;
  margin-bottom: 0.75rem;
  margin-left: 0.38rem;
}
@media only screen and (min-width: 590px) {
  div.content--buttons small {
    display: inline-block;
    padding-top: 0.75rem;
    float: left;
  }
}
div.content--buttons .button,
div.content--buttons .button-detail,
div.content--buttons .button-soft,
div.content--buttons .button-action,
div.content--buttons input[type='submit'],
div.content--buttons button {
  text-align: center;
  margin-bottom: 0.38rem;
  display: inline-block;
  float: right;
  margin-left: 0.38rem;
}
div.content--buttons .button.button-soft,
div.content--buttons .button-detail.button-soft,
div.content--buttons .button-soft.button-soft,
div.content--buttons .button-action.button-soft,
div.content--buttons input[type='submit'].button-soft,
div.content--buttons button.button-soft {
  float: left;
}
div.content--footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 960px) {
  div.content--footer {
    left: 24rem;
  }
}
nav.navigation {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  -ms-flex-pack: start;
  align-items: flex-start;
  -ms-flex-align: start;
  align-content: flex-start;
  -ms-flex-line-pack: start;
  background: #333e42;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  color: #fff;
  font-weight: 400;
  z-index: 500;
  width: 24rem;
  -webkit-font-smoothing: antialiased;
  transition: transform 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateX(-24rem);
}
nav.navigation .user-info {
  display: flex;
  width: 100%;
  height: 4.65rem;
  padding: 0 1.5rem;
  z-index: 500;
}
nav.navigation .user-info i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
nav.navigation .user-info i span {
  font-style: normal;
  font-weight: 600;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 960px) {
  nav.navigation {
    position: fixed;
    height: 100%;
    transition: none;
    transform: translateX(0);
    z-index: 100;
    order: 1;
  }
}
nav.navigation::after {
  display: block;
  content: ' ';
  position: absolute;
  z-index: 8;
  inset: 0;
  width: 24rem;
  background-color: rgba(27, 34, 36, 0.95);
}
body.is-locked {
  overflow: hidden;
  position: fixed;
  transform: translateX(24rem);
  -webkit-backface-visibility: hidden;
}
@media only screen and (min-width: 960px) {
  body.is-locked {
    overflow: visible;
    position: static;
    -webkit-transition: none;
    transition: none;
    transform: none;
  }
}
.navigation-header {
  flex: 0 0 auto;
  position: relative;
  z-index: 9;
  height: 9rem;
  padding-left: 1.5rem;
  padding-top: 1.5rem;
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .navigation-header {
    width: 24rem;
  }
}
i.navigation-header--close-navigation {
  display: none;
}
.navigation-header--logo {
  height: 3.75rem;
}
.navigation-header--logo img {
  display: block;
  height: 7.5rem;
}
.navigation-items {
  flex: 1 1 100%;
  padding-left: 1.5rem;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  z-index: 9;
  overflow: hidden auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 960px) {
  .navigation-items {
    width: 24rem;
  }
}
ul.navigation-items--main {
  list-style: none;
  margin-left: 0;
}
ul.navigation-items--main i.flaticon::before {
  position: absolute;
  top: 1.2rem;
  left: 0.75rem;
  margin-right: 1.13rem;
  color: rgba(255, 255, 255, 0.3);
  transition: color 100ms;
}
ul.navigation-items--main > li > a,
ul.navigation-items--main > li > span.noLink {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  display: block;
  padding: 0.75rem 0.98rem 0.68rem 3.75rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
}
ul.navigation-items--main > li > a:hover i.flaticon::before,
ul.navigation-items--main > li > span.noLink:hover i.flaticon::before {
  color: rgba(255, 255, 255, 0.6);
}
ul.navigation-items--main > li > a:active,
ul.navigation-items--main > li > span.noLink:active {
  background: rgba(51, 62, 66, 0.5);
  border-radius: 2px;
}
ul.navigation-items--main > li > a.active {
  color: #b31078;
}
ul.navigation-items--main > li > a.active i.flaticon::before {
  color: #b31078;
}
ul.navigation-items--main li.has-notice a {
  position: relative;
  padding-right: 3.75rem;
}
ul.navigation-items--main li.has-notice a::after {
  content: ' ';
  display: block;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  background: #f85e53;
  border-radius: 50%;
}
ul.navigation-items--sub {
  list-style: none;
  margin: 0 0 1.13rem 2.78rem;
}
ul.navigation-items--sub a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  display: block;
  padding: 0.6rem 0.98rem 0.53rem 3rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  transition: color 50ms;
}
ul.navigation-items--sub a:hover {
  color: #fff;
}
ul.navigation-items--sub a:active {
  background: rgba(51, 62, 66, 0.5);
  border-radius: 2px;
}
ul.navigation-items--sub li:hover i.flaticon::before {
  color: rgba(255, 255, 255, 0.6);
}
ul.navigation-items--sub > li > a.active {
  color: #b31078;
  font-weight: 700;
}
ul.navigation-items--sub > li > a.active i.flaticon::before {
  color: #b31078;
}
.navigation-footer {
  flex: 0 0 auto;
  align-self: flex-end;
  -ms-flex-item-align: end;
  z-index: 9;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .navigation-footer {
    width: 24rem;
  }
}
.navigation-footer ul {
  list-style: none;
  margin: 0;
  background: rgba(0, 0, 0, 0.2);
}
.navigation-footer ul::before,
.navigation-footer ul::after {
  content: '';
  display: table;
}
.navigation-footer ul::after {
  clear: both;
}
.navigation-footer li {
  cursor: pointer;
  text-align: center;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}
.navigation-footer a {
  display: block;
  padding: 1.13rem;
  color: rgba(255, 255, 255, 0.3);
}
.navigation-footer a:active {
  background: rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 960px) {
  .navigation-footer a:hover {
    color: rgba(255, 255, 255, 0.6);
  }
}
.navigation-footer a.is-selected {
  color: #21c19a;
  font-weight: 700;
}
header.header {
  flex: 0 0 auto;
  z-index: 50;
  height: 5rem;
}
@media only screen and (min-width: 960px) {
  header.header > div:only-of-type {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    position: relative;
  }
}
.header-toolbar {
  display: flex;
  flex-wrap: nowrap;
  background: #920d62;
  color: #fff;
  height: 4.65rem;
  font-weight: 600;
  position: relative;
  /* stylelint-disable-next-line no-duplicate-selectors */
}
.header-toolbar h1 {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  font-weight: 600;
  margin: 0;
  line-height: 4.65rem;
  font-size: 1.5rem;
  padding: 0 6rem 0 5.25rem;
}
@media only screen and (min-width: 960px) {
  .header-toolbar h1 {
    justify-content: flex-start;
    -ms-flex-pack: start;
    text-align: left;
    padding-left: 1.125rem;
  }
}
.header-toolbar h1 > * {
  flex: 0 0 auto;
}
.header-toolbar h1 > a {
  display: flex;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 960px) {
  .header-toolbar h1 > a {
    max-width: auto;
  }
}
.header-toolbar h1 span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header-toolbar h1 span.is-fixed {
  display: none;
}
.header-toolbar h1 span.is-fixed + span.is-dynamic {
  margin-left: 4px;
}
@media only screen and (min-width: 960px) {
  .header-toolbar h1 span.is-fixed {
    display: inline;
  }
}
.header-toolbar h1 span.is-single {
  display: inline;
}
.header-toolbar h1 span.is-lastcrumb {
  flex: 0 1 auto;
}
.header-toolbar h1 > i.flaticon {
  position: relative;
  top: 1px;
  margin-left: 0.38rem;
  margin-right: 0.38rem;
  display: none;
}
.header-toolbar h1 > i.flaticon:last-of-type {
  display: inline;
}
.header-toolbar h1 > i.flaticon:only-of-type {
  display: none;
}
@media only screen and (min-width: 960px) {
  .header-toolbar h1 > i.flaticon:only-of-type {
    display: inline;
  }
}
@media only screen and (min-width: 960px) {
  .header-toolbar h1 > i.flaticon {
    display: inline;
  }
}
.header-toolbar h1 > a {
  color: rgba(255, 255, 255, 0.7);
}
.header-toolbar h1 > a:hover {
  color: #fff;
}
.header-toolbar h1 > a:only-of-type span {
  display: inline;
}
.header-toolbar h1 > a:first-of-type span {
  display: none;
}
.header-toolbar h1 > a:first-of-type + i {
  display: none;
}
@media only screen and (min-width: 960px) {
  .header-toolbar h1 > a:first-of-type span {
    display: inline;
  }
  .header-toolbar h1 > a:first-of-type + i {
    display: inline;
  }
}
.header-toolbar .header-toolbar--open-navigation {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  padding: 1.5rem 1.5rem 1.5rem 1.2rem;
  line-height: 1;
}
@media only screen and (min-width: 960px) {
  .header-toolbar .header-toolbar--open-navigation {
    display: none;
  }
}
.header-toolbar .header-toolbar--action {
  background: #920d62;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  line-height: 4.65rem;
  padding-right: 1.125rem;
  padding-left: 0.6rem;
  color: #fff;
}
.header-toolbar .header-toolbar--action:hover {
  color: rgba(255, 255, 255, 0.7);
}
.header-toolbar .header-toolbar--action i.flaticon {
  margin-left: 0.75rem;
  position: relative;
  top: 0.08rem;
}
.header-toolbar .header-toolbar--action span {
  display: none;
}
@media only screen and (min-width: 960px) {
  .header-toolbar .header-toolbar--action span {
    display: inline-block;
    min-width: 13.5rem;
    text-align: right;
  }
}
@media only screen and (min-width: 960px) {
  .tabs-none .header-toolbar {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  }
}
@media print {
  * {
    background: transparent !important;
    color: black;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: ' (' attr(href) ')';
  }
  abbr[title]::after {
    content: ' (' attr(title) ')';
  }
  .ir a::after,
  a[href^='javascript:']::after,
  a[href^='#']::after {
    content: '';
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr,
  img {
    break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 2cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    break-after: avoid;
  }
}
svg {
  display: block;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
b {
  font-weight: bold;
}
i {
  font-style: italic;
}
.flex {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
}
.flex.column {
  flex-direction: column;
}
.flex.end {
  justify-content: flex-end;
}
.flex.start {
  justify-content: flex-start;
}
.flex.flex-center {
  justify-content: center;
}
.flex.between {
  justify-content: space-between;
}
.flex.around {
  justify-content: space-around;
}
.flex.cross-start {
  align-items: flex-start;
}
.flex.cross-end {
  align-items: flex-end;
}
.flex.stretch {
  align-items: stretch;
}
.flex.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.flex.wrap {
  flex-wrap: wrap;
}
.flex.grow {
  flex: 1;
}
.flex .flex-half,
.flex .flex-third,
.flex .flex-two-third,
.flex .flex-quarter,
.flex .flex-sixth {
  box-sizing: border-box;
}
.flex .flex-half {
  width: 50%;
}
.flex .flex-third {
  width: 33.33%;
}
.flex .flex-two-third {
  width: 66.66%;
}
.flex .flex-quarter {
  width: 25%;
}
.flex .flex-three-quarter {
  width: 75%;
}
.flex .flex-five-sixth {
  width: 83.33%;
}
.flex .flex-fifth {
  width: 20%;
}
.flex .flex-sixth {
  width: 16.66%;
}
.flex .flex-80 {
  width: 80%;
}
.flex .flex-70 {
  width: 70%;
}
.flex .flex-60 {
  width: 60%;
}
.flex .flex-50 {
  width: 50%;
}
.flex .flex-40 {
  width: 40%;
}
.flex .flex-30 {
  width: 30%;
}
.flex .flex-20 {
  width: 20%;
}
.flex .flex-10 {
  width: 10%;
}
.flex .flex-remaining-space {
  flex-grow: 1;
}
.full {
  width: 100%;
  height: 100%;
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 21000;
  width: 100%;
  height: 100%;
}
.max-width {
  width: 100%;
}
.max-height {
  height: 100%;
}
.auto-margin {
  margin: auto;
}
.limit-width-1400 {
  max-width: 1400px;
}
.limit-heigth-86 {
  max-height: 86%;
}
.limit-heigth-84 {
  max-height: 84%;
}
.padding-1 {
  padding: 1.5rem;
}
.padding-2 {
  padding: 3rem;
}
.padding-3 {
  padding: 4.5rem;
}
.padding-5 {
  padding: 7.5rem;
}
.margin-1 {
  margin: 1.5rem;
}
.margin-2 {
  margin: 3rem;
}
.margin-3 {
  margin: 4.5rem;
}
.margin-5 {
  margin: 7.5rem;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.no-margin {
  margin: 0 !important;
}
.loginScreen {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  background: #710a4c;
  background-image: url('images/logo-382330b8d2b41f51057f185cf6e89a74.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.loginScreen.column {
  flex-direction: column;
}
.loginScreen.end {
  justify-content: flex-end;
}
.loginScreen.start {
  justify-content: flex-start;
}
.loginScreen.flex-center {
  justify-content: center;
}
.loginScreen.between {
  justify-content: space-between;
}
.loginScreen.around {
  justify-content: space-around;
}
.loginScreen.cross-start {
  align-items: flex-start;
}
.loginScreen.cross-end {
  align-items: flex-end;
}
.loginScreen.stretch {
  align-items: stretch;
}
.loginScreen.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.loginScreen.wrap {
  flex-wrap: wrap;
}
.loginScreen.grow {
  flex: 1;
}
.loginScreen .flex-half,
.loginScreen .flex-third,
.loginScreen .flex-two-third,
.loginScreen .flex-quarter,
.loginScreen .flex-sixth {
  box-sizing: border-box;
}
.loginScreen .flex-half {
  width: 50%;
}
.loginScreen .flex-third {
  width: 33.33%;
}
.loginScreen .flex-two-third {
  width: 66.66%;
}
.loginScreen .flex-quarter {
  width: 25%;
}
.loginScreen .flex-three-quarter {
  width: 75%;
}
.loginScreen .flex-five-sixth {
  width: 83.33%;
}
.loginScreen .flex-fifth {
  width: 20%;
}
.loginScreen .flex-sixth {
  width: 16.66%;
}
.loginScreen .flex-80 {
  width: 80%;
}
.loginScreen .flex-70 {
  width: 70%;
}
.loginScreen .flex-60 {
  width: 60%;
}
.loginScreen .flex-50 {
  width: 50%;
}
.loginScreen .flex-40 {
  width: 40%;
}
.loginScreen .flex-30 {
  width: 30%;
}
.loginScreen .flex-20 {
  width: 20%;
}
.loginScreen .flex-10 {
  width: 10%;
}
.loginScreen .flex-remaining-space {
  flex-grow: 1;
}
.loginScreen .panel {
  background-color: #1b2224;
  display: flex;
  flex-direction: column;
}
.loginScreen .login {
  z-index: 10;
  border: 1px solid #c3cace;
  opacity: 0.95;
  height: 21rem;
  width: 37.5rem;
}
.loginScreen .login h1 {
  color: #920d62;
}
.loginScreen .login input {
  margin-bottom: 1.5rem;
}
.loginScreen::after {
  display: block;
  content: ' ';
  position: absolute;
  z-index: 8;
  inset: 0;
  background-color: rgba(27, 34, 36, 0.7);
}
.nav-breadcrumb {
  padding-left: 3rem;
  text-transform: uppercase;
}
.nav-breadcrumb .breadcrumb-link {
  color: #00a8ff;
  font-weight: bold;
}
.nav-breadcrumb .breadcrumb-link.no-link {
  color: #000;
  cursor: default;
}
.nav-breadcrumb i {
  padding: 0 0.3rem;
}
.item-lijst {
  position: relative;
  height: 100%;
  font-size: 1.5rem;
  transition: all 0.5s;
  user-select: none;
}
.item-lijst .item-filter {
  position: relative;
  height: 3.75rem;
  margin: 1.5rem;
}
.item-lijst .item-filter a {
  opacity: 1;
  transition: all 0.5s;
}
.item-lijst .item-filter input {
  opacity: 1;
  transition: all 0.5s;
}
.item-lijst .item-filter i {
  position: absolute;
  top: 25%;
  right: 3rem;
}
.item-lijst .item-filter i.fa {
  top: -0.5rem;
  right: -0.5rem;
}
.item-lijst .list-item .flaticon.menu-2 {
  cursor: ns-resize;
}
.item-lijst .swap-item-selection {
  position: absolute;
  z-index: 100;
  top: 0;
  background: #ccc;
  padding: 2rem;
  text-align: left;
  width: 28rem;
  border: 1px solid black;
  margin: 0 1rem;
}
.item-lijst .swap-item-selection a {
  margin-top: 1rem;
}
.fixed-width .item-lijst {
  width: 30rem;
}
.item-lijst.hidden {
  width: 3rem;
}
.item-lijst.hidden .list-items {
  opacity: 0;
}
.item-lijst.hidden .item-filter a {
  opacity: 0;
}
.item-lijst.hidden input {
  opacity: 0;
}
.list-items {
  height: calc(100% - 6.75rem);
  overflow: auto;
  font-size: 1.5rem;
  opacity: 1;
  transition: all 0.5s;
}
.list-items.less-height {
  height: calc(100% - 12rem);
}
.list-items .list-item {
  text-align: left;
  position: relative;
  min-height: 4.5rem;
  height: auto;
  padding-left: 3rem;
  cursor: pointer;
}
.list-items .list-item i {
  position: absolute;
  color: #00a8ff;
  display: none;
  top: 1.05rem;
  padding: 0 0.75rem;
}
.list-items .list-item i:hover {
  display: block;
  color: #000;
}
.list-items .list-item i.flaticon.menu-2 {
  right: 3rem;
}
.list-items .list-item i.flaticon.eye-2 {
  right: 6rem;
}
.list-items .sortable-item {
  height: auto;
  transition: all 0.125s;
}
.list-items .list-item-hover {
  background-color: #ededed;
}
.list-items .list-item-hover i {
  display: block;
}
.list-items .list-item.selected {
  background-color: #d6dadc;
}
.list-items .list-item.selected:hover {
  background-color: #d6dadc !important;
}
.list-items .list-item:hover {
  background-color: #ededed;
}
.list-items .list-item:hover i {
  display: block;
}
.list-items .is-dragging {
  background-color: #ededed;
  transition-duration: 0s;
}
.list-items .is-dragging i {
  display: block;
}
.typeahead {
  width: 45rem;
}
.typeahead.small {
  width: 37.5rem;
}
.typeahead.small > div {
  position: absolute;
  width: 37.5rem;
  background-color: white;
}
.typeahead.small > div span {
  cursor: pointer;
}
.typeahead.small > div span:hover {
  background-color: #1ca382;
}
.typeahead .typeahead-item {
  background-color: #fafafa;
  border-bottom: #ededed 1px solid;
  padding: 0.75rem;
  text-align: left;
  cursor: pointer;
}
.typeahead .typeahead-item.selected,
.typeahead .typeahead-item:hover {
  background-color: #ededed;
}
.component-unicorn-textarea {
  margin-bottom: 1.13rem;
}
.component-unicorn-textarea textarea {
  margin: 0 !important;
  box-shadow: none;
  resize: none;
}
.component-unicorn-textarea textarea:focus {
  border: 1px solid #c3cace;
}
.component-unicorn-textarea .textarea-div {
  position: relative;
  width: 100%;
}
.component-unicorn-textarea .preview {
  border: 1px solid #c3cace;
  background-color: #fff;
  text-align: left;
  padding: 0.75rem;
  height: 12.9rem;
  overflow: auto;
  width: 100%;
}
.component-unicorn-textarea .preview-div {
  position: absolute;
  right: 1.5rem;
}
.component-unicorn-textarea .preview-div .preview-eye {
  color: #c3cace;
}
.component-unicorn-textarea .preview-div .preview-eye.active {
  color: #00a8ff;
}
.styling-button {
  background-color: #e9eaeb;
  border: 1px solid #c3cace;
  text-align: center;
  margin: 0.15rem 0.15rem 0.15rem 0.75rem;
  width: 3rem;
  height: 3rem;
}
.styling-button.disabled {
  cursor: inherit;
}
.highlight {
  color: #00a8ff;
  font-weight: bold;
}
.helper-unicorn-textarea-component .icon-selection,
.helper-unicorn-textarea-component .color-selection,
.helper-unicorn-textarea-component .template-selection {
  position: absolute;
  box-shadow: 0 0 2px #000;
  background-color: #e9e9e9;
  border-radius: 1rem;
  width: 15rem;
  top: 3rem;
  right: 1rem;
  padding: 0.5rem;
  z-index: 1;
}
.helper-unicorn-textarea-component .icon-selection .icon-select,
.helper-unicorn-textarea-component .color-selection .icon-select,
.helper-unicorn-textarea-component .template-selection .icon-select,
.helper-unicorn-textarea-component .icon-selection .color-select,
.helper-unicorn-textarea-component .color-selection .color-select,
.helper-unicorn-textarea-component .template-selection .color-select {
  width: 3rem;
  height: 3rem;
  border: 1px solid #c0c0c0;
  margin: 0.5rem;
}
.helper-unicorn-textarea-component .icon-selection .icon-select.alternating-color,
.helper-unicorn-textarea-component .color-selection .icon-select.alternating-color,
.helper-unicorn-textarea-component .template-selection .icon-select.alternating-color,
.helper-unicorn-textarea-component .icon-selection .color-select.alternating-color,
.helper-unicorn-textarea-component .color-selection .color-select.alternating-color,
.helper-unicorn-textarea-component .template-selection .color-select.alternating-color {
  background-color: currentColor;
}
.helper-unicorn-textarea-component .template-selection {
  width: 20rem;
}
.helper-unicorn-textarea-component .resize textarea {
  resize: vertical;
}
.helper-unicorn-textarea-component .full-screen {
  position: absolute;
  background-color: #fafafa;
  left: 0;
  right: 0;
  z-index: 10;
  top: 0;
  height: 100%;
}
.helper-unicorn-textarea-component .full-screen textarea {
  height: 30rem !important;
}
.helper-unicorn-textarea-component .button-container {
  max-height: 13.2rem;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
.helper-unicorn-textarea-component .button-container.columns-1 {
  width: 3.3rem;
}
.helper-unicorn-textarea-component .button-container.columns-2 {
  width: 6.6rem;
}
.helper-unicorn-textarea-component .button-container.columns-3 {
  width: 9.9rem;
}
.helper-unicorn-textarea-component .button-container .styling-button {
  margin-left: 0.15rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.helper-unicorn-textarea-component .screenshots-button {
  cursor: pointer;
  margin: 2rem 0.15rem 0.15rem 0.75rem;
  padding: 0.25rem;
  background-color: #e9eaeb;
  border: 1px solid #c3cace;
  text-align: center;
}
.helper-unicorn-textarea-component .screenshotWrapper {
  display: grid;
  grid-template-rows: repeat(2, auto);
  gap: 10px;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
}
.helper-unicorn-textarea-component .screenshotWrapper .screenshot {
  background: lightslategray;
  width: 40rem;
  height: 26rem;
  padding: 1rem;
  text-align: right;
  color: white;
}
.helper-unicorn-textarea-component .screenshotWrapper .screenshot img {
  width: 100%;
  cursor: zoom-in;
}
.helper-unicorn-textarea-component .fullScreenScreenshot {
  background: lightslategray;
  padding: 1rem;
}
.helper-unicorn-textarea-component .fullScreenScreenshot img {
  width: 100%;
  cursor: zoom-out;
}
.mdx-textarea-component .insert-template-button {
  cursor: pointer;
  margin: 1rem;
  padding: 0.25rem;
  background-color: #e9eaeb;
  border: 1px solid #c3cace;
  text-align: center;
}
.component-clock-input .clock-input {
  width: 3.45rem;
  min-width: 3.45rem;
  height: 3rem;
  display: inline;
}
.component-clock-input .clock-input-example {
  font-style: italic;
}
.tenant-switcher {
  padding-top: 1rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.delete-difficulties-modal {
  width: 53.33333333rem;
}
.delete-difficulties-modal input {
  width: 25rem;
  margin-left: 1rem;
}
.edit__media-library .edit-meta-data__category-selection {
  margin: 0.75rem 0;
}
.edit__media-library .responsive-image.media-thumbnail {
  height: 20rem;
  margin: 1rem 0;
}
.edit__media-library .responsive-image.media-thumbnail img {
  margin: 0;
}
.dropzone {
  padding: 0;
}
.dropzone .dz-preview {
  margin: 10px;
}
.media-filter .alt-filters {
  margin-top: 1.5rem;
}
.media-filter .alt-filters fieldset {
  width: 488px;
  display: flex;
  flex-wrap: wrap;
}
.media-filter .alt-filters fieldset div[class$='--filter'] {
  flex-basis: 100%;
}
.media-filter .alt-filters fieldset div[class$='--filter']:nth-of-type(2) {
  margin: 5px 0;
}
.media-filter .alt-filters label {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.1rem;
  color: #52656e;
  padding: 4px 4px 3px;
}
div.loading {
  width: 100%;
  display: flex;
  justify-content: center;
}
.media-page table.table {
  table-layout: fixed;
}
.media-page table.table th,
.media-page table.table td {
  width: unset;
}
.media-page table.table .dimensions {
  width: 150px;
}
.media-page table.table .media,
.media-page table.table .name,
.media-page table.table .tag-list {
  width: 200px;
}
.media-page table.table .add-tags {
  width: 300px;
}
.media-page table.table .is-public,
.media-page table.table .replace,
.media-page table.table .source,
.media-page table.table .delete {
  width: 75px;
}
.media-page table.table td.media {
  padding: 0;
  /* hack to fill the td height */
  height: 1px;
}
.media-page table.table td.dimensions div.wrapper {
  display: flex;
  align-items: center;
}
.media-page table.table td.dimensions div.wrapper .input-wrapper input {
  margin: 0.75rem 0;
}
.media-page table.table td.dimensions div.wrapper .input-wrapper span {
  display: block;
}
.media-page table.table td.dimensions div.wrapper .button-wrapper {
  display: flex;
}
.media-page table.table td.dimensions div.wrapper .add-dimensions {
  margin-left: 0.75rem;
}
.media-page table.table td.is-public div.wrapper {
  display: flex;
  align-items: center;
}
.responsive-image .preview-container {
  pointer-events: none;
  position: fixed;
  opacity: 0.8;
  top: 0;
  left: 0;
  height: 100vh;
}
.responsive-image .hover-preview {
  background-color: #fff;
  border-radius: 2rem;
  border: 1px solid #333;
  width: 35rem;
  max-height: 100vh;
}
.is-public .available-for-teachers-checkbox {
  width: 3rem;
  height: 3rem;
}
.is-public .status {
  height: 1.8rem;
  width: 1.8rem;
  border-radius: 10rem;
  display: inline-block;
}
.is-public .status.available {
  background: green;
}
.is-public .status.pending {
  background: orange;
}
.is-public .status.not-available {
  background: red;
}
.responsive-image-preview {
  position: fixed;
  top: 430px;
  left: 400px;
  background-color: white;
  padding: 20px;
  box-shadow: -1px 2px 10px 4px rgba(50, 50, 50, 0.75);
  z-index: 1;
}
.responsive-image-preview div {
  width: 100%;
  text-align: center;
}
.responsive-image-preview .rectangle {
  padding: 25px;
  float: left;
  width: 100px;
  height: 200px;
}
.responsive-image-preview .rectangle-wide {
  padding: 25px;
  float: left;
  width: 200px;
  height: 100px;
}
.responsive-image-preview .square {
  padding: 25px;
  float: left;
  width: 200px;
  height: 200px;
}
.responsive-image.media-thumbnail,
.media-preview-thumbnail {
  height: 11.1rem;
  margin: 10px;
}
.responsive-image.media-thumbnail.small,
.media-preview-thumbnail.small {
  width: 50px;
  height: 50px;
}
.responsive-image.media-thumbnail.medium,
.media-preview-thumbnail.medium {
  width: 90px;
  height: 90px;
}
.media-grid {
  min-width: 800px;
  max-width: 800px;
  min-height: 700px;
  max-height: 700px;
  overflow: auto;
}
.media-grid .image-wrapper {
  width: 70px;
  height: 70px;
  margin: 2px;
}
.media-grid .image-wrapper .responsive-image img {
  margin: 5px;
}
.media-grid .image-wrapper .responsive-image img.border,
.media-grid .image-wrapper .responsive-image img:hover {
  border: 2px solid #00a8ff;
}
.media-grid .image-wrapper .responsive-image img.border.red:hover {
  border: 2px solid #f85e53;
}
.media-grid .document-wrapper {
  width: 33%;
  text-align: left;
  min-height: 4.5rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.media-grid .document-wrapper:hover {
  background-color: #ededed;
}
.media-grid .document-wrapper i {
  padding-right: 1rem;
}
.pagination div {
  padding: 0.75rem;
}
.pagination .active a {
  color: #000;
  font-weight: bold;
}
.tag-search {
  margin: 0.75rem 0;
}
section.media-filter {
  padding: 1.5rem;
}
section.media-filter .fieldsets {
  display: flex;
}
section.media-filter .typeahead,
section.media-filter ul {
  display: inline-block;
  margin-right: 1rem;
}
section.media-filter .typeahead.small > div,
section.media-filter ul.small > div {
  z-index: 1;
}
section.media-filter .media-filter-no-tags {
  display: inline-block;
  height: 2rem;
  margin-right: 1rem;
  padding-bottom: 0.7rem;
}
section.media-filter .label.tag {
  display: inline-block;
  float: none;
}
section.media-filter fieldset {
  border: 1px solid #c3cace;
  display: inline-block;
  padding: 0.5rem;
  margin-right: 1rem;
}
section.media-filter fieldset legend {
  font-size: 1.1rem;
  font-weight: normal;
}
section.media-filter fieldset ul {
  margin: 0;
}
section.media-filter table.media-current-info {
  margin: 0;
}
section.media-filter table.media-current-info .media-current-tags {
  width: 100%;
}
section.media-filter table.media-current-info .media-current-tags div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 0;
  min-width: 100%;
}
.modal-component section.media-filter {
  padding: 0;
  width: 100%;
}
.modal-component section.media-filter .fieldsets {
  align-items: left;
  text-align: left;
  flex-direction: column;
  width: 100%;
}
.modal-component section.media-filter .fieldsets .typeahead div {
  text-align: left;
}
div.name-wrapper {
  display: flex;
  align-items: center;
}
div.name-wrapper input {
  margin-right: 0.5rem;
}
i {
  cursor: pointer;
  margin: 0 0.5rem;
}
i.checkmark-2 {
  color: green;
}
i.x-2 {
  color: red;
}
.typeahead.small {
  position: relative;
}
.typeahead.small > div {
  z-index: 1;
}
.media-library .filter.categories {
  margin-bottom: 0;
}
.media-library table {
  table-layout: fixed;
}
.media-library table thead tr th.w5 {
  width: 5%;
}
.media-library table thead tr th.w10 {
  width: 10%;
}
.media-library table thead tr th.auto {
  width: auto;
}
.media-library table tbody tr {
  height: 95px;
}
.date,
.time {
  padding-bottom: 0.75rem;
}
.date input,
.time input {
  display: inline-block;
  min-width: 1.5rem;
  width: 6rem;
}
.grade-groups {
  height: 3rem;
}
.grade-groups span {
  vertical-align: super;
}
main.meta-data {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
main.meta-data section {
  max-width: 90rem;
}
main.meta-data .search-fields {
  width: 100%;
}
main.meta-data .search-fields .search-type {
  font-size: 2rem;
  cursor: pointer;
}
main.meta-data .search-fields .content-type {
  padding: 1rem 0;
}
main.meta-data .search-results__table {
  width: 100%;
}
main.meta-data .search-results__table tr {
  cursor: pointer;
}
.content-meta-data .delete-button {
  color: #404e54;
  background: none;
  border: none;
}
.leerlijnen .color-link-blue {
  color: #00a8ff;
}
.leerlijnen .color-link-grey {
  color: #c3cace;
}
.leerlijnen .breadcrumb {
  position: absolute;
  background-color: #fafafa;
  border-bottom: #ededed 2px solid;
  height: 4.5rem;
}
.leerlijnen .list {
  border-right: #ededed 2px solid;
  overflow: hidden;
}
.leerlijnen .item-details {
  background-color: #fafafa;
}
.leerlijnen .item-details .delete-warning {
  color: red;
  margin-top: 1.5rem;
}
.leerlijnen .item-details > .ember-view {
  width: 100%;
}
.leerlijnen .error {
  color: red;
  margin-top: 1.5rem;
}
.leerlijnen .materials-wraper {
  max-height: 25rem;
}
.leerlijnen .details {
  position: relative;
  text-align: left;
  padding: 3rem;
  height: 100%;
  overflow: auto;
}
.leerlijnen .details .panel.generate-exercises {
  width: 67.5rem;
}
.leerlijnen .details .full-width {
  width: 100%;
  padding-right: 3rem;
  text-align: left;
}
.leerlijnen .details h1 {
  font-weight: bold;
}
.leerlijnen .details p {
  margin-bottom: 4.5rem;
  word-break: break-word;
}
.leerlijnen .details textarea {
  margin-bottom: 1.13rem;
  height: auto;
}
.leerlijnen .details table {
  margin-bottom: 2rem;
}
.leerlijnen .details .edit {
  margin-left: 1rem;
}
.leerlijnen .details .uppercase {
  text-transform: uppercase;
}
.leerlijnen .details .top-right {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.leerlijnen .details .exercise-link {
  right: 20rem;
}
.leerlijnen .details .metadata-link {
  top: 6rem;
}
.leerlijnen .details .lesson-buttons {
  border-top: 2px solid #e9eaeb;
  border-bottom: 2px solid #e9eaeb;
  padding: 1rem;
}
.leerlijnen .details .lesson-buttons a {
  margin-right: 1rem;
}
.leerlijnen .details .alert {
  white-space: nowrap;
}
.leerlijnen .details .nested-table:hover {
  background: none;
}
.leerlijnen .details .nested-table table {
  margin: 0;
  padding-left: 32px;
  position: relative;
}
.leerlijnen .details .nested-table table tr th {
  background: #e9eaeb;
}
.leerlijnen .details .nested-table table tr:last-of-type td {
  border-bottom: none;
}
.leerlijnen .details .nested-table table .flaticon.menu-2 {
  cursor: ns-resize;
}
.leerlijnen .details .nested-table table .flaticon.menu-2:hover {
  color: #00a8ff;
}
.leerlijnen .details .fake-header {
  background: #c3cace;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
  font-size: 1.3rem;
  color: #52656e;
  padding: 0.45rem 1.5rem 0.35em;
  box-shadow: 0 1px 0 #fff;
}
.leerlijnen .content {
  padding: 4.5rem 0 0;
}
.leerlijnen .extra-content {
  padding: 0 0 3rem;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
.leerlijnen .extra-content .show-more {
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
  cursor: pointer;
}
.leerlijnen .extra-content.omschrijving {
  height: 12rem;
}
.leerlijnen .extra-content.omschrijving::before {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
  content: '\00a0';
  height: 100%;
  position: absolute;
  width: 100%;
  pointer-events: none;
}
.leerlijnen .extra-content.omschrijving.show-full {
  height: auto;
}
.leerlijnen .extra-content.omschrijving.show-full::before {
  background-image: none;
  height: 0;
  width: 0;
}
.leerlijnen .extra-content.locales .input__checkbox {
  margin: 0.5rem 0;
}
#opgaven-beheren,
#opgaven-batch-edit {
  position: relative;
  padding-top: 0;
}
#opgaven-beheren h2,
#opgaven-batch-edit h2 {
  padding-top: 2.25rem;
}
#opgaven-beheren div.opgave-metrics,
#opgaven-batch-edit div.opgave-metrics {
  padding: 1.5rem;
}
#opgaven-beheren div.opgave-selects,
#opgaven-batch-edit div.opgave-selects {
  padding: 1.5rem 0;
}
#opgaven-beheren div.opgave-selects select.opgave-select,
#opgaven-batch-edit div.opgave-selects select.opgave-select {
  margin-left: 1.5rem;
}
#opgaven-beheren div.opgave-selects div.opgave-select,
#opgaven-batch-edit div.opgave-selects div.opgave-select {
  display: inline-block;
  width: 14rem;
  padding: 0.5rem 0;
}
#opgaven-beheren div.opgave-selects span.opgave-select,
#opgaven-batch-edit div.opgave-selects span.opgave-select {
  width: 100px;
}
#opgaven-beheren .divider,
#opgaven-batch-edit .divider {
  width: 100%;
  height: 1px;
  background-color: #c3cace;
}
#opgaven-beheren .divider--thick,
#opgaven-batch-edit .divider--thick {
  width: 100%;
  height: 1px;
  background-color: #c3cace;
  height: 2px;
}
#opgaven-beheren .icon-question,
#opgaven-batch-edit .icon-question,
#opgaven-beheren .icon-lightbulb,
#opgaven-batch-edit .icon-lightbulb {
  width: 3rem;
  height: 3rem;
  border: 1px solid #c3cace;
  margin: 0.75rem 1px -1px 0;
  transition: border 0.5s;
}
#opgaven-beheren .color-link-blue,
#opgaven-batch-edit .color-link-blue {
  color: #00a8ff;
}
#opgaven-beheren .icons .icon-question,
#opgaven-batch-edit .icons .icon-question {
  z-index: 1;
  color: #c3cace;
}
#opgaven-beheren .icons .icon-lightbulb,
#opgaven-batch-edit .icons .icon-lightbulb,
#opgaven-beheren .icons .color-link-blue,
#opgaven-batch-edit .icons .color-link-blue {
  z-index: 1;
  color: #00a8ff;
}
#opgaven-beheren .icons .icon-lightbulb.active,
#opgaven-batch-edit .icons .icon-lightbulb.active,
#opgaven-beheren .icons .icon-question.active,
#opgaven-batch-edit .icons .icon-question.active {
  border-bottom: 1px solid #fafafa;
}
#opgaven-beheren .preview-eye,
#opgaven-batch-edit .preview-eye,
#opgaven-beheren .color-link-grey,
#opgaven-batch-edit .color-link-grey {
  color: #c3cace;
}
#opgaven-beheren .question-and-tip,
#opgaven-batch-edit .question-and-tip {
  transition: height 0.5s;
  padding: 1.5rem;
  border: 1px solid #c3cace;
}
#opgaven-beheren .question-and-tip textarea,
#opgaven-batch-edit .question-and-tip textarea {
  transition: border 0.5s;
}
#opgaven-beheren .question-and-tip .questiongroup,
#opgaven-batch-edit .question-and-tip .questiongroup {
  display: flex;
}
#opgaven-beheren .question-and-tip .tip.has-media,
#opgaven-batch-edit .question-and-tip .tip.has-media {
  width: 90%;
}
#opgaven-beheren .question-and-tip .tip.full-width,
#opgaven-batch-edit .question-and-tip .tip.full-width {
  width: 100%;
}
#opgaven-beheren .question-and-tip .tip-title,
#opgaven-batch-edit .question-and-tip .tip-title {
  margin-bottom: 0.75rem;
  display: flex;
}
#opgaven-beheren .question-and-tip .component-unicorn-textarea,
#opgaven-batch-edit .question-and-tip .component-unicorn-textarea {
  margin-top: -2px;
  margin-bottom: 0;
}
#opgaven-beheren .question-and-tip .media-button,
#opgaven-batch-edit .question-and-tip .media-button {
  width: 3rem;
  height: 3rem;
  margin: 0.15rem 0.15rem 0.15rem 0.75rem;
  padding: 0.75rem 0.75rem 0 0.45rem;
}
#opgaven-beheren .question-and-tip .media-thumbnail,
#opgaven-batch-edit .question-and-tip .media-thumbnail {
  margin-top: 4.5rem;
}
#opgaven-beheren .question-and-tip.hidden,
#opgaven-batch-edit .question-and-tip.hidden {
  height: 0;
}
#opgaven-beheren .question-and-tip.hidden textarea,
#opgaven-batch-edit .question-and-tip.hidden textarea {
  border: 1px solid rgba(0, 0, 0, 0);
}
#opgaven-beheren .media,
#opgaven-batch-edit .media {
  width: 100%;
  text-align: right;
  padding-right: 0.75rem;
}
#opgaven-beheren .vraag-koppeling,
#opgaven-batch-edit .vraag-koppeling {
  background-color: #c3cace;
  margin: 0.75rem 0 1.5rem 0.75rem;
  border-radius: 1.5rem;
  text-align: center;
  height: 2.25rem;
  width: 2.25rem;
}
#opgaven-beheren .vraag-koppeling.active,
#opgaven-batch-edit .vraag-koppeling.active {
  background-color: #00a8ff;
}
#opgaven-beheren #interactieType,
#opgaven-batch-edit #interactieType {
  padding-top: 1.13rem;
}
#opgaven-beheren #interactieType #it-multidrag .delete-icon,
#opgaven-batch-edit #interactieType #it-multidrag .delete-icon {
  padding-left: 0.75rem;
}
#opgaven-beheren #interactieType #it-multidrag .divider,
#opgaven-batch-edit #interactieType #it-multidrag .divider {
  margin-bottom: 3rem;
}
#opgaven-beheren #interactieType #it-multidrag #it-multidrag-vragen,
#opgaven-batch-edit #interactieType #it-multidrag #it-multidrag-vragen {
  margin-top: 1rem;
}
#opgaven-beheren #interactieType #it-multidrag #it-multidrag-vragen .flex.start,
#opgaven-batch-edit #interactieType #it-multidrag #it-multidrag-vragen .flex.start {
  margin-bottom: 2rem;
}
#opgaven-beheren #interactieType #it-multidrag #it-multidrag-vragen .flex.start .component-unicorn-textarea,
#opgaven-batch-edit #interactieType #it-multidrag #it-multidrag-vragen .flex.start .component-unicorn-textarea {
  margin-bottom: 0.38rem;
}
#opgaven-beheren #interactieType #it-automate #it-automate-target-time input,
#opgaven-batch-edit #interactieType #it-automate #it-automate-target-time input {
  width: 4rem;
  min-width: 4rem;
  margin-top: 0.5rem;
}
#opgaven-beheren #interactieType #it-automate #it-automate-target-time .target-time *,
#opgaven-batch-edit #interactieType #it-automate #it-automate-target-time .target-time * {
  display: inline-block;
}
#opgaven-beheren #interactieType #it-automate #it-automate-answers,
#opgaven-batch-edit #interactieType #it-automate #it-automate-answers {
  padding: 3rem 0;
}
#opgaven-beheren #interactieType #it-automate #it-automate-answers input,
#opgaven-batch-edit #interactieType #it-automate #it-automate-answers input {
  margin-bottom: 1rem;
}
#opgaven-beheren #interactieType #it-fraction .it-fraction-inputs input,
#opgaven-batch-edit #interactieType #it-fraction .it-fraction-inputs input {
  width: 5rem;
  min-width: 5rem;
}
#opgaven-beheren #interactieType #it-fraction .it-fraction-checks,
#opgaven-batch-edit #interactieType #it-fraction .it-fraction-checks,
#opgaven-beheren #interactieType #it-fraction .it-fraction-inputs,
#opgaven-batch-edit #interactieType #it-fraction .it-fraction-inputs,
#opgaven-beheren #interactieType #it-fraction .it-fraction-type,
#opgaven-batch-edit #interactieType #it-fraction .it-fraction-type {
  margin-bottom: 2rem;
}
#opgaven-beheren .attachment-selection,
#opgaven-batch-edit .attachment-selection {
  min-height: 36rem;
  padding: 0 0.2rem;
}
#opgaven-beheren .attachment-selection.locked-attachment,
#opgaven-batch-edit .attachment-selection.locked-attachment {
  height: 5rem;
}
#opgaven-beheren .attachment-selection div.opgave-select,
#opgaven-batch-edit .attachment-selection div.opgave-select {
  width: 75%;
  margin-right: 1.5rem;
}
#opgaven-beheren .attachment-selection .attachment-media-selection,
#opgaven-batch-edit .attachment-selection .attachment-media-selection {
  padding: 1.5rem 0.45rem;
}
#opgaven-beheren .attachment-selection .attachment-media-selection i.fa::before,
#opgaven-batch-edit .attachment-selection .attachment-media-selection i.fa::before {
  margin-right: 1.5rem;
}
#opgaven-beheren .attachment-selection .attachment-media-selection i.fa,
#opgaven-batch-edit .attachment-selection .attachment-media-selection i.fa {
  vertical-align: -10%;
}
#opgaven-beheren .attachment-selection .attachment-media-container,
#opgaven-batch-edit .attachment-selection .attachment-media-container {
  padding: 1.5rem 0;
}
#opgaven-beheren .attachment-selection .attachment-time-input,
#opgaven-batch-edit .attachment-selection .attachment-time-input {
  padding-right: 1.5rem;
}
#opgaven-beheren .attachment-selection .attachment-time-input .time-header,
#opgaven-batch-edit .attachment-selection .attachment-time-input .time-header {
  color: #86949b;
  margin-bottom: 0.45rem;
}
#opgaven-beheren .attachment-selection .attachment-clock-type,
#opgaven-batch-edit .attachment-selection .attachment-clock-type {
  padding: 1.5rem 0;
}
#opgaven-beheren .attachment-selection .attachment-clock-type .hour12,
#opgaven-batch-edit .attachment-selection .attachment-clock-type .hour12 {
  margin-bottom: 0;
}
#opgaven-beheren .attachment-selection .attachment-operator-input,
#opgaven-batch-edit .attachment-selection .attachment-operator-input,
#opgaven-beheren .attachment-selection .attachment-text-input,
#opgaven-batch-edit .attachment-selection .attachment-text-input {
  margin-top: 1.5rem;
}
#opgaven-beheren .attachment-selection .custom-subtitle label input,
#opgaven-batch-edit .attachment-selection .custom-subtitle label input {
  margin: 0 1rem;
}
#opgaven-beheren .attachment-selection .custom-subtitle .custom-subtitle-background label,
#opgaven-batch-edit .attachment-selection .custom-subtitle .custom-subtitle-background label {
  height: 5rem;
}
#opgaven-beheren .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option,
#opgaven-batch-edit .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option {
  height: 3rem;
  width: 3rem;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
}
#opgaven-beheren .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option.white,
#opgaven-batch-edit .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option.white,
#opgaven-beheren .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option.none,
#opgaven-batch-edit .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option.none {
  background-color: white;
  overflow: hidden;
}
#opgaven-beheren .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option.white,
#opgaven-batch-edit .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option.white {
  border: 1px solid black;
}
#opgaven-beheren .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option.tag,
#opgaven-batch-edit .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option.tag {
  background-color: #b4996b;
}
#opgaven-beheren .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option.digital,
#opgaven-batch-edit .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option.digital {
  background-image: linear-gradient(to bottom, #6b7064, #8d9b88);
}
#opgaven-beheren .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option .red-line,
#opgaven-batch-edit .attachment-selection .custom-subtitle .custom-subtitle-background label .background-option .red-line {
  height: 0.5rem;
  width: 4rem;
  background-color: red;
  transform: rotate(135deg);
  overflow: hidden;
  position: relative;
  bottom: -1.1rem;
  left: -0.6rem;
}
#opgaven-beheren .attachment-selection .custom-subtitle-position label,
#opgaven-batch-edit .attachment-selection .custom-subtitle-position label {
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  height: 2.8rem;
  width: 5.4rem;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  margin: 0.5rem;
}
#opgaven-beheren .attachment-selection .custom-subtitle-position input[type='radio'],
#opgaven-batch-edit .attachment-selection .custom-subtitle-position input[type='radio'] {
  display: none;
}
#opgaven-beheren .attachment-selection .custom-subtitle-position input[type='radio']:checked + label,
#opgaven-batch-edit .attachment-selection .custom-subtitle-position input[type='radio']:checked + label {
  background-image: none;
  background-color: #419bf2;
  border: 1px solid #419bf2;
}
#opgaven-beheren .attachment-selection .custom-subtitle-position .custom-subtitle-middle-buttons,
#opgaven-batch-edit .attachment-selection .custom-subtitle-position .custom-subtitle-middle-buttons {
  background: white;
  border: 1px solid #d0d0d0;
  width: 20rem;
}
#opgaven-beheren .attachment-selection input[type='checkbox'],
#opgaven-batch-edit .attachment-selection input[type='checkbox'] {
  height: auto;
}
#opgaven-beheren .gradient-divider,
#opgaven-batch-edit .gradient-divider {
  width: 0.5rem;
  margin: 0 1rem;
  height: 100%;
  background: linear-gradient(#f0f2f3, #e9eaeb, #f0f2f3);
}
#opgaven-beheren .attachment-header,
#opgaven-batch-edit .attachment-header {
  margin-bottom: 3rem;
}
#opgaven-batch-edit {
  width: 95%;
  margin: 2rem;
}
#opgaven-batch-edit .dropdown-container {
  width: 50rem;
}
#opgaven-batch-edit .dropdown-container .selection-message {
  display: flex;
  align-self: flex-start;
  font-size: 1.75rem;
  padding-top: 0.25rem;
  color: #f85e53;
}
#opgaven-batch-edit .select-options div.option {
  margin-bottom: 1rem;
}
#examine-exercise .create-edit-opgave-component {
  width: 100%;
}
ul.icon-list {
  clear: both;
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.icon-list li {
  position: relative;
  display: inline-block;
  padding: 1.5rem;
}
ul.icon-list li div {
  text-align: center;
}
ul.icon-list li div i::before {
  display: block;
  font-size: 2.4rem;
}
ul.icon-list li div span {
  display: none;
}
ul.icon-list li div:hover span {
  position: absolute;
  display: block;
  right: 0;
  top: -1.05rem;
  left: 50%;
  margin-left: -22.5rem;
  width: 45rem;
  text-align: middle;
}
ul.icon-list li div ~ div {
  display: none;
}
ul.icon-list label {
  display: none;
}
.colors {
  padding: 0;
}
@media only screen and (min-width: 960px) {
  .colors {
    float: left;
    width: 47.91666667%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
}
.colors li {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}
.colors li::before,
.colors li::after {
  content: '';
  display: table;
}
.colors li::after {
  clear: both;
}
.colors li > * {
  padding: 1.13rem;
  flex: 1 1 50%;
}
.colors li.color-neutral-5 div {
  background-color: #f0f2f3;
}
.colors li.color-neutral-5 span {
  color: #f0f2f3;
}
.colors li.color-neutral-10 div {
  background-color: #e9eaeb;
}
.colors li.color-neutral-10 span {
  color: #e9eaeb;
}
.colors li.color-neutral-20 div {
  background-color: #d6dadc;
}
.colors li.color-neutral-20 span {
  color: #d6dadc;
}
.colors li.color-neutral-30 div {
  background-color: #c3cace;
}
.colors li.color-neutral-30 span {
  color: #c3cace;
}
.colors li.color-neutral-40 div {
  background-color: #86949b;
}
.colors li.color-neutral-40 span {
  color: #86949b;
}
.colors li.color-neutral-50 div {
  background-color: #52656e;
}
.colors li.color-neutral-50 span {
  color: #52656e;
}
.colors li.color-neutral-60 div {
  background-color: #404e54;
}
.colors li.color-neutral-60 span {
  color: #404e54;
}
.colors li.color-neutral-70 div {
  background-color: #333e42;
}
.colors li.color-neutral-70 span {
  color: #333e42;
}
.colors li.color-neutral-90 div {
  background-color: #1b2224;
}
.colors li.color-neutral-90 span {
  color: #1b2224;
}
.colors li.color-brand-30 div {
  background-color: #eb1a9f;
}
.colors li.color-brand-30 span {
  color: #eb1a9f;
}
.colors li.color-brand-40 div {
  background-color: #b31078;
}
.colors li.color-brand-40 span {
  color: #b31078;
}
.colors li.color-brand-50 div {
  background-color: #920d62;
}
.colors li.color-brand-50 span {
  color: #920d62;
}
.colors li.color-brand-60 div {
  background-color: #710a4c;
}
.colors li.color-brand-60 span {
  color: #710a4c;
}
.colors li.color-brand-70 div {
  background-color: #340523;
}
.colors li.color-brand-70 span {
  color: #340523;
}
.colors li.color-action-30 div {
  background-color: #fcbab5;
}
.colors li.color-action-30 span {
  color: #fcbab5;
}
.colors li.color-action-40 div {
  background-color: #f97e75;
}
.colors li.color-action-40 span {
  color: #f97e75;
}
.colors li.color-action-50 div {
  background-color: #f85e53;
}
.colors li.color-action-50 span {
  color: #f85e53;
}
.colors li.color-action-60 div {
  background-color: #f73e31;
}
.colors li.color-action-60 span {
  color: #f73e31;
}
.colors li.color-action-70 div {
  background-color: #dc1709;
}
.colors li.color-action-70 span {
  color: #dc1709;
}
.colors li.color-success div {
  background-color: #1ca382;
}
.colors li.color-success span {
  color: #1ca382;
}
.colors li.color-alert div {
  background-color: #f85e53;
}
.colors li.color-alert span {
  color: #f85e53;
}
.colors li.color-alert-60 div {
  background-color: #dc1709;
}
.colors li.color-alert-60 span {
  color: #dc1709;
}
.colors li.color-warning div {
  background-color: #f3e8bd;
}
.colors li.color-warning span {
  color: #f3e8bd;
}
.colors li.blue-25 div {
  background-color: #c1d4e8;
}
.colors li.blue-25 span {
  color: #c1d4e8;
}
.colors li.blue-30 div {
  background-color: #d3e1ef;
}
.colors li.blue-30 span {
  color: #d3e1ef;
}
.colors li.blue-50 div {
  background-color: #76a0cd;
}
.colors li.blue-50 span {
  color: #76a0cd;
}
#it-multiselect-klassiek {
  margin-top: 1.5rem;
}
#it-multiselect-klassiek .answer {
  padding: 0.75rem 0;
}
#it-multiselect-klassiek .answer-text,
#it-multiselect-klassiek .answer-type,
#it-multiselect-klassiek .answer-type-selection {
  padding-bottom: 0.2rem;
  padding-right: 1.5rem;
}
#it-multiselect-klassiek .answer-type,
#it-multiselect-klassiek .answer-type-selection {
  padding-left: 5rem;
}
#it-multiselect-klassiek .answer-type .fractionPercentage:nth-child(1) {
  border: 1px solid #256afd;
}
#it-multiselect-klassiek .answer-type .fractionPercentage:nth-child(2) {
  border: 1px solid #ff7200;
}
#it-multiselect-klassiek .answer-type .fractionPercentage:nth-child(3) {
  border: 1px solid #d000c3;
}
#it-multiselect-klassiek .answer-type .fractionPercentage:nth-child(4) {
  border: 1px solid #ecbf0d;
}
#it-multiselect-klassiek .small-inputs input {
  min-width: 5rem;
  width: 5rem;
  margin: 0 0.5rem;
}
#it-multiselect-klassiek .answer-text input[type='text'] {
  width: 20rem;
}
#it-multiselect-klassiek .blue-link {
  margin-left: 8.25rem;
}
#it-flitser {
  margin-top: 1.5rem;
}
#it-flitser .flex {
  padding-bottom: 0.75rem;
}
#it-flitser .flex input[type='text'] {
  margin-right: 1.5rem !important;
  width: 15rem;
}
#it-flitser .blue-link {
  margin-left: 8.25rem;
}
#it-dictee {
  margin-top: 1.5rem;
}
#it-dictee .answer-table {
  width: 100%;
}
#it-dictee .answer-table td:nth-child(2) {
  width: 100%;
}
#it-dictee .answer-table input.small-input {
  width: 100%;
}
#it-dictee .flaticon {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
#it-dictee .blue-link {
  margin-left: 8.25rem;
}
#it-klok-settings {
  margin-top: 1.5rem;
}
#it-klok-settings .title {
  font-weight: bold;
  margin-bottom: 0.75rem;
}
#it-klok-settings .flaticon {
  margin-right: 1.5rem;
}
#it-klok-settings section {
  margin-bottom: 1.5rem;
}
#it-klok-settings li:not(:last-child) {
  margin-bottom: 0.75rem;
}
#component-it-invultabel .settings,
.columnwise-table .settings {
  padding-bottom: 1.5rem;
  text-align: left;
  width: 15rem;
}
#component-it-invultabel .settings select,
.columnwise-table .settings select {
  min-width: 4.5rem;
}
#component-it-invultabel .dataTable,
.columnwise-table .dataTable {
  border-collapse: collapse;
  margin-bottom: 0.75rem;
}
#component-it-invultabel .dataTable input,
.columnwise-table .dataTable input {
  display: inline-block;
  min-width: 1.5rem;
  border: none;
}
#component-it-invultabel .dataTable tr td.bold input,
.columnwise-table .dataTable tr td.bold input {
  font-weight: bold;
}
#component-it-invultabel .dataTable tr td,
.columnwise-table .dataTable tr td {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}
#component-it-invultabel .dataTable tr td:last-child,
.columnwise-table .dataTable tr td:last-child {
  border-right: none;
}
#component-it-invultabel .dataTable tr:last-child td,
.columnwise-table .dataTable tr:last-child td {
  border-bottom: none;
}
#component-it-invultabel .dataTable.borderLeft tr td:first-child,
.columnwise-table .dataTable.borderLeft tr td:first-child {
  border-left: 2px solid black;
}
#component-it-invultabel .dataTable.borderTop tr:first-child td,
.columnwise-table .dataTable.borderTop tr:first-child td {
  border-top: 2px solid black;
}
#component-it-invultabel .dataTable.borderRight tr td:last-child,
.columnwise-table .dataTable.borderRight tr td:last-child {
  border-right: 2px solid black;
}
#component-it-invultabel .dataTable.borderBottom tr:last-child td,
.columnwise-table .dataTable.borderBottom tr:last-child td {
  border-bottom: 2px solid black;
}
#it-geld input[type='checkbox'] {
  height: auto;
}
#it-geld .answer {
  padding: 1.5rem 0;
}
#it-geld .small-input {
  padding: 0 0.5em;
  width: 6rem;
  min-width: 0;
}
#it-geld .extra-small-input {
  padding: 0 0.5em;
  width: 4.5rem;
  min-width: 0;
}
#it-geld .options {
  margin-top: 1rem;
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 1.5rem;
}
#it-geld .multi-options {
  margin: 2rem 0;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 1.5rem;
}
#it-invulvraag .settings {
  margin-bottom: 1rem;
}
#it-multiselect-sentence input[type='checkbox'] {
  height: auto;
}
#it-multiselect-sentence label {
  margin: 0 0.5rem;
}
.class-methods .class-methods-form div {
  margin-bottom: 1rem;
}
.class-methods label input {
  margin: 0 1rem;
}
.microgoal__edit--instruction {
  border-bottom: 1px solid #ccc;
  padding-bottom: 2rem;
}
.microgoal__edit--instruction .instruction-wrapper {
  padding: 1rem;
  margin: 1rem 0;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
}
.microgoal__edit--instruction .instruction-wrapper .instruction-subject {
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  text-transform: capitalize;
}
.microgoal__edit--instruction .instruction-wrapper .instruction-subject .instruction-edit,
.microgoal__edit--instruction .instruction-wrapper .instruction-subject .instruction-delete {
  font-size: 1.5rem;
  font-weight: normal;
  color: #666;
  padding: 0 0.5rem;
}
.microgoal__edit--instruction .instruction-wrapper .instruction-subject .instruction-edit:hover,
.microgoal__edit--instruction .instruction-wrapper .instruction-subject .instruction-delete:hover {
  font-weight: bold;
}
.microgoal__edit--instruction .instruction-wrapper .instruction-subject .saving-failed {
  font-size: 1.5rem;
  font-weight: normal;
  color: darkred;
}
.microgoal__edit--instruction .instruction-wrapper .instruction-subject .instruction-delete {
  color: darkred;
}
.microgoal__edit--instruction .instruction-wrapper .instruction-text {
  padding: 0.5rem;
}
.microgoal__edit--instruction .unicorn-select {
  margin: 0.5rem 0;
  height: 5rem;
}
.microgoal__edit--instruction .newInstructionWrapper {
  padding-top: 1rem;
}
.microgoal__edit--instruction .instructionPublished {
  margin-top: 2rem;
}
.lesson-plan__items {
  display: flex;
  width: 80%;
  flex-direction: column;
}
.lesson-plan__item-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.lesson-plan__item-row .lesson-plan__item {
  width: 40%;
}
.new-lesson-plan__modal {
  width: 600px;
}
.new-lesson-plan__modal table {
  width: 100%;
}
.new-lesson-plan__modal .warning-text {
  color: #ed1c24;
}
.lesson-suggestion {
  display: flex;
  flex-direction: column;
}
.lesson-suggestion label {
  display: flex;
}
.lesson-suggestion--delete {
  margin: 2rem 0 0 1rem;
}
.leerlijnen .details .worksheet-exercises {
  float: left;
}
.leerlijnen .details .worksheet-exercises .nested-table table {
  padding: 0;
}
.shortcuts__search {
  display: flex;
  flex-direction: column;
}
.shortcuts__search .search-fields {
  width: 50%;
}
.shortcuts__search .search-fields .search-type {
  font-size: 2rem;
  cursor: pointer;
}
.shortcuts__search .search-fields .content-type {
  padding: 1rem 0;
}
.shortcuts__search .search-fields .content-type a {
  display: block;
  margin-top: 0.625rem;
}
.shortcuts__search .domain-type {
  padding-top: 0.83333333rem;
}
.shortcuts__search .search-results__table {
  width: 100%;
  margin-top: 0.83333333rem;
}
.shortcuts__search .search-results__table tr {
  cursor: pointer;
}
.shortcuts__search button {
  width: fit-content;
  margin-top: 0.83333333rem;
}
.content-meta-data .delete-button {
  color: #404e54;
  background: none;
  border: none;
}
.author-translation-exercise-page .translation-selection-sidebar {
  height: 100%;
  border-right: 1px solid #ededed;
}
.author-translation-exercise-page .translation-selection-sidebar .translation-selection-exercise-wrapper {
  border-bottom: 1px solid #ededed;
}
.author-translation-exercise-page .translation-exercises-wrapper {
  display: flex;
  height: calc(100% - 2rem);
  overflow: auto;
}
.author-translation-exercise-page .translation-exercises-wrapper .opgaven-details {
  height: 100%;
}
.author-translation-exercise-page .translation-exercises-wrapper .preview-breakpoint-width {
  height: auto;
}
.author-translation-exercise-page .translation-exercises-wrapper.show-original .opgaven-details {
  display: block;
}
.author-translation-exercise-page .translation-exercises-wrapper.show-original .opgaven-details .exercise-preview {
  min-width: 65rem;
  height: fit-content;
}
.author-translation-exercise-page .translate-save-options {
  border-top: 1px solid black;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 3rem;
}
.author-translation-exercise-page .translate-save-options a {
  margin-left: 2rem;
}
.author-translation-exercise-page .translation-exercise .edit-overlay {
  position: absolute;
  background: rgba(39, 124, 217, 0.2);
  inset: 0;
  z-index: 100;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.author-translation-exercise-page .translation-exercise .edit-overlay .overlay-button {
  height: fit-content;
  margin-top: 50%;
  padding: 1rem;
  background: white;
  border-radius: 1rem;
  color: #277cd9;
  border: 1px solid #aeb7c2;
  font-size: 2rem;
}
.author-translation-exercise-page .original-exercise .disabled-overlay {
  position: absolute;
  inset: 0;
  z-index: 100;
}
.exercise-translation-dropdown-page {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.exercise-translation-dropdown-page .exercise-translation-dropdown-wrapper {
  width: 50rem;
  color: #556474;
}
.exercise-translation-dropdown-page .exercise-translation-dropdown-wrapper .dropdown-title {
  padding-top: 2rem;
  font-size: 1rem;
}
.exercise-translation-dropdown-page .exercise-translation-dropdown-wrapper .save-button-wrapper {
  padding-top: 2rem;
  margin-left: 50%;
}
.translation-label {
  cursor: pointer;
  background-color: #8c99a8;
  color: #fff;
  font-weight: bold;
  border-radius: 8pt;
  margin: 0.5rem 4pt;
  padding: 2pt 8pt;
  height: fit-content;
  width: fit-content;
  font-size: 10pt;
  line-height: 10pt;
  white-space: nowrap;
  text-transform: uppercase;
}
.translation-label.active {
  background-color: #2a3541;
}
.document-media-manager .add-link {
  color: #920d62;
  font-weight: 600;
  cursor: pointer;
}
.document-media-manager .hidden {
  display: none;
}
.document-media-manager .document-name {
  display: flex;
  align-items: center;
  width: 25rem;
  padding: 0.5rem;
  margin-right: 2rem;
}
.document-media-manager .document-wrapper {
  width: 35rem;
}
.document-media-manager .document-wrapper.max-width {
  width: 100%;
}
.document-media-manager .document-wrapper:hover {
  background-color: #ededed;
}
.document-media-manager .document-wrapper .small-select {
  width: 20rem;
  margin-left: 1rem;
}
.document-media-manager i {
  padding: 0 0.5rem;
}
.document-media-manager i.checkmark-2 {
  color: green;
}
.document-media-manager i.x-2 {
  color: red;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.document-media-manager i.loading-3 {
  animation: spin 1s linear infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}
.edit-meta-data-component {
  margin: 2rem 5rem;
}
.edit-meta-data-component .attribute {
  margin: 2rem;
}
.edit-meta-data-component .attribute .attribute-name {
  text-align: left;
  width: 15rem;
}
.edit-meta-data-component .attribute .attribute__language .attribute__language--dropdown {
  width: 10rem;
}
.edit-meta-data-component .attribute .attribute__country {
  padding-left: 5rem;
}
.edit-meta-data-component .attribute .attribute__country .attribute__country--dropdown {
  padding-left: 1rem;
  margin-right: 2rem;
  width: 12rem;
}
.edit-meta-data-component .attribute .blue-link {
  line-height: inherit;
}
.edit-meta-data-component .edit-meta-data__grade,
.edit-meta-data-component .edit-meta-data__featured-item-grade {
  padding-bottom: 1rem;
}
.edit-meta-data-component .edit-meta-data__grade .edit-meta-data__grade--language,
.edit-meta-data-component .edit-meta-data__featured-item-grade .edit-meta-data__featured-item-grade--language {
  width: 4rem;
  font-weight: bold;
  text-align: left;
}
.edit-meta-data-component .divider {
  width: 100%;
  height: 1px;
  background-color: #c3cace;
}
.edit-meta-data-component .preview-button {
  flex-direction: column;
  align-items: flex-end;
}
.edit-meta-data-component .preview__container {
  border: 1px solid #c3cace;
  padding: 2rem;
}
.edit-meta-data-component .preview__container p {
  margin: 0;
}
.edit-meta-data-component .edit-meta-data__checkbox {
  padding-right: 2rem;
}
.edit-meta-data-component .edit-meta-data__grade-shortcuts,
.edit-meta-data-component .edit-meta-data__ages-shortcuts {
  border-left: 1px solid #c3cace;
  padding-left: 2rem;
}
.edit-meta-data-component .edit-meta-data__category-selection {
  margin-bottom: 2rem;
}
.edit-meta-data-component .edit-meta-data__featured-item-message {
  font-style: italic;
}
.edit-meta-data-component .edit-meta-data__featured-item-remove {
  margin-top: 1rem;
}
.edit-meta-data-component #thumbnailFile {
  display: none;
}
.edit-meta-data-component .thumbnail {
  position: relative;
  width: 200px;
  height: 200px;
}
.edit-meta-data-component .thumbnail .thumbnailPreview {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: 1px solid black;
  background-color: rgba(0, 0, 0, 0.1);
}
.edit-meta-data-component .thumbnail .overlay {
  position: absolute;
  width: 100%;
  height: 75%;
  top: 12.5%;
  border: 1px solid black;
  background-color: rgba(0, 0, 0, 0.1);
}
.edit-meta-data-component .modal-component {
  max-width: 60rem;
}
.edit-meta-data-component .modal-component .change-locale-dropdown {
  margin-bottom: 2rem;
}
.category-selection .category-selection__dropdown {
  width: 20rem;
}
.category-selection .category-selection__divider {
  width: 2rem;
  text-align: center;
  color: #920d61;
  font-weight: bold;
  font-size: 2rem;
}
.category-selection .deleteLink {
  margin-left: 1rem;
  padding-top: 0.4rem;
}
.exercise-manager-preview {
  width: 1024px;
  height: 768px !important;
}
.exercise-manager-preview .dropzone {
  background: inherit;
  min-height: inherit;
  border: inherit;
}
.it-columnwise-operation h5 {
  font-weight: normal;
  margin: 0;
  text-align: start;
}
.it-columnwise-operation h5 i {
  font-size: 0.8em;
}
.it-columnwise-operation input[type='text'],
.it-columnwise-operation input[type='number'] {
  width: 10rem;
  margin: 0.5rem;
}
.it-columnwise-operation input[type='checkbox'] {
  margin-right: 1rem;
}
.it-columnwise-operation select {
  width: 3rem;
  margin: 0 1rem;
}
.it-columnwise-operation section {
  margin: 2rem 0;
}
.it-columnwise-operation label {
  width: 10rem;
  text-align: start;
  cursor: pointer;
}
.it-columnwise-operation ul li {
  margin: 0.5rem 0;
}
.it-columnwise-operation .checkbox-label {
  margin-bottom: 1rem;
}
.it-columnwise-operation .row-label {
  margin-right: 1rem;
}
.it-columnwise-operation .columnwise-table {
  border-collapse: collapse;
  margin-bottom: 0.75rem;
}
.it-columnwise-operation .columnwise-table tr td.bold {
  font-weight: bold;
  background-color: #e9eaeb;
}
.it-columnwise-operation .columnwise-table tr td {
  border: 1px solid #c3c3c3;
  width: 4rem;
  height: 4rem;
  font-size: 2rem;
  vertical-align: middle;
  background-color: white;
  cursor: pointer;
}
.it-columnwise-operation .columnwise-table tr td.transparent {
  border: none;
  background-color: transparent;
  cursor: default;
  font-size: 2rem;
}
.it-columnwise-operation .columnwise-table tr td:not(.transparent):hover {
  background-color: #c3c3c3;
}
.it-columnwise-operation .columnwise-table tr td.border-bottom {
  border-bottom: 2px solid black;
}
.it-line-jump-edit {
  padding-bottom: 5rem;
}
.it-line-jump-edit .divider {
  margin: 1rem 0;
}
.it-line-jump-edit .ember-checkbox {
  height: auto;
}
.it-line-jump-edit input[type='text'] {
  width: 3rem;
}
.it-line-jump-edit .description {
  width: 10rem;
  text-align: left;
}
.it-line-jump-edit .option-checkbox {
  width: 11rem;
  text-align: left;
}
.it-line-jump-edit .answer-label {
  padding-bottom: 1rem;
}
.it-sortable-edit {
  padding-bottom: 5rem;
}
.it-sortable-edit .start-end-inputs {
  padding: 1rem 0;
}
.it-sortable-edit .start-end-inputs input {
  margin: 0 1rem;
}
.it-sortable-edit .sortable-item {
  transition: all 0.125s;
  z-index: 5;
}
.it-sortable-edit .sortable-item .lock .fa {
  cursor: pointer;
  padding: 0 1rem;
}
.it-sortable-edit .sortable-item .lock .fa-unlock-alt {
  color: #ccc;
}
.it-sortable-edit .sortable-item .it-sortable-answer {
  background: #f5f5f5;
  background: linear-gradient(to bottom, #f5f5f5 0%, #eee 100%);
  position: relative;
  width: 100%;
  text-align: left;
  border: 1px solid #c3c3c3;
  padding: 1rem;
  margin: 0.5rem 0 0.5rem 1rem;
}
.it-sortable-edit .sortable-item .it-sortable-answer .sort-handler {
  cursor: ns-resize;
  padding-right: 1rem;
}
.it-sortable-edit .sortable-item .it-sortable-answer .vraag-koppeling {
  margin: 0 0 0 0.75rem !important;
}
.it-sortable-edit .sortable-item .it-sortable-answer .sort-options {
  height: 5rem;
}
.it-sortable-edit .sortable-item .it-sortable-answer .sort-options .answer-type-selection {
  padding: 0 1rem;
}
.it-sortable-edit .sortable-item.is-dragging {
  transition-duration: 0s;
  z-index: 10;
}
.it-sortable-edit .sortable-item.is-dragging .it-sortable-answer {
  border: 1px solid #93b2d2;
}
.it-worksheet {
  margin: 32px 0;
}
.it-worksheet .title {
  display: block;
  font-weight: 600;
  margin-top: 16px;
}
.it-worksheet .media-selection {
  display: flex;
  justify-content: space-around;
}
.attachment-fraction-bar {
  padding: 1rem 0;
  text-align: left;
}
.attachment-fraction-bar select.small-select {
  width: auto;
}
.attachment-fraction-bar table {
  margin-top: 1rem;
  font-size: 1.6rem;
}
.attachment-fraction-bar table tr {
  width: 100%;
  margin: 1rem 0;
  height: 5rem;
}
.attachment-fraction-bar table th,
.attachment-fraction-bar table td {
  vertical-align: middle;
  text-align: left;
  width: 25%;
}
.attachment-fraction-bar table .part-label {
  width: 50%;
}
.attachment-fraction-bar table .line-checkbox {
  margin: 0 1rem;
}
.attachment-fraction-bar .accolade-label {
  width: 2rem;
  margin: 0 0.5rem;
}
.attachment-fraction-bar .fraction-accolade-input {
  margin: 0.5rem 0;
}
.attachment-fraction-bar .fraction-accolade-input a {
  margin-left: 1rem;
  cursor: pointer;
}
.attachment-fraction-bar .accolade-part-select {
  margin: 0 0.5rem;
}
.attachment-fraction-bar h4.fractions-header {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
.attachment-fraction-bars {
  text-align: left;
  margin: 2rem 0;
}
.attachment-fraction-bars .divider {
  margin: 1.5rem 0;
}
.attachment-fraction-circle table {
  margin-top: 1rem;
  font-size: 1.6rem;
}
.attachment-fraction-circle table tr {
  width: 100%;
  margin: 1rem 0;
  height: 5rem;
}
.attachment-fraction-circle table th,
.attachment-fraction-circle table td {
  vertical-align: middle;
  text-align: left;
  width: 25%;
}
.attachment-fraction-circle table th.show,
.attachment-fraction-circle table td.show {
  width: 10%;
  text-align: center;
}
.attachment-fraction-circle table th.color,
.attachment-fraction-circle table td.color {
  width: 40%;
}
.attachment-fraction-circle table .part-label {
  width: 50%;
}
.attachment-fraction-circle table .line-checkbox {
  margin: 0 1rem;
}
.attachment-fraction-circle h4 {
  margin: 2rem 0 0;
}
.attachment-fraction-circle input[type='checkbox']:not([disabled]) {
  cursor: pointer;
}
.attachment-fraction-circle .disabled .color .color-cube {
  cursor: default;
}
.attachment-fraction-circle .legend-selection {
  width: 100%;
  height: 3rem;
  margin: 2rem 0;
}
.attachment-fraction-circle .legend-selection h4 {
  margin: 0;
  cursor: pointer;
}
.attachment-fraction-circle .legend-inputs div.legend-input {
  margin: 1rem 0;
}
.attachment-fraction-circle .legend-inputs input {
  width: 85%;
}
.attachment-numberline-jump-step label.numberline-jump-label {
  display: flex;
  align-items: center;
  margin: 0 2rem;
}
.attachment-numberline-jump-step label.numberline-jump-label input[type='checkbox'] {
  width: 2rem;
  height: 2rem !important;
}
.attachment-numberline-jump .numberline-jump-header {
  margin: 1.5rem 0;
}
.attachment-numberline-jump .numberline-jump-header .numberline-jump-total-jumps {
  margin-right: 2rem;
}
.attachment-numberline-jump .numberline-jump-header .numberline-jump-header-description {
  margin-right: 1rem;
}
.attachment-numberline-jump .numberline-jump-content {
  margin: 3rem 0;
}
.attachment-numberline-jump .numberline-jump-content .value-explanation {
  text-align: left;
  margin-bottom: 0.5rem;
}
.attachment-numberline-jump .numberline-jump-content .start-end-value {
  width: 10rem;
  height: 3.5rem;
  margin-right: 3rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.attachment-numberline-jump .numberline-jump-content .intermediate-values {
  margin-bottom: 2rem;
}
.attachment-numberline-jump .numberline-jump-content .intermediate-values:first-child {
  margin-top: 2rem;
}
.attachment-numberline-jump .unicorn-select-fixed-width-small {
  min-width: 6rem;
  width: 6rem;
  max-width: 6rem;
  height: auto;
}
.attachment-numberline-jump .unicorn-select-fixed-width-medium {
  min-width: 11rem;
  width: 11rem;
  max-width: 11rem;
  height: auto;
}
.attachment-numberline-jump .unicorn-select-fixed-width-large {
  min-width: 25rem;
  width: 25rem;
  max-width: 25rem;
  height: auto;
}
.attachment-numberline-label {
  margin: 2rem 0;
}
.attachment-numberline-label h5 {
  font-weight: normal;
  margin: 0;
  text-align: start;
}
.attachment-numberline-label h5 i {
  font-size: 0.8em;
}
.attachment-numberline-label input[type='text'],
.attachment-numberline-label input[type='number'] {
  width: 13rem;
  margin: 0.5rem;
}
.attachment-numberline-label input[type='checkbox'] {
  margin-right: 1rem;
}
.attachment-numberline-label select {
  width: 3rem;
  margin: 0 1rem;
}
.attachment-numberline-label .section {
  margin: 2rem 0;
}
.attachment-numberline-label label {
  width: 10rem;
  text-align: start;
}
.attachment-numberline-label .start-end-container input[type='number'] {
  margin: 0 0.5rem;
}
.attachment-numberline-label .start-end-container input[type='number']:first-of-type {
  margin-right: 8rem;
}
.attachment-table {
  padding: 2rem 0;
}
.attachment-table .settings {
  padding-right: 5rem;
  padding-bottom: 2rem;
}
.attachment-table .table-view {
  width: 100%;
}
.attachment-table .table-view table {
  width: 100%;
  border: 2px solid #000;
  border-collapse: separate;
  border-spacing: 0;
  margin: 2rem 0 1rem;
}
.attachment-table .table-view table tr td {
  border: 1px solid #000;
}
.attachment-table .table-view table tr td input {
  border: none;
  box-shadow: none;
  border-radius: 0;
  display: inline;
}
.attachment-table .color-selection-toggle {
  position: relative;
  border: 1px solid #000;
  margin-right: 0.75rem;
}
.attachment-table .color-selection-toggle .icon-wrapper {
  border-left: 1px solid #c0c0c0;
  height: 3rem;
}
.attachment-table .color-selection-toggle .color-selection {
  position: absolute;
  box-shadow: 0 0 2px #000;
  background-color: #e9e9e9;
  border-radius: 1rem;
  width: 20rem;
  top: 3rem;
  right: 1rem;
  padding: 0.5rem;
}
.attachment-table .color-selection-toggle .color-selection .color-select {
  border: 1px solid #c0c0c0;
  margin: 0.5rem;
}
.attachment-table .color-selection-toggle .color-select {
  width: 3rem;
  height: 3rem;
}
.attachment-table .color-selection-toggle .color-select.no-color {
  background: linear-gradient(-45deg, #fff 40%, #ea2c2f 50%, #fff 60%);
}
.attachment-table .color-selection-toggle .fa {
  width: 3rem;
}
.attachment-word-relation-answer {
  display: flex;
  flex-grow: 1;
  margin-bottom: 2rem;
}
.attachment-word-relation-answer .icon {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
  margin-right: 1rem;
}
.attachment-word-relation-answer .icon i::before {
  font-size: 1.7rem;
  height: 100%;
}
.attachment-word-relation-answer .word-relation-answer-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.attachment-word-relation-answer .word-relation-answer-content input[type='text'] {
  flex-grow: 1;
}
.attachment-word-relation-answer .word-relation-answer-content .second-row {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  height: 3.5rem;
}
.attachment-word-relation-answer .word-relation-answer-content .second-row .media-thumbnail {
  height: 100%;
  margin-right: 0;
}
.attachment-word-relation-answer .word-relation-answer-content .second-row .delete-items {
  margin-right: 1rem;
}
.attachment-word-relation-answer .word-relation-answer-content .second-row label.word-relation-label {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}
.attachment-word-relation-answer .word-relation-answer-content .second-row label.word-relation-label input[type='checkbox'] {
  width: 2rem;
  height: 2rem !important;
}
.attachment-word-relation {
  margin-top: 0.5rem;
  max-width: 75rem;
}
.attachment-word-relation .divider {
  margin-top: 5rem;
}
.attachment-word-relation .wordstair-direction {
  max-width: 20rem;
  height: 4rem;
  margin-bottom: 2rem;
}
.attachment-word-relation .word-relation-keyword {
  margin-bottom: 2rem;
}
.attachment-word-relation .word-relation-keyword input {
  max-width: 20rem;
  margin-left: 2rem;
}
.attachment.col3 .klok-digitaal.fluid {
  font-size: 0.5rem;
}
.attachment .klok-digitaal.fluid {
  font-size: 0.6rem;
}
.right-column {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  flex-direction: column;
  align-items: start;
}
.right-column.column {
  flex-direction: column;
}
.right-column.end {
  justify-content: flex-end;
}
.right-column.start {
  justify-content: flex-start;
}
.right-column.flex-center {
  justify-content: center;
}
.right-column.between {
  justify-content: space-between;
}
.right-column.around {
  justify-content: space-around;
}
.right-column.cross-start {
  align-items: flex-start;
}
.right-column.cross-end {
  align-items: flex-end;
}
.right-column.stretch {
  align-items: stretch;
}
.right-column.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.right-column.wrap {
  flex-wrap: wrap;
}
.right-column.grow {
  flex: 1;
}
.right-column .flex-half,
.right-column .flex-third,
.right-column .flex-two-third,
.right-column .flex-quarter,
.right-column .flex-sixth {
  box-sizing: border-box;
}
.right-column .flex-half {
  width: 50%;
}
.right-column .flex-third {
  width: 33.33%;
}
.right-column .flex-two-third {
  width: 66.66%;
}
.right-column .flex-quarter {
  width: 25%;
}
.right-column .flex-three-quarter {
  width: 75%;
}
.right-column .flex-five-sixth {
  width: 83.33%;
}
.right-column .flex-fifth {
  width: 20%;
}
.right-column .flex-sixth {
  width: 16.66%;
}
.right-column .flex-80 {
  width: 80%;
}
.right-column .flex-70 {
  width: 70%;
}
.right-column .flex-60 {
  width: 60%;
}
.right-column .flex-50 {
  width: 50%;
}
.right-column .flex-40 {
  width: 40%;
}
.right-column .flex-30 {
  width: 30%;
}
.right-column .flex-20 {
  width: 20%;
}
.right-column .flex-10 {
  width: 10%;
}
.right-column .flex-remaining-space {
  flex-grow: 1;
}
.translations {
  display: flex;
  float: left;
  align-items: center;
  justify-content: center;
}
.translations .add-translation {
  margin-left: 1rem;
}
.translations .delete-icon {
  cursor: pointer;
  background: #fff;
  color: #8c99a8;
  align-items: center;
  justify-content: center;
  width: fit-content;
  display: flex;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  min-width: 20pt;
  height: 4rem;
  line-height: 4rem;
}
.translations .delete-icon:hover {
  background: #d1d3de;
}
.translations .translation {
  cursor: pointer;
  background: #fff;
  color: #8c99a8;
  display: flex;
  justify-content: center;
  width: fit-content;
  border: 1pt solid black;
  border-top: 0;
  min-width: 40pt;
  height: 4rem;
  line-height: 4rem;
}
.translations .translation:hover {
  background: #d1d3de;
}
.translations .translation i::before {
  font-size: 10pt;
}
.translations .translation.is-active {
  font-size: 12pt;
  color: #2a3541;
}
.translations .translation.is-active i::before {
  font-size: 12pt;
}
.translations .translation.is-active .styleguide.button__student-label {
  line-height: 12pt;
  margin: 0.5rem 2pt;
}
.translations .translation .styleguide.button__student-label {
  cursor: pointer;
  font-weight: bold;
  border-radius: 8pt;
  margin: 0.5rem 4pt;
  padding: 2pt 8pt;
  height: fit-content;
  font-size: 10pt;
  line-height: 10pt;
}
.exercise-preview {
  position: relative;
  height: 60rem;
  border: 1pt solid black;
  font-family: 'arial', sans-serif;
  /* OVERRIDE FULL SCREEN PREVIEW TO STAY INSIDE THE PREVIEW CONTAINER */
}
@media only screen and (max-width: 1023px) {
  .exercise-preview {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .exercise-preview {
    width: 33.33%;
    min-height: 320px;
    min-width: 568px;
  }
  .exercise-preview .show-larger-preview {
    display: block;
  }
  .exercise-preview.larger-preview {
    min-height: 600px;
    min-width: 800px;
  }
}
@media only screen and (min-width: 1366px) {
  .exercise-preview {
    min-height: 600px;
    min-width: 800px;
  }
  .exercise-preview .show-larger-preview {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  .exercise-preview {
    min-height: 768px;
    min-width: 1024px;
  }
}
@media only screen and (min-width: 2200px) {
  .exercise-preview {
    width: 50%;
    min-height: 1024px;
    min-width: 1280px;
  }
}
.exercise-preview ul,
.exercise-preview ol {
  margin: 0 0 2.25rem 1.5em;
}
.exercise-preview ul {
  list-style: disc;
}
.exercise-preview .show-correct-icon,
.exercise-preview .show-larger-preview,
.exercise-preview .show-tip {
  position: absolute;
  z-index: 100;
  top: 1rem;
  left: 2rem;
}
.exercise-preview .show-correct-icon a,
.exercise-preview .show-larger-preview a,
.exercise-preview .show-tip a {
  font-size: 2rem;
  color: #000;
}
.exercise-preview .show-correct-icon a.active,
.exercise-preview .show-larger-preview a.active,
.exercise-preview .show-tip a.active {
  color: #662ed0;
}
.exercise-preview .show-larger-preview {
  top: 4rem;
  left: 2.1rem;
}
.exercise-preview .show-tip {
  top: 7rem;
}
.exercise-preview .modal-component {
  max-height: 100%;
}
.exercise-preview .styleguide.gynzy.responsive-image .responsive-image__full-screen-preview-container {
  height: 100%;
  width: 100%;
}
.locale-selection {
  padding: 1rem 0;
}
.locale-selection span {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 8pt;
  color: #556474;
}
.locale-selection .dropdown-wrapper {
  display: flex;
}
.locale-selection .multiselect-dropdown .button__student-label {
  height: auto;
}
.opgaven-details {
  padding-left: 1rem;
  padding-top: 2rem;
  height: calc(100% - 5rem);
  text-align: left;
  overflow-x: hidden;
}
.opgaven-details hr {
  margin: 2rem;
}
.opgaven-details .opgave-title i:hover {
  color: #00a8ff;
}
.opgaven-details .opgave-title span {
  font-size: 1.8rem;
  margin-top: 1rem;
  font-weight: bold;
}
.opgaven-details .opgave-title .duplicate-opgave {
  position: absolute;
  right: 3rem;
}
.opgaven-details .opgave-title input {
  display: inline-block;
  width: 90%;
}
.opgaven-details .undo-changes {
  display: flex;
  color: #a00064;
  align-items: center;
  cursor: pointer;
}
.opgaven-details .undo-changes .flat__icon {
  margin-right: 1rem;
}
.opgaven-details .undo-changes .flat__icon .icon--graphics {
  fill: #a00064;
}
.opgaven-details .locale-selection .multiselect-dropdown input {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}
.opgaven-details .edit {
  overflow: auto;
  overflow-x: hidden;
  min-width: 50rem;
  padding: 0 1rem 0 0;
}
@media only screen and (min-width: 2200px) {
  .opgaven-details .edit.preview-breakpoint-width {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .opgaven-details .edit.preview-breakpoint-width {
    width: 66.66%;
  }
}
@media only screen and (max-width: 1023px) {
  .opgaven-details .edit.preview-breakpoint-width {
    width: 100%;
  }
}
.opgaven-details .current-difficulty a {
  margin-left: 10pt;
}
.opgaven-details .current-difficulty div.light-grey {
  color: #86949b;
}
.opgaven-details .opgave-times {
  margin: 8px 0;
}
.opgaven-details .opgave-times > div:not(:last-child) {
  margin-bottom: 8px;
}
.opgaven-details span.opgave-label {
  display: inline-block;
  width: 110px;
}
.save-options {
  padding: 1rem;
  height: 5rem;
  border-top: 1px solid black;
}
.interaction-selection {
  padding: 2rem;
}
.styleguide__modal-dialog {
  width: 100%;
}
.styleguide__modal-dialog .locale-selection,
.styleguide__modal-dialog .delete-opgave-difficulty-modal-container {
  width: 53.33333333rem;
  line-height: 1.5;
}
.exercise-edit-hint-preview {
  width: 100%;
  z-index: 0;
}
.exercise-edit-hint-preview .modal__component {
  position: relative;
}
.exercise-list .flat__icon {
  margin: 0 auto;
}
.exercise-list .exercises {
  max-height: 75vh;
  overflow: auto;
}
.exercise-list .exercises .exercise {
  display: flex;
  align-items: center;
  padding: 8px;
  cursor: pointer;
}
.exercise-list .exercises .exercise input {
  margin-right: 8px;
}
.exercise-list .exercises .exercise:not(.disabled):hover {
  background: #e4e4e4;
}
.exercise-list .exercises .exercise.disabled {
  opacity: 0.5;
}
table.practice-sheet-microgoal .difficulty {
  width: 200px;
}
.vd-page {
  margin: 20px;
  padding: 20px;
}
.vd-filter-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.vd-filter-bar label {
  font-weight: bold;
  white-space: nowrap;
}
.vd-filter-bar select {
  min-width: 250px;
  padding: 6px 10px;
}
.vd-filter-bar input[type='text'] {
  min-width: 200px;
  padding: 6px 10px;
}
.vd-hint {
  color: #888;
  padding: 20px 0;
}
.vd-loading {
  padding: 40px 0;
  text-align: center;
  color: #888;
  font-size: 14px;
}
.vd-locale-badge {
  display: inline-block;
  padding: 2px 8px;
  margin: 1px 2px;
  font-size: 12px;
  line-height: 1.4;
  border-radius: 10px;
  background: #e8f0fe;
  color: #1a73e8;
}
.vd-locale-count {
  color: #555;
  font-size: 13px;
}
.vd-form {
  max-width: 500px;
}
.vd-form .form-group {
  margin-bottom: 16px;
}
.vd-form .form-group label {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
}
.vd-form .form-group input[type='text'],
.vd-form .form-group select {
  width: 100%;
  padding: 8px 10px;
}
.vd-form .toevoegen {
  margin-top: 24px;
}
.vd-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
.vd-page .button-action {
  padding: 8px 20px;
}
.vd-actions .button-action {
  padding: 8px 20px;
}
.vd-upload-container {
  position: relative;
}
.vd-upload-container--spaced {
  margin-top: 16px;
}
.vd-upload-overlay {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.vd-upload-overlay p {
  font-size: 15px;
  font-weight: 600;
  color: #555;
}
.vd-section {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.vd-section h3 {
  margin-top: 0;
  margin-bottom: 16px;
}
.vd-add-locale-row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.vd-add-locale-row label {
  font-weight: bold;
  margin-right: 4px;
}
.vd-add-locale-row select {
  min-width: 160px;
  padding: 6px 10px;
}
.unicorn-manager-application-wrapper {
  height: 100%;
}
html.has-small-font {
  font-size: 8px;
}
body {
  font-size: 1.5rem;
  background-color: #fff;
}
.data-type {
  font-size: 1.45833333rem;
}
.data-type .data-type-title {
  font-weight: 600;
  width: 10%;
  text-align: left;
}
.italic {
  font-style: italic;
}
.l-container,
.l-flex-content {
  height: 100% !important;
}
.ember-view {
  height: 100%;
}
.auto-height {
  height: auto !important;
}
.full-width {
  width: 100%;
}
.no-padding {
  padding: 0 !important;
}
.margin-bottom-4 {
  margin-bottom: 4rem;
}
.margin-right-1 {
  margin-right: 1rem;
}
.disabled {
  opacity: 0.5;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-pre-wrap {
  white-space: pre-wrap;
}
.pencil-1 {
  margin-left: 1.04166667rem;
}
.animated {
  animation-duration: 0.5s;
}
.relative {
  position: relative;
}
.modal-component {
  overflow: auto;
  max-height: 90%;
}
.modal-component .panel {
  width: auto;
}
.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.pointer {
  cursor: pointer;
}
.overflow {
  overflow: auto !important;
}
.inline-block {
  display: inline-block;
}
.header-toolbar h1 > i.flaticon:only-of-type {
  display: inline;
}
.header-toolbar i.header-toolbar--open-navigation {
  display: initial;
  position: relative;
}
.loading-modal {
  background-color: rgba(255, 255, 255, 0.5);
  position: fixed;
  z-index: 150;
  inset: 0;
}
.alert {
  color: #dc1709;
}
.blue {
  color: #76a0cd;
}
.form > li span.error {
  font-size: 1.32rem;
}
input.small-input {
  padding: 0 0.5em;
  width: 10.5rem;
}
select.small-select {
  padding: 0 0.5em;
}
input[type='checkbox'] {
  height: auto;
  cursor: pointer;
}
.input-error {
  border-color: #f85e53 !important;
  box-shadow: inset 0 0 0 1px #f85e53 !important;
}
.link {
  cursor: pointer;
  text-transform: uppercase;
  line-height: 3.75rem;
  font-size: 1.35rem;
  font-weight: bold;
}
.blue-link {
  cursor: pointer;
  text-transform: uppercase;
  line-height: 3.75rem;
  font-size: 1.35rem;
  font-weight: bold;
  color: #00a8ff;
}
.purple-link {
  cursor: pointer;
  text-transform: uppercase;
  line-height: 3.75rem;
  font-size: 1.35rem;
  font-weight: bold;
  color: #920d62;
}
.gray-color {
  color: #b6b6b6;
}
.gray-link {
  cursor: pointer;
  text-transform: uppercase;
  line-height: 3.75rem;
  font-size: 1.35rem;
  font-weight: bold;
  color: #b6b6b6;
}
.blue-button {
  text-transform: uppercase;
  padding: 1.2rem;
  background-color: #00a8ff;
  color: white;
  box-shadow: 0.15rem 0.15rem 0.75rem #ddd;
}
.blue-button:hover {
  color: white;
  background-color: #068cd2;
}
.is-locked .l-flex-content {
  width: calc(100% - 24rem);
}
.hide-menu .l-flex-content {
  margin-left: 0;
}
.hide-menu .l-flex-content .header {
  left: 0;
}
.hide-menu nav.navigation {
  transform: translateX(-24rem);
}
nav.navigation,
.l-flex-content {
  transition: none;
}
nav.navigation .navigation-font-switcher {
  position: absolute;
  right: 1rem;
  bottom: 0;
}
nav.navigation .navigation-font-switcher .small {
  font-size: 1rem;
}
nav.navigation .navigation-lang-switcher {
  position: absolute;
  right: 1rem;
  bottom: 3rem;
}
nav.navigation .navigation-lang-switcher .small {
  font-size: 1rem;
}
.color-cube {
  cursor: pointer;
  width: 2.3rem;
  height: 2.3rem;
  border: 0.1rem solid #c3cace;
  margin: 0 1rem;
}
.color-cube.selected {
  width: 2.5rem;
  height: 2.5rem;
  border: 0.3rem solid #000;
}
.import-field {
  width: 60rem;
  height: 20rem;
  border: 0.3rem dashed #c3cace;
  padding-top: 8.5rem;
}
@keyframes spinAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.spin {
  animation: spinAnimation 2s infinite ease 1.5s;
  display: inline-block;
}
#ember-basic-dropdown-wormhole {
  position: fixed;
  z-index: 22010;
  top: 0;
}
.table {
  position: relative;
}
.table tr:hover {
  background: #e4e4e4;
}
.table .flaticon.menu-2 {
  cursor: ns-resize;
}
.table .flaticon.menu-2:hover {
  color: #00a8ff;
}
.no-border {
  border: none !important;
}