@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
@import url(/assets/aOS/js/vendor/leaflet/leaflet.css);
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button, .attachments-file a, .button-default, .button-primary,
button[type="submit"],
input[type="submit"], .button-red,
.button-orange,
.button-green,
.button-white,
.button-warning, .button-transparent {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, .attachments-file a, .button-default, .button-primary,
button[type="submit"],
input[type="submit"], .button-red,
.button-orange,
.button-green,
.button-white,
.button-warning, .button-transparent,
select {
  text-transform: none; }

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

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], .attachments-file a[disabled], [disabled].button-default, [disabled].button-primary,
input[disabled][type="submit"], [disabled].button-red,
[disabled].button-orange,
[disabled].button-green,
[disabled].button-white,
[disabled].button-warning, [disabled].button-transparent,
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, .attachments-file a::-moz-focus-inner, .button-default::-moz-focus-inner, .button-primary::-moz-focus-inner,
button[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner, .button-red::-moz-focus-inner,
.button-orange::-moz-focus-inner,
.button-green::-moz-focus-inner,
.button-white::-moz-focus-inner,
.button-warning::-moz-focus-inner, .button-transparent::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0; }

/**
 * A-stad styling API
 *
 * A collection of helper functions and mixins to create apps in A-stad.
 *
 * Include this file like this to start developing your own app:
 * @import "a-kit/api";
 */
/**
 * Init
 */
/**
 * Compass + other plugins
 */
/**
 * Compass settings
 */
/**
 * Variables
 *
 * All these can be used in your stylesheet
 *
 * Contents:
 * Base colors and variations
 * Fonts
 * Miscellaneous definitions
 */
/**
 * Defaults, can be overwritten by theme
 */
/**
 * Dimension defaults
 */
/**
 * Padding
 */
/**
 * Margin
 */
/**
 * Grid default settings
 */
/**
 * Typography defaults
 */
/**
 * Font sizes calculated on a modular scale of 1:√2 (1.414)
 * Base font size: 14px
 * Important number: 6
 * http://modularscale.com/scale/?px1=14&px2=6&ra1=1.414&ra2=0
 */
/**
 * Colors
 */
/**
 * Main colors
 */
/**
 * Functional colors
 */
/**
 * Gray colors
 */
/**
 * Others
 */
/**
* Text colors
*/
/**
* Misc colors
*/
/**
 * Z-index:
 *
 * Use like this:
 * .my-element {
 *     z-index: z(navigation);
 * }
 *
 * For every new layer, just add it to the list below
 * For z-index 0 or -1, just define manually
 */
/**
 * Functions
 *
 * Different helpers that can be used throughout A-stad
 */
/**
 * Strip units from any number
 */
/**
 *  Convert unitless dimensions to pixels
 */
/**
 * Convert a pixel value to em
 */
/**
 * Return a space separated list as em values
 * e.g. padding: em-dimensions(10 20 10 15);
 */
/**
 * Convert a pixel value to rem
 */
/**
 * Return a space separated list as rem values
 * e.g. padding: rem-dimensions(10 20 10 15);
 */
/**
 * Output allowed grays
 */
/**
 * Z-index
 * $z-index-list is defined in api/_variables.scss
 */
/**
 * Mixins
 */
/**
 * Undocumented
 */
/**
 * Utility mixins
 */
/**
 * Scale an icon to the supplied width
 *
 * @param	String  $ss		Spritesheet name where the icon is placed in
 * @param	String  $s		The icon classname
 */
/**
 * Scale an icon based on its original size
 *
 * @param	String	$originalSize	Original icon size
 * @param	String	$desiredSize	Desired icon size
 */
/**
 * Return the background position of an icon
 */
/**
 * Typography mixins
 */
/**
 * functions to run when using keyframe animations
 * @params: name duration timing-function delay iteration-count direction
 */
/**
 * Boilerplate for keyframed animations
 * @params: name
 */
/**
 * Remove all animations
 */
/*CSS transitions*/
/**
 * Set animation play state
 */
/**
 * aOS theme configuration
 * Form configuration
 */
/**
 * Grid configuration to generate the grid for our theme
 */
/**
 * Icon parameters
 */
/**
 * Icons
 *
 * We chose to use the <i> tag for icons
 * All icons come from one sprite
 *
 * THIS FILE IS GENERATED FROM SPRITE-TEMPLATE.SCSS
 * ALL CHANGES IN THIS FILE WILL BE OVERWRITTEN
 */
/**
 * Icon settings
 */
/**
 * Icons
 *
 * We chose to use the <i> tag for icons
 * All icons come from one sprite
 *
 * THIS FILE IS GENERATED FROM SPRITE-TEMPLATE.SCSS
 * ALL CHANGES IN THIS FILE WILL BE OVERWRITTEN
 */
/**
 * Icon settings
 */
/**
 * Icons
 *
 * We chose to use the <i> tag for icons
 * All icons come from one sprite
 *
 * THIS FILE IS GENERATED FROM SPRITE-TEMPLATE.SCSS
 * ALL CHANGES IN THIS FILE WILL BE OVERWRITTEN
 */
/**
 * Icon settings
 */
/**
 * Icons
 *
 * We chose to use the <i> tag for icons
 * All icons come from one sprite
 *
 * THIS FILE IS GENERATED FROM SPRITE-TEMPLATE.SCSS
 * ALL CHANGES IN THIS FILE WILL BE OVERWRITTEN
 */
/**
 * Icon settings
 */
/**
 * Icons
 *
 * We chose to use the <i> tag for icons
 * All icons come from one sprite
 *
 * THIS FILE IS GENERATED FROM SPRITE-TEMPLATE.SCSS
 * ALL CHANGES IN THIS FILE WILL BE OVERWRITTEN
 */
/**
 * Icon settings
 */
/**
 * aOS
 */
/**
 * stadsplan
 */
/**
 * Helpcenter
  */
/**
 * A-stad base
 *
 * Default styling for most HTML elements.
 */
/**
 * Default styles
 */
/**
 * Fonts
 *
 * All font includes
 */
/**
 * Light - 300
 */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-300.eot");
  src: url("../fonts/OpenSans-300.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-300.woff") format("woff"), url("../fonts/OpenSans-300.ttf") format("truetype"), url("../fonts/OpenSans-300.svg#open_sans") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-300-Italic.eot");
  src: url("../fonts/OpenSans-300-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-300-Italic.woff") format("woff"), url("../fonts/OpenSans-300-Italic.ttf") format("truetype"), url("../fonts/OpenSans-300-Italic.svg#open_sans") format("svg");
  font-weight: 300;
  font-style: italic; }
/**
 * Regular - 400
 */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-400.eot");
  src: url("../fonts/OpenSans-400.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-400.woff") format("woff"), url("../fonts/OpenSans-400.ttf") format("truetype"), url("../fonts/OpenSans-400.svg#open_sans") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-400-Italic.eot");
  src: url("../fonts/OpenSans-400-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-400-Italic.woff") format("woff"), url("../fonts/OpenSans-400-Italic.ttf") format("truetype"), url("../fonts/OpenSans-400-Italic.svg#open_sans") format("svg");
  font-weight: 400;
  font-style: italic; }
/**
 * Semibold - 600
 */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-600.eot");
  src: url("../fonts/OpenSans-600.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-600.woff") format("woff"), url("../fonts/OpenSans-600.ttf") format("truetype"), url("../fonts/OpenSans-600.svg#open_sans") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-600-Italic.eot");
  src: url("../fonts/OpenSans-600-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-600-Italic.woff") format("woff"), url("../fonts/OpenSans-600-Italic.ttf") format("truetype"), url("../fonts/OpenSans-600-Italic.svg#open_sans") format("svg");
  font-weight: 600;
  font-style: italic; }
/**
 * Bold - 700
 */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-700.eot");
  src: url("../fonts/OpenSans-700.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-700.woff") format("woff"), url("../fonts/OpenSans-700.ttf") format("truetype"), url("../fonts/OpenSans-700.svg#open_sans") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-700-Italic.eot");
  src: url("../fonts/OpenSans-700-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-700-Italic.woff") format("woff"), url("../fonts/OpenSans-700-Italic.ttf") format("truetype"), url("../fonts/OpenSans-700-Italic.svg#open_sans") format("svg");
  font-weight: 700;
  font-style: italic; }
/**
 * Root
 *
 * Styling of universal selectors, <html> and <body>
 */
html {
  font-size: 87.5%;
  line-height: 1.414em; }

/**
 * Universal selectors
 */
::selection {
  background: #3e4651;
  color: #ffffff; }

::-moz-selection {
  background: #3e4651;
  color: #ffffff; }

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  text-rendering: optimizeLegibility; }

/**
 * html and body element
 */
html {
  color: #333333;
  background-color: #ebebeb;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -moz-background-size: "cover";
  -o-background-size: "cover";
  -webkit-background-size: "cover";
  background-size: "cover";
  -webkit-font-smoothing: antialiased;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  width: 100%; }

body {
  position: relative;
  padding-top: 50px ;
  padding-top: 3.57143rem ;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  -webkit-transition: top 0.5s;
  transition: top 0.5s; }

/**
 * Overrides
 */
html.no-scroll body {
  overflow: hidden; }

/**
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
.attachments-file a,
.button-default,
.button-primary,
button[type="submit"],
input[type="submit"],
.button-red,
.button-orange,
.button-green,
.button-white,
.button-warning,
.button-transparent,
input,
select,
textarea {
  font-family: "Open Sans", sans-serif; }

@media (min-width: 640px) {
  body {
    padding-top: 70px ;
    padding-top: 5rem ; } }
@media (min-width: 960px) {
  body {
    padding-top: 90px ;
    padding-top: 6.42857rem ; } }
/**
 * Block elements
 *
 * Grouping content: <h1> <h2> <h3> <h4> <h5> <h6> <p> <ol> <ul> <li> <dl> <dt> <dd> <blockquote> <figcaption>
 */
/**
 * Lists
 */
ul,
ol {
  font-size: 1em;
  line-height: 1.414em;
  margin: 0px 0px 0px 24px ;
  margin: 0rem 0rem 0rem 1.71429rem ;
  padding: 0; }
  ul li,
  ol li {
    margin: 4px 0px 6px ;
    margin: 0.28571rem 0rem 0.42857rem ; }
    ul li > a,
    ol li > a {
      text-decoration: none;
      width: 100%; }

ol {
  list-style: decimal; }
  ol > ol {
    list-style: lower-alpha; }

dl {
  margin: 0px 0px 12px 0px ;
  margin: 0rem 0rem 0.85714rem 0rem ; }
  dl dt {
    font-weight: bold; }

/**
 * List overrides
 */
.list-unstyled {
  margin: 0;
  list-style: none; }

.list-inline, .tabs {
  list-style: none;
  margin: 0px 0px 0px -5px ;
  margin: 0rem 0rem 0rem -0.35714rem ; }
  .list-inline li, .tabs li {
    display: inline-block;
    margin: 0;
    padding: 0px 5px ;
    padding: 0rem 0.35714rem ;
    text-align: center; }

@media (min-width: 640px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    display: inline-block;
    margin-left: 180px; }
    .dl-horizontal dd:after {
      content: "";
      display: table;
      clear: both; }
    .dl-horizontal dd {
      display: block; } }
/**
 * Headings
 */
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
.box-highlight .box-highlight-title,
.box-highlight-info .box-highlight-title,
.box-highlight-eID .box-highlight-title,
.box-highlight-warning .box-highlight-title,
.box-highlight-error .box-highlight-title,
.box-highlight-success .box-highlight-title,
h5,
.h5,
h6,
.h6 {
  font-family: "Open Sans", sans-serif;
  margin: 0;
  padding-bottom: 0.4242em; }
  h1 a, .h1 a,
  h2 a,
  .h2 a,
  h3 a,
  .h3 a,
  h4 a,
  .h4 a,
  .box-highlight .box-highlight-title a,
  .box-highlight-info .box-highlight-title a,
  .box-highlight-eID .box-highlight-title a,
  .box-highlight-warning .box-highlight-title a,
  .box-highlight-error .box-highlight-title a,
  .box-highlight-success .box-highlight-title a,
  h5 a,
  .h5 a,
  h6 a,
  .h6 a {
    color: #333333;
    text-decoration: none; }
    h1 a:hover, .h1 a:hover, h1 a:active, .h1 a:active, h1 a:focus, .h1 a:focus,
    h2 a:hover,
    .h2 a:hover,
    h2 a:active,
    .h2 a:active,
    h2 a:focus,
    .h2 a:focus,
    h3 a:hover,
    .h3 a:hover,
    h3 a:active,
    .h3 a:active,
    h3 a:focus,
    .h3 a:focus,
    h4 a:hover,
    .h4 a:hover,
    .box-highlight .box-highlight-title a:hover,
    .box-highlight-info .box-highlight-title a:hover,
    .box-highlight-eID .box-highlight-title a:hover,
    .box-highlight-warning .box-highlight-title a:hover,
    .box-highlight-error .box-highlight-title a:hover,
    .box-highlight-success .box-highlight-title a:hover,
    h4 a:active,
    .h4 a:active,
    .box-highlight .box-highlight-title a:active,
    .box-highlight-info .box-highlight-title a:active,
    .box-highlight-eID .box-highlight-title a:active,
    .box-highlight-warning .box-highlight-title a:active,
    .box-highlight-error .box-highlight-title a:active,
    .box-highlight-success .box-highlight-title a:active,
    h4 a:focus,
    .h4 a:focus,
    .box-highlight .box-highlight-title a:focus,
    .box-highlight-info .box-highlight-title a:focus,
    .box-highlight-eID .box-highlight-title a:focus,
    .box-highlight-warning .box-highlight-title a:focus,
    .box-highlight-error .box-highlight-title a:focus,
    .box-highlight-success .box-highlight-title a:focus,
    h5 a:hover,
    .h5 a:hover,
    h5 a:active,
    .h5 a:active,
    h5 a:focus,
    .h5 a:focus,
    h6 a:hover,
    .h6 a:hover,
    h6 a:active,
    .h6 a:active,
    h6 a:focus,
    .h6 a:focus {
      color: #219dc8; }
    h1 a:focus, .h1 a:focus,
    h2 a:focus,
    .h2 a:focus,
    h3 a:focus,
    .h3 a:focus,
    h4 a:focus,
    .h4 a:focus,
    .box-highlight .box-highlight-title a:focus,
    .box-highlight-info .box-highlight-title a:focus,
    .box-highlight-eID .box-highlight-title a:focus,
    .box-highlight-warning .box-highlight-title a:focus,
    .box-highlight-error .box-highlight-title a:focus,
    .box-highlight-success .box-highlight-title a:focus,
    h5 a:focus,
    .h5 a:focus,
    h6 a:focus,
    .h6 a:focus {
      background-color: #219dc8;
      color: #ffffff; }

h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
.box-highlight .box-highlight-title,
.box-highlight-info .box-highlight-title,
.box-highlight-eID .box-highlight-title,
.box-highlight-warning .box-highlight-title,
.box-highlight-error .box-highlight-title,
.box-highlight-success .box-highlight-title,
h5,
.h5,
h6,
.h6 {
  font-weight: 300; }

h1, .h1 {
  font-size: 2.42857em;
  line-height: 1.16447em; }

h2, .h2 {
  font-size: 2em;
  line-height: 1.414em; }

h3, .h3 {
  font-size: 1.71429em;
  line-height: 1.23725em; }

h4, .h4, .box-highlight .box-highlight-title, .box-highlight-info .box-highlight-title,
.box-highlight-eID .box-highlight-title, .box-highlight-warning .box-highlight-title, .box-highlight-error .box-highlight-title, .box-highlight-success .box-highlight-title {
  font-size: 1.42857em;
  line-height: 1.4847em; }

h5, .h5 {
  font-size: 1.21429em;
  line-height: 1.74671em; }

h6, .h6 {
  font-size: 1em;
  line-height: 1.414em; }

/**
 * Custom headings
 */
h1.title, .title.h1 {
  font-weight: 300;
  color: #666666;
  font-size: 1.71429em;
  line-height: 1.23725em;
  line-height: 30px ;
  line-height: 2.14286rem ; }

/**
 * Body copy
 */
/**
 * Paragraph
 */
p {
  font-size: 1em;
  line-height: 1.414em;
  line-height: 1.5554em;
  padding-bottom: 1.2726em;
  margin: 0; }

/**
 * Custom paragraph
 */
p.lead {
  font-size: 1.07143em;
  line-height: 1.31973em;
  line-height: 1.414em;
  padding-bottom: 1.1312em;
  font-weight: 100;
  font-family: "Open Sans", sans-serif;
  color: #666666; }

p.footnote {
  font-size: 0.85714em;
  line-height: 1.64967em;
  line-height: 20px ;
  line-height: 1.42857rem ;
  color: #999999; }

/**
 * Blockquote
 */
blockquote {
  display: inline-block;
  font-size: 1.28571em;
  line-height: 1.64967em;
  text-align: center;
  color: #cccccc;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  margin: 30px 0px 50px ;
  margin: 2.14286rem 0rem 3.57143rem ; }
  blockquote:after {
    content: "";
    display: table;
    clear: both; }
  blockquote {
    display: block; }
  blockquote p {
    display: inline-block;
    max-width: 80%;
    padding-bottom: 0; }
    blockquote p::before {
      content: '\201C'; }
    blockquote p::after {
      content: '\201D'; }

.blockquote-left {
  text-align: left; }

.blockquote-right {
  text-align: right; }

@media (min-width: 640px) {
  blockquote p {
    width: 65%; } }
@media (min-width: 960px) {
  blockquote p {
    width: 50%; } }
code {
  padding: 2px 4px ;
  padding: 0.14286rem 0.28571rem ;
  border-radius: 4px ;
  border-radius: 0.28571rem ;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4; }

/**
 * Figure
 */
figure {
  margin: 0; }

/**
 * Figcaption
 */
figcaption {
  color: #999999;
  text-align: center; }

/**
 * Inline elements
 *
 * Text-level semantics: <a> <small> <b> <strong> <time>
 */
/**
 * Hyperlinks and anchors
 */
a {
  color: #219dc8;
  cursor: pointer;
  outline: none;
  position: relative;
  text-decoration: underline; }
  a:hover, a:active, a:focus {
    color: #1b82a5;
    text-decoration: underline; }
  a:active, a:focus {
    outline: none; }
  a.button-default[rel~="external"] {
    padding-right: 32px ;
    padding-right: 2.28571rem ; }

/**
 * Overrides
 */
a.plus {
  margin-left: 13px ;
  margin-left: 0.92857rem ;
  font-weight: 600;
  position: relative; }
  a.plus:before {
    color: #333333;
    content: '+';
    left: -13px ;
    left: -0.92857rem ;
    position: absolute;
    top: 0.5px ;
    top: 0.03571rem ;
    width: 13px ;
    width: 0.92857rem ; }
  a.plus:link, a.plus:visited {
    text-decoration: none; }
  a.plus:hover, a.plus:active, a.plus:focus {
    text-decoration: underline; }

a.incognito {
  color: #999999; }

/**
 * Other inline elements
 */
small, .small {
  font-size: 0.78571em;
  line-height: 1.79964em;
  color: #cccccc; }
  small a .ext-icon, .small a .ext-icon {
    width: 18px ;
    width: 1.28571rem ;
    height: 12px ;
    height: 0.85714rem ;
    margin-top: -5px ;
    margin-top: -0.35714rem ; }

b,
strong {
  font-weight: bold; }

time {
  font-size: 0.78571em;
  line-height: 1.79964em;
  display: inline-block;
  color: #333333; }
  time:after {
    content: "";
    display: table;
    clear: both; }
  time {
    display: block; }

/**
 * Embedded content
 *
 * Styling for <img> <video>
 */
img, video {
  max-width: 100%;
  height: auto; }

img {
  vertical-align: top; }

/**
 * Overrides
 */
img.rounded {
  -moz-border-radius: 1000px;
  -webkit-border-radius: 1000px;
  border-radius: 1000px; }

/**
 * Root
 *
 * Styling of universal selectors, <html> and <body>
 */
/**
* Form colors
*/
/**
 * Available variables 
 *
	// Dimensions and layout
	$form-field-border-radius:				3px;
	$form-field-text-size:					$base-font-size;
	$form-field-text-weight:				400;
	$form-field-label-weight:				600;
	$form-field-padding:					25px 25px 17px 25px;
	$form-field-margin:						0 0 30px 0; // Should this extend the default theme margins?


	// Colors
	$form-field-background-color:			$white;
	$form-field-border-color:				$grayLight;
	$form-field-text-color:					$gray;
	$form-field-label-color:				$gray;


	// Focus
	$form-field-focus-border-color:			#4BB1F9;
	$form-field-focus-text-color:			$form-text-color;
	$form-field-focus-text-style:			italic;
	$form-field-focus-background-color:		$white;

	// Error
	$form-field-error-border-color:			#FF6C6C;
	$form-field-error-text-color:			#FF6C6C;
	$form-field-error-text-style:			italic;
	$form-field-error-background-color:		$white;

	// Placeholder
	$form-placeholder-color:			$grayLight;
	$form-placeholder-style:			italic;
	$form-placeholder-focus-color:		lighten($grayLight, 4%);
 */
/**
 * General form elements
 */
form {
  display: inline-block; }
  form:after {
    content: "";
    display: table;
    clear: both; }
  form {
    display: block; }

fieldset {
  border: none;
  margin: 0px 0px 15px 0px ;
  margin: 0rem 0rem 1.07143rem 0rem ;
  padding: 12px 0px ;
  padding: 0.85714rem 0rem ; }
  fieldset:not(:last-child) {
    border-bottom: 1px solid #e1e1e1; }
  fieldset legend {
    font-weight: bold;
    margin: 0px 0px 16px ;
    margin: 0rem 0rem 1.14286rem ; }

label, .generalLabel {
  color: #666666;
  cursor: pointer;
  display: block;
  font-weight: 600;
  margin: 0px 0px 4px ;
  margin: 0rem 0rem 0.28571rem ;
  width: 100%; }
  label.required:after, .required.generalLabel:after {
    content: "*";
    color: #FF6C6C;
    margin-left: 5px ;
    margin-left: 0.35714rem ; }

input[type="color"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
.autocomplete-dynamicSearch-selected,
input[type="url"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
textarea,
select {
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  color: #666666;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.414em;
  padding: 12px 32px 9px 12px ;
  padding: 0.85714rem 2.28571rem 0.64286rem 0.85714rem ;
  width: 100%;
  -webkit-appearance: none;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out; }
  input[type="color"]:placeholder,
  input[type="email"]:placeholder,
  input[type="password"]:placeholder,
  input[type="search"]:placeholder,
  input[type="tel"]:placeholder,
  input[type="text"]:placeholder,
  .autocomplete-dynamicSearch-selected:placeholder,
  input[type="url"]:placeholder,
  input[type="number"]:placeholder,
  input[type="date"]:placeholder,
  input[type="time"]:placeholder,
  input[type="datetime"]:placeholder,
  input[type="datetime-local"]:placeholder,
  input[type="week"]:placeholder,
  input[type="month"]:placeholder,
  textarea:placeholder,
  select:placeholder {
    color: #cccccc;
    font-style: "italic";
    font-weight: "normal"; }
  input[type="color"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="text"]:-ms-input-placeholder,
  .autocomplete-dynamicSearch-selected:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="time"]:-ms-input-placeholder,
  input[type="datetime"]:-ms-input-placeholder,
  input[type="datetime-local"]:-ms-input-placeholder,
  input[type="week"]:-ms-input-placeholder,
  input[type="month"]:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  select:-ms-input-placeholder {
    color: #cccccc;
    font-style: "italic"; }
  input[type="color"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="text"]:-moz-placeholder,
  .autocomplete-dynamicSearch-selected:-moz-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="date"]:-moz-placeholder,
  input[type="time"]:-moz-placeholder,
  input[type="datetime"]:-moz-placeholder,
  input[type="datetime-local"]:-moz-placeholder,
  input[type="week"]:-moz-placeholder,
  input[type="month"]:-moz-placeholder,
  textarea:-moz-placeholder,
  select:-moz-placeholder {
    color: #cccccc;
    font-style: "italic"; }
  input[type="color"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="text"]::-moz-placeholder,
  .autocomplete-dynamicSearch-selected::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  textarea::-moz-placeholder,
  select::-moz-placeholder {
    color: #cccccc;
    font-style: "italic"; }
  input[type="color"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="text"]::-webkit-input-placeholder,
  .autocomplete-dynamicSearch-selected::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  select::-webkit-input-placeholder {
    color: #cccccc;
    font-style: "italic"; }

input[type="color"]:focus, input[type="color"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="text"]:focus,
.autocomplete-dynamicSearch-selected:focus,
input[type="text"]:active,
.autocomplete-dynamicSearch-selected:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="month"]:focus,
input[type="month"]:active,
textarea:focus,
textarea:active {
  background: #ffffff;
  border-color: #4BB1F9;
  -moz-box-shadow: #7cc6fb 0 0 2px;
  -webkit-box-shadow: #7cc6fb 0 0 2px;
  box-shadow: #7cc6fb 0 0 2px; }
  input[type="color"]:focus:placeholder, input[type="color"]:active:placeholder,
  input[type="email"]:focus:placeholder,
  input[type="email"]:active:placeholder,
  input[type="password"]:focus:placeholder,
  input[type="password"]:active:placeholder,
  input[type="search"]:focus:placeholder,
  input[type="search"]:active:placeholder,
  input[type="tel"]:focus:placeholder,
  input[type="tel"]:active:placeholder,
  input[type="text"]:focus:placeholder,
  .autocomplete-dynamicSearch-selected:focus:placeholder,
  input[type="text"]:active:placeholder,
  .autocomplete-dynamicSearch-selected:active:placeholder,
  input[type="url"]:focus:placeholder,
  input[type="url"]:active:placeholder,
  input[type="number"]:focus:placeholder,
  input[type="number"]:active:placeholder,
  input[type="date"]:focus:placeholder,
  input[type="date"]:active:placeholder,
  input[type="time"]:focus:placeholder,
  input[type="time"]:active:placeholder,
  input[type="datetime"]:focus:placeholder,
  input[type="datetime"]:active:placeholder,
  input[type="datetime-local"]:focus:placeholder,
  input[type="datetime-local"]:active:placeholder,
  input[type="week"]:focus:placeholder,
  input[type="week"]:active:placeholder,
  input[type="month"]:focus:placeholder,
  input[type="month"]:active:placeholder,
  textarea:focus:placeholder,
  textarea:active:placeholder {
    color: #d6d6d6;
    font-style: "italic";
    font-weight: "normal"; }
  input[type="color"]:focus:-ms-input-placeholder, input[type="color"]:active:-ms-input-placeholder,
  input[type="email"]:focus:-ms-input-placeholder,
  input[type="email"]:active:-ms-input-placeholder,
  input[type="password"]:focus:-ms-input-placeholder,
  input[type="password"]:active:-ms-input-placeholder,
  input[type="search"]:focus:-ms-input-placeholder,
  input[type="search"]:active:-ms-input-placeholder,
  input[type="tel"]:focus:-ms-input-placeholder,
  input[type="tel"]:active:-ms-input-placeholder,
  input[type="text"]:focus:-ms-input-placeholder,
  .autocomplete-dynamicSearch-selected:focus:-ms-input-placeholder,
  input[type="text"]:active:-ms-input-placeholder,
  .autocomplete-dynamicSearch-selected:active:-ms-input-placeholder,
  input[type="url"]:focus:-ms-input-placeholder,
  input[type="url"]:active:-ms-input-placeholder,
  input[type="number"]:focus:-ms-input-placeholder,
  input[type="number"]:active:-ms-input-placeholder,
  input[type="date"]:focus:-ms-input-placeholder,
  input[type="date"]:active:-ms-input-placeholder,
  input[type="time"]:focus:-ms-input-placeholder,
  input[type="time"]:active:-ms-input-placeholder,
  input[type="datetime"]:focus:-ms-input-placeholder,
  input[type="datetime"]:active:-ms-input-placeholder,
  input[type="datetime-local"]:focus:-ms-input-placeholder,
  input[type="datetime-local"]:active:-ms-input-placeholder,
  input[type="week"]:focus:-ms-input-placeholder,
  input[type="week"]:active:-ms-input-placeholder,
  input[type="month"]:focus:-ms-input-placeholder,
  input[type="month"]:active:-ms-input-placeholder,
  textarea:focus:-ms-input-placeholder,
  textarea:active:-ms-input-placeholder {
    color: #d6d6d6;
    font-style: "italic"; }
  input[type="color"]:focus:-moz-placeholder, input[type="color"]:active:-moz-placeholder,
  input[type="email"]:focus:-moz-placeholder,
  input[type="email"]:active:-moz-placeholder,
  input[type="password"]:focus:-moz-placeholder,
  input[type="password"]:active:-moz-placeholder,
  input[type="search"]:focus:-moz-placeholder,
  input[type="search"]:active:-moz-placeholder,
  input[type="tel"]:focus:-moz-placeholder,
  input[type="tel"]:active:-moz-placeholder,
  input[type="text"]:focus:-moz-placeholder,
  .autocomplete-dynamicSearch-selected:focus:-moz-placeholder,
  input[type="text"]:active:-moz-placeholder,
  .autocomplete-dynamicSearch-selected:active:-moz-placeholder,
  input[type="url"]:focus:-moz-placeholder,
  input[type="url"]:active:-moz-placeholder,
  input[type="number"]:focus:-moz-placeholder,
  input[type="number"]:active:-moz-placeholder,
  input[type="date"]:focus:-moz-placeholder,
  input[type="date"]:active:-moz-placeholder,
  input[type="time"]:focus:-moz-placeholder,
  input[type="time"]:active:-moz-placeholder,
  input[type="datetime"]:focus:-moz-placeholder,
  input[type="datetime"]:active:-moz-placeholder,
  input[type="datetime-local"]:focus:-moz-placeholder,
  input[type="datetime-local"]:active:-moz-placeholder,
  input[type="week"]:focus:-moz-placeholder,
  input[type="week"]:active:-moz-placeholder,
  input[type="month"]:focus:-moz-placeholder,
  input[type="month"]:active:-moz-placeholder,
  textarea:focus:-moz-placeholder,
  textarea:active:-moz-placeholder {
    color: #d6d6d6;
    font-style: "italic"; }
  input[type="color"]:focus::-moz-placeholder, input[type="color"]:active::-moz-placeholder,
  input[type="email"]:focus::-moz-placeholder,
  input[type="email"]:active::-moz-placeholder,
  input[type="password"]:focus::-moz-placeholder,
  input[type="password"]:active::-moz-placeholder,
  input[type="search"]:focus::-moz-placeholder,
  input[type="search"]:active::-moz-placeholder,
  input[type="tel"]:focus::-moz-placeholder,
  input[type="tel"]:active::-moz-placeholder,
  input[type="text"]:focus::-moz-placeholder,
  .autocomplete-dynamicSearch-selected:focus::-moz-placeholder,
  input[type="text"]:active::-moz-placeholder,
  .autocomplete-dynamicSearch-selected:active::-moz-placeholder,
  input[type="url"]:focus::-moz-placeholder,
  input[type="url"]:active::-moz-placeholder,
  input[type="number"]:focus::-moz-placeholder,
  input[type="number"]:active::-moz-placeholder,
  input[type="date"]:focus::-moz-placeholder,
  input[type="date"]:active::-moz-placeholder,
  input[type="time"]:focus::-moz-placeholder,
  input[type="time"]:active::-moz-placeholder,
  input[type="datetime"]:focus::-moz-placeholder,
  input[type="datetime"]:active::-moz-placeholder,
  input[type="datetime-local"]:focus::-moz-placeholder,
  input[type="datetime-local"]:active::-moz-placeholder,
  input[type="week"]:focus::-moz-placeholder,
  input[type="week"]:active::-moz-placeholder,
  input[type="month"]:focus::-moz-placeholder,
  input[type="month"]:active::-moz-placeholder,
  textarea:focus::-moz-placeholder,
  textarea:active::-moz-placeholder {
    color: #d6d6d6;
    font-style: "italic"; }
  input[type="color"]:focus::-webkit-input-placeholder, input[type="color"]:active::-webkit-input-placeholder,
  input[type="email"]:focus::-webkit-input-placeholder,
  input[type="email"]:active::-webkit-input-placeholder,
  input[type="password"]:focus::-webkit-input-placeholder,
  input[type="password"]:active::-webkit-input-placeholder,
  input[type="search"]:focus::-webkit-input-placeholder,
  input[type="search"]:active::-webkit-input-placeholder,
  input[type="tel"]:focus::-webkit-input-placeholder,
  input[type="tel"]:active::-webkit-input-placeholder,
  input[type="text"]:focus::-webkit-input-placeholder,
  .autocomplete-dynamicSearch-selected:focus::-webkit-input-placeholder,
  input[type="text"]:active::-webkit-input-placeholder,
  .autocomplete-dynamicSearch-selected:active::-webkit-input-placeholder,
  input[type="url"]:focus::-webkit-input-placeholder,
  input[type="url"]:active::-webkit-input-placeholder,
  input[type="number"]:focus::-webkit-input-placeholder,
  input[type="number"]:active::-webkit-input-placeholder,
  input[type="date"]:focus::-webkit-input-placeholder,
  input[type="date"]:active::-webkit-input-placeholder,
  input[type="time"]:focus::-webkit-input-placeholder,
  input[type="time"]:active::-webkit-input-placeholder,
  input[type="datetime"]:focus::-webkit-input-placeholder,
  input[type="datetime"]:active::-webkit-input-placeholder,
  input[type="datetime-local"]:focus::-webkit-input-placeholder,
  input[type="datetime-local"]:active::-webkit-input-placeholder,
  input[type="week"]:focus::-webkit-input-placeholder,
  input[type="week"]:active::-webkit-input-placeholder,
  input[type="month"]:focus::-webkit-input-placeholder,
  input[type="month"]:active::-webkit-input-placeholder,
  textarea:focus::-webkit-input-placeholder,
  textarea:active::-webkit-input-placeholder {
    color: #d6d6d6;
    font-style: "italic"; }
input[type="color"].fieldValid:not(.form-searchField):not(.ng-pristine),
input[type="email"].fieldValid:not(.form-searchField):not(.ng-pristine),
input[type="password"].fieldValid:not(.form-searchField):not(.ng-pristine),
input[type="search"].fieldValid:not(.form-searchField):not(.ng-pristine),
input[type="tel"].fieldValid:not(.form-searchField):not(.ng-pristine),
input[type="text"].fieldValid:not(.form-searchField):not(.ng-pristine),
.fieldValid.autocomplete-dynamicSearch-selected:not(.form-searchField):not(.ng-pristine),
input[type="url"].fieldValid:not(.form-searchField):not(.ng-pristine),
input[type="number"].fieldValid:not(.form-searchField):not(.ng-pristine),
input[type="date"].fieldValid:not(.form-searchField):not(.ng-pristine),
input[type="time"].fieldValid:not(.form-searchField):not(.ng-pristine),
input[type="datetime"].fieldValid:not(.form-searchField):not(.ng-pristine),
input[type="datetime-local"].fieldValid:not(.form-searchField):not(.ng-pristine),
input[type="week"].fieldValid:not(.form-searchField):not(.ng-pristine),
input[type="month"].fieldValid:not(.form-searchField):not(.ng-pristine),
textarea.fieldValid:not(.form-searchField):not(.ng-pristine) {
  background: #ffffff url('../gfx/gui/field-ok.svg?1439897247') no-repeat;
  background-position: right 10px top 15px;
  background-size: 15px ;
  background-size: 1.07143rem ; }
input[type="color"].ng-error, input[type="color"].fieldInvalid.ng-dirty,
input[type="email"].ng-error,
input[type="email"].fieldInvalid.ng-dirty,
input[type="password"].ng-error,
input[type="password"].fieldInvalid.ng-dirty,
input[type="search"].ng-error,
input[type="search"].fieldInvalid.ng-dirty,
input[type="tel"].ng-error,
input[type="tel"].fieldInvalid.ng-dirty,
input[type="text"].ng-error,
.ng-error.autocomplete-dynamicSearch-selected,
input[type="text"].fieldInvalid.ng-dirty,
.fieldInvalid.ng-dirty.autocomplete-dynamicSearch-selected,
input[type="url"].ng-error,
input[type="url"].fieldInvalid.ng-dirty,
input[type="number"].ng-error,
input[type="number"].fieldInvalid.ng-dirty,
input[type="date"].ng-error,
input[type="date"].fieldInvalid.ng-dirty,
input[type="time"].ng-error,
input[type="time"].fieldInvalid.ng-dirty,
input[type="datetime"].ng-error,
input[type="datetime"].fieldInvalid.ng-dirty,
input[type="datetime-local"].ng-error,
input[type="datetime-local"].fieldInvalid.ng-dirty,
input[type="week"].ng-error,
input[type="week"].fieldInvalid.ng-dirty,
input[type="month"].ng-error,
input[type="month"].fieldInvalid.ng-dirty,
textarea.ng-error,
textarea.fieldInvalid.ng-dirty {
  background: #ffffff url('../gfx/gui/field-error.svg?1439897247') no-repeat;
  background-position: right 10px top 12px;
  background-size: 19px ;
  background-size: 1.35714rem ;
  border-color: #FF6C6C !important;
  color: #FF6C6C;
  font-style: italic; }
  input[type="color"].ng-error:focus, input[type="color"].fieldInvalid.ng-dirty:focus,
  input[type="email"].ng-error:focus,
  input[type="email"].fieldInvalid.ng-dirty:focus,
  input[type="password"].ng-error:focus,
  input[type="password"].fieldInvalid.ng-dirty:focus,
  input[type="search"].ng-error:focus,
  input[type="search"].fieldInvalid.ng-dirty:focus,
  input[type="tel"].ng-error:focus,
  input[type="tel"].fieldInvalid.ng-dirty:focus,
  input[type="text"].ng-error:focus,
  .ng-error.autocomplete-dynamicSearch-selected:focus,
  input[type="text"].fieldInvalid.ng-dirty:focus,
  .fieldInvalid.ng-dirty.autocomplete-dynamicSearch-selected:focus,
  input[type="url"].ng-error:focus,
  input[type="url"].fieldInvalid.ng-dirty:focus,
  input[type="number"].ng-error:focus,
  input[type="number"].fieldInvalid.ng-dirty:focus,
  input[type="date"].ng-error:focus,
  input[type="date"].fieldInvalid.ng-dirty:focus,
  input[type="time"].ng-error:focus,
  input[type="time"].fieldInvalid.ng-dirty:focus,
  input[type="datetime"].ng-error:focus,
  input[type="datetime"].fieldInvalid.ng-dirty:focus,
  input[type="datetime-local"].ng-error:focus,
  input[type="datetime-local"].fieldInvalid.ng-dirty:focus,
  input[type="week"].ng-error:focus,
  input[type="week"].fieldInvalid.ng-dirty:focus,
  input[type="month"].ng-error:focus,
  input[type="month"].fieldInvalid.ng-dirty:focus,
  textarea.ng-error:focus,
  textarea.fieldInvalid.ng-dirty:focus {
    -moz-box-shadow: #ff9f9f 0 0 2px;
    -webkit-box-shadow: #ff9f9f 0 0 2px;
    box-shadow: #ff9f9f 0 0 2px; }

textarea {
  background-position: right top;
  height: 90px ;
  height: 6.42857rem ;
  resize: vertical !important; }

/**
 * Firefox only
 * https://gist.github.com/joaocunha/6273016
 */
@-moz-document url-prefix() {
  .select-wrapper {
    position: relative; }
    .select-wrapper:after {
      content: "";
      text-align: center;
      position: absolute;
      background: #ffffff url('../gfx/gui/select-arrow.svg?1439897247') no-repeat;
      background-position: right 10px top 14px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      width: 32px;
      height: 41px;
      right: 1px;
      top: 1px;
      pointer-events: none; }
    .select-wrapper select {
      height: 43px; } }
/**
 * IE10+
 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select::-ms-expand {
    display: none; } }
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #ffffff url('../gfx/gui/select-arrow.svg?1439897247') no-repeat;
  cursor: pointer;
  background-position: right 10px top 14px; }
  select:focus, select:active {
    background: #ffffff url('../gfx/gui/select-arrow.svg?1439897247') no-repeat;
    border-color: #4BB1F9;
    -moz-box-shadow: #7cc6fb 0 0 2px;
    -webkit-box-shadow: #7cc6fb 0 0 2px;
    box-shadow: #7cc6fb 0 0 2px;
    background-position: right 10px top 14px; }
    select:focus:placeholder, select:active:placeholder {
      color: #cccccc;
      font-style: "italic";
      font-weight: "normal"; }
    select:focus:-ms-input-placeholder, select:active:-ms-input-placeholder {
      color: #cccccc;
      font-style: "italic"; }
    select:focus:-moz-placeholder, select:active:-moz-placeholder {
      color: #cccccc;
      font-style: "italic"; }
    select:focus::-moz-placeholder, select:active::-moz-placeholder {
      color: #cccccc;
      font-style: "italic"; }
    select:focus::-webkit-input-placeholder, select:active::-webkit-input-placeholder {
      color: #cccccc;
      font-style: "italic"; }
    select:focus:placeholder, select:active:placeholder {
      color: #d6d6d6;
      font-style: "italic";
      font-weight: "normal"; }
    select:focus:-ms-input-placeholder, select:active:-ms-input-placeholder {
      color: #d6d6d6;
      font-style: "italic"; }
    select:focus:-moz-placeholder, select:active:-moz-placeholder {
      color: #d6d6d6;
      font-style: "italic"; }
    select:focus::-moz-placeholder, select:active::-moz-placeholder {
      color: #d6d6d6;
      font-style: "italic"; }
    select:focus::-webkit-input-placeholder, select:active::-webkit-input-placeholder {
      color: #d6d6d6;
      font-style: "italic"; }
  select:disabled {
    color: #cccccc;
    border: solid 1px #E7E7E7; }

input[type="checkbox"],
input[type="radio"] {
  clip: rect(0, 0, 0, 0);
  position: absolute;
  z-index: 0; }
  input[type="checkbox"] + label, input[type="checkbox"] + .generalLabel,
  input[type="radio"] + label,
  input[type="radio"] + .generalLabel {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    overflow: hidden; }
    input[type="checkbox"] + label span, input[type="checkbox"] + .generalLabel span,
    input[type="radio"] + label span,
    input[type="radio"] + .generalLabel span {
      position: relative;
      top: 2px ;
      top: 0.14286rem ; }
    input[type="checkbox"] + label:before, input[type="checkbox"] + .generalLabel:before,
    input[type="radio"] + label:before,
    input[type="radio"] + .generalLabel:before {
      content: "";
      display: block;
      float: left;
      margin: 0px 8px 0px 0px ;
      margin: 0rem 0.57143rem 0rem 0rem ;
      width: 21px ;
      width: 1.5rem ;
      height: 21px ;
      height: 1.5rem ; }
  input[type="checkbox"]:disabled + label, input[type="checkbox"]:disabled + .generalLabel,
  input[type="radio"]:disabled + label,
  input[type="radio"]:disabled + .generalLabel {
    cursor: default;
    opacity: .5; }

input[type="radio"] + label, input[type="radio"] + .generalLabel {
  padding: 2px 0px 0px ;
  padding: 0.14286rem 0rem 0rem ; }

input[type="checkbox"] + label, input[type="checkbox"] + .generalLabel {
  padding: 2px 0px 5px ;
  padding: 0.14286rem 0rem 0.35714rem ; }
  input[type="checkbox"] + label:before, input[type="checkbox"] + .generalLabel:before {
    background: url('../gfx/gui/checkbox-off.svg?1439897247') no-repeat;
    background-size: contain; }
input[type="checkbox"]:focus + label:before, input[type="checkbox"]:focus + .generalLabel:before, input[type="checkbox"]:hover + label:before, input[type="checkbox"]:hover + .generalLabel:before {
  background: url('../gfx/gui/checkbox-focus.svg?1439897247') no-repeat;
  background-size: contain; }
input[type="checkbox"].checked + label:before, input[type="checkbox"].checked + .generalLabel:before {
  background-image: url('../gfx/gui/checkbox-on.svg?1439897247'); }
input[type="checkbox"].partial + label:before, input[type="checkbox"].partial + .generalLabel:before {
  background-image: url('../gfx/gui/checkbox-partial.svg?1439897247'); }

input[type="radio"] + label:before, input[type="radio"] + .generalLabel:before {
  background: url('../gfx/gui/radiobutton-off.svg?1439897247') no-repeat;
  background-size: contain; }
input[type="radio"]:focus + label:before, input[type="radio"]:focus + .generalLabel:before {
  background: url('../gfx/gui/radiobutton-focus.svg?1439897247') no-repeat;
  background-size: contain; }
input[type="radio"]:checked + label:before, input[type="radio"]:checked + .generalLabel:before {
  background-image: url('../gfx/gui/radiobutton-on.svg?1439897247'); }

/*select {


	@include appearance(none);
	background: $form-select-background-color image-url('gui/select-arrow.svg') no-repeat right center;
	@include rem-dimensions("background-size", 30);
	border-radius: $form-field-border-radius;
	border: 1px solid $form-select-border-color;
	@include rem-dimensions("padding", 9 8 8);
	text-indent: 0.01px;
	text-overflow: '';
	width: 100%;

	&:focus {
		border-bottom: 1px solid $form-select-border-focus-color;
		border-right: 1px solid $form-select-border-focus-color;
	}

	&.dark {
		background-color: $smoke;
		border-color: lighten($grayLight, 6%);
	}
}*/
/**
 * Overrides
 */
select.select-small {
  padding: 4px 8px ;
  padding: 0.28571rem 0.57143rem ; }

		+ label {
			@include rem-dimensions("padding", 0);

			&:before {
				@include rem-dimensions("margin", 2 8 0 0);
			}
		}
	}

	input[type="radio"] {
		+ label {
			@include rem-dimensions("padding", 0);
		}
	}

	input[type="checkbox"] {
		+ label {
			@include rem-dimensions("padding", 0 0 5);
		}
	}
}*/
/**
 * Table styling
 */
table {
  margin: 0px 0px 12px 0px ;
  margin: 0rem 0rem 0.85714rem 0rem ;
  width: 100%; }

th {
  text-transform: uppercase;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
  padding: 10px 5px 10px 5px ;
  padding: 0.71429rem 0.35714rem 0.71429rem 0.35714rem ; }

tr {
  border-bottom: 1px solid #ebebeb; }
  tr:hover td {
    background-color: white; }

td {
  text-align: center;
  padding: 10px 5px 10px 5px ;
  padding: 0.71429rem 0.35714rem 0.71429rem 0.35714rem ; }

/**
 * The grid
 *
 * Based on Singularity grid
 * More info can be found on GitHub: https://github.com/Team-Sass/Singularity
 */
/**
 * Singularity grid generation
 */
/**
 * Mixins
 */
/**
 * Generate isolation span classes
 */
/**
 * Generate floating span classes
 */
/**
 * Initialize our grid
 */
.span-3-1 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 0;
  clear: left; }

.span-centered-3 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 38.13559%;
  clear: both; }

.span-4-1 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 0;
  clear: left; }

.span-centered-4 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: both; }

.span-6-1 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 0;
  clear: left; }

.span-centered-6 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: both; }

.span-8-1 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 0;
  clear: left; }

.span-centered-8 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: both; }

.span-9-1 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 0;
  clear: left; }

.span-centered-9 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 12.71186%;
  clear: both; }

.span-12-1 {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: left; }

.span-centered-12 {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }

.span-3-2 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 8.47458%;
  clear: none; }

.span-centered-3 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 38.13559%;
  clear: both; }

.span-4-2 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 8.47458%;
  clear: none; }

.span-centered-4 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: both; }

.span-6-2 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 8.47458%;
  clear: none; }

.span-centered-6 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: both; }

.span-8-2 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 8.47458%;
  clear: none; }

.span-centered-8 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: both; }

.span-9-2 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 8.47458%;
  clear: none; }

.span-centered-9 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 12.71186%;
  clear: both; }

.span-centered-12 {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }

.span-3-3 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: none; }

.span-centered-3 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 38.13559%;
  clear: both; }

.span-4-3 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: none; }

.span-centered-4 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: both; }

.span-6-3 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: none; }

.span-centered-6 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: both; }

.span-8-3 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: none; }

.span-centered-8 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: both; }

.span-9-3 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: none; }

.span-centered-9 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 12.71186%;
  clear: both; }

.span-centered-12 {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }

.span-3-4 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: none; }

.span-centered-3 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 38.13559%;
  clear: both; }

.span-4-4 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: none; }

.span-centered-4 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: both; }

.span-6-4 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: none; }

.span-centered-6 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: both; }

.span-8-4 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: none; }

.span-centered-8 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: both; }

.span-9-4 {
  width: 74.57627%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none; }

.span-centered-9 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 12.71186%;
  clear: both; }

.span-centered-12 {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }

.span-3-5 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: none; }

.span-centered-3 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 38.13559%;
  clear: both; }

.span-4-5 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: none; }

.span-centered-4 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: both; }

.span-6-5 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: none; }

.span-centered-6 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: both; }

.span-8-5 {
  width: 66.10169%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none; }

.span-centered-8 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: both; }

.span-centered-9 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 12.71186%;
  clear: both; }

.span-centered-12 {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }

.span-3-6 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 42.37288%;
  clear: none; }

.span-centered-3 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 38.13559%;
  clear: both; }

.span-4-6 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 42.37288%;
  clear: none; }

.span-centered-4 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: both; }

.span-6-6 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 42.37288%;
  clear: none; }

.span-centered-6 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: both; }

.span-centered-8 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: both; }

.span-centered-9 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 12.71186%;
  clear: both; }

.span-centered-12 {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }

.span-3-7 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 50.84746%;
  clear: none; }

.span-centered-3 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 38.13559%;
  clear: both; }

.span-4-7 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 50.84746%;
  clear: none; }

.span-centered-4 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: both; }

.span-6-7 {
  width: 49.15254%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none; }

.span-centered-6 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: both; }

.span-centered-8 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: both; }

.span-centered-9 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 12.71186%;
  clear: both; }

.span-centered-12 {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }

.span-3-8 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 59.32203%;
  clear: none; }

.span-centered-3 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 38.13559%;
  clear: both; }

.span-4-8 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 59.32203%;
  clear: none; }

.span-centered-4 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: both; }

.span-centered-6 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: both; }

.span-centered-8 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: both; }

.span-centered-9 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 12.71186%;
  clear: both; }

.span-centered-12 {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }

.span-3-9 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 67.79661%;
  clear: none; }

.span-centered-3 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 38.13559%;
  clear: both; }

.span-4-9 {
  width: 32.20339%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none; }

.span-centered-4 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: both; }

.span-centered-6 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: both; }

.span-centered-8 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: both; }

.span-centered-9 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 12.71186%;
  clear: both; }

.span-centered-12 {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }

.span-3-10 {
  width: 23.72881%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none; }

.span-centered-3 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 38.13559%;
  clear: both; }

.span-centered-4 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: both; }

.span-centered-6 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: both; }

.span-centered-8 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: both; }

.span-centered-9 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 12.71186%;
  clear: both; }

.span-centered-12 {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }

.span-centered-3 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 38.13559%;
  clear: both; }

.span-centered-4 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: both; }

.span-centered-6 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: both; }

.span-centered-8 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: both; }

.span-centered-9 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 12.71186%;
  clear: both; }

.span-centered-12 {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }

.span-centered-3 {
  width: 23.72881%;
  float: left;
  margin-right: -100%;
  margin-left: 38.13559%;
  clear: both; }

.span-centered-4 {
  width: 32.20339%;
  float: left;
  margin-right: -100%;
  margin-left: 33.89831%;
  clear: both; }

.span-centered-6 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 25.42373%;
  clear: both; }

.span-centered-8 {
  width: 66.10169%;
  float: left;
  margin-right: -100%;
  margin-left: 16.94915%;
  clear: both; }

.span-centered-9 {
  width: 74.57627%;
  float: left;
  margin-right: -100%;
  margin-left: 12.71186%;
  clear: both; }

.span-centered-12 {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both; }

.span-full {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  float: left; }

.span-half-1 {
  width: 49.15254%;
  float: left;
  margin-right: -100%;
  margin-left: 0;
  clear: none;
  clear: left; }

.span-half-2 {
  width: 49.15254%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none; }

.floating-container {
  display: inline-block; }
  .floating-container:after {
    content: "";
    display: table;
    clear: both; }
  .floating-container {
    display: block; }

.float-3, .float-fourth {
  float: left;
  width: 25%;
  padding-left: 1.69492%; }

.float-4, .float-third {
  float: left;
  width: 33.33333%;
  padding-left: 1.69492%; }

.float-6, .float-half {
  float: left;
  width: 50%;
  padding-left: 1.69492%; }

.float-8 {
  float: left;
  width: 66.66667%;
  padding-left: 1.69492%; }

.float-12, .float-full {
  float: left;
  width: 100%;
  padding-left: 1.69492%; }

@media (min-width: 640px) {
  .tablet--span-3-1 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: left; }

  .tablet--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .tablet--span-4-1 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: left; }

  .tablet--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .tablet--span-6-1 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: left; }

  .tablet--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .tablet--span-8-1 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: left; }

  .tablet--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .tablet--span-9-1 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: left; }

  .tablet--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .tablet--span-12-1 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: left; }

  .tablet--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .tablet--span-3-2 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 8.47458%;
    clear: none; }

  .tablet--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .tablet--span-4-2 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 8.47458%;
    clear: none; }

  .tablet--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .tablet--span-6-2 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 8.47458%;
    clear: none; }

  .tablet--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .tablet--span-8-2 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 8.47458%;
    clear: none; }

  .tablet--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .tablet--span-9-2 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 8.47458%;
    clear: none; }

  .tablet--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .tablet--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .tablet--span-3-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: none; }

  .tablet--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .tablet--span-4-3 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: none; }

  .tablet--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .tablet--span-6-3 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: none; }

  .tablet--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .tablet--span-8-3 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: none; }

  .tablet--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .tablet--span-9-3 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: none; }

  .tablet--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .tablet--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .tablet--span-3-4 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: none; }

  .tablet--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .tablet--span-4-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: none; }

  .tablet--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .tablet--span-6-4 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: none; }

  .tablet--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .tablet--span-8-4 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: none; }

  .tablet--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .tablet--span-9-4 {
    width: 74.57627%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }

  .tablet--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .tablet--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .tablet--span-3-5 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: none; }

  .tablet--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .tablet--span-4-5 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: none; }

  .tablet--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .tablet--span-6-5 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: none; }

  .tablet--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .tablet--span-8-5 {
    width: 66.10169%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }

  .tablet--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .tablet--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .tablet--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .tablet--span-3-6 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 42.37288%;
    clear: none; }

  .tablet--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .tablet--span-4-6 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 42.37288%;
    clear: none; }

  .tablet--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .tablet--span-6-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 42.37288%;
    clear: none; }

  .tablet--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .tablet--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .tablet--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .tablet--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .tablet--span-3-7 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 50.84746%;
    clear: none; }

  .tablet--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .tablet--span-4-7 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 50.84746%;
    clear: none; }

  .tablet--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .tablet--span-6-7 {
    width: 49.15254%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }

  .tablet--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .tablet--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .tablet--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .tablet--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .tablet--span-3-8 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 59.32203%;
    clear: none; }

  .tablet--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .tablet--span-4-8 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 59.32203%;
    clear: none; }

  .tablet--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .tablet--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .tablet--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .tablet--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .tablet--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .tablet--span-3-9 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 67.79661%;
    clear: none; }

  .tablet--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .tablet--span-4-9 {
    width: 32.20339%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }

  .tablet--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .tablet--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .tablet--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .tablet--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .tablet--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .tablet--span-3-10 {
    width: 23.72881%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }

  .tablet--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .tablet--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .tablet--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .tablet--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .tablet--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .tablet--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .tablet--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .tablet--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .tablet--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .tablet--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .tablet--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .tablet--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .tablet--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .tablet--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .tablet--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .tablet--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .tablet--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .tablet--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .tablet--span-full {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both;
    float: left; }

  .tablet--span-half-1 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: left; }

  .tablet--span-half-2 {
    width: 49.15254%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }

  .floating-container {
    display: inline-block; }
    .floating-container:after {
      content: "";
      display: table;
      clear: both; }
    .floating-container {
      display: block; }

  .tablet--float-3, .tablet--float-fourth {
    float: left;
    width: 25%;
    padding-left: 1.69492%; }

  .tablet--float-4, .tablet--float-third {
    float: left;
    width: 33.33333%;
    padding-left: 1.69492%; }

  .tablet--float-6, .tablet--float-half {
    float: left;
    width: 50%;
    padding-left: 1.69492%; }

  .tablet--float-8 {
    float: left;
    width: 66.66667%;
    padding-left: 1.69492%; }

  .tablet--float-12, .tablet--float-full {
    float: left;
    width: 100%;
    padding-left: 1.69492%; }

  /*.tablet--float-half:nth-child(2n-1) {
  	clear: left;
  }*/
  .floating-container {
    margin-left: -1.69492%; } }
@media (min-width: 960px) {
  .desktop--span-3-1 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: left; }

  .desktop--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .desktop--span-4-1 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: left; }

  .desktop--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .desktop--span-6-1 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: left; }

  .desktop--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .desktop--span-8-1 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: left; }

  .desktop--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .desktop--span-9-1 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: left; }

  .desktop--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .desktop--span-12-1 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: left; }

  .desktop--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .desktop--span-3-2 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 8.47458%;
    clear: none; }

  .desktop--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .desktop--span-4-2 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 8.47458%;
    clear: none; }

  .desktop--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .desktop--span-6-2 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 8.47458%;
    clear: none; }

  .desktop--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .desktop--span-8-2 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 8.47458%;
    clear: none; }

  .desktop--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .desktop--span-9-2 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 8.47458%;
    clear: none; }

  .desktop--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .desktop--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .desktop--span-3-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: none; }

  .desktop--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .desktop--span-4-3 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: none; }

  .desktop--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .desktop--span-6-3 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: none; }

  .desktop--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .desktop--span-8-3 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: none; }

  .desktop--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .desktop--span-9-3 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: none; }

  .desktop--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .desktop--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .desktop--span-3-4 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: none; }

  .desktop--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .desktop--span-4-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: none; }

  .desktop--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .desktop--span-6-4 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: none; }

  .desktop--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .desktop--span-8-4 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: none; }

  .desktop--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .desktop--span-9-4 {
    width: 74.57627%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }

  .desktop--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .desktop--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .desktop--span-3-5 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: none; }

  .desktop--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .desktop--span-4-5 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: none; }

  .desktop--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .desktop--span-6-5 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: none; }

  .desktop--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .desktop--span-8-5 {
    width: 66.10169%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }

  .desktop--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .desktop--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .desktop--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .desktop--span-3-6 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 42.37288%;
    clear: none; }

  .desktop--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .desktop--span-4-6 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 42.37288%;
    clear: none; }

  .desktop--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .desktop--span-6-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 42.37288%;
    clear: none; }

  .desktop--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .desktop--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .desktop--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .desktop--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .desktop--span-3-7 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 50.84746%;
    clear: none; }

  .desktop--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .desktop--span-4-7 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 50.84746%;
    clear: none; }

  .desktop--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .desktop--span-6-7 {
    width: 49.15254%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }

  .desktop--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .desktop--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .desktop--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .desktop--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .desktop--span-3-8 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 59.32203%;
    clear: none; }

  .desktop--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .desktop--span-4-8 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 59.32203%;
    clear: none; }

  .desktop--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .desktop--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .desktop--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .desktop--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .desktop--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .desktop--span-3-9 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 67.79661%;
    clear: none; }

  .desktop--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .desktop--span-4-9 {
    width: 32.20339%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }

  .desktop--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .desktop--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .desktop--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .desktop--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .desktop--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .desktop--span-3-10 {
    width: 23.72881%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }

  .desktop--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .desktop--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .desktop--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .desktop--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .desktop--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .desktop--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .desktop--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .desktop--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .desktop--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .desktop--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .desktop--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .desktop--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .desktop--span-centered-3 {
    width: 23.72881%;
    float: left;
    margin-right: -100%;
    margin-left: 38.13559%;
    clear: both; }

  .desktop--span-centered-4 {
    width: 32.20339%;
    float: left;
    margin-right: -100%;
    margin-left: 33.89831%;
    clear: both; }

  .desktop--span-centered-6 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 25.42373%;
    clear: both; }

  .desktop--span-centered-8 {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 16.94915%;
    clear: both; }

  .desktop--span-centered-9 {
    width: 74.57627%;
    float: left;
    margin-right: -100%;
    margin-left: 12.71186%;
    clear: both; }

  .desktop--span-centered-12 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both; }

  .desktop--span-full {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both;
    float: left; }

  .desktop--span-half-1 {
    width: 49.15254%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: left; }

  .desktop--span-half-2 {
    width: 49.15254%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }

  .floating-container {
    display: inline-block; }
    .floating-container:after {
      content: "";
      display: table;
      clear: both; }
    .floating-container {
      display: block; }

  .desktop--float-3, .desktop--float-fourth {
    float: left;
    width: 25%;
    padding-left: 1.69492%; }

  .desktop--float-4, .desktop--float-third {
    float: left;
    width: 33.33333%;
    padding-left: 1.69492%; }

  .desktop--float-6, .desktop--float-half {
    float: left;
    width: 50%;
    padding-left: 1.69492%; }

  .desktop--float-8 {
    float: left;
    width: 66.66667%;
    padding-left: 1.69492%; }

  .desktop--float-12, .desktop--float-full {
    float: left;
    width: 100%;
    padding-left: 1.69492%; }

  	/*.tablet--float-half:nth-child(2n-1) {
  		clear: none;
  	}
  
  	.desktop--float-half:nth-child(2n-1) {
  		clear: left;
  	}
  
  	.desktop--float-third:nth-child(3n-2) {
  		clear: left;
  	}*/ }
/**
 * Helpers
 *
 * Helper classes and keyframe animations
 */
/**
 * Helpers
 *
 * Classes that can be applied to any element.
 */
.clear {
  display: inline-block; }
  .clear:after {
    content: "";
    display: table;
    clear: both; }
  .clear {
    display: block; }

.inline {
  display: inline; }

.not-visible {
  visibility: hidden; }

.fadein {
  animation: fadein 0.5s ease 1 normal 0s;
  -webkit-animation: fadein 0.5s ease 1 normal 0s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }

.fadeout {
  animation: fadeout 0.5s ease 1 normal 0s;
  -webkit-animation: fadeout 0.5s ease 1 normal 0s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }

.pointer {
  cursor: pointer; }

.show-print {
  display: none; }

.break-word {
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

/**
 * Only readable for screenreaders
 */
.sr-only, i.icon-a-kaart span, i.icon-a-kaart-coupon span, i.icon-a-kaart-point span, i.icon-a-logo span, i.icon-accessibility span, i.icon-applications span, i.icon-apps-plus span, i.icon-apps-v span, i.icon-attachment span, i.icon-back-bullet span, i.icon-bullet span, i.icon-bullet-light span, i.icon-cellphone span, i.icon-cellphone_white span, i.icon-checkbox-disabled span, i.icon-checkbox-focus span, i.icon-checkbox-off span, i.icon-checkbox-on span, i.icon-checkbox-partial span, i.icon-clock span, i.icon-clock-white span, i.icon-close span, i.icon-comments span, i.icon-communication span, i.icon-copy span, i.icon-datepicker span, i.icon-datepicker-active span, i.icon-delete span, i.icon-delete-white span, i.icon-detail-communication span, i.icon-detail-date span, i.icon-detail-mail span, i.icon-detail-phone span, i.icon-detail-price span, i.icon-detail-profile span, i.icon-detail-url span, i.icon-detail-where span, i.icon-dislike span, i.icon-dropdown-arrow span, i.icon-dropdown-arrow-blue span, i.icon-dropdown-arrow-white span, i.icon-dropdownarrow span, i.icon-e-id span, i.icon-edit span, i.icon-edit-blue span, i.icon-edit-white span, i.icon-edit_toggle span, i.icon-error span, i.icon-ext-link span, i.icon-ext-link-white span, i.icon-field-error span, i.icon-field-error-dark span, i.icon-field-ok span, i.icon-file-icon span, i.icon-filter-icon span, i.icon-form_error span, i.icon-form_ok span, i.icon-gears span, i.icon-help span, i.icon-help-hover span, i.icon-icon-Search-clear span, i.icon-icon-calendar-week span, i.icon-icon-calendar-week-active span, i.icon-icon-calendar-year span, i.icon-icon-calendar-year-active span, i.icon-icon-doing span, i.icon-icon-done span, i.icon-icon-not-affirmative span, i.icon-icon-pause span, i.icon-icon-pause-hover span, i.icon-icon-play span, i.icon-icon-play-hover span, i.icon-icon-reorder span, i.icon-icon_add span, i.icon-icon_add_hover span, i.icon-icon_archive span, i.icon-icon_archive_hover span, i.icon-icon_calendar span, i.icon-icon_copy span, i.icon-icon_copy_hover span, i.icon-icon_date span, i.icon-icon_date_disabled span, i.icon-icon_delete span, i.icon-icon_delete_clean span, i.icon-icon_delete_clean_hover span, i.icon-icon_delete_hover span, i.icon-icon_edit span, i.icon-icon_edit_clean span, i.icon-icon_edit_clean_hover span, i.icon-icon_edit_hover span, i.icon-icon_hamburger span, i.icon-icon_hours span, i.icon-icon_location span, i.icon-icons-search span, i.icon-icons-wysiwig-01 span, i.icon-icons-wysiwig-02 span, i.icon-icons-wysiwig-02_color span, i.icon-icons-wysiwig-03 span, i.icon-icons-wysiwig-03_color span, i.icon-icons-wysiwig-04 span, i.icon-icons-wysiwig-04_color span, i.icon-icons-wysiwig-05 span, i.icon-icons-wysiwig-05_color span, i.icon-info span, i.icon-info-white span, i.icon-kaai-overview span, i.icon-kaai-profile span, i.icon-kaai-search span, i.icon-koppelingen span, i.icon-like span, i.icon-link span, i.icon-link-white span, i.icon-list-bullet span, i.icon-loading span, i.icon-locationpin span, i.icon-logo span, i.icon-mail span, i.icon-mail_white span, i.icon-missing-user span, i.icon-notifications span, i.icon-ok-white span, i.icon-overview span, i.icon-overview_square span, i.icon-payment span, i.icon-phone span, i.icon-phone_white span, i.icon-photo-editor span, i.icon-photo-editor-loading span, i.icon-plus span, i.icon-preview span, i.icon-profile span, i.icon-radiobutton-disabled span, i.icon-radiobutton-focus span, i.icon-radiobutton-hover span, i.icon-radiobutton-off span, i.icon-radiobutton-on span, i.icon-rating-star span, i.icon-rating-star-blue span, i.icon-rating-star-blue-full span, i.icon-rating-star-full span, i.icon-rating-star-light span, i.icon-rotate-white span, i.icon-search span, i.icon-search-bg span, i.icon-search-dark span, i.icon-searchCancel span, i.icon-security span, i.icon-select-arrow span, i.icon-success span, i.icon-tag span, i.icon-tag_edit span, i.icon-tag_hover span, i.icon-timer span, i.icon-translation span, i.icon-translation-white span, i.icon-twitter span, i.icon-unlike span, i.icon-vke span, i.icon-vke_green span, i.icon-vke_orange span, i.icon-vke_white span, i.icon-warning span, i.icon-apps-bibapp span, i.icon-apps-bollekesfeest span, i.icon-apps-bookmarks span, i.icon-apps-borgerrio span, i.icon-apps-brilschans span, i.icon-apps-calendar span, i.icon-apps-chat span, i.icon-apps-default span, i.icon-apps-district span, i.icon-apps-e-loket span, i.icon-apps-feedback span, i.icon-apps-helpcenter span, i.icon-apps-hoera span, i.icon-apps-infofiches span, i.icon-apps-nieuws span, i.icon-apps-nodejsskeleton span, i.icon-apps-openingsuren span, i.icon-apps-printshop span, i.icon-apps-redactie span, i.icon-apps-stadsplan span, i.icon-apps-stadswinkel span, i.icon-apps-ticket span, i.icon-apps-toepassingen span, i.icon-apps-toepassingen-old span, i.icon-apps-tulpenpluk span, i.icon-apps-vacatures span, i.icon-apps-vraag-antwoord span, i.icon-apps-vrijetijdskalender-kalender span, i.icon-apps-weer span, i.icon-helpcenter-comment span, i.icon-helpcenter-done span, i.icon-helpcenter-juist span, i.icon-helpcenter-star span, i.icon-helpcenter-thumbsup span, i.icon-helpcenter-todo span, i.icon-helpcenter-views span, i.icon-helpcenter-wontfix span, i.icon-stadsplan-add span, i.icon-stadsplan-back-toggle span, i.icon-stadsplan-boosted-layer span, i.icon-stadsplan-collapse span, i.icon-stadsplan-collapse-hover span, i.icon-stadsplan-expand span, i.icon-stadsplan-expand-hover span, i.icon-stadsplan-header-marker span, i.icon-stadsplan-layer-hidden span, i.icon-stadsplan-layer-visible span, i.icon-stadsplan-layer_a-card span, i.icon-stadsplan-layer_aanbevolen-fietsroutes span, i.icon-stadsplan-layer_adult-school span, i.icon-stadsplan-layer_artschool span, i.icon-stadsplan-layer_bib span, i.icon-stadsplan-layer_bicycle span, i.icon-stadsplan-layer_bicycle-parkings-parkeerbedrijf span, i.icon-stadsplan-layer_blind-guiding span, i.icon-stadsplan-layer_bp-winter-orange span, i.icon-stadsplan-layer_bp-winter-red span, i.icon-stadsplan-layer_bp-winter-red-prev span, i.icon-stadsplan-layer_bp-winter-yellow span, i.icon-stadsplan-layer_bushaltes span, i.icon-stadsplan-layer_buslijnen span, i.icon-stadsplan-layer_car-parkings-parkeerbedrijf span, i.icon-stadsplan-layer_car-sharing span, i.icon-stadsplan-layer_cemetery span, i.icon-stadsplan-layer_charging-units span, i.icon-stadsplan-layer_cityrenewal span, i.icon-stadsplan-layer_college span, i.icon-stadsplan-layer_containerpark span, i.icon-stadsplan-layer_cult span, i.icon-stadsplan-layer_culture-centers span, i.icon-stadsplan-layer_cycling-distance-to-center-2km-10min span, i.icon-stadsplan-layer_cycling-distance-to-center-3km-15min span, i.icon-stadsplan-layer_cycling-distance-to-center-4km-20min span, i.icon-stadsplan-layer_cycling-distance-to-center-5km-25min span, i.icon-stadsplan-layer_cycling-distance-to-center-6km-30min span, i.icon-stadsplan-layer_daycare span, i.icon-stadsplan-layer_digital span, i.icon-stadsplan-layer_districts span, i.icon-stadsplan-layer_dog span, i.icon-stadsplan-layer_emerg span, i.icon-stadsplan-layer_fietstrommels span, i.icon-stadsplan-layer_fire-brigade span, i.icon-stadsplan-layer_garbage span, i.icon-stadsplan-layer_gardens span, i.icon-stadsplan-layer_glasscontainer span, i.icon-stadsplan-layer_hospital span, i.icon-stadsplan-layer_huisartsenwachtposten-points span, i.icon-stadsplan-layer_huisartsenwachtposten-zones span, i.icon-stadsplan-layer_kids span, i.icon-stadsplan-layer_markets span, i.icon-stadsplan-layer_mobility span, i.icon-stadsplan-layer_museum span, i.icon-stadsplan-layer_natural-playing-fields span, i.icon-stadsplan-layer_nature span, i.icon-stadsplan-layer_park span, i.icon-stadsplan-layer_park-and-ride span, i.icon-stadsplan-layer_parking span, i.icon-stadsplan-layer_parking-zones span, i.icon-stadsplan-layer_parks span, i.icon-stadsplan-layer_playing-fields span, i.icon-stadsplan-layer_playing-woods span, i.icon-stadsplan-layer_police span, i.icon-stadsplan-layer_public-bicycle-parkings span, i.icon-stadsplan-layer_public-car-parkings span, i.icon-stadsplan-layer_public-wifi span, i.icon-stadsplan-layer_public-wifi-zones span, i.icon-stadsplan-layer_publictoilets span, i.icon-stadsplan-layer_resident-zones span, i.icon-stadsplan-layer_running span, i.icon-stadsplan-layer_running-routes span, i.icon-stadsplan-layer_running-trails span, i.icon-stadsplan-layer_school span, i.icon-stadsplan-layer_schools span, i.icon-stadsplan-layer_sec-school span, i.icon-stadsplan-layer_shopping span, i.icon-stadsplan-layer_silent-places span, i.icon-stadsplan-layer_skating-fields span, i.icon-stadsplan-layer_sortingstreet-lower span, i.icon-stadsplan-layer_sortingstreet-upper span, i.icon-stadsplan-layer_spoor-oost span, i.icon-stadsplan-layer_sportarenas span, i.icon-stadsplan-layer_sporting-fields span, i.icon-stadsplan-layer_sports span, i.icon-stadsplan-layer_swimming span, i.icon-stadsplan-layer_taxi span, i.icon-stadsplan-layer_ticket-window span, i.icon-stadsplan-layer_toilet span, i.icon-stadsplan-layer_trainstations span, i.icon-stadsplan-layer_tramhaltes span, i.icon-stadsplan-layer_tramlijnen span, i.icon-stadsplan-layer_velo-stations span, i.icon-stadsplan-layer_webpoints span, i.icon-stadsplan-layer_webpoints-met-begeleiding span, i.icon-stadsplan-layer_webpoints-opleiding span, i.icon-stadsplan-layer_webpoints-zonder-begeleiding span, i.icon-stadsplan-layer_wifi span, i.icon-stadsplan-layer_youth span, i.icon-stadsplan-layer_zone30 span, i.icon-stadsplan-layers span, i.icon-stadsplan-layers-active span, i.icon-stadsplan-locateme span, i.icon-stadsplan-locateme_active span, i.icon-stadsplan-marker span, i.icon-stadsplan-marker-a-card span, i.icon-stadsplan-marker-adult-school span, i.icon-stadsplan-marker-alogo span, i.icon-stadsplan-marker-bib span, i.icon-stadsplan-marker-bicycle-paths span, i.icon-stadsplan-marker-blind-guiding span, i.icon-stadsplan-marker-blue span, i.icon-stadsplan-marker-bp-winter-orange span, i.icon-stadsplan-marker-bp-winter-red span, i.icon-stadsplan-marker-bp-winter-red-prev span, i.icon-stadsplan-marker-bp-winter-yellow span, i.icon-stadsplan-marker-car-sharing span, i.icon-stadsplan-marker-cemetery span, i.icon-stadsplan-marker-charging-units span, i.icon-stadsplan-marker-college span, i.icon-stadsplan-marker-containerpark span, i.icon-stadsplan-marker-culture-centers span, i.icon-stadsplan-marker-districts span, i.icon-stadsplan-marker-dog span, i.icon-stadsplan-marker-fire-brigade span, i.icon-stadsplan-marker-gardens span, i.icon-stadsplan-marker-glasscontainer span, i.icon-stadsplan-marker-gray span, i.icon-stadsplan-marker-groep span, i.icon-stadsplan-marker-hospital span, i.icon-stadsplan-marker-markets span, i.icon-stadsplan-marker-museum span, i.icon-stadsplan-marker-park span, i.icon-stadsplan-marker-park-and-ride span, i.icon-stadsplan-marker-parking-zones span, i.icon-stadsplan-marker-parks span, i.icon-stadsplan-marker-police span, i.icon-stadsplan-marker-public-wifi span, i.icon-stadsplan-marker-resident-usage span, i.icon-stadsplan-marker-resident-zones span, i.icon-stadsplan-marker-running-routes span, i.icon-stadsplan-marker-running-trails span, i.icon-stadsplan-marker-school span, i.icon-stadsplan-marker-sec-school span, i.icon-stadsplan-marker-sorteerstraat span, i.icon-stadsplan-marker-sortingstreet-lower span, i.icon-stadsplan-marker-sortingstreet-upper span, i.icon-stadsplan-marker-sportarenas span, i.icon-stadsplan-marker-suggested span, i.icon-stadsplan-marker-swimming span, i.icon-stadsplan-marker-taxi span, i.icon-stadsplan-marker-ticket-window span, i.icon-stadsplan-marker-toilet span, i.icon-stadsplan-marker-trainstations span, i.icon-stadsplan-marker-velo-stations span, i.icon-stadsplan-marker-webpoints span, i.icon-stadsplan-marker-weg span, i.icon-stadsplan-marker-youth span, i.icon-stadsplan-marker-zone30 span, i.icon-stadsplan-menu span, i.icon-stadsplan-own-layers span, i.icon-stadsplan-own-layers-active span, i.icon-stadsplan-public-layers span, i.icon-stadsplan-public-layers-active span, i.icon-stadsplan-satellite span, i.icon-stadsplan-satellite_active span, i.icon-vrijetijdskalender-detail-date span, i.icon-vrijetijdskalender-detail-info span, i.icon-vrijetijdskalender-detail-mail span, i.icon-vrijetijdskalender-detail-price span, i.icon-vrijetijdskalender-detail-tel span, i.icon-vrijetijdskalender-detail-url span, i.icon-vrijetijdskalender-detail-where span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/**
 *	In time, all keyframe animations should reside here.
 */
/** Fadein animation **/
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/** Fadeout animation **/
@-webkit-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-moz-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-ms-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-o-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
/** Blinking animation **/
@-webkit-keyframes chatbox-blink {
  50% {
    background-color: #009dc9; }
  100% {
    background-color: #303133; } }
@-moz-keyframes chatbox-blink {
  50% {
    background-color: #009dc9; }
  100% {
    background-color: #303133; } }
@-ms-keyframes chatbox-blink {
  50% {
    background-color: #009dc9; }
  100% {
    background-color: #303133; } }
@-o-keyframes chatbox-blink {
  50% {
    background-color: #009dc9; }
  100% {
    background-color: #303133; } }
@keyframes chatbox-blink {
  50% {
    background-color: #009dc9; }
  100% {
    background-color: #303133; } }
@-webkit-keyframes chat-blink {
  50% {
    color: white; }
  100% {
    color: #009dc9; } }
@-moz-keyframes chat-blink {
  50% {
    color: white; }
  100% {
    color: #009dc9; } }
@-ms-keyframes chat-blink {
  50% {
    color: white; }
  100% {
    color: #009dc9; } }
@-o-keyframes chat-blink {
  50% {
    color: white; }
  100% {
    color: #009dc9; } }
@keyframes chat-blink {
  50% {
    color: white; }
  100% {
    color: #009dc9; } }
/** Spinning animation **/
@-webkit-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-ms-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/** Reverse spinning animation **/
@-webkit-keyframes spinreverse {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@-moz-keyframes spinreverse {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@-ms-keyframes spinreverse {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@-o-keyframes spinreverse {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@keyframes spinreverse {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
/** Slide searchbox from the side **/
@-webkit-keyframes searchSlideIn {
  from {
    opacity: 0;
    -moz-transform: translate(3.57143rem , 0);
    -ms-transform: translate(3.57143rem , 0);
    -webkit-transform: translate(3.57143rem , 0);
    transform: translate(3.57143rem , 0); }
  to {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-moz-keyframes searchSlideIn {
  from {
    opacity: 0;
    -moz-transform: translate(3.57143rem , 0);
    -ms-transform: translate(3.57143rem , 0);
    -webkit-transform: translate(3.57143rem , 0);
    transform: translate(3.57143rem , 0); }
  to {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-ms-keyframes searchSlideIn {
  from {
    opacity: 0;
    -moz-transform: translate(3.57143rem , 0);
    -ms-transform: translate(3.57143rem , 0);
    -webkit-transform: translate(3.57143rem , 0);
    transform: translate(3.57143rem , 0); }
  to {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-o-keyframes searchSlideIn {
  from {
    opacity: 0;
    -moz-transform: translate(3.57143rem , 0);
    -ms-transform: translate(3.57143rem , 0);
    -webkit-transform: translate(3.57143rem , 0);
    transform: translate(3.57143rem , 0); }
  to {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes searchSlideIn {
  from {
    opacity: 0;
    -moz-transform: translate(3.57143rem , 0);
    -ms-transform: translate(3.57143rem , 0);
    -webkit-transform: translate(3.57143rem , 0);
    transform: translate(3.57143rem , 0); }
  to {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
/** Slide searchbox from the side **/
@-webkit-keyframes searchSlideOut {
  from {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    -moz-transform: translate(0, -5rem );
    -ms-transform: translate(0, -5rem );
    -webkit-transform: translate(0, -5rem );
    transform: translate(0, -5rem ); } }
@-moz-keyframes searchSlideOut {
  from {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    -moz-transform: translate(0, -5rem );
    -ms-transform: translate(0, -5rem );
    -webkit-transform: translate(0, -5rem );
    transform: translate(0, -5rem ); } }
@-ms-keyframes searchSlideOut {
  from {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    -moz-transform: translate(0, -5rem );
    -ms-transform: translate(0, -5rem );
    -webkit-transform: translate(0, -5rem );
    transform: translate(0, -5rem ); } }
@-o-keyframes searchSlideOut {
  from {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    -moz-transform: translate(0, -5rem );
    -ms-transform: translate(0, -5rem );
    -webkit-transform: translate(0, -5rem );
    transform: translate(0, -5rem ); } }
@keyframes searchSlideOut {
  from {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    -moz-transform: translate(0, -5rem );
    -ms-transform: translate(0, -5rem );
    -webkit-transform: translate(0, -5rem );
    transform: translate(0, -5rem ); } }
@-webkit-keyframes slideLoadingIn {
  from {
    opacity: 0;
    -moz-transform: translate(0, -1.78571rem );
    -ms-transform: translate(0, -1.78571rem );
    -webkit-transform: translate(0, -1.78571rem );
    transform: translate(0, -1.78571rem ); }
  to {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-moz-keyframes slideLoadingIn {
  from {
    opacity: 0;
    -moz-transform: translate(0, -1.78571rem );
    -ms-transform: translate(0, -1.78571rem );
    -webkit-transform: translate(0, -1.78571rem );
    transform: translate(0, -1.78571rem ); }
  to {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-ms-keyframes slideLoadingIn {
  from {
    opacity: 0;
    -moz-transform: translate(0, -1.78571rem );
    -ms-transform: translate(0, -1.78571rem );
    -webkit-transform: translate(0, -1.78571rem );
    transform: translate(0, -1.78571rem ); }
  to {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-o-keyframes slideLoadingIn {
  from {
    opacity: 0;
    -moz-transform: translate(0, -1.78571rem );
    -ms-transform: translate(0, -1.78571rem );
    -webkit-transform: translate(0, -1.78571rem );
    transform: translate(0, -1.78571rem ); }
  to {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes slideLoadingIn {
  from {
    opacity: 0;
    -moz-transform: translate(0, -1.78571rem );
    -ms-transform: translate(0, -1.78571rem );
    -webkit-transform: translate(0, -1.78571rem );
    transform: translate(0, -1.78571rem ); }
  to {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-webkit-keyframes slideLoadingOut {
  from {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    opacity: 0;
    -moz-transform: translate(0, 1.78571rem );
    -ms-transform: translate(0, 1.78571rem );
    -webkit-transform: translate(0, 1.78571rem );
    transform: translate(0, 1.78571rem ); } }
@-moz-keyframes slideLoadingOut {
  from {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    opacity: 0;
    -moz-transform: translate(0, 1.78571rem );
    -ms-transform: translate(0, 1.78571rem );
    -webkit-transform: translate(0, 1.78571rem );
    transform: translate(0, 1.78571rem ); } }
@-ms-keyframes slideLoadingOut {
  from {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    opacity: 0;
    -moz-transform: translate(0, 1.78571rem );
    -ms-transform: translate(0, 1.78571rem );
    -webkit-transform: translate(0, 1.78571rem );
    transform: translate(0, 1.78571rem ); } }
@-o-keyframes slideLoadingOut {
  from {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    opacity: 0;
    -moz-transform: translate(0, 1.78571rem );
    -ms-transform: translate(0, 1.78571rem );
    -webkit-transform: translate(0, 1.78571rem );
    transform: translate(0, 1.78571rem ); } }
@keyframes slideLoadingOut {
  from {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    opacity: 0;
    -moz-transform: translate(0, 1.78571rem );
    -ms-transform: translate(0, 1.78571rem );
    -webkit-transform: translate(0, 1.78571rem );
    transform: translate(0, 1.78571rem ); } }
@-webkit-keyframes feedbackSlideDown {
  from {
    height: 0;
    opacity: 0; }
  to {
    height: auto;
    opacity: 1; } }
@-moz-keyframes feedbackSlideDown {
  from {
    height: 0;
    opacity: 0; }
  to {
    height: auto;
    opacity: 1; } }
@-ms-keyframes feedbackSlideDown {
  from {
    height: 0;
    opacity: 0; }
  to {
    height: auto;
    opacity: 1; } }
@-o-keyframes feedbackSlideDown {
  from {
    height: 0;
    opacity: 0; }
  to {
    height: auto;
    opacity: 1; } }
@keyframes feedbackSlideDown {
  from {
    height: 0;
    opacity: 0; }
  to {
    height: auto;
    opacity: 1; } }
/** Zoom in **/
@-webkit-keyframes zoomIn {
  from {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
  to {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
@-moz-keyframes zoomIn {
  from {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
  to {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
@-ms-keyframes zoomIn {
  from {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
  to {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
@-o-keyframes zoomIn {
  from {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
  to {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
@keyframes zoomIn {
  from {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
  to {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
/** Slide in from bottom **/
@-webkit-keyframes slideInFromBottom {
  from {
    bottom: -100%; }
  to {
    bottom: 0; } }
@-moz-keyframes slideInFromBottom {
  from {
    bottom: -100%; }
  to {
    bottom: 0; } }
@-ms-keyframes slideInFromBottom {
  from {
    bottom: -100%; }
  to {
    bottom: 0; } }
@-o-keyframes slideInFromBottom {
  from {
    bottom: -100%; }
  to {
    bottom: 0; } }
@keyframes slideInFromBottom {
  from {
    bottom: -100%; }
  to {
    bottom: 0; } }
/**
 * Text helper classes
 */
/**
 * Text
 */
.text-bold {
  font-weight: 600; }

.text-italic {
  font-style: italic; }

/**
 * Text alignment classes
 */
.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

/**
 * Text transformation classes
 */
.text-lowercase {
  text-transform: lowercase; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

/**
 * Vendor library styling
 *
 * jQuery UI slider
 */
.ui-slider {
  background: #999999;
  height: 10px ;
  height: 0.71429rem ; }

.ui-slider-handle {
  background: #ebebeb;
  cursor: pointer;
  position: absolute;
  width: 15px ;
  width: 1.07143rem ;
  height: 15px ;
  height: 1.07143rem ;
  z-index: 2; }

/**
 * Base styling for the theme
 */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  padding-top: 50px ;
  padding-top: 3.57143rem ; }

/**
 * Components
 *
 * Regular components and components used in AngularJS directives
 */
/**
 * Regular components
 */
/**
 * Import the generated icons
 */
/**
 * Icons
 *
 * We chose to use the <i> tag for icons
 * All icons come from one sprite
 *
 * THIS FILE IS GENERATED FROM SPRITE-TEMPLATE.SCSS
 * ALL CHANGES IN THIS FILE WILL BE OVERWRITTEN
 */
/**
 * Icon settings
 */
/**
 * Default icon
 */
i.icon-a-kaart, i.icon-a-kaart-coupon, i.icon-a-kaart-point, i.icon-a-logo, i.icon-accessibility, i.icon-applications, i.icon-apps-plus, i.icon-apps-v, i.icon-attachment, i.icon-back-bullet, i.icon-bullet, i.icon-bullet-light, i.icon-cellphone, i.icon-cellphone_white, i.icon-checkbox-disabled, i.icon-checkbox-focus, i.icon-checkbox-off, i.icon-checkbox-on, i.icon-checkbox-partial, i.icon-clock, i.icon-clock-white, i.icon-close, i.icon-comments, i.icon-communication, i.icon-copy, i.icon-datepicker, i.icon-datepicker-active, i.icon-delete, i.icon-delete-white, i.icon-detail-communication, i.icon-detail-date, i.icon-detail-mail, i.icon-detail-phone, i.icon-detail-price, i.icon-detail-profile, i.icon-detail-url, i.icon-detail-where, i.icon-dislike, i.icon-dropdown-arrow, i.icon-dropdown-arrow-blue, i.icon-dropdown-arrow-white, i.icon-dropdownarrow, i.icon-e-id, i.icon-edit, i.icon-edit-blue, i.icon-edit-white, i.icon-edit_toggle, i.icon-error, i.icon-ext-link, i.icon-ext-link-white, i.icon-field-error, i.icon-field-error-dark, i.icon-field-ok, i.icon-file-icon, i.icon-filter-icon, i.icon-form_error, i.icon-form_ok, i.icon-gears, i.icon-help, i.icon-help-hover, i.icon-icon-Search-clear, i.icon-icon-calendar-week, i.icon-icon-calendar-week-active, i.icon-icon-calendar-year, i.icon-icon-calendar-year-active, i.icon-icon-doing, i.icon-icon-done, i.icon-icon-not-affirmative, i.icon-icon-pause, i.icon-icon-pause-hover, i.icon-icon-play, i.icon-icon-play-hover, i.icon-icon-reorder, i.icon-icon_add, i.icon-icon_add_hover, i.icon-icon_archive, i.icon-icon_archive_hover, i.icon-icon_calendar, i.icon-icon_copy, i.icon-icon_copy_hover, i.icon-icon_date, i.icon-icon_date_disabled, i.icon-icon_delete, i.icon-icon_delete_clean, i.icon-icon_delete_clean_hover, i.icon-icon_delete_hover, i.icon-icon_edit, i.icon-icon_edit_clean, i.icon-icon_edit_clean_hover, i.icon-icon_edit_hover, i.icon-icon_hamburger, i.icon-icon_hours, i.icon-icon_location, i.icon-icons-search, i.icon-icons-wysiwig-01, i.icon-icons-wysiwig-02, i.icon-icons-wysiwig-02_color, i.icon-icons-wysiwig-03, i.icon-icons-wysiwig-03_color, i.icon-icons-wysiwig-04, i.icon-icons-wysiwig-04_color, i.icon-icons-wysiwig-05, i.icon-icons-wysiwig-05_color, i.icon-info, i.icon-info-white, i.icon-kaai-overview, i.icon-kaai-profile, i.icon-kaai-search, i.icon-koppelingen, i.icon-like, i.icon-link, i.icon-link-white, i.icon-list-bullet, i.icon-loading, i.icon-locationpin, i.icon-logo, i.icon-mail, i.icon-mail_white, i.icon-missing-user, i.icon-notifications, i.icon-ok-white, i.icon-overview, i.icon-overview_square, i.icon-payment, i.icon-phone, i.icon-phone_white, i.icon-photo-editor, i.icon-photo-editor-loading, i.icon-plus, i.icon-preview, i.icon-profile, i.icon-radiobutton-disabled, i.icon-radiobutton-focus, i.icon-radiobutton-hover, i.icon-radiobutton-off, i.icon-radiobutton-on, i.icon-rating-star, i.icon-rating-star-blue, i.icon-rating-star-blue-full, i.icon-rating-star-full, i.icon-rating-star-light, i.icon-rotate-white, i.icon-search, i.icon-search-bg, i.icon-search-dark, i.icon-searchCancel, i.icon-security, i.icon-select-arrow, i.icon-success, i.icon-tag, i.icon-tag_edit, i.icon-tag_hover, i.icon-timer, i.icon-translation, i.icon-translation-white, i.icon-twitter, i.icon-unlike, i.icon-vke, i.icon-vke_green, i.icon-vke_orange, i.icon-vke_white, i.icon-warning {
  -moz-transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  background: transparent url(../gfx/icons/acons.svg) no-repeat 0 0;
  background-size: 3836px 24px;
  width: 24px;
  height: 24px;
  position: relative;
  display: inline-block;
  /**
   * Make it possible to insert text for screen readers
   */ }
  i.inline.icon-a-kaart, i.inline.icon-a-kaart-coupon, i.inline.icon-a-kaart-point, i.inline.icon-a-logo, i.inline.icon-accessibility, i.inline.icon-applications, i.inline.icon-apps-plus, i.inline.icon-apps-v, i.inline.icon-attachment, i.inline.icon-back-bullet, i.inline.icon-bullet, i.inline.icon-bullet-light, i.inline.icon-cellphone, i.inline.icon-cellphone_white, i.inline.icon-checkbox-disabled, i.inline.icon-checkbox-focus, i.inline.icon-checkbox-off, i.inline.icon-checkbox-on, i.inline.icon-checkbox-partial, i.inline.icon-clock, i.inline.icon-clock-white, i.inline.icon-close, i.inline.icon-comments, i.inline.icon-communication, i.inline.icon-copy, i.inline.icon-datepicker, i.inline.icon-datepicker-active, i.inline.icon-delete, i.inline.icon-delete-white, i.inline.icon-detail-communication, i.inline.icon-detail-date, i.inline.icon-detail-mail, i.inline.icon-detail-phone, i.inline.icon-detail-price, i.inline.icon-detail-profile, i.inline.icon-detail-url, i.inline.icon-detail-where, i.inline.icon-dislike, i.inline.icon-dropdown-arrow, i.inline.icon-dropdown-arrow-blue, i.inline.icon-dropdown-arrow-white, i.inline.icon-dropdownarrow, i.inline.icon-e-id, i.inline.icon-edit, i.inline.icon-edit-blue, i.inline.icon-edit-white, i.inline.icon-edit_toggle, i.inline.icon-error, i.inline.icon-ext-link, i.inline.icon-ext-link-white, i.inline.icon-field-error, i.inline.icon-field-error-dark, i.inline.icon-field-ok, i.inline.icon-file-icon, i.inline.icon-filter-icon, i.inline.icon-form_error, i.inline.icon-form_ok, i.inline.icon-gears, i.inline.icon-help, i.inline.icon-help-hover, i.inline.icon-icon-Search-clear, i.inline.icon-icon-calendar-week, i.inline.icon-icon-calendar-week-active, i.inline.icon-icon-calendar-year, i.inline.icon-icon-calendar-year-active, i.inline.icon-icon-doing, i.inline.icon-icon-done, i.inline.icon-icon-not-affirmative, i.inline.icon-icon-pause, i.inline.icon-icon-pause-hover, i.inline.icon-icon-play, i.inline.icon-icon-play-hover, i.inline.icon-icon-reorder, i.inline.icon-icon_add, i.inline.icon-icon_add_hover, i.inline.icon-icon_archive, i.inline.icon-icon_archive_hover, i.inline.icon-icon_calendar, i.inline.icon-icon_copy, i.inline.icon-icon_copy_hover, i.inline.icon-icon_date, i.inline.icon-icon_date_disabled, i.inline.icon-icon_delete, i.inline.icon-icon_delete_clean, i.inline.icon-icon_delete_clean_hover, i.inline.icon-icon_delete_hover, i.inline.icon-icon_edit, i.inline.icon-icon_edit_clean, i.inline.icon-icon_edit_clean_hover, i.inline.icon-icon_edit_hover, i.inline.icon-icon_hamburger, i.inline.icon-icon_hours, i.inline.icon-icon_location, i.inline.icon-icons-search, i.inline.icon-icons-wysiwig-01, i.inline.icon-icons-wysiwig-02, i.inline.icon-icons-wysiwig-02_color, i.inline.icon-icons-wysiwig-03, i.inline.icon-icons-wysiwig-03_color, i.inline.icon-icons-wysiwig-04, i.inline.icon-icons-wysiwig-04_color, i.inline.icon-icons-wysiwig-05, i.inline.icon-icons-wysiwig-05_color, i.inline.icon-info, i.inline.icon-info-white, i.inline.icon-kaai-overview, i.inline.icon-kaai-profile, i.inline.icon-kaai-search, i.inline.icon-koppelingen, i.inline.icon-like, i.inline.icon-link, i.inline.icon-link-white, i.inline.icon-list-bullet, i.inline.icon-loading, i.inline.icon-locationpin, i.inline.icon-logo, i.inline.icon-mail, i.inline.icon-mail_white, i.inline.icon-missing-user, i.inline.icon-notifications, i.inline.icon-ok-white, i.inline.icon-overview, i.inline.icon-overview_square, i.inline.icon-payment, i.inline.icon-phone, i.inline.icon-phone_white, i.inline.icon-photo-editor, i.inline.icon-photo-editor-loading, i.inline.icon-plus, i.inline.icon-preview, i.inline.icon-profile, i.inline.icon-radiobutton-disabled, i.inline.icon-radiobutton-focus, i.inline.icon-radiobutton-hover, i.inline.icon-radiobutton-off, i.inline.icon-radiobutton-on, i.inline.icon-rating-star, i.inline.icon-rating-star-blue, i.inline.icon-rating-star-blue-full, i.inline.icon-rating-star-full, i.inline.icon-rating-star-light, i.inline.icon-rotate-white, i.inline.icon-search, i.inline.icon-search-bg, i.inline.icon-search-dark, i.inline.icon-searchCancel, i.inline.icon-security, i.inline.icon-select-arrow, i.inline.icon-success, i.inline.icon-tag, i.inline.icon-tag_edit, i.inline.icon-tag_hover, i.inline.icon-timer, i.inline.icon-translation, i.inline.icon-translation-white, i.inline.icon-twitter, i.inline.icon-unlike, i.inline.icon-vke, i.inline.icon-vke_green, i.inline.icon-vke_orange, i.inline.icon-vke_white, i.inline.icon-warning {
    margin-bottom: -3px ;
    margin-bottom: -0.21429rem ; }

i.icon-a-kaart {
  background-position: 0 0; }

i.icon-a-kaart-coupon {
  background-position: -24px 0; }

i.icon-a-kaart-point {
  background-position: -48px 0; }

i.icon-a-logo {
  background-position: -72px 0; }

i.icon-accessibility {
  background-position: -96px 0; }

i.icon-applications {
  background-position: -120px 0; }

i.icon-apps-plus {
  background-position: -144px 0; }

i.icon-apps-v {
  background-position: -168px 0; }

i.icon-attachment {
  background-position: -192px 0; }

i.icon-back-bullet {
  background-position: -216px 0; }

i.icon-bullet {
  background-position: -240px 0; }

i.icon-bullet-light {
  background-position: -264px 0; }

i.icon-cellphone {
  background-position: -288px 0; }

i.icon-cellphone_white {
  background-position: -312px 0; }

i.icon-checkbox-disabled {
  background-position: -336px 0; }

i.icon-checkbox-focus {
  background-position: -360px 0; }

i.icon-checkbox-off {
  background-position: -384px 0; }

i.icon-checkbox-on {
  background-position: -408px 0; }

i.icon-checkbox-partial {
  background-position: -432px 0; }

i.icon-clock {
  background-position: -456px 0; }

i.icon-clock-white {
  background-position: -480px 0; }

i.icon-close {
  background-position: -504px 0; }

i.icon-comments {
  background-position: -528px 0; }

i.icon-communication {
  background-position: -552px 0; }

i.icon-copy {
  background-position: -576px 0; }

i.icon-datepicker {
  background-position: -600px 0; }

i.icon-datepicker-active {
  background-position: -624px 0; }

i.icon-delete {
  background-position: -648px 0; }

i.icon-delete-white {
  background-position: -672px 0; }

i.icon-detail-communication {
  background-position: -696px 0; }

i.icon-detail-date {
  background-position: -720px 0; }

i.icon-detail-mail {
  background-position: -744px 0; }

i.icon-detail-phone {
  background-position: -768px 0; }

i.icon-detail-price {
  background-position: -792px 0; }

i.icon-detail-profile {
  background-position: -816px 0; }

i.icon-detail-url {
  background-position: -839px 0; }

i.icon-detail-where {
  background-position: -863px 0; }

i.icon-dislike {
  background-position: -887px 0; }

i.icon-dropdown-arrow {
  background-position: -911px 0; }

i.icon-dropdown-arrow-blue {
  background-position: -935px 0; }

i.icon-dropdown-arrow-white {
  background-position: -959px 0; }

i.icon-dropdownarrow {
  background-position: -983px 0; }

i.icon-e-id {
  background-position: -1007px 0; }

i.icon-edit {
  background-position: -1031px 0; }

i.icon-edit-blue {
  background-position: -1055px 0; }

i.icon-edit-white {
  background-position: -1079px 0; }

i.icon-edit_toggle {
  background-position: -1103px 0; }

i.icon-error {
  background-position: -1122px 0; }

i.icon-ext-link {
  background-position: -1146px 0; }

i.icon-ext-link-white {
  background-position: -1170px 0; }

i.icon-field-error {
  background-position: -1194px 0; }

i.icon-field-error-dark {
  background-position: -1218px 0; }

i.icon-field-ok {
  background-position: -1242px 0; }

i.icon-file-icon {
  background-position: -1266px 0; }

i.icon-filter-icon {
  background-position: -1287px 0; }

i.icon-form_error {
  background-position: -1311px 0; }

i.icon-form_ok {
  background-position: -1335px 0; }

i.icon-gears {
  background-position: -1359px 0; }

i.icon-help {
  background-position: -1383px 0; }

i.icon-help-hover {
  background-position: -1407px 0; }

i.icon-icon-Search-clear {
  background-position: -1431px 0; }

i.icon-icon-calendar-week {
  background-position: -1455px 0; }

i.icon-icon-calendar-week-active {
  background-position: -1479px 0; }

i.icon-icon-calendar-year {
  background-position: -1503px 0; }

i.icon-icon-calendar-year-active {
  background-position: -1527px 0; }

i.icon-icon-doing {
  background-position: -1551px 0; }

i.icon-icon-done {
  background-position: -1575px 0; }

i.icon-icon-not-affirmative {
  background-position: -1599px 0; }

i.icon-icon-pause {
  background-position: -1623px 0; }

i.icon-icon-pause-hover {
  background-position: -1647px 0; }

i.icon-icon-play {
  background-position: -1671px 0; }

i.icon-icon-play-hover {
  background-position: -1695px 0; }

i.icon-icon-reorder {
  background-position: -1719px 0; }

i.icon-icon_add {
  background-position: -1743px 0; }

i.icon-icon_add_hover {
  background-position: -1767px 0; }

i.icon-icon_archive {
  background-position: -1791px 0; }

i.icon-icon_archive_hover {
  background-position: -1815px 0; }

i.icon-icon_calendar {
  background-position: -1839px 0; }

i.icon-icon_copy {
  background-position: -1863px 0; }

i.icon-icon_copy_hover {
  background-position: -1887px 0; }

i.icon-icon_date {
  background-position: -1911px 0; }

i.icon-icon_date_disabled {
  background-position: -1935px 0; }

i.icon-icon_delete {
  background-position: -1959px 0; }

i.icon-icon_delete_clean {
  background-position: -1983px 0; }

i.icon-icon_delete_clean_hover {
  background-position: -2007px 0; }

i.icon-icon_delete_hover {
  background-position: -2031px 0; }

i.icon-icon_edit {
  background-position: -2055px 0; }

i.icon-icon_edit_clean {
  background-position: -2079px 0; }

i.icon-icon_edit_clean_hover {
  background-position: -2098px 0; }

i.icon-icon_edit_hover {
  background-position: -2117px 0; }

i.icon-icon_hamburger {
  background-position: -2141px 0; }

i.icon-icon_hours {
  background-position: -2165px 0; }

i.icon-icon_location {
  background-position: -2189px 0; }

i.icon-icons-search {
  background-position: -2210px 0; }

i.icon-icons-wysiwig-01 {
  background-position: -2234px 0; }

i.icon-icons-wysiwig-02 {
  background-position: -2258px 0; }

i.icon-icons-wysiwig-02_color {
  background-position: -2282px 0; }

i.icon-icons-wysiwig-03 {
  background-position: -2306px 0; }

i.icon-icons-wysiwig-03_color {
  background-position: -2330px 0; }

i.icon-icons-wysiwig-04 {
  background-position: -2354px 0; }

i.icon-icons-wysiwig-04_color {
  background-position: -2378px 0; }

i.icon-icons-wysiwig-05 {
  background-position: -2402px 0; }

i.icon-icons-wysiwig-05_color {
  background-position: -2426px 0; }

i.icon-info {
  background-position: -2450px 0; }

i.icon-info-white {
  background-position: -2474px 0; }

i.icon-kaai-overview {
  background-position: -2498px 0; }

i.icon-kaai-profile {
  background-position: -2522px 0; }

i.icon-kaai-search {
  background-position: -2546px 0; }

i.icon-koppelingen {
  background-position: -2570px 0; }

i.icon-like {
  background-position: -2594px 0; }

i.icon-link {
  background-position: -2618px 0; }

i.icon-link-white {
  background-position: -2642px 0; }

i.icon-list-bullet {
  background-position: -2666px 0; }

i.icon-loading {
  background-position: -2690px 0; }

i.icon-locationpin {
  background-position: -2714px 0; }

i.icon-logo {
  background-position: -2735px 0; }

i.icon-mail {
  background-position: -2759px 0; }

i.icon-mail_white {
  background-position: -2783px 0; }

i.icon-missing-user {
  background-position: -2807px 0; }

i.icon-notifications {
  background-position: -2831px 0; }

i.icon-ok-white {
  background-position: -2855px 0; }

i.icon-overview {
  background-position: -2879px 0; }

i.icon-overview_square {
  background-position: -2903px 0; }

i.icon-payment {
  background-position: -2927px 0; }

i.icon-phone {
  background-position: -2951px 0; }

i.icon-phone_white {
  background-position: -2975px 0; }

i.icon-photo-editor {
  background-position: -2999px 0; }

i.icon-photo-editor-loading {
  background-position: -3023px 0; }

i.icon-plus {
  background-position: -3047px 0; }

i.icon-preview {
  background-position: -3071px 0; }

i.icon-profile {
  background-position: -3095px 0; }

i.icon-radiobutton-disabled {
  background-position: -3118px 0; }

i.icon-radiobutton-focus {
  background-position: -3142px 0; }

i.icon-radiobutton-hover {
  background-position: -3166px 0; }

i.icon-radiobutton-off {
  background-position: -3190px 0; }

i.icon-radiobutton-on {
  background-position: -3214px 0; }

i.icon-rating-star {
  background-position: -3238px 0; }

i.icon-rating-star-blue {
  background-position: -3262px 0; }

i.icon-rating-star-blue-full {
  background-position: -3286px 0; }

i.icon-rating-star-full {
  background-position: -3310px 0; }

i.icon-rating-star-light {
  background-position: -3334px 0; }

i.icon-rotate-white {
  background-position: -3358px 0; }

i.icon-search {
  background-position: -3382px 0; }

i.icon-search-bg {
  background-position: -3406px 0; }

i.icon-search-dark {
  background-position: -3417px 0; }

i.icon-searchCancel {
  background-position: -3441px 0; }

i.icon-security {
  background-position: -3465px 0; }

i.icon-select-arrow {
  background-position: -3489px 0; }

i.icon-success {
  background-position: -3506px 0; }

i.icon-tag {
  background-position: -3530px 0; }

i.icon-tag_edit {
  background-position: -3552px 0; }

i.icon-tag_hover {
  background-position: -3574px 0; }

i.icon-timer {
  background-position: -3596px 0; }

i.icon-translation {
  background-position: -3620px 0; }

i.icon-translation-white {
  background-position: -3644px 0; }

i.icon-twitter {
  background-position: -3668px 0; }

i.icon-unlike {
  background-position: -3692px 0; }

i.icon-vke {
  background-position: -3716px 0; }

i.icon-vke_green {
  background-position: -3740px 0; }

i.icon-vke_orange {
  background-position: -3764px 0; }

i.icon-vke_white {
  background-position: -3788px 0; }

i.icon-warning {
  background-position: -3812px 0; }

/**
 * Icons
 *
 * We chose to use the <i> tag for icons
 * All icons come from one sprite
 *
 * THIS FILE IS GENERATED FROM SPRITE-TEMPLATE.SCSS
 * ALL CHANGES IN THIS FILE WILL BE OVERWRITTEN
 */
/**
 * Icon settings
 */
/**
 * Default icon
 */
i.icon-apps-bibapp, i.icon-apps-bollekesfeest, i.icon-apps-bookmarks, i.icon-apps-borgerrio, i.icon-apps-brilschans, i.icon-apps-calendar, i.icon-apps-chat, i.icon-apps-default, i.icon-apps-district, i.icon-apps-e-loket, i.icon-apps-feedback, i.icon-apps-helpcenter, i.icon-apps-hoera, i.icon-apps-infofiches, i.icon-apps-nieuws, i.icon-apps-nodejsskeleton, i.icon-apps-openingsuren, i.icon-apps-printshop, i.icon-apps-redactie, i.icon-apps-stadsplan, i.icon-apps-stadswinkel, i.icon-apps-ticket, i.icon-apps-toepassingen, i.icon-apps-toepassingen-old, i.icon-apps-tulpenpluk, i.icon-apps-vacatures, i.icon-apps-vraag-antwoord, i.icon-apps-vrijetijdskalender-kalender, i.icon-apps-weer {
  -moz-transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  background: transparent url(../gfx/icons/apps.svg) no-repeat 0 0;
  background-size: 1160px 40px;
  width: 40px;
  height: 40px;
  position: relative;
  display: inline-block;
  /**
   * Make it possible to insert text for screen readers
   */ }
  i.inline.icon-apps-bibapp, i.inline.icon-apps-bollekesfeest, i.inline.icon-apps-bookmarks, i.inline.icon-apps-borgerrio, i.inline.icon-apps-brilschans, i.inline.icon-apps-calendar, i.inline.icon-apps-chat, i.inline.icon-apps-default, i.inline.icon-apps-district, i.inline.icon-apps-e-loket, i.inline.icon-apps-feedback, i.inline.icon-apps-helpcenter, i.inline.icon-apps-hoera, i.inline.icon-apps-infofiches, i.inline.icon-apps-nieuws, i.inline.icon-apps-nodejsskeleton, i.inline.icon-apps-openingsuren, i.inline.icon-apps-printshop, i.inline.icon-apps-redactie, i.inline.icon-apps-stadsplan, i.inline.icon-apps-stadswinkel, i.inline.icon-apps-ticket, i.inline.icon-apps-toepassingen, i.inline.icon-apps-toepassingen-old, i.inline.icon-apps-tulpenpluk, i.inline.icon-apps-vacatures, i.inline.icon-apps-vraag-antwoord, i.inline.icon-apps-vrijetijdskalender-kalender, i.inline.icon-apps-weer {
    margin-bottom: -3px ;
    margin-bottom: -0.21429rem ; }

i.icon-apps-bibapp {
  background-position: 0 0; }

i.icon-apps-bollekesfeest {
  background-position: -40px 0; }

i.icon-apps-bookmarks {
  background-position: -80px 0; }

i.icon-apps-borgerrio {
  background-position: -120px 0; }

i.icon-apps-brilschans {
  background-position: -160px 0; }

i.icon-apps-calendar {
  background-position: -200px 0; }

i.icon-apps-chat {
  background-position: -240px 0; }

i.icon-apps-default {
  background-position: -280px 0; }

i.icon-apps-district {
  background-position: -320px 0; }

i.icon-apps-e-loket {
  background-position: -360px 0; }

i.icon-apps-feedback {
  background-position: -400px 0; }

i.icon-apps-helpcenter {
  background-position: -440px 0; }

i.icon-apps-hoera {
  background-position: -480px 0; }

i.icon-apps-infofiches {
  background-position: -520px 0; }

i.icon-apps-nieuws {
  background-position: -560px 0; }

i.icon-apps-nodejsskeleton {
  background-position: -600px 0; }

i.icon-apps-openingsuren {
  background-position: -640px 0; }

i.icon-apps-printshop {
  background-position: -680px 0; }

i.icon-apps-redactie {
  background-position: -720px 0; }

i.icon-apps-stadsplan {
  background-position: -760px 0; }

i.icon-apps-stadswinkel {
  background-position: -800px 0; }

i.icon-apps-ticket {
  background-position: -840px 0; }

i.icon-apps-toepassingen {
  background-position: -880px 0; }

i.icon-apps-toepassingen-old {
  background-position: -920px 0; }

i.icon-apps-tulpenpluk {
  background-position: -960px 0; }

i.icon-apps-vacatures {
  background-position: -1000px 0; }

i.icon-apps-vraag-antwoord {
  background-position: -1040px 0; }

i.icon-apps-vrijetijdskalender-kalender {
  background-position: -1080px 0; }

i.icon-apps-weer {
  background-position: -1120px 0; }

/**
 * Icons
 *
 * We chose to use the <i> tag for icons
 * All icons come from one sprite
 *
 * THIS FILE IS GENERATED FROM SPRITE-TEMPLATE.SCSS
 * ALL CHANGES IN THIS FILE WILL BE OVERWRITTEN
 */
/**
 * Icon settings
 */
/**
 * Default icon
 */
i.icon-helpcenter-comment, i.icon-helpcenter-done, i.icon-helpcenter-juist, i.icon-helpcenter-star, i.icon-helpcenter-thumbsup, i.icon-helpcenter-todo, i.icon-helpcenter-views, i.icon-helpcenter-wontfix {
  -moz-transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  background: transparent url(../gfx/icons/helpcenter.svg) no-repeat 0 0;
  background-size: 159px 20px;
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  /**
   * Make it possible to insert text for screen readers
   */ }
  i.inline.icon-helpcenter-comment, i.inline.icon-helpcenter-done, i.inline.icon-helpcenter-juist, i.inline.icon-helpcenter-star, i.inline.icon-helpcenter-thumbsup, i.inline.icon-helpcenter-todo, i.inline.icon-helpcenter-views, i.inline.icon-helpcenter-wontfix {
    margin-bottom: -3px ;
    margin-bottom: -0.21429rem ; }

i.icon-helpcenter-comment {
  background-position: 0 0; }

i.icon-helpcenter-done {
  background-position: -20px 0; }

i.icon-helpcenter-juist {
  background-position: -40px 0; }

i.icon-helpcenter-star {
  background-position: -60px 0; }

i.icon-helpcenter-thumbsup {
  background-position: -80px 0; }

i.icon-helpcenter-todo {
  background-position: -99px 0; }

i.icon-helpcenter-views {
  background-position: -119px 0; }

i.icon-helpcenter-wontfix {
  background-position: -139px 0; }

/**
 * Icons
 *
 * We chose to use the <i> tag for icons
 * All icons come from one sprite
 *
 * THIS FILE IS GENERATED FROM SPRITE-TEMPLATE.SCSS
 * ALL CHANGES IN THIS FILE WILL BE OVERWRITTEN
 */
/**
 * Icon settings
 */
/**
 * Default icon
 */
i.icon-stadsplan-add, i.icon-stadsplan-back-toggle, i.icon-stadsplan-boosted-layer, i.icon-stadsplan-collapse, i.icon-stadsplan-collapse-hover, i.icon-stadsplan-expand, i.icon-stadsplan-expand-hover, i.icon-stadsplan-header-marker, i.icon-stadsplan-layer-hidden, i.icon-stadsplan-layer-visible, i.icon-stadsplan-layer_a-card, i.icon-stadsplan-layer_aanbevolen-fietsroutes, i.icon-stadsplan-layer_adult-school, i.icon-stadsplan-layer_artschool, i.icon-stadsplan-layer_bib, i.icon-stadsplan-layer_bicycle, i.icon-stadsplan-layer_bicycle-parkings-parkeerbedrijf, i.icon-stadsplan-layer_blind-guiding, i.icon-stadsplan-layer_bp-winter-orange, i.icon-stadsplan-layer_bp-winter-red, i.icon-stadsplan-layer_bp-winter-red-prev, i.icon-stadsplan-layer_bp-winter-yellow, i.icon-stadsplan-layer_bushaltes, i.icon-stadsplan-layer_buslijnen, i.icon-stadsplan-layer_car-parkings-parkeerbedrijf, i.icon-stadsplan-layer_car-sharing, i.icon-stadsplan-layer_cemetery, i.icon-stadsplan-layer_charging-units, i.icon-stadsplan-layer_cityrenewal, i.icon-stadsplan-layer_college, i.icon-stadsplan-layer_containerpark, i.icon-stadsplan-layer_cult, i.icon-stadsplan-layer_culture-centers, i.icon-stadsplan-layer_cycling-distance-to-center-2km-10min, i.icon-stadsplan-layer_cycling-distance-to-center-3km-15min, i.icon-stadsplan-layer_cycling-distance-to-center-4km-20min, i.icon-stadsplan-layer_cycling-distance-to-center-5km-25min, i.icon-stadsplan-layer_cycling-distance-to-center-6km-30min, i.icon-stadsplan-layer_daycare, i.icon-stadsplan-layer_digital, i.icon-stadsplan-layer_districts, i.icon-stadsplan-layer_dog, i.icon-stadsplan-layer_emerg, i.icon-stadsplan-layer_fietstrommels, i.icon-stadsplan-layer_fire-brigade, i.icon-stadsplan-layer_garbage, i.icon-stadsplan-layer_gardens, i.icon-stadsplan-layer_glasscontainer, i.icon-stadsplan-layer_hospital, i.icon-stadsplan-layer_huisartsenwachtposten-points, i.icon-stadsplan-layer_huisartsenwachtposten-zones, i.icon-stadsplan-layer_kids, i.icon-stadsplan-layer_markets, i.icon-stadsplan-layer_mobility, i.icon-stadsplan-layer_museum, i.icon-stadsplan-layer_natural-playing-fields, i.icon-stadsplan-layer_nature, i.icon-stadsplan-layer_park, i.icon-stadsplan-layer_park-and-ride, i.icon-stadsplan-layer_parking, i.icon-stadsplan-layer_parking-zones, i.icon-stadsplan-layer_parks, i.icon-stadsplan-layer_playing-fields, i.icon-stadsplan-layer_playing-woods, i.icon-stadsplan-layer_police, i.icon-stadsplan-layer_public-bicycle-parkings, i.icon-stadsplan-layer_public-car-parkings, i.icon-stadsplan-layer_public-wifi, i.icon-stadsplan-layer_public-wifi-zones, i.icon-stadsplan-layer_publictoilets, i.icon-stadsplan-layer_resident-zones, i.icon-stadsplan-layer_running, i.icon-stadsplan-layer_running-routes, i.icon-stadsplan-layer_running-trails, i.icon-stadsplan-layer_school, i.icon-stadsplan-layer_schools, i.icon-stadsplan-layer_sec-school, i.icon-stadsplan-layer_shopping, i.icon-stadsplan-layer_silent-places, i.icon-stadsplan-layer_skating-fields, i.icon-stadsplan-layer_sortingstreet-lower, i.icon-stadsplan-layer_sortingstreet-upper, i.icon-stadsplan-layer_spoor-oost, i.icon-stadsplan-layer_sportarenas, i.icon-stadsplan-layer_sporting-fields, i.icon-stadsplan-layer_sports, i.icon-stadsplan-layer_swimming, i.icon-stadsplan-layer_taxi, i.icon-stadsplan-layer_ticket-window, i.icon-stadsplan-layer_toilet, i.icon-stadsplan-layer_trainstations, i.icon-stadsplan-layer_tramhaltes, i.icon-stadsplan-layer_tramlijnen, i.icon-stadsplan-layer_velo-stations, i.icon-stadsplan-layer_webpoints, i.icon-stadsplan-layer_webpoints-met-begeleiding, i.icon-stadsplan-layer_webpoints-opleiding, i.icon-stadsplan-layer_webpoints-zonder-begeleiding, i.icon-stadsplan-layer_wifi, i.icon-stadsplan-layer_youth, i.icon-stadsplan-layer_zone30, i.icon-stadsplan-layers, i.icon-stadsplan-layers-active, i.icon-stadsplan-locateme, i.icon-stadsplan-locateme_active, i.icon-stadsplan-marker, i.icon-stadsplan-marker-a-card, i.icon-stadsplan-marker-adult-school, i.icon-stadsplan-marker-alogo, i.icon-stadsplan-marker-bib, i.icon-stadsplan-marker-bicycle-paths, i.icon-stadsplan-marker-blind-guiding, i.icon-stadsplan-marker-blue, i.icon-stadsplan-marker-bp-winter-orange, i.icon-stadsplan-marker-bp-winter-red, i.icon-stadsplan-marker-bp-winter-red-prev, i.icon-stadsplan-marker-bp-winter-yellow, i.icon-stadsplan-marker-car-sharing, i.icon-stadsplan-marker-cemetery, i.icon-stadsplan-marker-charging-units, i.icon-stadsplan-marker-college, i.icon-stadsplan-marker-containerpark, i.icon-stadsplan-marker-culture-centers, i.icon-stadsplan-marker-districts, i.icon-stadsplan-marker-dog, i.icon-stadsplan-marker-fire-brigade, i.icon-stadsplan-marker-gardens, i.icon-stadsplan-marker-glasscontainer, i.icon-stadsplan-marker-gray, i.icon-stadsplan-marker-groep, i.icon-stadsplan-marker-hospital, i.icon-stadsplan-marker-markets, i.icon-stadsplan-marker-museum, i.icon-stadsplan-marker-park, i.icon-stadsplan-marker-park-and-ride, i.icon-stadsplan-marker-parking-zones, i.icon-stadsplan-marker-parks, i.icon-stadsplan-marker-police, i.icon-stadsplan-marker-public-wifi, i.icon-stadsplan-marker-resident-usage, i.icon-stadsplan-marker-resident-zones, i.icon-stadsplan-marker-running-routes, i.icon-stadsplan-marker-running-trails, i.icon-stadsplan-marker-school, i.icon-stadsplan-marker-sec-school, i.icon-stadsplan-marker-sorteerstraat, i.icon-stadsplan-marker-sortingstreet-lower, i.icon-stadsplan-marker-sortingstreet-upper, i.icon-stadsplan-marker-sportarenas, i.icon-stadsplan-marker-suggested, i.icon-stadsplan-marker-swimming, i.icon-stadsplan-marker-taxi, i.icon-stadsplan-marker-ticket-window, i.icon-stadsplan-marker-toilet, i.icon-stadsplan-marker-trainstations, i.icon-stadsplan-marker-velo-stations, i.icon-stadsplan-marker-webpoints, i.icon-stadsplan-marker-weg, i.icon-stadsplan-marker-youth, i.icon-stadsplan-marker-zone30, i.icon-stadsplan-menu, i.icon-stadsplan-own-layers, i.icon-stadsplan-own-layers-active, i.icon-stadsplan-public-layers, i.icon-stadsplan-public-layers-active, i.icon-stadsplan-satellite, i.icon-stadsplan-satellite_active {
  -moz-transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  background: transparent url(../gfx/icons/stadsplan.svg) no-repeat 0 0;
  background-size: 4768px 30px;
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  /**
   * Make it possible to insert text for screen readers
   */ }
  i.inline.icon-stadsplan-add, i.inline.icon-stadsplan-back-toggle, i.inline.icon-stadsplan-boosted-layer, i.inline.icon-stadsplan-collapse, i.inline.icon-stadsplan-collapse-hover, i.inline.icon-stadsplan-expand, i.inline.icon-stadsplan-expand-hover, i.inline.icon-stadsplan-header-marker, i.inline.icon-stadsplan-layer-hidden, i.inline.icon-stadsplan-layer-visible, i.inline.icon-stadsplan-layer_a-card, i.inline.icon-stadsplan-layer_aanbevolen-fietsroutes, i.inline.icon-stadsplan-layer_adult-school, i.inline.icon-stadsplan-layer_artschool, i.inline.icon-stadsplan-layer_bib, i.inline.icon-stadsplan-layer_bicycle, i.inline.icon-stadsplan-layer_bicycle-parkings-parkeerbedrijf, i.inline.icon-stadsplan-layer_blind-guiding, i.inline.icon-stadsplan-layer_bp-winter-orange, i.inline.icon-stadsplan-layer_bp-winter-red, i.inline.icon-stadsplan-layer_bp-winter-red-prev, i.inline.icon-stadsplan-layer_bp-winter-yellow, i.inline.icon-stadsplan-layer_bushaltes, i.inline.icon-stadsplan-layer_buslijnen, i.inline.icon-stadsplan-layer_car-parkings-parkeerbedrijf, i.inline.icon-stadsplan-layer_car-sharing, i.inline.icon-stadsplan-layer_cemetery, i.inline.icon-stadsplan-layer_charging-units, i.inline.icon-stadsplan-layer_cityrenewal, i.inline.icon-stadsplan-layer_college, i.inline.icon-stadsplan-layer_containerpark, i.inline.icon-stadsplan-layer_cult, i.inline.icon-stadsplan-layer_culture-centers, i.inline.icon-stadsplan-layer_cycling-distance-to-center-2km-10min, i.inline.icon-stadsplan-layer_cycling-distance-to-center-3km-15min, i.inline.icon-stadsplan-layer_cycling-distance-to-center-4km-20min, i.inline.icon-stadsplan-layer_cycling-distance-to-center-5km-25min, i.inline.icon-stadsplan-layer_cycling-distance-to-center-6km-30min, i.inline.icon-stadsplan-layer_daycare, i.inline.icon-stadsplan-layer_digital, i.inline.icon-stadsplan-layer_districts, i.inline.icon-stadsplan-layer_dog, i.inline.icon-stadsplan-layer_emerg, i.inline.icon-stadsplan-layer_fietstrommels, i.inline.icon-stadsplan-layer_fire-brigade, i.inline.icon-stadsplan-layer_garbage, i.inline.icon-stadsplan-layer_gardens, i.inline.icon-stadsplan-layer_glasscontainer, i.inline.icon-stadsplan-layer_hospital, i.inline.icon-stadsplan-layer_huisartsenwachtposten-points, i.inline.icon-stadsplan-layer_huisartsenwachtposten-zones, i.inline.icon-stadsplan-layer_kids, i.inline.icon-stadsplan-layer_markets, i.inline.icon-stadsplan-layer_mobility, i.inline.icon-stadsplan-layer_museum, i.inline.icon-stadsplan-layer_natural-playing-fields, i.inline.icon-stadsplan-layer_nature, i.inline.icon-stadsplan-layer_park, i.inline.icon-stadsplan-layer_park-and-ride, i.inline.icon-stadsplan-layer_parking, i.inline.icon-stadsplan-layer_parking-zones, i.inline.icon-stadsplan-layer_parks, i.inline.icon-stadsplan-layer_playing-fields, i.inline.icon-stadsplan-layer_playing-woods, i.inline.icon-stadsplan-layer_police, i.inline.icon-stadsplan-layer_public-bicycle-parkings, i.inline.icon-stadsplan-layer_public-car-parkings, i.inline.icon-stadsplan-layer_public-wifi, i.inline.icon-stadsplan-layer_public-wifi-zones, i.inline.icon-stadsplan-layer_publictoilets, i.inline.icon-stadsplan-layer_resident-zones, i.inline.icon-stadsplan-layer_running, i.inline.icon-stadsplan-layer_running-routes, i.inline.icon-stadsplan-layer_running-trails, i.inline.icon-stadsplan-layer_school, i.inline.icon-stadsplan-layer_schools, i.inline.icon-stadsplan-layer_sec-school, i.inline.icon-stadsplan-layer_shopping, i.inline.icon-stadsplan-layer_silent-places, i.inline.icon-stadsplan-layer_skating-fields, i.inline.icon-stadsplan-layer_sortingstreet-lower, i.inline.icon-stadsplan-layer_sortingstreet-upper, i.inline.icon-stadsplan-layer_spoor-oost, i.inline.icon-stadsplan-layer_sportarenas, i.inline.icon-stadsplan-layer_sporting-fields, i.inline.icon-stadsplan-layer_sports, i.inline.icon-stadsplan-layer_swimming, i.inline.icon-stadsplan-layer_taxi, i.inline.icon-stadsplan-layer_ticket-window, i.inline.icon-stadsplan-layer_toilet, i.inline.icon-stadsplan-layer_trainstations, i.inline.icon-stadsplan-layer_tramhaltes, i.inline.icon-stadsplan-layer_tramlijnen, i.inline.icon-stadsplan-layer_velo-stations, i.inline.icon-stadsplan-layer_webpoints, i.inline.icon-stadsplan-layer_webpoints-met-begeleiding, i.inline.icon-stadsplan-layer_webpoints-opleiding, i.inline.icon-stadsplan-layer_webpoints-zonder-begeleiding, i.inline.icon-stadsplan-layer_wifi, i.inline.icon-stadsplan-layer_youth, i.inline.icon-stadsplan-layer_zone30, i.inline.icon-stadsplan-layers, i.inline.icon-stadsplan-layers-active, i.inline.icon-stadsplan-locateme, i.inline.icon-stadsplan-locateme_active, i.inline.icon-stadsplan-marker, i.inline.icon-stadsplan-marker-a-card, i.inline.icon-stadsplan-marker-adult-school, i.inline.icon-stadsplan-marker-alogo, i.inline.icon-stadsplan-marker-bib, i.inline.icon-stadsplan-marker-bicycle-paths, i.inline.icon-stadsplan-marker-blind-guiding, i.inline.icon-stadsplan-marker-blue, i.inline.icon-stadsplan-marker-bp-winter-orange, i.inline.icon-stadsplan-marker-bp-winter-red, i.inline.icon-stadsplan-marker-bp-winter-red-prev, i.inline.icon-stadsplan-marker-bp-winter-yellow, i.inline.icon-stadsplan-marker-car-sharing, i.inline.icon-stadsplan-marker-cemetery, i.inline.icon-stadsplan-marker-charging-units, i.inline.icon-stadsplan-marker-college, i.inline.icon-stadsplan-marker-containerpark, i.inline.icon-stadsplan-marker-culture-centers, i.inline.icon-stadsplan-marker-districts, i.inline.icon-stadsplan-marker-dog, i.inline.icon-stadsplan-marker-fire-brigade, i.inline.icon-stadsplan-marker-gardens, i.inline.icon-stadsplan-marker-glasscontainer, i.inline.icon-stadsplan-marker-gray, i.inline.icon-stadsplan-marker-groep, i.inline.icon-stadsplan-marker-hospital, i.inline.icon-stadsplan-marker-markets, i.inline.icon-stadsplan-marker-museum, i.inline.icon-stadsplan-marker-park, i.inline.icon-stadsplan-marker-park-and-ride, i.inline.icon-stadsplan-marker-parking-zones, i.inline.icon-stadsplan-marker-parks, i.inline.icon-stadsplan-marker-police, i.inline.icon-stadsplan-marker-public-wifi, i.inline.icon-stadsplan-marker-resident-usage, i.inline.icon-stadsplan-marker-resident-zones, i.inline.icon-stadsplan-marker-running-routes, i.inline.icon-stadsplan-marker-running-trails, i.inline.icon-stadsplan-marker-school, i.inline.icon-stadsplan-marker-sec-school, i.inline.icon-stadsplan-marker-sorteerstraat, i.inline.icon-stadsplan-marker-sortingstreet-lower, i.inline.icon-stadsplan-marker-sortingstreet-upper, i.inline.icon-stadsplan-marker-sportarenas, i.inline.icon-stadsplan-marker-suggested, i.inline.icon-stadsplan-marker-swimming, i.inline.icon-stadsplan-marker-taxi, i.inline.icon-stadsplan-marker-ticket-window, i.inline.icon-stadsplan-marker-toilet, i.inline.icon-stadsplan-marker-trainstations, i.inline.icon-stadsplan-marker-velo-stations, i.inline.icon-stadsplan-marker-webpoints, i.inline.icon-stadsplan-marker-weg, i.inline.icon-stadsplan-marker-youth, i.inline.icon-stadsplan-marker-zone30, i.inline.icon-stadsplan-menu, i.inline.icon-stadsplan-own-layers, i.inline.icon-stadsplan-own-layers-active, i.inline.icon-stadsplan-public-layers, i.inline.icon-stadsplan-public-layers-active, i.inline.icon-stadsplan-satellite, i.inline.icon-stadsplan-satellite_active {
    margin-bottom: -3px ;
    margin-bottom: -0.21429rem ; }

i.icon-stadsplan-add {
  background-position: 0 0; }

i.icon-stadsplan-back-toggle {
  background-position: -30px 0; }

i.icon-stadsplan-boosted-layer {
  background-position: -54px 0; }

i.icon-stadsplan-collapse {
  background-position: -84px 0; }

i.icon-stadsplan-collapse-hover {
  background-position: -111px 0; }

i.icon-stadsplan-expand {
  background-position: -138px 0; }

i.icon-stadsplan-expand-hover {
  background-position: -165px 0; }

i.icon-stadsplan-header-marker {
  background-position: -192px 0; }

i.icon-stadsplan-layer-hidden {
  background-position: -222px 0; }

i.icon-stadsplan-layer-visible {
  background-position: -252px 0; }

i.icon-stadsplan-layer_a-card {
  background-position: -282px 0; }

i.icon-stadsplan-layer_aanbevolen-fietsroutes {
  background-position: -312px 0; }

i.icon-stadsplan-layer_adult-school {
  background-position: -342px 0; }

i.icon-stadsplan-layer_artschool {
  background-position: -372px 0; }

i.icon-stadsplan-layer_bib {
  background-position: -402px 0; }

i.icon-stadsplan-layer_bicycle {
  background-position: -432px 0; }

i.icon-stadsplan-layer_bicycle-parkings-parkeerbedrijf {
  background-position: -462px 0; }

i.icon-stadsplan-layer_blind-guiding {
  background-position: -492px 0; }

i.icon-stadsplan-layer_bp-winter-orange {
  background-position: -522px 0; }

i.icon-stadsplan-layer_bp-winter-red {
  background-position: -552px 0; }

i.icon-stadsplan-layer_bp-winter-red-prev {
  background-position: -582px 0; }

i.icon-stadsplan-layer_bp-winter-yellow {
  background-position: -612px 0; }

i.icon-stadsplan-layer_bushaltes {
  background-position: -642px 0; }

i.icon-stadsplan-layer_buslijnen {
  background-position: -672px 0; }

i.icon-stadsplan-layer_car-parkings-parkeerbedrijf {
  background-position: -702px 0; }

i.icon-stadsplan-layer_car-sharing {
  background-position: -732px 0; }

i.icon-stadsplan-layer_cemetery {
  background-position: -762px 0; }

i.icon-stadsplan-layer_charging-units {
  background-position: -792px 0; }

i.icon-stadsplan-layer_cityrenewal {
  background-position: -822px 0; }

i.icon-stadsplan-layer_college {
  background-position: -852px 0; }

i.icon-stadsplan-layer_containerpark {
  background-position: -882px 0; }

i.icon-stadsplan-layer_cult {
  background-position: -912px 0; }

i.icon-stadsplan-layer_culture-centers {
  background-position: -942px 0; }

i.icon-stadsplan-layer_cycling-distance-to-center-2km-10min {
  background-position: -972px 0; }

i.icon-stadsplan-layer_cycling-distance-to-center-3km-15min {
  background-position: -1002px 0; }

i.icon-stadsplan-layer_cycling-distance-to-center-4km-20min {
  background-position: -1032px 0; }

i.icon-stadsplan-layer_cycling-distance-to-center-5km-25min {
  background-position: -1062px 0; }

i.icon-stadsplan-layer_cycling-distance-to-center-6km-30min {
  background-position: -1092px 0; }

i.icon-stadsplan-layer_daycare {
  background-position: -1122px 0; }

i.icon-stadsplan-layer_digital {
  background-position: -1152px 0; }

i.icon-stadsplan-layer_districts {
  background-position: -1182px 0; }

i.icon-stadsplan-layer_dog {
  background-position: -1212px 0; }

i.icon-stadsplan-layer_emerg {
  background-position: -1242px 0; }

i.icon-stadsplan-layer_fietstrommels {
  background-position: -1272px 0; }

i.icon-stadsplan-layer_fire-brigade {
  background-position: -1302px 0; }

i.icon-stadsplan-layer_garbage {
  background-position: -1332px 0; }

i.icon-stadsplan-layer_gardens {
  background-position: -1362px 0; }

i.icon-stadsplan-layer_glasscontainer {
  background-position: -1392px 0; }

i.icon-stadsplan-layer_hospital {
  background-position: -1422px 0; }

i.icon-stadsplan-layer_huisartsenwachtposten-points {
  background-position: -1452px 0; }

i.icon-stadsplan-layer_huisartsenwachtposten-zones {
  background-position: -1482px 0; }

i.icon-stadsplan-layer_kids {
  background-position: -1512px 0; }

i.icon-stadsplan-layer_markets {
  background-position: -1542px 0; }

i.icon-stadsplan-layer_mobility {
  background-position: -1572px 0; }

i.icon-stadsplan-layer_museum {
  background-position: -1602px 0; }

i.icon-stadsplan-layer_natural-playing-fields {
  background-position: -1632px 0; }

i.icon-stadsplan-layer_nature {
  background-position: -1662px 0; }

i.icon-stadsplan-layer_park {
  background-position: -1692px 0; }

i.icon-stadsplan-layer_park-and-ride {
  background-position: -1722px 0; }

i.icon-stadsplan-layer_parking {
  background-position: -1752px 0; }

i.icon-stadsplan-layer_parking-zones {
  background-position: -1782px 0; }

i.icon-stadsplan-layer_parks {
  background-position: -1812px 0; }

i.icon-stadsplan-layer_playing-fields {
  background-position: -1842px 0; }

i.icon-stadsplan-layer_playing-woods {
  background-position: -1872px 0; }

i.icon-stadsplan-layer_police {
  background-position: -1902px 0; }

i.icon-stadsplan-layer_public-bicycle-parkings {
  background-position: -1932px 0; }

i.icon-stadsplan-layer_public-car-parkings {
  background-position: -1962px 0; }

i.icon-stadsplan-layer_public-wifi {
  background-position: -1992px 0; }

i.icon-stadsplan-layer_public-wifi-zones {
  background-position: -2022px 0; }

i.icon-stadsplan-layer_publictoilets {
  background-position: -2052px 0; }

i.icon-stadsplan-layer_resident-zones {
  background-position: -2082px 0; }

i.icon-stadsplan-layer_running {
  background-position: -2112px 0; }

i.icon-stadsplan-layer_running-routes {
  background-position: -2142px 0; }

i.icon-stadsplan-layer_running-trails {
  background-position: -2172px 0; }

i.icon-stadsplan-layer_school {
  background-position: -2202px 0; }

i.icon-stadsplan-layer_schools {
  background-position: -2232px 0; }

i.icon-stadsplan-layer_sec-school {
  background-position: -2262px 0; }

i.icon-stadsplan-layer_shopping {
  background-position: -2292px 0; }

i.icon-stadsplan-layer_silent-places {
  background-position: -2322px 0; }

i.icon-stadsplan-layer_skating-fields {
  background-position: -2352px 0; }

i.icon-stadsplan-layer_sortingstreet-lower {
  background-position: -2382px 0; }

i.icon-stadsplan-layer_sortingstreet-upper {
  background-position: -2412px 0; }

i.icon-stadsplan-layer_spoor-oost {
  background-position: -2442px 0; }

i.icon-stadsplan-layer_sportarenas {
  background-position: -2472px 0; }

i.icon-stadsplan-layer_sporting-fields {
  background-position: -2502px 0; }

i.icon-stadsplan-layer_sports {
  background-position: -2532px 0; }

i.icon-stadsplan-layer_swimming {
  background-position: -2562px 0; }

i.icon-stadsplan-layer_taxi {
  background-position: -2592px 0; }

i.icon-stadsplan-layer_ticket-window {
  background-position: -2622px 0; }

i.icon-stadsplan-layer_toilet {
  background-position: -2652px 0; }

i.icon-stadsplan-layer_trainstations {
  background-position: -2682px 0; }

i.icon-stadsplan-layer_tramhaltes {
  background-position: -2712px 0; }

i.icon-stadsplan-layer_tramlijnen {
  background-position: -2742px 0; }

i.icon-stadsplan-layer_velo-stations {
  background-position: -2772px 0; }

i.icon-stadsplan-layer_webpoints {
  background-position: -2802px 0; }

i.icon-stadsplan-layer_webpoints-met-begeleiding {
  background-position: -2832px 0; }

i.icon-stadsplan-layer_webpoints-opleiding {
  background-position: -2862px 0; }

i.icon-stadsplan-layer_webpoints-zonder-begeleiding {
  background-position: -2892px 0; }

i.icon-stadsplan-layer_wifi {
  background-position: -2922px 0; }

i.icon-stadsplan-layer_youth {
  background-position: -2952px 0; }

i.icon-stadsplan-layer_zone30 {
  background-position: -2982px 0; }

i.icon-stadsplan-layers {
  background-position: -3012px 0; }

i.icon-stadsplan-layers-active {
  background-position: -3042px 0; }

i.icon-stadsplan-locateme {
  background-position: -3072px 0; }

i.icon-stadsplan-locateme_active {
  background-position: -3102px 0; }

i.icon-stadsplan-marker {
  background-position: -3132px 0; }

i.icon-stadsplan-marker-a-card {
  background-position: -3157px 0; }

i.icon-stadsplan-marker-adult-school {
  background-position: -3183px 0; }

i.icon-stadsplan-marker-alogo {
  background-position: -3209px 0; }

i.icon-stadsplan-marker-bib {
  background-position: -3235px 0; }

i.icon-stadsplan-marker-bicycle-paths {
  background-position: -3261px 0; }

i.icon-stadsplan-marker-blind-guiding {
  background-position: -3287px 0; }

i.icon-stadsplan-marker-blue {
  background-position: -3313px 0; }

i.icon-stadsplan-marker-bp-winter-orange {
  background-position: -3338px 0; }

i.icon-stadsplan-marker-bp-winter-red {
  background-position: -3364px 0; }

i.icon-stadsplan-marker-bp-winter-red-prev {
  background-position: -3390px 0; }

i.icon-stadsplan-marker-bp-winter-yellow {
  background-position: -3416px 0; }

i.icon-stadsplan-marker-car-sharing {
  background-position: -3442px 0; }

i.icon-stadsplan-marker-cemetery {
  background-position: -3468px 0; }

i.icon-stadsplan-marker-charging-units {
  background-position: -3494px 0; }

i.icon-stadsplan-marker-college {
  background-position: -3520px 0; }

i.icon-stadsplan-marker-containerpark {
  background-position: -3546px 0; }

i.icon-stadsplan-marker-culture-centers {
  background-position: -3572px 0; }

i.icon-stadsplan-marker-districts {
  background-position: -3598px 0; }

i.icon-stadsplan-marker-dog {
  background-position: -3624px 0; }

i.icon-stadsplan-marker-fire-brigade {
  background-position: -3650px 0; }

i.icon-stadsplan-marker-gardens {
  background-position: -3676px 0; }

i.icon-stadsplan-marker-glasscontainer {
  background-position: -3702px 0; }

i.icon-stadsplan-marker-gray {
  background-position: -3728px 0; }

i.icon-stadsplan-marker-groep {
  background-position: -3753px 0; }

i.icon-stadsplan-marker-hospital {
  background-position: -3779px 0; }

i.icon-stadsplan-marker-markets {
  background-position: -3805px 0; }

i.icon-stadsplan-marker-museum {
  background-position: -3831px 0; }

i.icon-stadsplan-marker-park {
  background-position: -3857px 0; }

i.icon-stadsplan-marker-park-and-ride {
  background-position: -3883px 0; }

i.icon-stadsplan-marker-parking-zones {
  background-position: -3909px 0; }

i.icon-stadsplan-marker-parks {
  background-position: -3935px 0; }

i.icon-stadsplan-marker-police {
  background-position: -3961px 0; }

i.icon-stadsplan-marker-public-wifi {
  background-position: -3987px 0; }

i.icon-stadsplan-marker-resident-usage {
  background-position: -4013px 0; }

i.icon-stadsplan-marker-resident-zones {
  background-position: -4039px 0; }

i.icon-stadsplan-marker-running-routes {
  background-position: -4065px 0; }

i.icon-stadsplan-marker-running-trails {
  background-position: -4091px 0; }

i.icon-stadsplan-marker-school {
  background-position: -4117px 0; }

i.icon-stadsplan-marker-sec-school {
  background-position: -4143px 0; }

i.icon-stadsplan-marker-sorteerstraat {
  background-position: -4169px 0; }

i.icon-stadsplan-marker-sortingstreet-lower {
  background-position: -4195px 0; }

i.icon-stadsplan-marker-sortingstreet-upper {
  background-position: -4221px 0; }

i.icon-stadsplan-marker-sportarenas {
  background-position: -4247px 0; }

i.icon-stadsplan-marker-suggested {
  background-position: -4273px 0; }

i.icon-stadsplan-marker-swimming {
  background-position: -4298px 0; }

i.icon-stadsplan-marker-taxi {
  background-position: -4324px 0; }

i.icon-stadsplan-marker-ticket-window {
  background-position: -4350px 0; }

i.icon-stadsplan-marker-toilet {
  background-position: -4376px 0; }

i.icon-stadsplan-marker-trainstations {
  background-position: -4402px 0; }

i.icon-stadsplan-marker-velo-stations {
  background-position: -4428px 0; }

i.icon-stadsplan-marker-webpoints {
  background-position: -4454px 0; }

i.icon-stadsplan-marker-weg {
  background-position: -4480px 0; }

i.icon-stadsplan-marker-youth {
  background-position: -4506px 0; }

i.icon-stadsplan-marker-zone30 {
  background-position: -4532px 0; }

i.icon-stadsplan-menu {
  background-position: -4558px 0; }

i.icon-stadsplan-own-layers {
  background-position: -4588px 0; }

i.icon-stadsplan-own-layers-active {
  background-position: -4618px 0; }

i.icon-stadsplan-public-layers {
  background-position: -4648px 0; }

i.icon-stadsplan-public-layers-active {
  background-position: -4678px 0; }

i.icon-stadsplan-satellite {
  background-position: -4708px 0; }

i.icon-stadsplan-satellite_active {
  background-position: -4738px 0; }

/**
 * Icons
 *
 * We chose to use the <i> tag for icons
 * All icons come from one sprite
 *
 * THIS FILE IS GENERATED FROM SPRITE-TEMPLATE.SCSS
 * ALL CHANGES IN THIS FILE WILL BE OVERWRITTEN
 */
/**
 * Icon settings
 */
/**
 * Default icon
 */
i.icon-vrijetijdskalender-detail-date, i.icon-vrijetijdskalender-detail-info, i.icon-vrijetijdskalender-detail-mail, i.icon-vrijetijdskalender-detail-price, i.icon-vrijetijdskalender-detail-tel, i.icon-vrijetijdskalender-detail-url, i.icon-vrijetijdskalender-detail-where {
  -moz-transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  background: transparent url(../gfx/icons/vrijetijdskalender.svg) no-repeat 0 0;
  background-size: 168px 23.995967078189302px;
  width: 23.99597px;
  height: 23.99597px;
  position: relative;
  display: inline-block;
  /**
   * Make it possible to insert text for screen readers
   */ }
  i.inline.icon-vrijetijdskalender-detail-date, i.inline.icon-vrijetijdskalender-detail-info, i.inline.icon-vrijetijdskalender-detail-mail, i.inline.icon-vrijetijdskalender-detail-price, i.inline.icon-vrijetijdskalender-detail-tel, i.inline.icon-vrijetijdskalender-detail-url, i.inline.icon-vrijetijdskalender-detail-where {
    margin-bottom: -3px ;
    margin-bottom: -0.21429rem ; }

i.icon-vrijetijdskalender-detail-date {
  background-position: 0 0; }

i.icon-vrijetijdskalender-detail-info {
  background-position: -24px 0; }

i.icon-vrijetijdskalender-detail-mail {
  background-position: -48px 0; }

i.icon-vrijetijdskalender-detail-price {
  background-position: -72px 0; }

i.icon-vrijetijdskalender-detail-tel {
  background-position: -96px 0; }

i.icon-vrijetijdskalender-detail-url {
  background-position: -120px 0; }

i.icon-vrijetijdskalender-detail-where {
  background-position: -144px 0; }

/**
 * Attachments
 */
.attachments {
  margin: 0;
  list-style: none;
  margin-bottom: 10px ;
  margin-bottom: 0.71429rem ; }
  .attachments li {
    display: inline-block; }

.attachments-file {
  margin: 0px 16px 16px 0px ;
  margin: 0rem 1.14286rem 1.14286rem 0rem ; }
  .attachments-file a {
    background-color: #ebebeb;
    display: inline-block;
    font-weight: bold;
    margin: 0;
    padding: 7px ;
    padding: 0.5rem ;
    text-decoration: none; }
    .attachments-file a:hover, .attachments-file a:active {
      background-color: whitesmoke;
      -moz-box-shadow: 0 0 0.85714rem  #ebebeb inset;
      -webkit-box-shadow: 0 0 0.85714rem  #ebebeb inset;
      box-shadow: 0 0 0.85714rem  #ebebeb inset;
      color: inherit; }
  .attachments-file .attachments-remove {
    background-color: #219dc8;
    border-radius: 10px ;
    border-radius: 0.71429rem ;
    color: #ffffff;
    display: block;
    line-height: 20px ;
    line-height: 1.42857rem ;
    position: absolute;
    right: -10px ;
    right: -0.71429rem ;
    width: 20px ;
    width: 1.42857rem ;
    height: 20px ;
    height: 1.42857rem ;
    text-align: center;
    top: -10px ;
    top: -0.71429rem ;
    z-index: 100000; }
    .attachments-file .attachments-remove:hover {
      background-color: #999999;
      color: #ffffff;
      cursor: pointer; }

.attachments-form input {
  background: none; }
.attachments-form input[type='file'] {
  border: 1px dashed #219dc8;
  -moz-border-radius: 0.71429rem ;
  -webkit-border-radius: 0.71429rem;
  border-radius: 0.71429rem ;
  content: '';
  display: inline-block;
  padding: 5px ;
  padding: 0.35714rem ; }

.breadcrumb {
  margin: 25px 12px ;
  margin: 1.78571rem 0.85714rem ; }
  .breadcrumb a {
    font-size: 1.42857em;
    line-height: 1.4847em;
    font-weight: 300;
    margin-bottom: 12px ;
    margin-bottom: 0.85714rem ;
    text-decoration: none; }
    .breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus {
      text-decoration: underline; }
  .breadcrumb h1, .breadcrumb .h1 {
    color: #666666; }

@media (min-width: 640px) {
  .breadcrumb {
    margin: 25px 0px ;
    margin: 1.78571rem 0rem ; } }
.box, .box-full, .box-fullTransparent, .box-blue, .box-blueDark, .box-media, .box-media-dark, .box-listFull, .box-mediaTeaser, ul.box-mediaTeaser, .box-fieldset, .box-list, .box-listItem, .stadsplanDirective .sidebar .tabContentWrapper .buttonWrapper, .step-indicator {
  display: inline-block;
  background: #ffffff;
  border-bottom: 1px solid #e1e1e1;
  margin: 0px 0px 12px ;
  margin: 0rem 0rem 0.85714rem ;
  padding: 13px ;
  padding: 0.92857rem ; }
  .box:after, .box-full:after, .box-fullTransparent:after, .box-blue:after, .box-blueDark:after, .box-media:after, .box-media-dark:after, .box-listFull:after, .box-mediaTeaser:after, .box-fieldset:after, .box-list:after, .box-listItem:after, .stadsplanDirective .sidebar .tabContentWrapper .buttonWrapper:after, .step-indicator:after {
    content: "";
    display: table;
    clear: both; }
  .box, .box-full, .box-fullTransparent, .box-blue, .box-blueDark, .box-media, .box-media-dark, .box-listFull, .box-mediaTeaser, ul.box-mediaTeaser, .box-fieldset, .box-list, .box-listItem, .stadsplanDirective .sidebar .tabContentWrapper .buttonWrapper, .step-indicator {
    display: block; }
  .box.noPadding, .noPadding.box-full, .noPadding.box-fullTransparent, .noPadding.box-blue, .noPadding.box-blueDark, .noPadding.box-media, .noPadding.box-media-dark, .noPadding.box-listFull, .noPadding.box-mediaTeaser, .noPadding.box-fieldset, .noPadding.box-list, .noPadding.box-listItem, .stadsplanDirective .sidebar .tabContentWrapper .noPadding.buttonWrapper, .noPadding.step-indicator {
    padding: 0; }
  .box.noMargin, .noMargin.box-full, .noMargin.box-fullTransparent, .noMargin.box-blue, .noMargin.box-blueDark, .noMargin.box-media, .noMargin.box-media-dark, .noMargin.box-listFull, .noMargin.box-mediaTeaser, .noMargin.box-fieldset, .noMargin.box-list, .noMargin.box-listItem, .stadsplanDirective .sidebar .tabContentWrapper .noMargin.buttonWrapper, .noMargin.step-indicator {
    margin: 0; }
  .box.noBorder, .noBorder.box-full, .noBorder.box-fullTransparent, .noBorder.box-blue, .noBorder.box-blueDark, .noBorder.box-media, .noBorder.box-media-dark, .noBorder.box-listFull, .noBorder.box-mediaTeaser, .noBorder.box-fieldset, .noBorder.box-list, .noBorder.box-listItem, .stadsplanDirective .sidebar .tabContentWrapper .noBorder.buttonWrapper, .noBorder.step-indicator {
    border-bottom: 0; }
  .box p, .box-full p, .box-fullTransparent p, .box-blue p, .box-blueDark p, .box-media p, .box-media-dark p, .box-listFull p, .box-mediaTeaser p, .box-fieldset p, .box-list p, .box-listItem p, .stadsplanDirective .sidebar .tabContentWrapper .buttonWrapper p, .step-indicator p {
    line-height: 1.55em; }

.box-full, .box-fullTransparent {
  margin: -12px 12px ;
  margin: -0.85714rem 0.85714rem ;
  padding: 25px ;
  padding: 1.78571rem ; }

.box-fullTransparent {
  background: none;
  border-bottom: none; }

.box-blue {
  background: #219dc8; }

.box-blueDark {
  background: #2096bf;
  border-bottom: 1px solid #1d88ae; }
  .box-blueDark.noPadding {
    padding-bottom: 16px ;
    padding-bottom: 1.14286rem ; }
    .box-blueDark.noPadding h1, .box-blueDark.noPadding .h1 {
      padding: 15px 15px 10px ;
      padding: 1.07143rem 1.07143rem 0.71429rem ; }

.box-media, .box-media-dark, .box-listFull, .box-mediaTeaser, ul.box-mediaTeaser {
  padding: 0; }
  .box-media h1, .box-media-dark h1, .box-listFull h1, .box-mediaTeaser h1, .box-media .h1, .box-media-dark .h1, .box-listFull .h1, .box-mediaTeaser .h1 {
    font-size: 1.71429em;
    line-height: 1.23725em; }
  .box-media p, .box-media-dark p, .box-listFull p, .box-mediaTeaser p, .box-media li, .box-media-dark li, .box-listFull li, .box-mediaTeaser li {
    color: #666666; }
  .box-media time, .box-media-dark time, .box-listFull time, .box-mediaTeaser time {
    display: block;
    padding: 0px 0px 2px ;
    padding: 0rem 0rem 0.14286rem ; }
  .box-media > article, .box-media-dark > article, .box-listFull > article, .box-mediaTeaser > article {
    padding: 12px ;
    padding: 0.85714rem ;
    display: inline-block; }
    .box-media > article:after, .box-media-dark > article:after, .box-listFull > article:after, .box-mediaTeaser > article:after {
      content: "";
      display: table;
      clear: both; }
    .box-media > article, .box-media-dark > article, .box-listFull > article, .box-mediaTeaser > article {
      display: block; }
    .box-media > article > footer, .box-media-dark > article > footer, .box-listFull > article > footer, .box-mediaTeaser > article > footer {
      clear: both;
      padding-top: 26px ;
      padding-top: 1.85714rem ; }
  .box-media.box-media-full h1, .box-media-full.box-media-dark h1, .box-media-full.box-listFull h1, .box-media-full.box-mediaTeaser h1, .box-media.box-media-full .h1, .box-media-full.box-media-dark .h1, .box-media-full.box-listFull .h1, .box-media-full.box-mediaTeaser .h1 {
    font-size: 1.71429em;
    line-height: 1.23725em;
    font-weight: 500; }
    @media (min-width: 640px) {
      .box-media.box-media-full h1, .box-media-full.box-media-dark h1, .box-media-full.box-listFull h1, .box-media-full.box-mediaTeaser h1, .box-media.box-media-full .h1, .box-media-full.box-media-dark .h1, .box-media-full.box-listFull .h1, .box-media-full.box-mediaTeaser .h1 {
        font-size: 2.42857em;
        line-height: 1.16447em;
        font-weight: 300; } }
  .box-media.box-media-full h2, .box-media-full.box-media-dark h2, .box-media-full.box-listFull h2, .box-media-full.box-mediaTeaser h2, .box-media.box-media-full .h2, .box-media-full.box-media-dark .h2, .box-media-full.box-listFull .h2, .box-media-full.box-mediaTeaser .h2, .box-media.box-media-full h3, .box-media-full.box-media-dark h3, .box-media-full.box-listFull h3, .box-media-full.box-mediaTeaser h3, .box-media.box-media-full .h3, .box-media-full.box-media-dark .h3, .box-media-full.box-listFull .h3, .box-media-full.box-mediaTeaser .h3 {
    font-size: 1.21429em;
    line-height: 1.74671em;
    font-weight: 500; }
    @media (min-width: 640px) {
      .box-media.box-media-full h2, .box-media-full.box-media-dark h2, .box-media-full.box-listFull h2, .box-media-full.box-mediaTeaser h2, .box-media.box-media-full .h2, .box-media-full.box-media-dark .h2, .box-media-full.box-listFull .h2, .box-media-full.box-mediaTeaser .h2, .box-media.box-media-full h3, .box-media-full.box-media-dark h3, .box-media-full.box-listFull h3, .box-media-full.box-mediaTeaser h3, .box-media.box-media-full .h3, .box-media-full.box-media-dark .h3, .box-media-full.box-listFull .h3, .box-media-full.box-mediaTeaser .h3 {
        font-size: 1.42857em;
        line-height: 1.4847em; } }
  .box-media.box-media-full ul, .box-media-full.box-media-dark ul, .box-media-full.box-listFull ul, .box-media-full.box-mediaTeaser ul, .box-media.box-media-full ol, .box-media-full.box-media-dark ol, .box-media-full.box-listFull ol, .box-media-full.box-mediaTeaser ol {
    padding-bottom: 1.2726em; }

.box-media .is-internal, .box-media-dark .is-internal, .box-listFull .is-internal, .box-mediaTeaser .is-internal {
  padding-bottom: 12px ;
  padding-bottom: 0.85714rem ; }
  .box-media .is-internal > div, .box-media-dark .is-internal > div, .box-listFull .is-internal > div, .box-mediaTeaser .is-internal > div {
    border-left: 2px  solid #219dc8;
    margin-left: -12px ;
    margin-left: -0.85714rem ;
    margin-right: -12px ;
    margin-right: -0.85714rem ;
    padding-left: 10px ;
    padding-left: 0.71429rem ;
    padding-right: 10px ;
    padding-right: 0.71429rem ;
    position: relative; }

.box-fieldset {
  padding: 0; }
  .box-fieldset fieldset {
    margin: 0;
    padding: 13px ;
    padding: 0.92857rem ; }
    .box-fieldset fieldset h1, .box-fieldset fieldset .h1 {
      font-size: 15px ;
      font-size: 1.07143rem ;
      font-weight: bold;
      margin-bottom: 10px ;
      margin-bottom: 0.71429rem ; }

.box-list {
  margin: 0;
  list-style: none;
  padding: 0; }
  .box-list > li {
    margin: 0;
    padding: 13px ;
    padding: 0.92857rem ; }
    .box-list > li:not(:last-child) {
      border-bottom: 1px solid #e1e1e1; }
    .box-list > li > h1, .box-list > li > .h1 {
      font-size: 15px ;
      font-size: 1.07143rem ;
      font-weight: bold;
      margin-bottom: 10px ;
      margin-bottom: 0.71429rem ; }

.box-listItem {
  padding: 0; }
  .box-listItem .box-item {
    margin: 0;
    padding: 13px ;
    padding: 0.92857rem ; }
    .box-listItem .box-item > h1, .box-listItem .box-item > .h1 {
      font-size: 15px ;
      font-size: 1.07143rem ;
      margin-bottom: 5px ;
      margin-bottom: 0.35714rem ;
      font-weight: bold; }
    .box-listItem .box-item > h2, .box-listItem .box-item > .h2 {
      font-size: 14px ;
      font-size: 1rem ;
      margin-bottom: 15px ;
      margin-bottom: 1.07143rem ; }
    .box-listItem .box-item:not(:last-child) {
      border-bottom: 1px solid #e1e1e1; }

.box-media-dark {
  background-color: #333333; }
  .box-media-dark time, .box-media-dark p {
    color: #999999; }
  .box-media-dark h1 a, .box-media-dark .h1 a {
    color: #ebebeb; }
  .box-media-dark .actions a.plus:before {
    color: #999999; }

.box-listFull {
  display: inline-block; }
  .box-listFull:after {
    content: "";
    display: table;
    clear: both; }
  .box-listFull {
    display: block; }
  .box-listFull header {
    margin: 0px 0px 13px ;
    margin: 0rem 0rem 0.92857rem ;
    text-align: center; }
    .box-listFull header .user-avatar {
      margin: 16px auto 0px ;
      margin: 1.14286rem auto 0rem ;
      width: 50px ;
      width: 3.57143rem ;
      height: 50px ;
      height: 3.57143rem ; }
      .box-listFull header .user-avatar .circle {
        border: 2px solid #ffffff; }
    .box-listFull header img ~ .user-avatar {
      margin: -30px auto 0px ;
      margin: -2.14286rem auto 0rem ; }
  .box-listFull section {
    padding: 0px 13px ;
    padding: 0rem 0.92857rem ; }
  .box-listFull ul {
    margin: 0;
    list-style: none; }
    .box-listFull ul li {
      border-bottom: none !important;
      margin: 0;
      padding: 0; }
    .box-listFull ul a {
      border-top: 1px solid #ebebeb;
      background: #f3f3f3;
      display: block;
      color: #333333;
      text-decoration: none;
      font-weight: 600;
      padding: 13px ;
      padding: 0.92857rem ; }
      .box-listFull ul a.active, .box-listFull ul a:hover {
        background: #fafafa; }

.box-mediaTeaser, ul.box-mediaTeaser {
  display: table;
  padding: 0;
  width: 100%; }
  .box-mediaTeaser a {
    display: inline-block;
    display: table-row;
    text-decoration: none;
    width: 100%; }
    .box-mediaTeaser a:after {
      content: "";
      display: table;
      clear: both; }
    .box-mediaTeaser a {
      display: block; }
    .box-mediaTeaser a.active, .box-mediaTeaser a:hover {
      background: #fafafa; }
    .box-mediaTeaser a p {
      color: #999999; }
  .box-mediaTeaser h3, .box-mediaTeaser .h3 {
    font-size: 1.42857em;
    line-height: 1.4847em;
    font-weight: 300;
    padding: 12px 0px 0px ;
    padding: 0.85714rem 0rem 0rem ; }
  .box-mediaTeaser .image {
    display: table-cell;
    width: 80px ;
    width: 5.71429rem ;
    height: 80px ;
    height: 5.71429rem ; }
    .box-mediaTeaser .image img {
      float: left;
      height: 80px ;
      height: 5.71429rem ; }
  .box-mediaTeaser .content {
    display: table-cell;
    padding: 0px 12px ;
    padding: 0rem 0.85714rem ;
    vertical-align: middle; }

ul.box-mediaTeaser {
  margin: 0;
  list-style: none; }
  ul.box-mediaTeaser li {
    border-bottom: 1px solid whitesmoke;
    display: table;
    margin: 0;
    width: 100%; }
    ul.box-mediaTeaser li:last-child {
      border-bottom: none; }
    ul.box-mediaTeaser li a {
      width: 100%; }

@media (min-width: 640px) {
  .box, .box-full, .box-fullTransparent, .box-blue, .box-blueDark, .box-media, .box-media-dark, .box-listFull, .box-mediaTeaser, ul.box-mediaTeaser, .box-fieldset, .box-list, .box-listItem, .stadsplanDirective .sidebar .tabContentWrapper .buttonWrapper, .step-indicator {
    margin: 0px auto 20px ;
    margin: 0rem auto 1.42857rem ;
    padding: 20px ;
    padding: 1.42857rem ; }

  .box-full, .box-fullTransparent {
    margin: 0px auto 20px ;
    margin: 0rem auto 1.42857rem ;
    padding: 20px ;
    padding: 1.42857rem ; }

  .box-media, .box-media-dark, .box-listFull, .box-mediaTeaser, ul.box-mediaTeaser {
    padding: 0; }
    .box-media > article, .box-media-dark > article, .box-listFull > article, .box-mediaTeaser > article {
      padding: 20px ;
      padding: 1.42857rem ; }
    .box-media .is-internal > div, .box-media-dark .is-internal > div, .box-listFull .is-internal > div, .box-mediaTeaser .is-internal > div {
      margin-left: -20px ;
      margin-left: -1.42857rem ;
      margin-right: -20px ;
      margin-right: -1.42857rem ;
      padding-left: 18px ;
      padding-left: 1.28571rem ;
      padding-right: 18px ;
      padding-right: 1.28571rem ; }
      .box-media .is-internal > div:after, .box-media-dark .is-internal > div:after, .box-listFull .is-internal > div:after, .box-mediaTeaser .is-internal > div:after {
        background: url('../gfx/icons/a-label.svg?1439897247') 50% 50%;
        content: "";
        display: block;
        width: 25px ;
        width: 1.78571rem ;
        height: 25px ;
        height: 1.78571rem ;
        -moz-background-size: 45px 45px;
        -o-background-size: 45px 45px;
        -webkit-background-size: 45px 45px;
        background-size: 45px 45px;
        left: -13.5px ;
        left: -0.96429rem ;
        position: absolute;
        top: -2px; }

  .box-fieldset {
    padding: 0; }
    .box-fieldset fieldset {
      padding: 20px ;
      padding: 1.42857rem ; }

  .box-listItem {
    padding: 0; }
    .box-listItem .box-item {
      padding: 20px ;
      padding: 1.42857rem ; }

  .box-list {
    padding: 0; }
    .box-list li {
      padding: 20px ;
      padding: 1.42857rem ; }

  .box-listFull section {
    padding: 0px 20px ;
    padding: 0rem 1.42857rem ; }
  .box-listFull header {
    margin: 0px 0px 20px ;
    margin: 0rem 0rem 1.42857rem ; }
  .box-listFull ul a {
    padding: 20px ;
    padding: 1.42857rem ; } }
@media (min-width: 960px) {
  .box, .box-full, .box-fullTransparent, .box-blue, .box-blueDark, .box-media, .box-media-dark, .box-listFull, .box-mediaTeaser, ul.box-mediaTeaser, .box-fieldset, .box-list, .box-listItem, .stadsplanDirective .sidebar .tabContentWrapper .buttonWrapper, .step-indicator {
    margin: 0px auto 25px ;
    margin: 0rem auto 1.78571rem ;
    padding: 25px ;
    padding: 1.78571rem ; }

  .box-full, .box-fullTransparent {
    margin: 0px auto 25px ;
    margin: 0rem auto 1.78571rem ; }

  .box-media, .box-media-dark, .box-listFull, .box-mediaTeaser, ul.box-mediaTeaser {
    padding: 0; }
    .box-media > article, .box-media-dark > article, .box-listFull > article, .box-mediaTeaser > article {
      padding: 25px ;
      padding: 1.78571rem ; }
    .box-media .is-internal > div, .box-media-dark .is-internal > div, .box-listFull .is-internal > div, .box-mediaTeaser .is-internal > div {
      margin-left: -25px ;
      margin-left: -1.78571rem ;
      margin-right: -25px ;
      margin-right: -1.78571rem ;
      padding-left: 23px ;
      padding-left: 1.64286rem ;
      padding-right: 23px ;
      padding-right: 1.64286rem ; }

  .box-fieldset {
    padding: 0; }
    .box-fieldset fieldset {
      padding: 25px ;
      padding: 1.78571rem ; }

  .box-listItem {
    padding: 0; }
    .box-listItem .box-item {
      padding: 25px ;
      padding: 1.78571rem ; }

  .box-list {
    padding: 0; }
    .box-list li {
      padding: 25px ;
      padding: 1.78571rem ; }

  .box-listFull section {
    padding: 0px 25px ;
    padding: 0rem 1.78571rem ; }
  .box-listFull header {
    margin: 0px 0px 25px ;
    margin: 0rem 0rem 1.78571rem ; }
  .box-listFull ul a {
    padding: 25px ;
    padding: 1.78571rem ; } }
.box-highlight, .box-highlight-info,
.box-highlight-eID, .box-highlight-warning, .box-highlight-error, .box-highlight-success {
  border-bottom: 1px solid;
  margin: 0px 0px 12px ;
  margin: 0rem 0rem 0.85714rem ;
  padding: 13px ;
  padding: 0.92857rem ;
  position: relative; }
  .box-highlight .box-highlight-title, .box-highlight-info .box-highlight-title,
  .box-highlight-eID .box-highlight-title, .box-highlight-warning .box-highlight-title, .box-highlight-error .box-highlight-title, .box-highlight-success .box-highlight-title {
    font-weight: bold; }
  .box-highlight .box-highlight-content p:last-child, .box-highlight-info .box-highlight-content p:last-child,
  .box-highlight-eID .box-highlight-content p:last-child, .box-highlight-warning .box-highlight-content p:last-child, .box-highlight-error .box-highlight-content p:last-child, .box-highlight-success .box-highlight-content p:last-child {
    padding-bottom: 0; }
  .box-highlight .box-highlight-actions, .box-highlight-info .box-highlight-actions,
  .box-highlight-eID .box-highlight-actions, .box-highlight-warning .box-highlight-actions, .box-highlight-error .box-highlight-actions, .box-highlight-success .box-highlight-actions {
    padding-top: 13px ;
    padding-top: 0.92857rem ; }
  .box-highlight .box-highlight-actions a, .box-highlight-info .box-highlight-actions a,
  .box-highlight-eID .box-highlight-actions a, .box-highlight-warning .box-highlight-actions a, .box-highlight-error .box-highlight-actions a, .box-highlight-success .box-highlight-actions a {
    margin-bottom: 0; }
  .box-highlight.noMargin, .noMargin.box-highlight-info,
  .noMargin.box-highlight-eID, .noMargin.box-highlight-warning, .noMargin.box-highlight-error, .noMargin.box-highlight-success {
    margin-bottom: 0; }

.box-highlight-info,
.box-highlight-eID {
  background-color: #ecf8fc;
  border-bottom-color: #c0e7f5; }

.box-highlight-warning {
  background-color: #fcdf98;
  border-bottom-color: #fac74d; }

.box-highlight-error {
  background-color: #ffcccc;
  border-bottom-color: #ff9999; }

.box-highlight-success {
  background-color: #e1f0c1;
  border-bottom-color: #cde698; }

@media screen and (max-width: 639px) {
  .box-highlight .box-highlight-icon, .box-highlight-info .box-highlight-icon,
  .box-highlight-eID .box-highlight-icon, .box-highlight-warning .box-highlight-icon, .box-highlight-error .box-highlight-icon, .box-highlight-success .box-highlight-icon {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }
@media (min-width: 640px) {
  .box-highlight, .box-highlight-info,
  .box-highlight-eID, .box-highlight-warning, .box-highlight-error, .box-highlight-success {
    margin: 0px 0px 20px ;
    margin: 0rem 0rem 1.42857rem ;
    padding: 19.352px 13px 19.352px 58.5px ;
    padding: 1.38229rem 0.92857rem 1.38229rem 4.17857rem ; }
    .box-highlight .box-highlight-icon, .box-highlight-info .box-highlight-icon,
    .box-highlight-eID .box-highlight-icon, .box-highlight-warning .box-highlight-icon, .box-highlight-error .box-highlight-icon, .box-highlight-success .box-highlight-icon {
      display: block;
      left: 13px ;
      left: 0.92857rem ;
      top: 13px ;
      top: 0.92857rem ;
      position: absolute; }

  .box-highlight-info .box-highlight-icon {
    background-size: 5194.58333px 32.5px;
    background-position: -3317.70833px 0px;
    width: 32.5px;
    height: 32.5px; }

  .box-highlight-warning .box-highlight-icon {
    background-size: 5194.58333px 32.5px;
    background-position: -5162.08333px 0px;
    width: 32.5px;
    height: 32.5px; }

  .box-highlight-error .box-highlight-icon {
    background-size: 5194.58333px 32.5px;
    background-position: -1519.375px 0px;
    width: 32.5px;
    height: 32.5px; }

  .box-highlight-success .box-highlight-icon {
    background-size: 5194.58333px 32.5px;
    background-position: -4747.70833px 0px;
    width: 32.5px;
    height: 32.5px; }

  .box-highlight-eID {
    padding-left: 74.75px ;
    padding-left: 5.33929rem ;
    padding-top: 27.477px ;
    padding-top: 1.96264rem ; }
    .box-highlight-eID .box-highlight-icon {
      background-size: 7791.875px 48.75px;
      background-position: -2045.46875px 0px;
      width: 48.75px;
      height: 48.75px; } }
@media (min-width: 960px) {
  .box-highlight, .box-highlight-info,
  .box-highlight-eID, .box-highlight-warning, .box-highlight-error, .box-highlight-success {
    margin: 0px 0px 25px ;
    margin: 0rem 0rem 1.78571rem ; } }
/**
 * Buttons
 *
 * Default markup for buttons + overrides.
 * Primary, transparent, cancel
 */
/*
 * Button mixin (needed for <a> elements)
 */
/*
 * Default button is gray
 */
button, .attachments-file a, .button-default, .button-primary,
button[type="submit"],
input[type="submit"], .button-red,
.button-orange,
.button-green,
.button-white,
.button-warning, .button-transparent,
input[type="button"],
input[type="reset"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: inherit;
  outline: none;
  background: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #999999;
  color: #999999;
  text-align: center;
  display: inline-block;
  vertical-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
  margin: 0px 15px 10px 0px ;
  margin: 0rem 1.07143rem 0.71429rem 0rem ;
  padding: 12px 15px 10px ;
  padding: 0.85714rem 1.07143rem 0.71429rem ;
  text-decoration: none;
  -moz-transition: all 0.12s ease-in-out;
  -o-transition: all 0.12s ease-in-out;
  -webkit-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out; }
  button:hover, .attachments-file a:hover, .button-default:hover, .button-primary:hover,
  input[type="submit"]:hover, .button-red:hover,
  .button-orange:hover,
  .button-green:hover,
  .button-white:hover,
  .button-warning:hover, .button-transparent:hover, button:active, .attachments-file a:active, .button-default:active, .button-primary:active,
  input[type="submit"]:active, .button-red:active,
  .button-orange:active,
  .button-green:active,
  .button-white:active,
  .button-warning:active, .button-transparent:active, button:focus, .attachments-file a:focus, .button-default:focus, .button-primary:focus,
  input[type="submit"]:focus, .button-red:focus,
  .button-orange:focus,
  .button-green:focus,
  .button-white:focus,
  .button-warning:focus, .button-transparent:focus,
  input[type="button"]:hover,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:hover,
  input[type="reset"]:active,
  input[type="reset"]:focus {
    background-color: #999999;
    color: #ffffff;
    text-decoration: none; }
  button:disabled, .attachments-file a:disabled, .button-default:disabled, .button-primary:disabled,
  input[type="submit"]:disabled, .button-red:disabled,
  .button-orange:disabled,
  .button-green:disabled,
  .button-white:disabled,
  .button-warning:disabled, .button-transparent:disabled, button.disabled, .attachments-file a.disabled, .disabled.button-default, .disabled.button-primary,
  input.disabled[type="submit"], .disabled.button-red,
  .disabled.button-orange,
  .disabled.button-green,
  .disabled.button-white,
  .disabled.button-warning, .disabled.button-transparent,
  input[type="button"]:disabled,
  input[type="button"].disabled,
  input[type="reset"]:disabled,
  input[type="reset"].disabled {
    border: 1px solid #cccccc;
    color: #cccccc !important;
    cursor: default !important; }
    button:disabled:hover, .attachments-file a:disabled:hover, .button-default:disabled:hover, .button-primary:disabled:hover,
    input[type="submit"]:disabled:hover, .button-red:disabled:hover,
    .button-orange:disabled:hover,
    .button-green:disabled:hover,
    .button-white:disabled:hover,
    .button-warning:disabled:hover, .button-transparent:disabled:hover, button.disabled:hover, .attachments-file a.disabled:hover, .disabled.button-default:hover, .disabled.button-primary:hover,
    input.disabled[type="submit"]:hover, .disabled.button-red:hover,
    .disabled.button-orange:hover,
    .disabled.button-green:hover,
    .disabled.button-white:hover,
    .disabled.button-warning:hover, .disabled.button-transparent:hover,
    input[type="button"]:disabled:hover,
    input[type="button"].disabled:hover,
    input[type="reset"]:disabled:hover,
    input[type="reset"].disabled:hover {
      background: none; }

/**
 * Default <a> button
 */
.button-wide {
  width: 100%; }

/**
 * Overrides
 */
/**
 * When there's only one action or when it's the "main chose"
 */
.button-primary,
button[type="submit"],
.attachments-file a[type="submit"],
[type="submit"].button-default,
[type="submit"].button-primary,
input[type="submit"],
[type="submit"].button-red,
[type="submit"].button-orange,
[type="submit"].button-green,
[type="submit"].button-white,
[type="submit"].button-warning,
[type="submit"].button-transparent,
input[type="submit"] {
  background: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #219dc8;
  color: #219dc8;
  text-align: center;
  display: inline-block;
  vertical-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
  margin: 0px 15px 10px 0px ;
  margin: 0rem 1.07143rem 0.71429rem 0rem ;
  padding: 12px 15px 10px ;
  padding: 0.85714rem 1.07143rem 0.71429rem ;
  text-decoration: none;
  -moz-transition: all 0.12s ease-in-out;
  -o-transition: all 0.12s ease-in-out;
  -webkit-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out; }
  .button-primary:hover, .button-primary:active, .button-primary:focus,
  button[type="submit"]:hover,
  .attachments-file a[type="submit"]:hover,
  [type="submit"].button-default:hover,
  [type="submit"].button-primary:hover,
  input[type="submit"]:hover,
  [type="submit"].button-red:hover,
  [type="submit"].button-orange:hover,
  [type="submit"].button-green:hover,
  [type="submit"].button-white:hover,
  [type="submit"].button-warning:hover,
  [type="submit"].button-transparent:hover,
  button[type="submit"]:active,
  .attachments-file a[type="submit"]:active,
  [type="submit"].button-default:active,
  [type="submit"].button-primary:active,
  input[type="submit"]:active,
  [type="submit"].button-red:active,
  [type="submit"].button-orange:active,
  [type="submit"].button-green:active,
  [type="submit"].button-white:active,
  [type="submit"].button-warning:active,
  [type="submit"].button-transparent:active,
  button[type="submit"]:focus,
  .attachments-file a[type="submit"]:focus,
  [type="submit"].button-default:focus,
  [type="submit"].button-primary:focus,
  input[type="submit"]:focus,
  [type="submit"].button-red:focus,
  [type="submit"].button-orange:focus,
  [type="submit"].button-green:focus,
  [type="submit"].button-white:focus,
  [type="submit"].button-warning:focus,
  [type="submit"].button-transparent:focus,
  input[type="submit"]:hover,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    background-color: #219dc8;
    color: #ffffff;
    text-decoration: none; }
  .button-primary:disabled, .button-primary.disabled,
  button[type="submit"]:disabled,
  .attachments-file a[type="submit"]:disabled,
  [type="submit"].button-default:disabled,
  [type="submit"].button-primary:disabled,
  input[type="submit"]:disabled,
  [type="submit"].button-red:disabled,
  [type="submit"].button-orange:disabled,
  [type="submit"].button-green:disabled,
  [type="submit"].button-white:disabled,
  [type="submit"].button-warning:disabled,
  [type="submit"].button-transparent:disabled,
  button[type="submit"].disabled,
  .attachments-file a[type="submit"].disabled,
  [type="submit"].disabled.button-default,
  [type="submit"].disabled.button-primary,
  input[type="submit"].disabled,
  [type="submit"].disabled.button-red,
  [type="submit"].disabled.button-orange,
  [type="submit"].disabled.button-green,
  [type="submit"].disabled.button-white,
  [type="submit"].disabled.button-warning,
  [type="submit"].disabled.button-transparent,
  input[type="submit"]:disabled,
  input[type="submit"].disabled {
    border: 1px solid #cccccc;
    color: #cccccc !important;
    cursor: default !important; }
    .button-primary:disabled:hover, .button-primary.disabled:hover,
    button[type="submit"]:disabled:hover,
    .attachments-file a[type="submit"]:disabled:hover,
    [type="submit"].button-default:disabled:hover,
    [type="submit"].button-primary:disabled:hover,
    input[type="submit"]:disabled:hover,
    [type="submit"].button-red:disabled:hover,
    [type="submit"].button-orange:disabled:hover,
    [type="submit"].button-green:disabled:hover,
    [type="submit"].button-white:disabled:hover,
    [type="submit"].button-warning:disabled:hover,
    [type="submit"].button-transparent:disabled:hover,
    button[type="submit"].disabled:hover,
    .attachments-file a[type="submit"].disabled:hover,
    [type="submit"].disabled.button-default:hover,
    [type="submit"].disabled.button-primary:hover,
    input[type="submit"].disabled:hover,
    [type="submit"].disabled.button-red:hover,
    [type="submit"].disabled.button-orange:hover,
    [type="submit"].disabled.button-green:hover,
    [type="submit"].disabled.button-white:hover,
    [type="submit"].disabled.button-warning:hover,
    [type="submit"].disabled.button-transparent:hover,
    input[type="submit"]:disabled:hover,
    input[type="submit"].disabled:hover {
      background: none; }

.button-red {
  background: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #FF6C6C;
  color: #FF6C6C;
  text-align: center;
  display: inline-block;
  vertical-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
  margin: 0px 15px 10px 0px ;
  margin: 0rem 1.07143rem 0.71429rem 0rem ;
  padding: 12px 15px 10px ;
  padding: 0.85714rem 1.07143rem 0.71429rem ;
  text-decoration: none;
  -moz-transition: all 0.12s ease-in-out;
  -o-transition: all 0.12s ease-in-out;
  -webkit-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out; }
  .button-red:hover, .button-red:active, .button-red:focus {
    background-color: #FF6C6C;
    color: #ffffff;
    text-decoration: none; }
  .button-red:disabled, .button-red.disabled {
    border: 1px solid #cccccc;
    color: #cccccc !important;
    cursor: default !important; }
    .button-red:disabled:hover, .button-red.disabled:hover {
      background: none; }

.button-orange {
  background: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ec9300;
  color: #ec9300;
  text-align: center;
  display: inline-block;
  vertical-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
  margin: 0px 15px 10px 0px ;
  margin: 0rem 1.07143rem 0.71429rem 0rem ;
  padding: 12px 15px 10px ;
  padding: 0.85714rem 1.07143rem 0.71429rem ;
  text-decoration: none;
  -moz-transition: all 0.12s ease-in-out;
  -o-transition: all 0.12s ease-in-out;
  -webkit-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out; }
  .button-orange:hover, .button-orange:active, .button-orange:focus {
    background-color: #ec9300;
    color: #ffffff;
    text-decoration: none; }
  .button-orange:disabled, .button-orange.disabled {
    border: 1px solid #cccccc;
    color: #cccccc !important;
    cursor: default !important; }
    .button-orange:disabled:hover, .button-orange.disabled:hover {
      background: none; }

.button-green {
  background: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #A5D246;
  color: #A5D246;
  text-align: center;
  display: inline-block;
  vertical-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
  margin: 0px 15px 10px 0px ;
  margin: 0rem 1.07143rem 0.71429rem 0rem ;
  padding: 12px 15px 10px ;
  padding: 0.85714rem 1.07143rem 0.71429rem ;
  text-decoration: none;
  -moz-transition: all 0.12s ease-in-out;
  -o-transition: all 0.12s ease-in-out;
  -webkit-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out; }
  .button-green:hover, .button-green:active, .button-green:focus {
    background-color: #A5D246;
    color: #ffffff;
    text-decoration: none; }
  .button-green:disabled, .button-green.disabled {
    border: 1px solid #cccccc;
    color: #cccccc !important;
    cursor: default !important; }
    .button-green:disabled:hover, .button-green.disabled:hover {
      background: none; }

.button-white {
  background: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ffffff;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  vertical-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
  margin: 0px 15px 10px 0px ;
  margin: 0rem 1.07143rem 0.71429rem 0rem ;
  padding: 12px 15px 10px ;
  padding: 0.85714rem 1.07143rem 0.71429rem ;
  text-decoration: none;
  -moz-transition: all 0.12s ease-in-out;
  -o-transition: all 0.12s ease-in-out;
  -webkit-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out; }
  .button-white:hover, .button-white:active, .button-white:focus {
    background-color: #ffffff;
    color: #ffffff;
    text-decoration: none; }
  .button-white:disabled, .button-white.disabled {
    border: 1px solid #cccccc;
    color: #cccccc !important;
    cursor: default !important; }
    .button-white:disabled:hover, .button-white.disabled:hover {
      background: none; }
  .button-white:hover, .button-white:active, .button-white:focus {
    color: #219dc8; }

.button-warning {
  background: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #5f4403;
  color: #5f4403;
  text-align: center;
  display: inline-block;
  vertical-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
  margin: 0px 15px 10px 0px ;
  margin: 0rem 1.07143rem 0.71429rem 0rem ;
  padding: 12px 15px 10px ;
  padding: 0.85714rem 1.07143rem 0.71429rem ;
  text-decoration: none;
  -moz-transition: all 0.12s ease-in-out;
  -o-transition: all 0.12s ease-in-out;
  -webkit-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out; }
  .button-warning:hover, .button-warning:active, .button-warning:focus {
    background-color: #5f4403;
    color: #ffffff;
    text-decoration: none; }
  .button-warning:disabled, .button-warning.disabled {
    border: 1px solid #cccccc;
    color: #cccccc !important;
    cursor: default !important; }
    .button-warning:disabled:hover, .button-warning.disabled:hover {
      background: none; }

.button-cancel {
  padding: 12px 15px 10px ;
  padding: 0.85714rem 1.07143rem 0.71429rem ;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  text-align: center;
  color: #999999;
  text-decoration: underline; }
  .button-cancel:hover {
    color: #999999;
    background-color: #ebebeb; }

/**
 * Button that works on any kind of (light) background
 */
.button-transparent {
  background: rgba(0, 0, 0, 0.1);
  color: #333333;
  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset; }
  .button-transparent:hover, .button-transparent:active, .button-transparent:focus {
    background-color: rgba(0, 0, 0, 0.075);
    color: #333333;
    -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.11) inset;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.11) inset;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.11) inset; }

/**
 * States
 */
.button-small {
  padding: 4px 10px 5px !important ;
  padding: 0.28571rem 0.71429rem 0.35714rem !important ; }

/**
 * Text buttons
 */
a.button {
  background: none;
  color: #219dc8;
  font-weight: 600 !important;
  margin-right: 15px ;
  margin-right: 1.07143rem ; }
  a.button:hover, a.button:active, a.button:focus {
    color: #1b82a5; }

.collapsable {
  padding: 0px 0px 0px 28px ;
  padding: 0rem 0rem 0rem 2rem ; }
  .collapsable h3, .collapsable .h3 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #666666;
    cursor: pointer;
    font-size: 1.07143em;
    line-height: 1.31973em;
    font-weight: 700;
    margin: 0px 0px 0px -28px ;
    margin: 0rem 0rem 0rem -2rem ;
    padding: 0px 0px 12px 28px ;
    padding: 0rem 0rem 0.85714rem 2rem ;
    position: relative; }
    .collapsable h3:before, .collapsable .h3:before {
      border: 6px solid;
      border-color: #666666 transparent transparent transparent;
      content: '';
      left: 0px ;
      left: 0rem ;
      position: absolute;
      width: 0px ;
      width: 0rem ;
      height: 0px ;
      height: 0rem ;
      top: 8px ;
      top: 0.57143rem ;
      -moz-transition: all 0.12s linear;
      -o-transition: all 0.12s linear;
      -webkit-transition: all 0.12s linear;
      transition: all 0.12s linear;
      -moz-transform-origin: 50% 20%;
      -ms-transform-origin: 50% 20%;
      -webkit-transform-origin: 50% 20%;
      transform-origin: 50% 20%; }
  .collapsable .collapsableItems {
    overflow: hidden;
    max-height: 500px ;
    max-height: 35.71429rem ;
    -moz-transition: max-height 0.12s linear;
    -o-transition: max-height 0.12s linear;
    -webkit-transition: max-height 0.12s linear;
    transition: max-height 0.12s linear; }
  .collapsable.collapsed h3:before, .collapsable.collapsed .h3:before {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .collapsable.collapsed .collapsableItems {
    max-height: 0; }

.comments-wrapper {
  background: #ffffff; }

.comments-toggle {
  background-color: whitesmoke;
  cursor: pointer;
  padding: 20px 20px 5px 30px ;
  padding: 1.42857rem 1.42857rem 0.35714rem 2.14286rem ;
  -moz-transition: background-color 0.12s;
  -o-transition: background-color 0.12s;
  -webkit-transition: background-color 0.12s;
  transition: background-color 0.12s; }
  .comments-toggle p {
    font-weight: 600; }
    .comments-toggle p span {
      text-decoration: underline; }
  .comments-toggle:hover, .comments-toggle:active {
    background-color: #f0f0f0; }

.comments-form {
  padding: 25px ;
  padding: 1.78571rem ; }
  .comments-form .user-avatar {
    float: left;
    display: block;
    margin: 22px 15px 0px 0px ;
    margin: 1.57143rem 1.07143rem 0rem 0rem ; }
  .comments-form .input-wrapper {
    overflow: hidden;
    padding-left: 10px ;
    padding-left: 0.71429rem ;
    position: relative; }
    .comments-form .input-wrapper:before {
      background: #ffffff;
      border-bottom: 1px solid #ebebeb;
      border-left: 1px solid #ebebeb;
      content: '';
      left: 5px ;
      left: 0.35714rem ;
      position: absolute;
      width: 10px ;
      width: 0.71429rem ;
      height: 10px ;
      height: 0.71429rem ;
      top: 36px ;
      top: 2.57143rem ;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: 2; }
    .comments-form .input-wrapper textarea {
      border: 1px solid #ebebeb;
      height: 12px;
      margin-bottom: 1px;
      padding: 10px;
      resize: none; }

.comment-wrapper {
  padding: 25px 25px 0px 25px ;
  padding: 1.78571rem 1.78571rem 0rem 1.78571rem ;
  animation: fadein 0.5s ease 1 normal 0s;
  -webkit-animation: fadein 0.5s ease 1 normal 0s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  border-bottom: 1px solid #ebebeb; }

.comment-author {
  float: left;
  display: block;
  margin-right: 25px ;
  margin-right: 1.78571rem ; }

.comment-delete {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 70% 70%;
  display: inline-block;
  height: 2em;
  margin-left: 0;
  width: 2em;
  float: right;
  text-indent: -9999px;
  background-image: url("/assets/aOS/gfx/gui/icon_delete.svg"); }
  .comment-delete:hover {
    cursor: pointer;
    background-image: url("/assets/aOS/gfx/gui/icon_delete_hover.svg"); }

.comment-content-wrapper {
  overflow: hidden; }

.comment-meta {
  color: #999999 !important;
  padding-bottom: 4px ;
  padding-bottom: 0.28571rem ; }

.container, .container-small {
  display: inline-block;
  margin: 0 auto;
  max-width: 1280px ;
  max-width: 91.42857rem ;
  padding: 13px ;
  padding: 0.92857rem ; }
  .container:after, .container-small:after {
    content: "";
    display: table;
    clear: both; }
  .container, .container-small {
    display: block; }

@media (min-width: 640px) {
  .container, .container-small {
    padding: 20px ;
    padding: 1.42857rem ; }

  .container-small {
    padding: 10px ;
    padding: 0.71429rem ; } }
@media (min-width: 960px) {
  .container, .container-small {
    padding: 25px ;
    padding: 1.78571rem ; }

  .container-small {
    padding: 12.5px ;
    padding: 0.89286rem ; } }
#feed-container {
  max-width: 1280px ;
  max-width: 91.42857rem ;
  padding: 0;
  margin-left: -1.69492%;
  display: inline-block; }
  #feed-container:after {
    content: "";
    display: table;
    clear: both; }
  #feed-container {
    display: block; }
  #feed-container .feed-transcluded {
    position: relative;
    z-index: 2000; }

.feed-item, .inAppSearch-container .view-mode-overviewItems, .feed-stamp {
  padding-left: 1.69492%;
  width: 100%; }

.feed-stamp {
  margin-bottom: 10px ;
  margin-bottom: 0.71429rem ; }

@media (min-width: 640px) {
  #feed-container {
    margin-left: -1.69492%; }

  .feed-item, .inAppSearch-container .view-mode-overviewItems, .feed-stamp {
    padding-left: 1.69492%;
    width: 50%; }
    .feed-item.view-mode-teaser-feed-highlight, .inAppSearch-container .view-mode-teaser-feed-highlight.view-mode-overviewItems, .feed-stamp.view-mode-teaser-feed-highlight {
      padding-left: 1.69492%;
      width: 100%; }

  .feed-two-cols .feed-item, .feed-two-cols .inAppSearch-container .view-mode-overviewItems, .inAppSearch-container .feed-two-cols .view-mode-overviewItems, .feed-two-cols .feed-stamp {
    width: 100%; }

  .feed-stamp {
    margin-bottom: 20px ;
    margin-bottom: 1.42857rem ; } }
@media (min-width: 960px) {
  #feed-container {
    margin-left: -1.69492%; }

  .feed-item, .inAppSearch-container .view-mode-overviewItems, .feed-stamp {
    padding-left: 1.69492%;
    width: 33.33333%; }
    .feed-item.view-mode-teaser-feed-highlight, .inAppSearch-container .view-mode-teaser-feed-highlight.view-mode-overviewItems, .feed-stamp.view-mode-teaser-feed-highlight {
      padding-left: 1.69492%;
      width: 100%; }

  .feed-two-cols .feed-item, .feed-two-cols .inAppSearch-container .view-mode-overviewItems, .inAppSearch-container .feed-two-cols .view-mode-overviewItems, .feed-two-cols .feed-stamp {
    width: 50%; } }
/**
 * Lists with or without links
 */
/**
 * GrayLight Button list
 */
.list-buttons-grayLight, .list-buttons-blue, .list-buttons-grayDark, .list-bullets-blue, .list-bullets-grayLight, .list-bullets-transparent-black, .list-bullets-transparent-white {
  margin: 0;
  list-style: none;
  font-weight: 600;
  margin: 0; }
  .list-buttons-grayLight li, .list-buttons-blue li, .list-buttons-grayDark li, .list-bullets-blue li, .list-bullets-grayLight li, .list-bullets-transparent-black li, .list-bullets-transparent-white li {
    background: whitesmoke;
    margin: 0px 0px 7px ;
    margin: 0rem 0rem 0.5rem ; }
  .list-buttons-grayLight a, .list-buttons-blue a, .list-buttons-grayDark a, .list-bullets-blue a, .list-bullets-grayLight a, .list-bullets-transparent-black a, .list-bullets-transparent-white a,
  .list-buttons-grayLight li > span,
  .list-buttons-blue li > span,
  .list-buttons-grayDark li > span,
  .list-bullets-blue li > span,
  .list-bullets-grayLight li > span,
  .list-bullets-transparent-black li > span,
  .list-bullets-transparent-white li > span {
    display: block;
    padding: 10px 15px ;
    padding: 0.71429rem 1.07143rem ; }
  .list-buttons-grayLight a, .list-buttons-blue a, .list-buttons-grayDark a, .list-bullets-blue a, .list-bullets-grayLight a, .list-bullets-transparent-black a, .list-bullets-transparent-white a {
    -moz-box-shadow: 0 -1px 0 #d7d7d7 inset;
    -webkit-box-shadow: 0 -1px 0 #d7d7d7 inset;
    box-shadow: 0 -1px 0 #d7d7d7 inset;
    color: #333333;
    text-decoration: none;
    -moz-transition: all 0.12s;
    -o-transition: all 0.12s;
    -webkit-transition: all 0.12s;
    transition: all 0.12s; }
    .list-buttons-grayLight a:hover, .list-buttons-blue a:hover, .list-buttons-grayDark a:hover, .list-bullets-blue a:hover, .list-bullets-grayLight a:hover, .list-bullets-transparent-black a:hover, .list-bullets-transparent-white a:hover, .list-buttons-grayLight a:active, .list-buttons-blue a:active, .list-buttons-grayDark a:active, .list-bullets-blue a:active, .list-bullets-grayLight a:active, .list-bullets-transparent-black a:active, .list-bullets-transparent-white a:active, .list-buttons-grayLight a:focus, .list-buttons-blue a:focus, .list-buttons-grayDark a:focus, .list-bullets-blue a:focus, .list-bullets-grayLight a:focus, .list-bullets-transparent-black a:focus, .list-bullets-transparent-white a:focus {
      background: white;
      -moz-box-shadow: 0 -1px 0 #c2c2c2 inset;
      -webkit-box-shadow: 0 -1px 0 #c2c2c2 inset;
      box-shadow: 0 -1px 0 #c2c2c2 inset;
      color: #219dc8; }
    .list-buttons-grayLight a .ext-icon, .list-buttons-blue a .ext-icon, .list-buttons-grayDark a .ext-icon, .list-bullets-blue a .ext-icon, .list-bullets-grayLight a .ext-icon, .list-bullets-transparent-black a .ext-icon, .list-bullets-transparent-white a .ext-icon {
      bottom: 12px ;
      bottom: 0.85714rem ; }

/**
 * Blue Button list
 */
.list-buttons-blue li, .list-buttons-grayDark li, .list-bullets-blue li {
  background: #24abda;
  color: #ffffff; }
.list-buttons-blue a, .list-buttons-grayDark a, .list-bullets-blue a {
  -moz-box-shadow: 0 -1px 0 #1b82a5 inset;
  -webkit-box-shadow: 0 -1px 0 #1b82a5 inset;
  box-shadow: 0 -1px 0 #1b82a5 inset;
  color: #ffffff; }
  .list-buttons-blue a:hover, .list-buttons-grayDark a:hover, .list-bullets-blue a:hover, .list-buttons-blue a:active, .list-buttons-grayDark a:active, .list-bullets-blue a:active, .list-buttons-blue a:focus, .list-buttons-grayDark a:focus, .list-bullets-blue a:focus {
    background: #46b9e0;
    -moz-box-shadow: 0 -1px 0 #187493 inset;
    -webkit-box-shadow: 0 -1px 0 #187493 inset;
    box-shadow: 0 -1px 0 #187493 inset;
    color: #ffffff; }

/**
 * GrayDark Button list
 */
.list-buttons-grayDark li {
  background: #474747; }
.list-buttons-grayDark a {
  -moz-box-shadow: 0 -1px 0 #292929 inset;
  -webkit-box-shadow: 0 -1px 0 #292929 inset;
  box-shadow: 0 -1px 0 #292929 inset; }
  .list-buttons-grayDark a:hover, .list-buttons-grayDark a:active, .list-buttons-grayDark a:focus {
    background: #5c5c5c;
    -moz-box-shadow: 0 -1px 0 #1f1f1f inset;
    -webkit-box-shadow: 0 -1px 0 #1f1f1f inset;
    box-shadow: 0 -1px 0 #1f1f1f inset; }
  .list-buttons-grayDark a .ext-icon {
    background-image: url('../gfx/gui/ext-link-white.svg?1439897247'); }

/**
 * GrayLight Bullet list
 */
/**
 * Blue Bullet list
 */
.list-bullets-grayLight a, .list-bullets-transparent-black a, .list-bullets-transparent-white a,
.list-bullets-grayLight li > span,
.list-bullets-transparent-black li > span,
.list-bullets-transparent-white li > span,
.list-bullets-blue a,
.list-bullets-blue li > span {
  padding-left: 45px ;
  padding-left: 3.21429rem ; }
  .list-bullets-grayLight a:before, .list-bullets-transparent-black a:before, .list-bullets-transparent-white a:before,
  .list-bullets-grayLight li > span:before,
  .list-bullets-transparent-black li > span:before,
  .list-bullets-transparent-white li > span:before,
  .list-bullets-blue a:before,
  .list-bullets-blue li > span:before {
    background: url('../gfx/gui/bullet.svg?1439897247') no-repeat;
    background-size: contain;
    content: '';
    display: block;
    float: left;
    margin-left: -30px ;
    margin-left: -2.14286rem ;
    margin-top: 2px ;
    margin-top: 0.14286rem ;
    width: 15px ;
    width: 1.07143rem ;
    height: 15px ;
    height: 1.07143rem ; }

/**
 * Transparent Bullet list (black)
 */
.list-bullets-transparent-black li, .list-bullets-transparent-white li {
  background: transparent; }
.list-bullets-transparent-black a, .list-bullets-transparent-white a,
.list-bullets-transparent-black li > span,
.list-bullets-transparent-white li > span {
  padding-bottom: 5px ;
  padding-bottom: 0.35714rem ;
  padding-top: 5px ;
  padding-top: 0.35714rem ; }
.list-bullets-transparent-black a, .list-bullets-transparent-white a {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .list-bullets-transparent-black a:hover, .list-bullets-transparent-white a:hover, .list-bullets-transparent-black a:active, .list-bullets-transparent-white a:active, .list-bullets-transparent-black a:focus, .list-bullets-transparent-white a:focus {
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: underline; }
  .list-bullets-transparent-black a .ext-icon, .list-bullets-transparent-white a .ext-icon {
    bottom: 7px ;
    bottom: 0.5rem ; }

/**
 * Transparent Bullet list (white)
 */
.list-bullets-transparent-white a,
.list-bullets-transparent-white li > span {
  color: white; }
.list-bullets-transparent-white a:hover, .list-bullets-transparent-white a:active, .list-bullets-transparent-white a:focus {
  color: white; }

/**
 * Loaders
 *
 * All elements that can be used when the user has to wait:
 * spinner and load-more
 */
/**
 * Spinner
 */
.spinner, .spinner-left, .spinner-small, .spinner-large {
  border-radius: 50%;
  display: inline-block;
  left: 50%;
  margin-left: -20px ;
  margin-left: -1.42857rem ;
  position: relative;
  width: 40px ;
  width: 2.85714rem ;
  height: 40px ;
  height: 2.85714rem ;
  top: 0; }
  .spinner:before, .spinner-left:before, .spinner-small:before, .spinner-large:before, .spinner:after, .spinner-left:after, .spinner-small:after, .spinner-large:after {
    border-radius: 50%;
    border-style: solid;
    border-width: 20px ;
    border-width: 1.42857rem ;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0; }
  .spinner:before, .spinner-left:before, .spinner-small:before, .spinner-large:before {
    border-color: rgba(33, 157, 200, 0.2) rgba(33, 157, 200, 0.2) transparent transparent;
    -webkit-animation: spin 1.8s linear infinite;
    -moz-animation: spin 1.8s linear infinite;
    -ms-animation: spin 1.8s linear infinite; }
  .spinner:after, .spinner-left:after, .spinner-small:after, .spinner-large:after {
    border-color: transparent transparent rgba(33, 157, 200, 0.2) rgba(33, 157, 200, 0.2);
    -webkit-animation: spin 2.2s linear infinite reverse;
    -moz-animation: spin 2.2s linear infinite reverse;
    -ms-animation: spin 2.2s linear infinite reverse; }
  .spinner.light:before, .light.spinner-left:before, .light.spinner-small:before, .light.spinner-large:before {
    border-color: rgba(247, 247, 247, 0.2) rgba(247, 247, 247, 0.2) transparent transparent; }
  .spinner.light:after, .light.spinner-left:after, .light.spinner-small:after, .light.spinner-large:after {
    border-color: transparent transparent rgba(247, 247, 247, 0.2) rgba(247, 247, 247, 0.2); }

/**
 * Spinner-left
 */
.spinner-left {
  left: 0;
  margin-left: 0; }

@media (min-width: 640px) {
  .spinner-top-indent {
    top: 23px ;
    top: 1.64286rem ; } }
/**
 * Spinner overrides:
 */
/**
 * Small spinner
 */
.spinner-small {
  margin-left: -16px ;
  margin-left: -1.14286rem ;
  width: 32px ;
  width: 2.28571rem ;
  height: 32px ;
  height: 2.28571rem ; }
  .spinner-small:before, .spinner-small:after {
    border-width: 16px ;
    border-width: 1.14286rem ; }

/**
 * Large spinner
 */
.spinner-large {
  margin-left: -24px ;
  margin-left: -1.71429rem ;
  width: 48px ;
  width: 3.42857rem ;
  height: 48px ;
  height: 3.42857rem ; }
  .spinner-large:before, .spinner-large:after {
    border-width: 24px ;
    border-width: 1.71429rem ; }

/**
 * Display inline when used together with a button
 */
button ~ .spinner, .attachments-file a ~ .spinner, .button-default ~ .spinner, .button-primary ~ .spinner,
input[type="submit"] ~ .spinner, .button-red ~ .spinner,
.button-orange ~ .spinner,
.button-green ~ .spinner,
.button-white ~ .spinner,
.button-warning ~ .spinner, .button-transparent ~ .spinner, button ~ .spinner-left, .attachments-file a ~ .spinner-left, .button-default ~ .spinner-left, .button-primary ~ .spinner-left,
input[type="submit"] ~ .spinner-left, .button-red ~ .spinner-left,
.button-orange ~ .spinner-left,
.button-green ~ .spinner-left,
.button-white ~ .spinner-left,
.button-warning ~ .spinner-left, .button-transparent ~ .spinner-left, button ~ .spinner-small, .attachments-file a ~ .spinner-small, .button-default ~ .spinner-small, .button-primary ~ .spinner-small,
input[type="submit"] ~ .spinner-small, .button-red ~ .spinner-small,
.button-orange ~ .spinner-small,
.button-green ~ .spinner-small,
.button-white ~ .spinner-small,
.button-warning ~ .spinner-small, .button-transparent ~ .spinner-small, button ~ .spinner-large, .attachments-file a ~ .spinner-large, .button-default ~ .spinner-large, .button-primary ~ .spinner-large,
input[type="submit"] ~ .spinner-large, .button-red ~ .spinner-large,
.button-orange ~ .spinner-large,
.button-green ~ .spinner-large,
.button-white ~ .spinner-large,
.button-warning ~ .spinner-large, .button-transparent ~ .spinner-large {
  display: inline;
  left: 0;
  margin-left: 0;
  top: -8px ;
  top: -0.57143rem ; }

/**
 * Load more button
 */
.load-more {
  position: relative;
  text-align: center;
  /**
   * Add this class for a spinning animation
   */ }
  .load-more a {
    color: #999999;
    display: inline-block;
    padding: 36px 4px 4px ;
    padding: 2.57143rem 0.28571rem 0.28571rem ;
    text-decoration: none;
    -moz-transition: color 0.24s;
    -o-transition: color 0.24s;
    -webkit-transition: color 0.24s;
    transition: color 0.24s; }
    .load-more a:hover, .load-more a:active {
      color: #219dc8; }
    .load-more a:before {
      content: '+';
      font-size: 50px ;
      font-size: 3.57143rem ;
      font-weight: 300;
      left: 50%;
      line-height: 27px ;
      line-height: 1.92857rem ;
      margin: 0px 0px 0px -15px ;
      margin: 0rem 0rem 0rem -1.07143rem ;
      position: absolute;
      width: 30px ;
      width: 2.14286rem ;
      height: 30px ;
      height: 2.14286rem ;
      top: 4px ;
      top: 0.28571rem ; }
  .load-more.loading-more a {
    cursor: default; }
    .load-more.loading-more a:hover, .load-more.loading-more a:active {
      color: #999999; }
    .load-more.loading-more a:before {
      -webkit-animation: spin 1.8s linear infinite;
      -moz-animation: spin 1.8s linear infinite;
      -ms-animation: spin 1.8s linear infinite; }

.nav-secondary {
  border-bottom: 1px solid #ebebeb;
  position: relative;
  overflow: hidden;
  display: inline-block; }
  .nav-secondary {
    display: block; }
  .nav-secondary a {
    position: relative;
    top: 1px ;
    top: 0.07143rem ;
    display: block;
    float: left;
    text-decoration: none;
    padding: 13px ;
    padding: 0.92857rem ;
    color: #474747;
    background: #ebebeb;
    border-left: 1px solid #cccccc; }
    .nav-secondary a:first-child, .nav-secondary a.active + a {
      border: none; }
    .nav-secondary a.active {
      color: #f28a00;
      background: #ffffff;
      border: none; }
  .nav-secondary span {
    display: none; }

@media (min-width: 640px) {
  .nav-secondary a {
    padding: 20px ;
    padding: 1.42857rem ; }
  .nav-secondary span {
    display: inline;
    padding-left: 10px ;
    padding-left: 0.71429rem ; } }
@media (min-width: 960px) {
  .nav-secondary span {
    display: inline;
    padding-left: 10px ;
    padding-left: 0.71429rem ; } }
.tabs a {
  font-size: 1.07143em;
  line-height: 1.31973em;
  color: #999999;
  display: block;
  text-decoration: underline; }
  .tabs a.active {
    color: #333333;
    text-decoration: none; }
    .tabs a.active:hover {
      color: #999999; }
    .tabs a.active:before {
      content: "•";
      color: #219dc8;
      display: block;
      float: left;
      margin-right: 10px ;
      margin-right: 0.71429rem ;
      font-size: 30px ;
      font-size: 2.14286rem ; }
  .tabs a:hover {
    color: #333333; }

.tags {
  margin: 0;
  list-style: none;
  display: inline-block; }
  .tags:after {
    content: "";
    display: table;
    clear: both; }
  .tags {
    display: block; }
  .tags .tag {
    display: inline-block;
    margin: 0px 10px 10px 0px ;
    margin: 0rem 0.71429rem 0.71429rem 0rem ;
    color: #999999;
    position: relative;
    height: 30px ;
    height: 2.14286rem ; }
    .tags .tag:last-child {
      margin-right: 0; }
    .tags .tag.canDelete, .tags .tag.canAdd {
      -moz-transition: margin-right 0.2s;
      -o-transition: margin-right 0.2s;
      -webkit-transition: margin-right 0.2s;
      transition: margin-right 0.2s;
      margin-right: 15px ;
      margin-right: 1.07143rem ; }
      .tags .tag.canDelete .tagValue, .tags .tag.canAdd .tagValue {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding-right: 25px ;
        padding-right: 1.78571rem ; }
    .tags .tag.canAdd .tagValue {
      padding: 0px 30px 0px 7px ;
      padding: 0rem 2.14286rem 0rem 0.5rem ; }
    .tags .tag.clickable:not(.canAdd):not(.canDelete) .tagValue:hover {
      cursor: pointer;
      background: #e3f4fa; }
    .tags .tag .tagValue {
      background: whitesmoke;
      border-style: solid;
      border-width: 1px;
      border-color: #e6e6e6;
      border-radius: 3px ;
      border-radius: 0.21429rem ;
      padding: 4px 7px 0px 7px ;
      padding: 0.28571rem 0.5rem 0rem 0.5rem ;
      display: block;
      height: 100%;
      width: auto; }
    .tags .tag .delete, .tags .tag .add {
      display: block;
      width: 5px ;
      width: 0.35714rem ;
      overflow: hidden;
      height: 100%;
      line-height: 30px ;
      line-height: 2.14286rem ;
      position: absolute;
      top: 0;
      right: 0;
      border-top-right-radius: 3px ;
      border-top-right-radius: 0.21429rem ;
      border-bottom-right-radius: 3px ;
      border-bottom-right-radius: 0.21429rem ;
      font-size: 18px ;
      font-size: 1.28571rem ;
      width: auto;
      color: #ebebeb;
      padding: 0px 5px ;
      padding: 0rem 0.35714rem ;
      -moz-transition: padding 0.2s, color 0.1s;
      -o-transition: padding 0.2s, color 0.1s;
      -webkit-transition: padding 0.2s, color 0.1s;
      transition: padding 0.2s, color 0.1s; }
      .tags .tag .delete:hover, .tags .tag .add:hover {
        color: #ffffff;
        cursor: pointer; }
    .tags .tag .delete {
      background: #219dc8; }
    .tags .tag .add {
      background: #86BE55; }

.targets {
  margin: 0;
  list-style: none;
  display: inline-block; }
  .targets:after {
    content: "";
    display: table;
    clear: both; }
  .targets {
    display: block; }
  .targets .target {
    background-color: #82b3b6;
    border-radius: 100px ;
    border-radius: 7.14286rem ;
    color: #fff;
    display: table;
    float: left;
    font-size: 12px ;
    font-size: 0.85714rem ;
    font-weight: 500;
    line-height: 21px ;
    line-height: 1.5rem ;
    margin: 0px 16px 8px 0px ;
    margin: 0rem 1.14286rem 0.57143rem 0rem ;
    overflow: hidden;
    padding: 0px 10px 1px ;
    padding: 0rem 0.71429rem 0.07143rem ;
    -moz-transition: background-color linear;
    -o-transition: background-color linear;
    -webkit-transition: background-color linear;
    transition: background-color linear; }
    .targets .target:hover, .targets .target:active {
      background-color: #5f999c;
      cursor: pointer; }
    .targets .target a {
      color: #fff;
      display: table-cell;
      line-height: 21px ;
      line-height: 1.5rem ;
      text-decoration: none; }
    .targets .target .delete, .targets .target .add {
      border-radius: 50%;
      color: #666666;
      display: table-cell;
      float: right;
      font-size: 1.21429em;
      line-height: 1.74671em;
      line-height: 13px ;
      line-height: 0.92857rem ;
      font-weight: 300;
      margin: 4px -6px 0px 6px ;
      margin: 0.28571rem -0.42857rem 0rem 0.42857rem ;
      padding: 0px 2px 1px 2px ;
      padding: 0rem 0.14286rem 0.07143rem 0.14286rem ;
      text-align: center;
      -moz-transition: background-color 0.16s linear;
      -o-transition: background-color 0.16s linear;
      -webkit-transition: background-color 0.16s linear;
      transition: background-color 0.16s linear; }
      .targets .target .delete:hover, .targets .target .delete:active, .targets .target .add:hover, .targets .target .add:active {
        background-color: #fff; }
    .targets .target.edit {
      overflow: visible; }
      .targets .target.edit input[type="text"], .targets .target.edit .autocomplete-dynamicSearch-selected {
        border: none !important;
        font-size: 0.85714em;
        line-height: 1.64967em;
        line-height: 18px ;
        line-height: 1.28571rem ;
        padding: 0px 4px 0px ;
        padding: 0rem 0.28571rem 0rem ;
        width: 100px ;
        width: 7.14286rem ; }
      .targets .target.edit:hover, .targets .target.edit:active {
        background-color: #82b3b6;
        cursor: default; }
        .targets .target.edit:hover:before, .targets .target.edit:active:before {
          border-color: transparent #82b3b6 transparent transparent; }

.view-mode-teaser-feed .meta {
  display: inline-block;
  margin: 0px 0px 20px ;
  margin: 0rem 0rem 1.42857rem ; }
  .view-mode-teaser-feed .meta:after {
    content: "";
    display: table;
    clear: both; }
  .view-mode-teaser-feed .meta {
    display: block; }
  .view-mode-teaser-feed .meta time {
    clear: both;
    margin-top: 18px ;
    margin-top: 1.28571rem ; }
.view-mode-teaser-feed .channel-origin {
  text-decoration: none;
  color: #cccccc; }
  .view-mode-teaser-feed .channel-origin .channel-thumb {
    width: 35px ;
    width: 2.5rem ;
    height: 35px ;
    height: 2.5rem ; }
  .view-mode-teaser-feed .channel-origin span {
    display: inline-block;
    margin: 10px 0px 0px 10px ;
    margin: 0.71429rem 0rem 0rem 0.71429rem ;
    text-decoration: underline; }
.view-mode-teaser-feed .content-type {
  background-color: #cccccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 0.78571em;
  line-height: 1.79964em;
  font-weight: 700;
  float: right;
  padding: 3px 4px 2px 4px ;
  padding: 0.21429rem 0.28571rem 0.14286rem 0.28571rem ;
  text-transform: uppercase; }
  .view-mode-teaser-feed .content-type.type-evenement {
    background-color: #C90017; }
  .view-mode-teaser-feed .content-type.type-fotoreeks {
    background-color: #39BCC1; }
.view-mode-teaser-feed .actions {
  bottom: 13px ;
  bottom: 0.92857rem ;
  margin: 0;
  padding: 0;
  position: absolute; }
  .view-mode-teaser-feed .actions ul li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    display: block;
    float: left;
    width: 24px ;
    width: 1.71429rem ;
    height: 24px ;
    height: 1.71429rem ;
    text-indent: -9999px; }
    .view-mode-teaser-feed .actions ul li.like {
      background-image: url('../gfx/gui/unlike.svg?1439897247'); }
      .view-mode-teaser-feed .actions ul li.like:hover {
        background-image: url('../gfx/gui/like.svg?1439897247'); }

/**
 * Directives
 */
a i.icon-ext-link {
  margin: 0px 0px -2px 4px ;
  margin: 0rem 0rem -0.14286rem 0.28571rem ;
  background-size: 2237.66667px 14px;
  background-position: -668.5px 0px;
  width: 14px;
  height: 14px; }
a i.icon-ext-link-white {
  margin: 0px 0px -2px 4px ;
  margin: 0rem 0rem -0.14286rem 0.28571rem ;
  background-size: 2237.66667px 14px;
  background-position: -682.5px 0px;
  width: 14px;
  height: 14px; }

/**
 * Dropdown styling
 */
.autocomplete .inputWrapper {
  margin-bottom: 0; }
.autocomplete .results {
  margin: 0;
  list-style: none;
  max-height: 200px ;
  max-height: 14.28571rem ;
  overflow: scroll;
  border-style: solid;
  border-width: 1px;
  border-color: #ebebeb #cccccc;
  position: relative;
  z-index: 9999;
  width: 100%; }
  .autocomplete .results li {
    margin: 0;
    background: #ffffff;
    border-bottom: solid 1px #E4E4E4; }
    .autocomplete .results li:last-child {
      border-bottom: none; }
    .autocomplete .results li p {
      line-height: 34px ;
      line-height: 2.42857rem ;
      padding-bottom: 0; }
      .autocomplete .results li p a {
        display: block;
        padding: 0px 8px ;
        padding: 0rem 0.57143rem ;
        text-decoration: none; }
    .autocomplete .results li:hover, .autocomplete .results li.selected {
      background: #219dc8;
      cursor: pointer; }
      .autocomplete .results li:hover a, .autocomplete .results li.selected a {
        color: #ffffff; }

.autocomplete-dynamicSearch {
  position: relative; }
  .autocomplete-dynamicSearch .results {
    position: absolute;
    left: 0;
    right: 0;
    overflow-x: hidden; }

.autocomplete-dynamicSearch-selected {
  position: relative;
  padding-right: 48px ;
  padding-right: 3.42857rem ; }
  .autocomplete-dynamicSearch-selected > span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #cccccc; }
  .autocomplete-dynamicSearch-selected a {
    position: absolute;
    right: 12px ;
    right: 0.85714rem ;
    margin-top: -12px ;
    margin-top: -0.85714rem ;
    top: 50%; }

/**
 * AutoGrow textarea styling
 */
.textarea-resize-animation {
  vertical-align: top;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -webkit-transition: height 0.2s;
  transition: height 0.2s; }

.calendar {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: whitesmoke;
  overflow: hidden; }
  .calendar a.view-toggle {
    margin-top: 5px ;
    margin-top: 0.35714rem ; }
    .calendar a.view-toggle i {
      margin-top: 10px ;
      margin-top: 0.71429rem ;
      margin-bottom: -5px ;
      margin-bottom: -0.35714rem ; }
    .calendar a.view-toggle .icon-icon-calendar-year, .calendar a.view-toggle .icon-icon-calendar-week {
      display: inline-block; }
    .calendar a.view-toggle .icon-icon-calendar-year-active, .calendar a.view-toggle .icon-icon-calendar-week-active {
      display: none; }
    .calendar a.view-toggle:hover .icon-icon-calendar-year, .calendar a.view-toggle:hover .icon-icon-calendar-week {
      display: none; }
    .calendar a.view-toggle:hover .icon-icon-calendar-year-active, .calendar a.view-toggle:hover .icon-icon-calendar-week-active {
      display: inline-block; }
  .calendar .table-head {
    background: #ebebeb;
    border-bottom: solid 1px #ffffff;
    height: 60px ;
    height: 4.28571rem ;
    position: relative; }
    .calendar .table-head .previous, .calendar .table-head .next, .calendar .table-head table.datepickerCalendar caption .nextYear, table.datepickerCalendar caption .calendar .table-head .nextYear {
      line-height: 60px ;
      line-height: 4.28571rem ;
      text-align: center;
      position: absolute;
      top: 0;
      z-index: 10;
      text-decoration: none;
      text-indent: -9999em;
      color: #333333;
      font-size: 20px ;
      font-size: 1.42857rem ;
      top: 20px ;
      top: 1.42857rem ; }
      .calendar .table-head .previous:before, .calendar .table-head .next:before, .calendar .table-head table.datepickerCalendar caption .nextYear:before, table.datepickerCalendar caption .calendar .table-head .nextYear:before {
        border-style: solid;
        border-width: 7.5px ;
        border-width: 0.53571rem ;
        content: '';
        height: 0;
        top: 0;
        position: absolute;
        width: 0; }
    .calendar .table-head .previous {
      left: 20px ;
      left: 1.42857rem ; }
      .calendar .table-head .previous:before {
        border-color: transparent #333333 transparent transparent;
        left: 0; }
      .calendar .table-head .previous:hover:before {
        border-color: transparent #999999 transparent transparent; }
    .calendar .table-head .next, .calendar .table-head table.datepickerCalendar caption .nextYear, table.datepickerCalendar caption .calendar .table-head .nextYear {
      right: 20px ;
      right: 1.42857rem ; }
      .calendar .table-head .next:before, .calendar .table-head table.datepickerCalendar caption .nextYear:before, table.datepickerCalendar caption .calendar .table-head .nextYear:before {
        border-color: transparent transparent transparent #333333;
        right: 0;
        top: 0; }
      .calendar .table-head .next:hover:before, .calendar .table-head table.datepickerCalendar caption .nextYear:hover:before, table.datepickerCalendar caption .calendar .table-head .nextYear:hover:before {
        border-color: transparent transparent transparent #999999; }
    .calendar .table-head h2, .calendar .table-head .h2 {
      font-size: 1.28571em;
      line-height: 1.64967em;
      line-height: 55px ;
      line-height: 3.92857rem ;
      padding: 0;
      text-align: center; }
  .calendar .table-cell {
    height: 50px ;
    height: 3.57143rem ;
    display: block;
    float: left;
    line-height: 50px ;
    line-height: 3.57143rem ;
    text-align: center;
    width: 14.28571%; }
  .calendar .table-header .table-cell {
    height: 30px ;
    height: 2.14286rem ;
    line-height: 30px ;
    line-height: 2.14286rem ;
    color: #999999; }
  .calendar .table-row .table-cell {
    color: #333333;
    text-decoration: none; }
    .calendar .table-row .table-cell.event span, .calendar .table-row .table-cell.today span {
      border-radius: 30px ;
      border-radius: 2.14286rem ;
      color: #ffffff;
      padding: 3px ;
      padding: 0.21429rem ;
      width: 25px ;
      width: 1.78571rem ;
      height: 25px ;
      height: 1.78571rem ;
      display: block;
      position: absolute;
      top: 12.5px ;
      top: 0.89286rem ;
      left: 50%;
      margin-left: -12.5px ;
      margin-left: -0.89286rem ;
      line-height: 20px ;
      line-height: 1.42857rem ; }
    .calendar .table-row .table-cell.event span {
      background: #cd0d3d; }
    .calendar .table-row .table-cell.event:hover span {
      background: #f11c51; }
    .calendar .table-row .table-cell.today span {
      background: #219dc8; }
    .calendar .table-row .table-cell.today:hover span {
      background: #3db5df; }
    .calendar .table-row .table-cell.selected {
      font-weight: 800;
      text-decoration: underline; }
    .calendar .table-row .table-cell:not(.dummy):not(.event):not(.today):hover {
      cursor: pointer;
      background: #e0e0e0; }
  .calendar .hour-display {
    font-size: 0.71429em;
    line-height: 1.9796em; }
  .calendar .event-box, .calendar .custom-event-box {
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px 10px 0px 5px;
    position: absolute;
    line-height: 20px;
    width: 13%;
    text-align: left;
    font-size: 0.75429em;
    color: rgba(50, 50, 50, 0.7);
    text-shadow: 1px 1px rgba(100, 100, 100, 0.2); }
  .calendar .event-box {
    background: rgba(50, 50, 50, 0.3); }
  .calendar .custom-event-box {
    background: rgba(250, 50, 50, 0.3); }
  .calendar .year-view {
    overflow: hidden;
    display: inline-block; }
    .calendar .year-view {
      display: block; }
    .calendar .year-view .floating-container {
      margin-left: 0; }
    .calendar .year-view .month {
      padding: 10px ;
      padding: 0.71429rem ; }
      .calendar .year-view .month > div {
        background-color: rgba(0, 0, 0, 0.05); }
      .calendar .year-view .month h1, .calendar .year-view .month .h1 {
        border-bottom-style: solid;
        border-bottom-color: #cccccc;
        border-bottom-width: 1px ;
        border-bottom-width: 0.07143rem ;
        font-size: 18px ;
        font-size: 1.28571rem ;
        padding: 15px ;
        padding: 1.07143rem ;
        text-align: center;
        text-transform: capitalize; }
      .calendar .year-view .month .week {
        overflow: hidden;
        display: inline-block;
        cursor: pointer;
        position: relative; }
        .calendar .year-view .month .week {
          display: block; }
        .calendar .year-view .month .week:hover {
          background: #ccc; }
        .calendar .year-view .month .week .day {
          text-align: right;
          width: 14.28571%;
          padding: 12px 5px ;
          padding: 0.85714rem 0.35714rem ; }
        .calendar .year-view .month .week .dayNumber-0 {
          width: 13.15789%;
          float: left;
          margin-right: -100%;
          margin-left: 0;
          clear: left; }
        .calendar .year-view .month .week .dayNumber-1 {
          width: 13.15789%;
          float: left;
          margin-right: -100%;
          margin-left: 14.47368%;
          clear: none; }
        .calendar .year-view .month .week .dayNumber-2 {
          width: 13.15789%;
          float: left;
          margin-right: -100%;
          margin-left: 28.94737%;
          clear: none; }
        .calendar .year-view .month .week .dayNumber-3 {
          width: 13.15789%;
          float: left;
          margin-right: -100%;
          margin-left: 43.42105%;
          clear: none; }
        .calendar .year-view .month .week .dayNumber-4 {
          width: 13.15789%;
          float: left;
          margin-right: -100%;
          margin-left: 57.89474%;
          clear: none; }
        .calendar .year-view .month .week .dayNumber-5 {
          width: 13.15789%;
          float: left;
          margin-right: -100%;
          margin-left: 72.36842%;
          clear: none; }
        .calendar .year-view .month .week .dayNumber-6 {
          width: 13.15789%;
          float: right;
          margin-left: 0;
          margin-right: 0;
          clear: none; }

@media (min-width: 640px) {
  .calendar a.view-toggle i {
    margin-top: 13px ;
    margin-top: 0.92857rem ;
    margin-bottom: -2px ;
    margin-bottom: -0.14286rem ; }
  .calendar .table-head h2, .calendar .table-head .h2 {
    font-size: 1.71429em;
    line-height: 1.23725em;
    line-height: 60px ;
    line-height: 4.28571rem ; }
  .calendar .year-view .month:nth-child(3n+1) {
    clear: left; }
  .calendar .year-view .month h1, .calendar .year-view .month .h1 {
    padding: 10px ;
    padding: 0.71429rem ; }
  .calendar .year-view .month .week .day {
    padding: 8px 5px ;
    padding: 0.57143rem 0.35714rem ; } }
@media (min-width: 960px) {
  .calendar .year-view .month:nth-child(3n+1) {
    clear: none; }
  .calendar .year-view .month:nth-child(4n+1) {
    clear: left; } }
.passwordstrength {
  margin-top: 5px ;
  margin-top: 0.35714rem ;
  color: #999999; }
  .passwordstrength input.ng-pristine + ul#strength {
    display: none; }
  .passwordstrength ul#strength {
    display: inline;
    list-style: none;
    margin: 0;
    margin-left: 15px ;
    margin-left: 1.07143rem ;
    padding: 0;
    vertical-align: 2px ;
    vertical-align: 0.14286rem ;
    vertical-align: middle; }
  .passwordstrength .point:last {
    margin: 0 !important; }
  .passwordstrength .point {
    background: #DDD;
    border-radius: 2px ;
    border-radius: 0.14286rem ;
    display: inline-block;
    height: 5px ;
    height: 0.35714rem ;
    margin-right: 1px ;
    margin-right: 0.07143rem ;
    width: 20px ;
    width: 1.42857rem ; }

.datepicker {
  position: absolute;
  right: 0;
  top: 45px ;
  top: 3.21429rem ;
  margin-bottom: 20px ;
  margin-bottom: 1.42857rem ;
  z-index: 999; }

table.datepickerCalendar {
  background: #ffffff;
  border-collapse: inherit;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #ebebeb;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  table.datepickerCalendar caption {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0 0;
    background: #4BB1F9;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 20px ;
    padding: 0.71429rem 1.42857rem ; }
    table.datepickerCalendar caption::before {
      content: "";
      position: absolute;
      top: -8px ;
      top: -0.57143rem ;
      right: 11px ;
      right: 0.78571rem ;
      display: block;
      width: 0;
      height: 0;
      border: 0 solid transparent;
      border-bottom-color: #4BB1F9;
      border-width: 0 7.5px 8px 7.5px; }
    table.datepickerCalendar caption .prev, table.datepickerCalendar caption .next, table.datepickerCalendar caption .nextYear, table.datepickerCalendar caption .prevYear {
      color: #ffffff;
      float: left;
      height: 1.5em;
      position: relative;
      text-decoration: none;
      text-indent: -9999em;
      width: 1.5em; }
      table.datepickerCalendar caption .prev:before, table.datepickerCalendar caption .next:before, table.datepickerCalendar caption .nextYear:before, table.datepickerCalendar caption .prevYear:before {
        border-color: transparent #FFF transparent transparent;
        border-style: solid;
        border-width: 5px ;
        border-width: 0.35714rem ;
        content: '';
        height: 0;
        left: 0;
        top: 0.35em;
        position: absolute;
        width: 0; }
      table.datepickerCalendar caption .prev:hover:before, table.datepickerCalendar caption .next:hover:before, table.datepickerCalendar caption .nextYear:hover:before, table.datepickerCalendar caption .prevYear:hover:before {
        border-color: transparent #cccccc transparent transparent; }
    table.datepickerCalendar caption .next, table.datepickerCalendar caption .nextYear {
      float: right; }
      table.datepickerCalendar caption .next:before, table.datepickerCalendar caption .nextYear:before {
        border-color: transparent transparent transparent #FFF;
        left: auto;
        right: 0; }
      table.datepickerCalendar caption .next:hover:before, table.datepickerCalendar caption .nextYear:hover:before {
        border-color: transparent transparent transparent #cccccc; }
    table.datepickerCalendar caption .prevYear:before {
      left: -0.5em; }
    table.datepickerCalendar caption .prevYear:after {
      border-color: transparent #FFF transparent transparent;
      border-style: solid;
      border-width: 5px ;
      border-width: 0.35714rem ;
      content: '';
      height: 0;
      left: 0;
      top: 0.35em;
      position: absolute;
      width: 0; }
    table.datepickerCalendar caption .prevYear:hover:after {
      border-color: transparent #cccccc transparent transparent; }
    table.datepickerCalendar caption .nextYear:before {
      border-color: transparent transparent transparent #FFF; }
    table.datepickerCalendar caption .nextYear:after {
      border-color: transparent transparent transparent #FFF;
      border-style: solid;
      border-width: 5px ;
      border-width: 0.35714rem ;
      content: '';
      height: 0;
      right: -0.5em;
      top: 0.35em;
      position: absolute;
      width: 0; }
    table.datepickerCalendar caption .nextYear:hover:after {
      border-color: transparent transparent transparent #cccccc; }
  table.datepickerCalendar thead {
    background: #ebebeb; }
    table.datepickerCalendar thead th {
      color: #999999;
      padding: 8px ;
      padding: 0.57143rem ;
      font-weight: normal; }
  table.datepickerCalendar tbody td {
    padding: 5px ;
    padding: 0.35714rem ; }
    table.datepickerCalendar tbody td a {
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      padding: 8px ;
      padding: 0.57143rem ;
      color: #b3b3b3;
      display: block;
      text-decoration: none; }
      table.datepickerCalendar tbody td a:hover {
        background-color: whitesmoke;
        color: #999999; }
    table.datepickerCalendar tbody td.today a {
      background: #ebebeb; }
    table.datepickerCalendar tbody td.available a {
      border: 1px solid #86BE55;
      color: #86BE55; }
      table.datepickerCalendar tbody td.available a:hover {
        background: #86BE55;
        color: #ffffff; }
    table.datepickerCalendar tbody td.pickedDate a {
      background: #4BB1F9;
      border: 1px solid #4BB1F9;
      color: #ffffff; }
      table.datepickerCalendar tbody td.pickedDate a:hover {
        background: #4BB1F9;
        color: #ffffff; }
  table.datepickerCalendar .form-datepicker-event {
    border-bottom: 2px solid #333333;
    color: #333333;
    display: block;
    font-weight: bold;
    text-decoration: none; }

.datepicker {
  animation: fadein 0.2s ease 1 normal 0s;
  -webkit-animation: fadein 0.2s ease 1 normal 0s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }
  .datepicker .legend {
    background: #ffffff;
    padding: 4px 8px ;
    padding: 0.28571rem 0.57143rem ;
    margin-top: -5px ;
    margin-top: -0.35714rem ;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
    .datepicker .legend span {
      font-size: 0.85714em;
      line-height: 1.64967em;
      color: #999999; }
      .datepicker .legend span:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 10px ;
        width: 0.71429rem ;
        height: 10px ;
        height: 0.71429rem ;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
        margin: -2px 5px 0px 0px ;
        margin: -0.14286rem 0.35714rem 0rem 0rem ;
        background-color: #86BE55; }
      .datepicker .legend span:first-child {
        margin-right: 10px ;
        margin-right: 0.71429rem ; }
      .datepicker .legend span.chosenDate:before {
        background-color: #4BB1F9; }

.timepicker-directive select {
  width: 75px ;
  width: 5.35714rem ;
  min-width: 75px ;
  min-width: 5.35714rem ;
  display: inline; }
.timepicker-directive small {
  display: block;
  margin-top: 5px ;
  margin-top: 0.35714rem ; }

.timepick {
  position: absolute;
  left: 0;
  right: 0;
  top: 75px ;
  top: 5.35714rem ;
  z-index: 999; }
  .timepick .caption {
    margin: 0px ;
    margin: 0rem ;
    background: #ffffff;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .timepick .caption > span {
      -moz-border-radius: 3px 3px 0 0;
      -webkit-border-radius: 3px;
      border-radius: 3px 3px 0 0;
      background: #4BB1F9;
      color: #ffffff;
      font-weight: bold;
      padding: 10px 20px ;
      padding: 0.71429rem 1.42857rem ;
      display: block; }
      .timepick .caption > span::before {
        content: "";
        position: absolute;
        top: -8px ;
        top: -0.57143rem ;
        left: 11px ;
        left: 0.78571rem ;
        display: block;
        width: 0;
        height: 0;
        border: 0 solid transparent;
        border-bottom-color: #4BB1F9;
        border-width: 0 7.5px 8px 7.5px; }
  .timepick .times {
    max-height: 150px ;
    max-height: 10.71429rem ;
    overflow: auto;
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #ebebeb;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #ffffff; }
    .timepick .times ul {
      margin: 0;
      list-style: none; }
      .timepick .times ul li {
        margin: 0; }
        .timepick .times ul li a {
          padding: 10px ;
          padding: 0.71429rem ;
          color: #b3b3b3;
          display: block;
          text-decoration: none;
          text-align: center; }
          .timepick .times ul li a:hover {
            background-color: whitesmoke;
            color: #999999; }
        .timepick .times ul li.today a {
          background-color: #ebebeb; }