/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

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

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * 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.
 */
img {
  border: 0;
}

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

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

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

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

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

/**
 * 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 */
}

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

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

.app-section-background {
  background-color: #D8D8D8;
  background: url("../images/body-background/body-background.svg") center top no-repeat;
  background-attachment: fixed;
  background-image: -webkit-gradient(radial, 50%, 0, color-stop(0%, #FFFFFF), color-stop(50%, #D8D8D8));
  background-image: -webkit-radial-gradient(50% 0, circle closest-corner, #FFFFFF 0%, #D8D8D8 50%);
  background-image: -moz-radial-gradient(50% 0, circle closest-corner, #FFFFFF 0%, #D8D8D8 50%);
  background-image: -o-radial-gradient(50% 0, circle closest-corner, #FFFFFF 0%, #D8D8D8 50%);
  background: radial-gradient(circle closest-corner at 50% 0, #FFFFFF 0%, #D8D8D8 50%);
  background-repeat: no-repeat;
  background-position: center top;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

a,
a:visited,
.inline-link {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #a5cd39;
  text-decoration: underline;
}
a:hover, a:active,
a:visited:hover,
a:visited:active,
.inline-link:hover,
.inline-link:active {
  color: #007d46;
  cursor: pointer;
}

button {
  background: none;
  border: none;
}

input[type=submit],
.button,
.button-kpn-compleet-register,
.button-telfort-combivoordeel-register,
.button:visited,
.button-kpn-compleet-register:visited,
.button-telfort-combivoordeel-register:visited {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #a5cd39;
  border: none;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2rem;
  padding: 1.5rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  width: auto;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 5px;
}
input[type=submit]:hover, input[type=submit]:active,
.button:hover,
.button-kpn-compleet-register:hover,
.button-telfort-combivoordeel-register:hover,
.button:active,
.button-kpn-compleet-register:active,
.button-telfort-combivoordeel-register:active,
.button:visited:hover,
.button-kpn-compleet-register:visited:hover,
.button-telfort-combivoordeel-register:visited:hover,
.button:visited:active,
.button-kpn-compleet-register:visited:active,
.button-telfort-combivoordeel-register:visited:active {
  color: #FFFFFF;
  background: #007d46;
}
input[type=submit]:disabled, input[type=submit]:disabled:hover, input[type=submit].is-inactive, input[type=submit].is-inactive:hover,
.button:disabled,
.button-kpn-compleet-register:disabled,
.button-telfort-combivoordeel-register:disabled,
.button:disabled:hover,
.button-kpn-compleet-register:disabled:hover,
.button-telfort-combivoordeel-register:disabled:hover,
.button.is-inactive,
.is-inactive.button-kpn-compleet-register,
.is-inactive.button-telfort-combivoordeel-register,
.button.is-inactive:hover,
.is-inactive.button-kpn-compleet-register:hover,
.is-inactive.button-telfort-combivoordeel-register:hover,
.button:visited:disabled,
.button-kpn-compleet-register:visited:disabled,
.button-telfort-combivoordeel-register:visited:disabled,
.button:visited:disabled:hover,
.button-kpn-compleet-register:visited:disabled:hover,
.button-telfort-combivoordeel-register:visited:disabled:hover,
.button:visited.is-inactive,
.button-kpn-compleet-register:visited.is-inactive,
.button-telfort-combivoordeel-register:visited.is-inactive,
.button:visited.is-inactive:hover,
.button-kpn-compleet-register:visited.is-inactive:hover,
.button-telfort-combivoordeel-register:visited.is-inactive:hover {
  background: #B7B7B7;
  color: #D8D8D8;
  cursor: default;
}
input[type=submit] .icon,
.button .icon,
.button-kpn-compleet-register .icon,
.button-telfort-combivoordeel-register .icon,
.button:visited .icon,
.button-kpn-compleet-register:visited .icon,
.button-telfort-combivoordeel-register:visited .icon {
  margin-right: 1rem;
}

.button-add-ticket, .button-add-ticket:visited {
    background: #38aec2;
}
.button-add-ticket:hover, button-add-ticket:active {
    background: #9ddce7;
}

.button-lead-order {
  background: #e95921;
}
.button-lead-order:hover {
  background: #f30404;
}

.button-primary, .button-shopping-cart-purchase {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 2rem;
  font-weight: 700;
  font-size: 1.5rem;
  background: #a5cd39 !important;
}
.button-primary:hover, .button-shopping-cart-purchase:hover, .button-primary:active, .button-shopping-cart-purchase:active {
  background: #007d46 !important;
}

.button-secondary {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 2rem;
  font-weight: 700;
  font-size: 1.5rem;
  width: 105px;
}

.button-secondary:hover, .button-secondary:active {
  background: #a0a8dc !important;
}

.button-secondary.disable, .button-primary.disable, .disable.button-shopping-cart-purchase {
  background: #B7B7B7 !important;
  color: #D8D8D8 !important;
  cursor: default !important;
}

.cer-car-button {
  background: #007d46 !important;
}

.cer-car-button:hover.disable {
  background: #B7B7B7 !important;
  color: #D8D8D8 !important;
  cursor: default !important;
}

.cer-car-button:hover, .button-secondary:active {
  background: #a0a8dc !important;
}

.button-flow,
.button-flow:visited {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 1.5rem 2rem 1.5rem 2rem;
  font-weight: 700;
  font-size: 1.5rem;
  background: #a5cd39;
}
.button-flow:hover, .button-flow:active,
.button-flow:visited:hover,
.button-flow:visited:active {
  background: #007d46;
}

.button .icon:before, .button-kpn-compleet-register .icon:before, .button-telfort-combivoordeel-register .icon:before {
  display: none;
}
@media screen and (min-width: 1024px) {
  .button .icon:before, .button-kpn-compleet-register .icon:before, .button-telfort-combivoordeel-register .icon:before {
    display: inline-block;
    font-size: 2rem;
    margin-right: 1rem;
    vertical-align: bottom;
  }
}

.button-shopping-cart-purchase {
  background: #a5cd39;
}
.button-shopping-cart-purchase:hover, .button-shopping-cart-purchase:active {
  background: #007d46;
}

.button-kpn-compleet-register {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1rem;
  background: #B7B7B7;
}
.button-kpn-compleet-register:hover, .button-kpn-compleet-register:active {
  background: #D8D8D8;
}

.button-telfort-combivoordeel-register {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1rem;
  background: #B7B7B7;
}
.button-telfort-combivoordeel-register:hover, .button-telfort-combivoordeel-register:active {
  background: #D8D8D8;
}

.aligned-right {
  float: right;
}

.linkable-element:hover {
  cursor: pointer;
}

.action-section {
  display: block;
  margin-top: 2rem;
  text-align: right;
}
.action-section .inline-link {
  display: inline-block;
  margin-right: 1rem;
}

.button-toggle-inactive {
  border-radius: 5px !important;
  background: #9C9C9C !important;
  color: #FFFFFF !important;
  padding: 15px !important;
  line-height: 2px !important;
}
.button-toggle-inactive:hover, .button-toggle-inactive:active {
  color: #FFFFFF !important;
  background: #B9B9B9 !important;
}

.button-toggle-active {
  border-radius: 5px !important;
  padding: 15px !important;
  line-height: 2px !important;
  cursor: default;
}
.button-toggle-active:hover, .button-toggle-active:active {
  color: #FFFFFF !important;
  background: #a5cd39 !important;
}

.button-toggle-right {
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.button-toggle-left {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.button-toggle-label {
  margin-top: 6px;
  display: inline-block;
  margin-right: 5px;
}

@font-face {
  font-family: 'ods2-icon-font';
  src: url("../fonts/ods2-icon-font.eot?fw8i5f");
  src: url("../fonts/ods2-icon-font.eot?#iefixfw8i5f") format("embedded-opentype"), url("../fonts/ods2-icon-font.woff?fw8i5f") format("woff"), url("../fonts/ods2-icon-font.ttf?fw8i5f") format("truetype"), url("../fonts/ods2-icon-font.svg?fw8i5f#ods2-icon-font") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon:before {
  font-family: 'ods2-icon-font';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon:after {
  font-family: 'ods2-icon-font';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
  content: "\e60f";
}

.icon-mobile:before {
  content: "\e610";
}

.icon-draggable:before {
  content: "\e611";
}

.icon-settings:before {
  content: "\e612";
}

.icon-bill:before {
  content: "\e601";
}

.icon-checkmark:before {
  content: "\e604";
}

.icon-close:before {
  content: "\e605";
}

.icon-arrow-left:before {
  content: "\e600";
}

.icon-arrow-top:before {
  content: "\e602";
}

.icon-arrow-right:before {
  content: "\e603";
}

.icon-arrow-down:before {
  content: "\e606";
}

.icon-magnifier:before {
  content: "\e607";
}

.icon-menu:before {
  content: "\e608";
}

.icon-minus:before {
  content: "\e609";
}

.icon-plus:before {
  content: "\e60a";
}

.icon-calendar:before {
  content: "\e60b";
}

.icon-monitor:before {
  content: "\e60c";
}

.icon-shopping-cart:before {
  content: "\e60d";
}

.icon-truck:before {
  content: "\e60e";
}

.icon-attachment:before {
  content: "\e9cd";
}

.icon-sphere:before {
  content: "\e9c9";
}

.icon-tv:before {
  content: "\e95b";
}

.icon-check-square-o:before {
  content: "\e613";
}

.icon-square-o:before {
  content: "\e61b";
}

.icon-plus-square-o:before {
  content: "\e614";
}

.icon-spinner:before {
  content: "\e97a";
}

.icon-spinner2:before {
  content: "\e97b";
}

.icon-spinner3:before {
  content: "\e97c";
}

.icon-spinner4:before {
  content: "\e97d";
}

.icon-spinner5:before {
  content: "\e97e";
}

.icon-spinner6:before {
  content: "\e97f";
}

.icon-spinner7:before {
  content: "\e980";
}

.icon-spinner9:before {
  content: "\e982";
}

.icon-spinner10:before {
  content: "\e983";
}

.icon-spinner11:before {
  content: "\e984";
}

.icon-fi-page-csv:before {
  content: "\e615";
}

.icon-fi-page-doc:before {
  content: "\e616";
}

.icon-fi-page-export-csv:before {
  content: "\e617";
}

.icon-fi-page-export-doc:before {
  content: "\e618";
}

.icon-fi-page-export-pdf:before {
  content: "\e619";
}

.icon-fi-page-pdf:before {
  content: "\e61a";
}

.icon-file-pdf:before {
  content: "\eada";
}

.icon-file-word:before {
  content: "\eadc";
}

.icon-file-excel:before {
  content: "\eadd";
}

.icon-mail:before {
  content: "\e61d";
}

.icon-paperplane:before {
  content: "\e61e";
}

.icon-truck2:before {
  content: "\e61f";
}

.icon-warning:before {
  content: "\ea07";
}

.icon-danger:before {
  content: "\ea08";
}

.icon-success:before {
  content: "\e604";
}

.icon-warning-margin:before {
  content: "\ea07";
}

.icon-danger-margin:before {
  content: "\ea08";
}

.icon-success-margin:before {
  content: "\e604";
}

.icon-close2:before {
  content: "\f132";
}

.icon-bubble:before {
  content: "\e901";
}

.icon-like:before {
  content: "\e902";
}

.icon-file:before {
  content: "\e900";
}

.icon-file-empty:before {
  content: "\e924";
}

.icon-user2:before {
  content: "\e971";
}

.icon-fire:before {
  content: "\e9a9";
}

.icon-power:before {
  content: "\e9b5";
}

.icon-filter:before {
  content: "\f0b0";
}

.icon-coin-euro:before {
  content: "\e93c";
}

.icon-phone2:before {
  content: "\e905";
}

.icon-euro_symbol:before {
  content: "\e926";
}

.icon-eur:before {
  content: "\f153";
}

.icon-phone:before {
  content: "\e942";
}

.icon-clipboard:before {
  content: "\e9b8";
}

.icon-automobile:before {
  content: "\f1b9";
}

.icon-directions_car:before {
  content: "\e531";
}

.icon-car2:before {
  content: "\e906";
}

.icon-question-circle-o:before {
  content: "\e908";
  font-weight: bold;
}

.icon-image1:before {
  content: "\f03e";
}
.icon-photo:before {
  content: "\f03e";
}
.icon-picture-o:before {
  content: "\f03e";
}
.icon-folder:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-folder-o:before {
  content: "\f114";
}
.icon-folder-open-o:before {
  content: "\f115";
}
.icon-file-image-o:before {
  content: "\f1c5";
}
.icon-file-photo-o:before {
  content: "\f1c5";
}
.icon-file-picture-o:before {
  content: "\f1c5";
}
.icon-question-circle-o:before {
  content: "\e908";
}
.icon-directions_car:before {
  content: "\e531";
}
.icon-arrow-left:before {
  content: "\e600";
}
.icon-bill:before {
  content: "\e601";
}
.icon-arrow-top:before {
  content: "\e602";
}
.icon-arrow-right:before {
  content: "\e603";
}
.icon-checkmark:before {
  content: "\e604";
}
.icon-close:before {
  content: "\e605";
}
.icon-arrow-down:before {
  content: "\e606";
}
.icon-magnifier:before {
  content: "\e607";
}
.icon-menu:before {
  content: "\e608";
}
.icon-minus:before {
  content: "\e609";
}
.icon-plus:before {
  content: "\e60a";
}
.icon-calendar:before {
  content: "\e60b";
}
.icon-monitor:before {
  content: "\e60c";
}
.icon-shopping-cart:before {
  content: "\e60d";
}
.icon-truck:before {
  content: "\e60e";
}
.icon-user:before {
  content: "\e60f";
}
.icon-mobile:before {
  content: "\e610";
}
.icon-draggable:before {
  content: "\e611";
}
.icon-settings:before {
  content: "\e612";
}
.icon-check-square-o:before {
  content: "\e613";
}
.icon-plus-square-o:before {
  content: "\e614";
}
.icon-fi-page-csv:before {
  content: "\e615";
}
.icon-fi-page-doc:before {
  content: "\e616";
}
.icon-fi-page-export-csv:before {
  content: "\e617";
}
.icon-fi-page-export-doc:before {
  content: "\e618";
}
.icon-fi-page-export-pdf:before {
  content: "\e619";
}
.icon-fi-page-pdf:before {
  content: "\e61a";
}
.icon-square-o:before {
  content: "\e61b";
}
.icon-check-square-o2:before {
  content: "\e61c";
}
.icon-mail:before {
  content: "\e61d";
}
.icon-paperplane:before {
  content: "\e61e";
}
.icon-truck2:before {
  content: "\e61f";
}
.icon-file:before {
  content: "\e900";
}
.icon-bubble:before {
  content: "\e901";
}
.icon-like:before {
  content: "\e902";
}
.icon-pop-out:before {
  content: "\e903";
}
.icon-badge:before {
  content: "\e904";
}
.icon-phone2:before {
  content: "\e905";
}
.icon-car2:before {
  content: "\e906";
}
.icon-file-empty:before {
  content: "\e924";
}
.icon-euro_symbol:before {
  content: "\e926";
}
.icon-coin-euro:before {
  content: "\e93c";
}
.icon-phone:before {
  content: "\e942";
}
.icon-tv:before {
  content: "\e95b";
}
.icon-user2:before {
  content: "\e971";
}
.icon-spinner:before {
  content: "\e97a";
}
.icon-spinner2:before {
  content: "\e97b";
}
.icon-spinner3:before {
  content: "\e97c";
}
.icon-spinner4:before {
  content: "\e97d";
}
.icon-spinner5:before {
  content: "\e97e";
}
.icon-spinner6:before {
  content: "\e97f";
}
.icon-spinner7:before {
  content: "\e980";
}
.icon-spinner9:before {
  content: "\e982";
}
.icon-spinner10:before {
  content: "\e983";
}
.icon-spinner11:before {
  content: "\e984";
}
.icon-binoculars:before {
  content: "\e985";
}
.icon-fire:before {
  content: "\e9a9";
}
.icon-power:before {
  content: "\e9b5";
}
.icon-clipboard:before {
  content: "\e9b8";
}
.icon-sphere:before {
  content: "\e9c9";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-notification:before {
  content: "\ea08";
}
.icon-circle-down:before {
  content: "\ea43";
}
.icon-file-pdf:before {
  content: "\eada";
}
.icon-file-word:before {
  content: "\eadc";
}
.icon-file-excel:before {
  content: "\eadd";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-close2:before {
  content: "\f132";
}
.icon-eur:before {
  content: "\f153";
}
.icon-automobile:before {
  content: "\f1b9";
}
.icon-home3:before {
  content: "\e907";
}
.icon-image:before {
  content: "\e90d";
}
.icon-images:before {
  content: "\e90e";
}
.icon-file-picture:before {
  content: "\e927";
}
.icon-file-video:before {
  content: "\e92a";
}
.icon-folder1:before {
  content: "\e92f";
}
.icon-folder-open1:before {
  content: "\e930";
}
@keyframes anim-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.spinner:before {
  display: inline-block;
  height: 1em;
  line-height: 1;
  animation: anim-rotate 2s infinite linear;
  -webkit-animation: anim-rotate 2s infinite linear;
  text-shadow: 0 0 0.25em rgba(255, 255, 255, 0.3);
}

.spinner--steps {
  animation: anim-rotate 1s infinite steps(8);
}

.spinner--steps2 {
  animation: anim-rotate 1s infinite steps(12);
}

textarea {
  height: 120px;
}

input,
textarea {
  border-radius: 0;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  input,
  textarea {
    -webkit-appearance: caret;
    -moz-appearance: caret;
    appearance: caret;
  }
}

fieldset,
.panel-fieldset {
  background: #FFFFFF;
  border: 1px solid #B7B7B7;
  margin: 3.5rem 0 0 0;
  padding: 2rem;
  border-radius: 5px;
}
h1 + fieldset, h2 + fieldset, h3 + fieldset, h1 +
.panel-fieldset, h2 +
.panel-fieldset, h3 +
.panel-fieldset {
  margin-top: 0;
}

.panel-fieldset:first-child {
  margin-top: 0;
}

legend,
.panel-header {
  color: #007d46;
  display: block;
  float: left;
  width: 100%;
}

input, textarea {
  -webkit-transition: border 0.2s ease;
  -moz-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  transition: border 0.2s ease;
  border: 1px solid #D8D8D8;
  color: #333333;
  font-size: 1.3rem;
  padding: 1rem;
  width: 100%;
  border-radius: 5px;
}
input ::-webkit-input-placeholder, textarea ::-webkit-input-placeholder {
  color: #333333;
}
input :-moz-placeholder, textarea :-moz-placeholder {
  /* Firefox 18- */
  color: #333333;
}
input ::-moz-placeholder, textarea ::-moz-placeholder {
  /* Firefox 19+ */
  color: #333333;
}
input :-ms-input-placeholder, textarea :-ms-input-placeholder {
  color: #333333;
}
input:focus, textarea:focus {
  outline: none;
}
input:invalid, textarea:invalid {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid inherit;
}
input[required]:focus, input[pattern]:focus, textarea[required]:focus, textarea[pattern]:focus {
  border: 1px solid #333333;
}
input[required]:focus:invalid, input[pattern]:focus:invalid, textarea[required]:focus:invalid, textarea[pattern]:focus:invalid {
  border: 1px solid inherit;
}
input[required]:focus:valid, input[pattern]:focus:valid, textarea[required]:focus:valid, textarea[pattern]:focus:valid {
  border: 1px solid #009C2C;
}
input[required]:valid, input[pattern]:valid, textarea[required]:valid, textarea[pattern]:valid {
  border: 1px solid #D8D8D8;
}
input.is-dirty:invalid, textarea.is-dirty:invalid {
  border: 1px solid #E90000;
}
input.is-dirty:invalid + .form-message, textarea.is-dirty:invalid + .form-message {
  border-color: #E90000;
  color: #E90000;
  display: block;
}
input.is-dirty:focus, textarea.is-dirty:focus {
  border: 1px solid #333333;
}
input.is-dirty:focus + .form-message, textarea.is-dirty:focus + .form-message {
  border-color: #007d46;
  color: #007d46;
  display: block;
}
input.is-dirty:focus:invalid, textarea.is-dirty:focus:invalid {
  border: 1px solid inherit;
}
input.is-dirty:valid, textarea.is-dirty:valid {
  border: 1px solid #009C2C;
}
input.is-dirty:valid + .form-message, textarea.is-dirty:valid + .form-message {
  display: none;
}
input[type=checkbox], input[type=radio], textarea[type=checkbox], textarea[type=radio] {
  position: absolute;
  height: 0;
  visibility: hidden;
  width: 0;
}
input[type=checkbox] + label, input[type=radio] + label, textarea[type=checkbox] + label, textarea[type=radio] + label {
  display: inline-block;
  line-height: 2rem;
  padding-left: 2.5rem;
}
input[type=checkbox] + label:before, input[type=radio] + label:before, textarea[type=checkbox] + label:before, textarea[type=radio] + label:before {
  border: 1px solid #B7B7B7;
  content: '';
  left: 0;
  height: 2rem;
  position: absolute;
  top: 0;
  width: 2rem;
  background-color: #FFFFFF;
}
input[type=checkbox]:checked + label:after, textarea[type=checkbox]:checked + label:after {
  content: "\e604";
  color: #a5cd39;
  font-size: 1.5rem;
  left: 0.25rem;
  top: 0.25rem;
  position: absolute;
}
input[type=radio] + label:before, textarea[type=radio] + label:before {
  border-radius: 50%;
}
input[type=radio]:checked + label:after, textarea[type=radio]:checked + label:after {
  content: "";
  background: #a5cd39;
  border-radius: 50%;
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  height: 1rem;
  width: 1rem;
}
input[type="checkbox"] + label.disabled::before {
    background: #DDD !important;
}
input:disabled, textarea:disabled {
  background: #eee;
  color: #eee;
}

label {
  display: inline-block;
  padding: 0 1rem 0 0;
  line-height: 4rem;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
label:not(.multiline) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
label[for] {
  cursor: pointer;
}
label.required:after {
  content: "*";
  display: inline-block;
  font-size: 1.3rem;
  vertical-align: top;
}
label.multiline {
  line-height: inherit;
}

.date-fields-row .grid-25 {
  margin-right: 1rem;
}
@media screen and (min-width: 1024px) {
  .date-fields-row .grid-25 {
    width: 15%;
  }
}

.house-number-append {
  padding-left: 1rem;
  width: auto;
}

.custom-select {
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}
.custom-select:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\e606";
  right: 1.3rem;
}
.custom-select:after {
  border-left: 1px solid #D8D8D8;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 4rem;
}
.custom-select label {
  padding-top: 0;
  z-index: 3;
}
.custom-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 2rem;
  padding: 1rem;
  width: 125%;
  position: relative;
}
.custom-select select:focus {
  outline: none;
}

.label-padding-horizontal {
  padding: 0 1rem 0 1rem;
}

.input-margin-horizontal {
  margin: 0 1rem 0 0;
}

@media screen and (max-width: 768px) {
  .grid-35.grid-append-exception {
    width: 30%;
  }
}
@media screen and (min-width: 1024px) {
  .grid-35.grid-append-exception {
    width: 25%;
  }
}

.error-hint {
  color: #E90000;
  display: none;
}

.is-empty {
  border: 2px solid #E90000;
}

.is-error {
  border: 1px solid #E90000 !important;
}

select.is-error {
  width: 102%;
  border-radius: 0px;
}

.error-state {
  border: 2px solid #E90000;
  color: #E90000;
}
.error-state:focus {
  border: 2px solid #E90000;
  color: #E90000;
}

.form-message {
  border: 1px solid #007d46;
  border-radius: 4px;
  color: #007d46;
  display: none;
  margin-top: 1rem;
  padding: 1rem;
}
.form-message.is-visible {
  display: inline-block;
}

ul.errors li {
  color: red;
}

ul.errors {
  display: block;
  clear: both;
}

ul.horizontal-list + ul.errors {
  padding-top: 13px;
}

.grid-70 > .dropzone {
  width: 100% !important;
}

.grid-75 > .dropzone {
  width: 100% !important;
}

input[type=checkbox] + label {
  width: auto;
}

.grid:before, .grid:after {
  content: " ";
  display: table;
}
.grid:after {
  clear: both;
}
.grid .grid:before, .grid .grid:after {
  content: " ";
  display: table;
}
.grid .grid:after {
  clear: both;
}
.grid .grid-row {
  margin-bottom: 1rem;
}
.grid .grid-row:before, .grid .grid-row:after {
  content: " ";
  display: table;
}
.grid .grid-row:after {
  clear: both;
}
.grid .grid-row:last-of-type {
  margin-bottom: 0;
}

.grid-cell {
  float: left;
}

.grid-cell-content {
  margin: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .grid-cell-content {
    margin: 1.75rem;
  }
}

.grid-product-cell-content {
  margin: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .grid-product-cell-content {
    margin: 1.75rem;
  }
}

.grid-product-alert-cell-content {
  margin: 1.75rem 0.5rem 1.75rem 0.5rem;
}
@media screen and (min-width: 1024px) {
  .grid-product-alert-cell-content {
    margin: 1.75rem;
  }
}

.grid-product-filters-cell-content {
  margin: 10px 0.5rem 5px 0.5rem;
}
@media screen and (min-width: 1024px) {
  .grid-product-filters-cell-content {
    margin: 1.75rem 1.75rem 0 1.75rem;
  }
}

.grid-alignment-left {
  margin-left: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .grid-alignment-left {
    margin-left: 1.75rem;
  }
}

.grid-alignment-right {
  margin-right: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .grid-alignment-right {
    margin-right: 1.75rem;
  }
}

@media screen and (max-width: 769px) {
  .grid-product-card-width {
    width: 33.3% !important;
  }
}

.grid-05 {
  width: 5%;
}

.grid-10 {
  width: 10%;
}

.grid-15 {
  width: 15%;
}

.grid-20 {
  width: 20%;
}

.grid-25 {
  width: 25%;
  padding-right: 0%;
}

.grid-33 {
  width: 33%;
}

.grid-30 {
  width: 30%;
}

.grid-33-3 {
  width: 33.33333333%;
}

.grid-35 {
  width: 35%;
}

.grid-40 {
  width: 40%;
}

.grid-45 {
  width: 45%;
}

.grid-50 {
  width: 50%;
}

.grid-55 {
  width: 55%;
}

.grid-60 {
  width: 60%;
}

.grid-65 {
  width: 65%;
}

.grid-70 {
  width: 70%;
}

.grid-75 {
  width: 75%;
}

.grid-80 {
  width: 80%;
}

.grid-85 {
  width: 85%;
}

.grid-90 {
  width: 90%;
}

.grid-95 {
  width: 95%;
}

.grid-100 {
  width: 100%;
}

.offset-left-30 {
  margin-left: 30%;
}

.offset-left-60 {
  margin-left: 60%;
}

.offset-left-70 {
  margin-left: 70%;
}

.offset-left-75 {
  margin-left: 75%;
}

.offset-right-20 {
  margin-right: 20%;
}

.offset-right-25 {
  margin-right: 25%;
}

.offset-right-30 {
  margin-right: 30%;
}

.grid-cell-indicators {
  position: relative;
  min-height: 40px;
}

img {
  max-width: 100%;
}

figcaption {
  margin-bottom: 1rem;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
  min-width: 768px;
}

.app-section-body {
  margin: 0 auto;
  width: 95%;
  min-height: 550px;
  /*
    Min-height applied as if content is too small
    gradient background shows an ugly effect
  */
  padding: 2rem 0;
}
@media screen and (min-width: 1280px) {
  .app-section-body {
    max-width: 1210px;
  }
}
.app-section-body:before, .app-section-body:after {
  content: " ";
  display: table;
}
.app-section-body:after {
  clear: both;
}
@media screen and (min-width: 1024px) {
  .app-section-body {
    padding: 2.5rem 0;
  }
}

.panel {
  background: #FFFFFF;
  padding: 1rem;
  border-radius: 5px;
}
@media screen and (min-width: 1024px) {
  .panel {
    padding: 2rem;
  }
}

.dealerapp-message {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-weight: bold;
}

.flat-list, .horizontal-list, .spaced-list, .dashboard-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.horizontal-list li {
  float: left;
  padding-left: 0.5rem;
}
.horizontal-list li:first-child {
  padding-left: 0;
}

.icon-list, .usp-list {
  padding: 2rem;
}
.icon-list li, .usp-list li {
  margin-bottom: 1rem;
}
.icon-list li:last-child, .usp-list li:last-child {
  margin-bottom: 0;
}
.icon-list .icon, .usp-list .icon {
  color: #a5cd39;
  float: left;
  margin-right: 15px;
}

.usp-list {
  color: #a5cd39;
  font-weight: 700;
}

.spaced-list li {
  padding: 0.2rem;
}

.dashboard-list a {
  color: #333333;
  position: relative;
  text-decoration: none;
}
.dashboard-list a:hover {
  color: #666666;
}
.dashboard-list a:before {
  font-family: ods2-icon-font;
  content: "\e603";
  font-size: 1rem;
  color: #a5cd39;
}
.dashboard-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #D8D8D8;
}
.dashboard-list li:last-child {
  border-bottom: none;
}

.dashboard-list-header {
  margin: 0;
}

.dashboard-list-time {
  font-style: italic;
  margin-right: 1.5rem;
}

.dashboard-list-name,
.dashboard-list-time {
  color: #B7B7B7;
}

.dashboard-list-logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1rem;
}
.dashboard-list-logo img {
  display: block;
}

.dashboard-list-more {
  border: 1px solid #B7B7B7;
  background: #D8D8D8;
  color: #333333;
  display: block;
  padding: 1rem;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-align: center;
}
.dashboard-list-more:hover {
  border: 1px solid #D8D8D8;
  background: #B7B7B7;
  color: #333333;
}

dl {
  margin: 0;
}
dl:before, dl:after {
  content: " ";
  display: table;
}
dl:after {
  clear: both;
}

dt {
  clear: left;
  display: inline-block;
  padding: 0 1rem 0 0;
  font-size: 1.3rem;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
dt:not(.multiline) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
dt:not(.multiline) .single-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  display: block;
}

dd.grid-70 {
  margin: 0 0 1rem 0;
}

.striped-details {
  overflow: hidden;
}
.striped-details:before, .striped-details:after {
  content: " ";
  display: table;
}
.striped-details:after {
  clear: both;
}
.striped-details dt {
  overflow: initial;
}
.striped-details dt,
.striped-details dd {
  background: #FFFFFF;
  border-top: 1px solid #B7B7B7;
  float: left;
  margin: 0;
  padding: 1rem;
  position: relative;
}
.striped-details dt:last-of-type,
.striped-details dd:last-of-type {
  border-bottom: 1px solid #B7B7B7;
}
.striped-details dd:before,
.striped-details dt:before {
  background: inherit;
  content: '';
  display: block;
  left: 0;
  height: 5000%;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 0;
}
.striped-details dd:nth-child(4n+2),
.striped-details dt:nth-child(4n+1) {
  background: #ececec;
}

.qa-list dd {
  font-weight: 700;
}

/* logo */
.portal-logo {
  display: inline-block;
  line-height: 30px;
  text-decoration: none;
}

.logo {
  display: inline-block;
  height: 40px;
  margin-right: 2rem;
  vertical-align: middle;
}

.logo-image {
  background-repeat: no-repeat;
  display: inline-block;
  height: 50px;
  margin-right: 0.5rem;
  vertical-align: middle;
  width: 196px;
}

.greenchoice-logo {
  background-image: url("../images/greenchoice.png");
  background-size: 296px 50px;
}

.logo-slogan {
  color: #333333;
  display: none;
  font-size: 15px;
  line-height: 30px;
  margin-top: 4px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden !important;
  width: 55px;
  text-overflow: ellipsis;
}
@media screen and (min-width: 610px) {
  .logo-slogan {
    display: inline-block;
  }
}
@media screen and (min-width: 1216px) {
  .logo-slogan {
    width: 60px;
  }
}

html {
  background-color: #D8D8D8;
  font-size: 62.5%;
}

body {
  color: #333333;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  line-height: 1.6;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
}

h1 strong,
h2 strong,
h3 strong {
  font-weight: 700;
}

h1,
.h1 {
  color: #007d46;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.4rem;
  margin-top: 0.7rem;
}

h2,
.h2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.4rem;
  margin-top: 0.7rem;
}

h3,
.h3,
legend,
.panel-header {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.1rem;
  margin-top: 0.5rem;
}

h4,
.h4 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
  margin-top: 0.4rem;
}

h5,
.h5 {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 0.8rem;
  margin-top: 0.4rem;
}

em,
b,
strong {
  font-weight: 700;
  font-style: normal;
}
em span,
b span,
strong span {
  font-weight: 400;
}

.italic {
  font-weight: 400;
  font-style: italic;
}

small {
  font-weight: 400;
  font-size: 85%;
}

.alert-status {
  color: #E90000;
  font-weight: 700;
}
.alert-status span {
  font-weight: 400;
}

.claimable-status {
  color: #3366FF;
  font-weight: 700;
}
.claimable-status span {
  font-weight: 400;
}

.paid-status {
  color: #16a765;
  font-weight: 700;
}
.paid-status span {
  font-weight: 400;
}

.claimed-status {
  color: #FF7537;
  font-weight: 700;
}
.claimed-status span {
  font-weight: 400;
}

.early-status {
  color: #B7B7B7;
  font-weight: 700;
}
.early-status span {
  font-weight: 400;
}

.unpaid-status {
  color: #FF7537;
  font-weight: 700;
}
.unpaid-status span {
  font-weight: 400;
}

.table-title-row {
  background: #FFFFFF;
  padding: 1rem 0;
  width: 100%;
}
.table-title-row h1,
.table-title-row h2,
.table-title-row h3,
.table-title-row h4,
.table-title-row h5,
.table-title-row h6 {
  font-weight: 400;
  margin: 0 0 0 2rem;
}

hr {
  background: #D8D8D8;
  border: none;
  display: block;
  height: 1px;
  margin: 0;
  width: 100%;
}

table {
  width: 100%;
  background: #FFFFFF;
}
table.top-alignment td {
  vertical-align: top;
}

.table-has-header.round-corners {
  border-radius: 5px;
}

.table-has-header thead {
  background: #007d46;
  color: #FFFFFF;
}

.table-has-header th:first-child {
  border-radius: 5px 0 0 0;
}
.table-has-header th:last-child {
  border-radius: 0 5px 0 0;
}

tbody tr {
  border-top: 1px solid #B7B7B7;
}
tbody tr:first-child {
  border-top: none;
}
tbody tr.is-active {
  background: #ececec;
}

th, td {
  padding: 1rem;
  text-align: left;
}
th:last-child, td:last-child {
  padding-right: 1rem;
}

td {
  height: 70px;
}

.table-column-action {
  width: 20px;
}
@media screen and (min-width: 1100px) {
  .table-column-action {
    width: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .table-column-action {
    width: 40px;
  }
}

.table-column-description {
  width: 60%;
}

.table-column-name {
  width: 20%;
}

.table-column-price {
  width: 10%;
}

.last-column {
  text-align: right;
  vertical-align: top;
}

.table-cell-action {
  text-align: center;
  position: relative;
}
.table-cell-action .icon {
  color: #333333;
  font-size: 1rem;
  text-decoration: none;
}
.table-cell-action .icon:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.table-cell-highlight {
  font-weight: 700;
}

.table-offer-description {
  color: #333333;
  display: block;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
@media screen and (min-width: 768px) {
  .table-offer-description {
    font-size: 1.4rem;
    line-height: 2.1rem;
  }
}

.table-external-header {
  background: #FFFFFF;
  padding: 1rem;
  margin: 3rem 0 0 0;
}
.table-external-header:first-of-type {
  margin: 0;
}

.striped-details tbody tr {
  border-top: 1px solid #B7B7B7;
}
.striped-details tbody tr:first-child {
  border-top: none;
}
.striped-details tbody tr:last-child {
  border-bottom: 1px solid #B7B7B7;
}
.striped-details tbody tr:nth-child(even) {
  background: #FFFFFF;
}
.striped-details tbody tr:nth-child(odd) {
  background: #ececec;
}
.striped-details li {
  background: #FFFFFF;
  border-top: 1px solid #B7B7B7;
  padding: 1rem;
  margin: 0;
}
.striped-details li:nth-child(even) {
  background: #FFFFFF;
}
.striped-details li:nth-child(odd) {
  background: #ececec;
}

.striped-details-dual-columns tr {
  border-top: 1px solid #B7B7B7;
}
.striped-details-dual-columns tr:first-child {
  border-top: none;
}
.striped-details-dual-columns tr.is-selected {
  background: none;
}
.striped-details-dual-columns tr:nth-child(even) td:first-child {
  background: #FFFFFF;
}
.striped-details-dual-columns tr:nth-child(even) td:last-child {
  background: #ececec;
}
.striped-details-dual-columns tr:nth-child(odd) td:first-child {
  background: #ececec;
}
.striped-details-dual-columns tr:nth-child(odd) td:last-child {
  background: #FFFFFF;
}

.tab-panel .striped-details-dual-columns tr.is-selected {
  background: none;
}

/*
 * Print Styles, shamelessly borrowed from H5BP:
 * https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/css/main.css#L231
 *
 * Included inlined to avoid required HTTP connection: h5bp.com/r
 */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* alert component */
@-webkit-keyframes fade-in-alert {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
@keyframes fade-in-alert {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
@-webkit-keyframes fade-out-alert {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-out-alert {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0;
  }
}
.alert {
  font-size: 14px;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  opacity: 1.0;
  animation-name: fade-in-alert;
  animation-duration: 1s;
  animation-iteration-count: 1;
  -webkit-animation-name: fade-in-alert;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  border-radius: 5px;
}

.alert-inline {
  padding: 3px !important;
  margin-bottom: 5px !important;
}

ul.alert {
  list-style-type: none;
}

.alert-success-margin {
  color: #ffffff;
  background-color: #009900;
  border-color: #009900;
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.alert-success {
  color: #ffffff;
  background-color: #009900;
  border-color: #009900;
}

.alert-info {
  color: #ffffff;
  background-color: #1e75bc;
  border-color: #1e75bc;
}

.alert-warning {
  color: #ffffff;
  background-color: #ff9900;
  border-color: #ff9900;
}

.alert-warning-margin {
  color: #ffffff;
  background-color: #ff9900;
  border-color: #ff9900;
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.alert-web-warning-margin {
  color: #ffffff;
  background-color: #ff9900;
  border-color: #ff9900;
  margin-left: 1.75rem;
  margin-right: 1.75rem;
  margin-top: 20px;
  margin-bottom: 0px !important;
}

.alert-danger {
  color: #ffffff;
  background-color: #ff3333;
  border-color: #ff3333;
}

.alert-danger-margin {
  color: #ffffff;
  background-color: #ff3333;
  border-color: #ff3333;
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.alert .alert-link {
  font-weight: 700;
}

.alert-success .alert-link {
  color: #ffffff;
}

.alert-info .alert-link {
  color: #ffffff;
}

.alert-warning .alert-link {
  color: #ffffff;
}

.alert-danger .alert-link {
  color: #ffffff;
}

.alert-icon-padding {
  padding-right: 10px;
}

.alert-icon-close {
  cursor: pointer;
  float: right;
  font-size: 23px;
  line-height: 18px;
}

/* app-header component */
.app-header {
  background: #FFFFFF;
  border-bottom: 0.5rem solid #007d46;
  z-index: 1;
  position: relative;
}
.app-header.toggable-navigation {
  height: 9.9rem;
}
@media screen and (min-width: 1100px) {
  .app-header.toggable-navigation {
    overflow: hidden;
  }
}
.app-header .main-header-section {
  padding: 2rem;
  position: static;
}
.app-header .main-header-section:before, .app-header .main-header-section:after {
  content: " ";
  display: table;
}
.app-header .main-header-section:after {
  clear: both;
}
.app-header.toggable-navigation .app-header-left-area {
  float: left;
}
@media screen and (min-width: 1100px) {
  .app-header .app-header-left-area {
    float: left;
  }
}
.app-header .button-main-nav {
  background: #fff;
  color: #a5cd39;
  display: none;
  font-size: 1.6rem;
  margin-right: 2rem;
  padding: 10px 0;
  position: relative;
}
@media screen and (min-width: 1100px) {
  .app-header .button-main-nav {
    display: none;
  }
}
.app-header .button-main-nav:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: -10px;
}
.app-header.toggable-navigation .button-main-nav {
  color: #007d46;
  display: inline-block;
}
@media screen and (min-width: 1100px) {
  .app-header.toggable-navigation .button-main-nav {
    display: none;
  }
}
.app-header .logged-user {
  float: right;
  font-size: 1.3rem;
  color: #007d46;
  margin-top: 0.4rem;
  line-height: 3rem;
}
.app-header .logged-user a {
  color: #007d46;
}
.app-header .logged-user a:hover {
  color: #333333;
}

.main-nav {
  border: none;
  clear: both;
  background: #FFFFFF;
  width: 100%;
  display: block;
}
@media screen and (min-width: 1216px) {
  .main-nav {
    clear: none;
    float: left;
    overflow: hidden;
    position: static;
    width: 50%;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1216px) {
  .main-nav {
    clear: none;
    float: left;
    overflow: hidden;
    position: static;
    width: 45%;
  }
}
@media screen and (max-width: 1099px) {
  .main-nav.toggable-navigation {
    top: 9.9rem;
    position: absolute;
    left: 0;
    width: 25.5rem;
  }
}

.main-nav a {
  text-align: center;
  display: block;
  color: #007d46;
  text-decoration: none;
}
.main-nav a:hover, .main-nav a.active {
  color: #a5cd39;
}

.main-nav-list {
  margin: 0 auto;
  width: 95%;
  list-style: none;
  margin-top: 0;
  padding: 0;
}
@media screen and (min-width: 1280px) {
  .main-nav-list {
    max-width: 1210px;
  }
}

.main-nav-item {
  border-top: 1px solid #D8D8D8;
  display: block;
  padding: 1rem 1rem 1rem 2rem;
}
.main-nav-item:first-child {
  border: none;
}
.main-nav-item:last-child {
  border-bottom: 1px solid #D8D8D8;
}
@media screen and (min-width: 1100px) {
  .main-nav-item:last-child {
    border-bottom: none;
  }
}
@media screen and (min-width: 1216px) {
  .main-nav-item {
    border: none;
    float: left;
    font-size: 1.5rem;
    line-height: 3rem;
    padding: 0 0 0 2.8rem;
  }
  .main-nav-item:first-child {
    padding-left: 0rem;
  }
  .main-nav-item .icon {
    display: none;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1216px) {
  .main-nav-item {
    border: none;
    float: left;
    font-size: 1.5rem;
    line-height: 3rem;
    padding: 0 0 0 2.2rem;
  }
  .main-nav-item:first-child {
    padding-left: 0rem;
  }
  .main-nav-item .icon {
    display: none;
  }
}
.main-nav-item a:hover, .main-nav-item a:active, .main-nav-item a.is-active {
  color: #a5cd39;
  text-decoration: underline;
}

.main-content {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.6s ease;
  -moz-transition: -moz-transform 0.6s ease;
  -o-transition: -o-transform 0.6s ease;
  transition: transform 0.6s ease;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1100px) {
  .main-content.nav-open {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px);
  }
}
.main-content:before {
  background-color: #D8D8D8;
  background-attachment: local;
  background-image: -webkit-gradient(at 100% 0%, #D8D8D8 0%, transparent 60%);
  background-image: -webkit-radial-gradient(at 100% 0%, #D8D8D8 0%, transparent 60%);
  background-image: -moz-radial-gradient(at 100% 0%, #D8D8D8 0%, transparent 60%);
  background-image: -o-radial-gradient(at 100% 0%, #D8D8D8 0%, transparent 60%);
  background: radial-gradient(at 100% 0%, #D8D8D8 0%, transparent 60%);
  background-repeat: no-repeat;
  background-position: center top;
  content: "";
  height: 100%;
  position: absolute;
  left: -2px;
  top: 0;
  width: 2px;
  z-index: -1;
}

.panel-main-fieldset {
  margin-top: 0 !important;
}

.nav-icon {
  vertical-align: top;
}

.nav-label {
  line-height: 17px;
  font-size: 13px;
}

/* app-section-header component */
.app-section-header {
  background: #FFFFFF;
  border-bottom: 1px solid #D8D8D8;
  padding: 1rem 0;
  width: 100%;
}
.app-section-header .app-section-header-link {
  color: inherit;
  display: inline-block;
  text-decoration: none;
  width: 100%;
}
.app-section-header .app-section-header-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  color: inherit;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.1rem;
  margin: 0;
  min-width: 15rem;
  vertical-align: top;
  width: 15rem;
}
@media screen and (min-width: 1024px) {
  .app-section-header .app-section-header-title {
    vertical-align: middle;
  }
}
.app-section-header .app-section-header-characteristics {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 70%;
  display: inline-block;
  vertical-align: middle;
}
.app-section-header.is-highlighted .app-section-header-characteristics, .app-section-header.has-client-nav .app-section-header-characteristics {
  padding-right: 165px;
}
.app-section-header .app-section-header-icon {
  display: inline-block;
  font-size: 1.4rem;
  margin-right: 1rem;
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .app-section-header .app-section-header-icon {
    vertical-align: middle;
  }
}
.app-section-header .spacer {
  visibility: hidden;
}
.app-section-header.is-active {
  background: #eeeeee;
  color: #333333;
}
.app-section-header.not-active {
  background: #FFFFFF;
  color: #B7B7B7;
}
.app-section-header.not-active a {
  cursor: default;
}
.app-section-header.is-highlighted, .app-section-header.is-filterable, .app-section-header.is-sortable {
  background: #007d46;
  color: #FFFFFF;
}
.app-section-header a:visited {
  color: inherit;
}

.app-section-header-content {
  margin: 0 auto;
  width: 95%;
  padding: 0 2rem;
  position: relative;
}
@media screen and (min-width: 1280px) {
  .app-section-header-content {
    max-width: 1210px;
  }
}
.app-section-header-content h1,
.app-section-header-content h2,
.app-section-header-content h3,
.app-section-header-content h4,
.app-section-header-content h5,
.app-section-header-content h6 {
  display: inline-block;
  margin: 0;
}

.is-highlighted,
.is-filterable,
.has-client-nav,
.is-sortable {
  padding: 0;
}
.is-highlighted .app-section-header-link,
.is-filterable .app-section-header-link,
.has-client-nav .app-section-header-link,
.is-sortable .app-section-header-link {
  padding: 1rem 0;
  position: relative;
  width: 100%;
}

.app-section-header-back-option {
  display: inline-block;
  margin-left: 1.5rem;
  position: relative;
}
.app-section-header-back-option:before {
  content: "|";
  color: #333333;
  position: absolute;
  top: 0;
  left: -10px;
}
.app-section-header-back-option:before:hover {
  color: #666666;
}
.app-section-header-back-option:first-of-type {
  margin-left: 3rem;
}
.app-section-header-back-option:first-of-type:before {
  content: none;
}
@media screen and (min-width: 1100px) {
  .app-section-header-back-option {
    display: none;
  }
}

.app-section-option {
  position: absolute;
  height: 100%;
  width: 25rem;
  right: 2rem;
  top: 0;
}
.app-section-option .custom-select {
  color: #333333;
  border-top: none;
}

.sort-select-label {
  line-height: 4rem;
  float: left;
  margin-right: 5px;
}

.sort-url, .sort-url:hover, .sort-url:active  {
    color: #FFF !important;
}
.sort-icons {
    color: #FFF;
    position: absolute;
    margin-left: 4px;
    font-size: 12px;
}

/* async-form component */
.async-form-status {
  display: none;
}
.async-form-status.is-loading {
  display: inherit;
}

/**************************************************

  Customized css for KPN template

**************************************************/
.carousel {
  margin: 1rem 0;
}

.slider-button-previous,
.slider-button-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  background: rgba(255, 255, 255, 0.8);
}
.slider-button-previous:not(disabled):hover,
.slider-button-next:not(disabled):hover {
  background: rgba(183, 183, 183, 0.8);
  color: #FFFFFF;
}

.slider-button-previous {
  left: 2rem;
}

.slider-button-next {
  right: 2rem;
}

/**************************************************

  wallop-slider.css

  This files contains the basic styles required
  for the slider to work.

  Note: There is no animation included in this file.

**************************************************/
.wallop-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.wallop-slider-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wallop-slider-item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: black;
  text-align: center;
}

.wallop-slider-item img {
  display: inline;
  vertical-align: top;
}

.wallop-slider-item-current {
  display: block;
  position: relative;
}

/**************************************************

  wallop-slider--slide.css

  This is the slide animation styles

  NOTE: The 10ms animation-delay fixed some
        weird rendering issues with iPhone.

**************************************************/
.wallop-slider-slide .wallop-slider-item-show-previous {
  -webkit-animation: slideFromLeft 450ms 10ms ease both;
  -moz-animation: slideFromLeft 450ms 10ms ease both;
  -o-animation: slideFromLeft 450ms 10ms ease both;
  -ms-animation: slideFromLeft 450ms 10ms ease both;
  animation: slideFromLeft 450ms 10ms ease both;
}

.wallop-slider-slide .wallop-slider-item-show-next {
  -webkit-animation: slideFromRight 450ms 10ms ease both;
  -moz-animation: slideFromRight 450ms 10ms ease both;
  -o-animation: slideFromRight 450ms 10ms ease both;
  -ms-animation: slideFromRight 450ms 10ms ease both;
  animation: slideFromRight 450ms 10ms ease both;
}

/* In order to animate the hidden elemends, we need to reset the display to block */
.wallop-slider-slide .wallop-slider-item-hide-previous,
.wallop-slider-slide .wallop-slider-item-hide-next {
  display: block;
}

.wallop-slider-slide .wallop-slider-item-hide-previous {
  -webkit-animation: slideToLeft 450ms 10ms ease both;
  -moz-animation: slideToLeft 450ms 10ms ease both;
  -o-animation: slideToLeft 450ms 10ms ease both;
  -ms-animation: slideToLeft 450ms 10ms ease both;
  animation: slideToLeft 450ms 10ms ease both;
}

.wallop-slider-slide .wallop-slider-item-hide-next {
  -webkit-animation: slideToRight 450ms 10ms ease both;
  -moz-animation: slideToRight 450ms 10ms ease both;
  -o-animation: slideToRight 450ms 10ms ease both;
  -ms-animation: slideToRight 450ms 10ms ease both;
  animation: slideToRight 450ms 10ms ease both;
}

/*==========  SLIDE ANIMATIONS  ==========*/
@-webkit-keyframes slideFromLeft {
  0% {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideFromLeft {
  0% {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideFromRight {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideFromRight {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideToLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slideToLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes slideToRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes slideToRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
/* category-select component */
.category-select:before, .category-select:after {
  content: " ";
  display: table;
}
.category-select:after {
  clear: both;
}

.category-select-group {
  float: left;
  margin-right: 0.5%;
  width: 24.625%;
}
.category-select-group:last-of-type {
  margin-right: 0;
}

.is-visible-block {
  border-top: 1px solid inherit;
}

.is-visible-block + .is-visible-block {
  border-top: none;
}

.category-select-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  position: relative;
  border: 1px solid #B7B7B7;
  display: block;
  width: 100%;
}
.category-select-item + .category-select-item, .category-select-item + .is-active.is-visible-block {
  border-top: none;
}
.category-select-item.is-visible-block {
  border-top: 1px solid #D8D8D8;
}
.category-select-item.is-visible-block + .category-select-item.is-visible-block {
  border-top: none;
}
.category-select-item:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1rem;
  pointer-events: none;
  right: 2rem;
}
.category-select-item:visited {
  color: #333333;
}
.category-select-item.is-disabled {
  border-color: #D8D8D8;
  color: rgba(51, 51, 51, 0.5);
}
.category-select-item.is-disabled.is-active {
  color: #FFFFFF;
}

.category-select-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  background: transparent;
  color: inherit;
  display: block;
  font-size: 1.5rem;
  max-width: 100%;
  line-height: normal;
  padding: 2rem 4rem 2rem 2rem;
  text-decoration: none;
  text-align: left;
  width: 100%;
  margin-right: -29px;
}
.category-select-link:hover, .category-select-link:focus {
  background: #ececec;
}
.is-active .category-select-link, .is-active .category-select-link:hover, .is-active .category-select-link:focus {
  background: #a5cd39;
  color: #FFFFFF;
  border-color: #B7B7B7;
  cursor: pointer;
  outline: none;
}

a.category-select-link {
  color: #333333;
}
a.category-select-link:hover {
  color: #333333;
}

/* checkout-confirmation-next-steps component */
.checkout-confirmation-next-steps {
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  display: inline-block;
  margin: 0 3rem 0 0;
  padding: 3rem;
  position: relative;
  min-width: 25%;
  text-align: center;
  border-radius: 5px;
}
.checkout-confirmation-next-steps:last-child {
  margin: 0;
}

.checkout-confirmation-icon-box {
  height: 70px;
  padding-right: 15px;
}

.checkout-confirmation-text-box {
  overflow: auto;
  padding-left: 5px;
}

.checkout-confirmation-round-number {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin: 0 0px 0px 0;
  font-size: 28px;
  font-weight: bold;
  color: #a5cd39;
  border: 2px solid #a5cd39;
  padding: 8px 19px 8px 19px;
}

/* checkout-steps component */
.checkout-step {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  background: #FFFFFF;
  color: #333333;
  border: 1px solid #D8D8D8;
  display: block;
  height: 7rem;
  line-height: 7rem;
  text-align: center;
  border-radius: 5px;
}

.checkout-step-highlight {
  background: #a5cd39;
  color: #FFFFFF;
}

.checkout-step-completed {
  background: #B7B7B7;
  color: #FFFFFF;
}

/* client-nav component */
.client-nav {
  display: inline-block;
  height: 100%;
  min-height: 4.2rem;
  position: absolute;
  right: 2rem;
  top: 0;
  vertical-align: top;
}
.client-nav .client-nav-item {
  border-left: 1px solid #B7B7B7;
  color: #333333;
  float: left;
  font-size: 1.5rem;
  height: 100%;
  padding: 1rem 2rem;
  text-decoration: none;
  text-align: center;
}
.client-nav .client-nav-item.is-active {
  background-color: #eeeeee;
  color: #333333;
  height: 102%;
}
.client-nav .client-nav-title {
  display: none;
}
@media screen and (min-width: 1024px) {
  .client-nav .client-nav-title {
    display: inline-block;
  }
}
.client-nav .cart-amount {
  display: block;
  margin: -7px 0 -5px;
  text-align: center;
}
.client-nav .cart-amount.is-updated {
  color: #a5cd39;
}

.client-cart {
  line-height: 1rem;
  position: relative;
}
.client-cart:before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.5rem;
  font-size: 1.5rem;
}
.client-cart .client-nav-item-number {
  display: block;
}

.client-products .client-nav-title,
.client-profile .client-nav-title {
  display: none;
}
@media screen and (min-width: 1024px) {
  .client-products .client-nav-title,
  .client-profile .client-nav-title {
    display: block;
  }
}
.client-products:before,
.client-profile:before {
  display: block;
  font-size: 2rem;
}
@media screen and (min-width: 1024px) {
  .client-products:before,
  .client-profile:before {
    display: none;
  }
}

/* client-search-results component */
.gas-toggle {
  color: #a5cd39;
  margin-left: 5px;
  text-decoration: underline;
  cursor: pointer;
}

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

.input-text-width-small {
  width: 175px !important;
}

.input-text-width-small-2 {
  width: 160px !important;
}

.electricity-input-label:after {
  content: "kWh";
  color: #999;
  right: 4px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gas-input-label:after {
  content: "m3";
  color: #999;
  right: 4px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gas-input-label {
  width: 40%;
  padding-right: 0px !important;
}

.electricity-input {
  padding-right: 25px;
}

.gas-input {
  padding-right: 25px;
  width: 100%;
}

.estimator-slider {
  height: 40px;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
}

.estimator-slider-right:before {
  height: 40px;
  cursor: pointer;
  padding-left: 15px;
  width: 4rem;
  font-family: 'ods2-icon-font';
  content: "\e60a";
  right: 4px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-left: 1px solid #D8D8D8;
}

.estimator-slider-right:hover,
.estimator-slider-left:hover {
  color: #a5cd39;
}

.estimator-slider-left:before {
  height: 40px;
  cursor: pointer;
  padding-left: 13px;
  width: 4rem;
  font-family: 'ods2-icon-font';
  content: "\e609";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-right: 1px solid #D8D8D8;
}

.estimator-div {
  width: 271px;
}

.estimator-households {
  text-align: center;
  font-size: 20px;
  color: #007d46;
}

.estimator-slider-label {
  padding: 0px;
}

.hidden {
  display: none;
}

.estimator-disable-button,
.estimator-disable-button:hover {
  color: #D8D8D8;
}

.estimator-energy-type,  .consumption-energy-type{
  font-size: 22px;
  color: #007d46;
  text-align: center;
  border: 1px solid #D8D8D8;
}

.estimator-energy-type-item, .energy-consumption-type-item {
  border-left: 1px solid #D8D8D8;
  display: inline-block;
  cursor: pointer;
  padding-bottom: 4px;
}
[data-estimator-type-toggle] .estimator-energy-type-item, [data-estimator-type-toggle] .energy-consumption-type-item {
  width: 50%;
  vertical-align: middle;
  display: table-cell;
}
.estimator-energy-type-item:first-child, .energy-consumption-type-item:first-child {
  border-left: none;
}
.estimator-energy-type-item:hover, .energy-consumption-type-item:hover {
  color: #a5cd39;
}

.estimator-energy-type-item.selected, .energy-consumption-type-item.selected {
  background-color: #D8D8D8;
}
.estimator-energy-type-item.selected:hover, .energy-consumption-type-item:hover {
  color: #007d46;
}

.estimator-energy-item-label, .consumption-energy-item-label {
  font-size: 13px;
}

[data-estimator-type-toggle] .estimator-energy-item-label, [data-estimator-type-toggle] .consumption-energy-item-label {
  display: inline-table;
  padding: 0 10px 0 10px;
}

.aom-popup-block {
  max-width: 600px !important;
}

.panel-fieldset-aom-popup {
  border: 0 !important;
  padding: 0 !important;
}

.panel-fieldset-aom-popup-list {
  margin-top: 0px !important;
  border: 0 !important;
  padding: 0 !important;
}

.aom-address-item-icons {
  color: #a5cd39;
}

.ean-list-row {
  line-height: 3rem;
}

.disabled-button {
  background-color: #ffffff;
  color: #cccccc;
  cursor: not-allowed;
}

.disabled-button:hover {
  color: #cccccc;
  background-color: #ffffff;
}

.error-text, .red-text {
  color: red;
}

[data-error-disabled] {
  height: 25px;
  overflow: hidden;
  transition: height 1s;
}

[data-error-disabled].is-hidden {
  height: 0 !important;
}

[eom-select-error] {
  height: 25px;
  overflow: hidden;
  transition: height 1s;
}

[eom-select-error].is-hidden {
  height: 0 !important;
}

.aom-loading-icon {
  font-size: 37px;
}

.aom-loading-text {
  font-size: 17px;
  margin-left: 5px;
}

.aom-loading-div {
  text-align: center;
}

.aom-header-label {
  color: #6e6e6e;
}

[data-aom-popup-step1] .table-has-header td:last-child {
  text-align: right;
}

[data-aom-popup-step2] .table-has-header td:last-child {
  text-align: right;
}

[data-aom-popup-step2] .table-has-header tr:last-child {
  border-top: none;
}

[data-button-aom-confirm].button, [data-button-aom-confirm].button-kpn-compleet-register, [data-button-aom-confirm].button-telfort-combivoordeel-register, [data-button-aom-confirm].button-kpn-compleet-register, [data-button-aom-confirm].button-telfort-combivoordeel-register {
  white-space: normal;
  width: 240px;
}

.autosp-popup-block {
  max-width: 600px !important;
}

/* client-selection-form component */
/* color-picker component */
/* dropzone-file-uploader component */
.dz-clickable {
  cursor: pointer;
}

.dropzone {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 75%;
  border: 1px dashed #CCCCCC;
  border-radius: 5px;
  background: white;
  padding: 15px 20px;
  min-height: 100px;
}

.dz-message {
  color: #7D7D7D;
  font-size: medium;
  font-weight: bold;
  text-align: center;
}

.dz-preview {
  text-align: left;
  cursor: default;
}

.icon-close-tickets-small {
  vertical-align: text-bottom !important;
  font-size: 10px !important;
}

.icon-attachment-tickets-small {
  vertical-align: text-bottom !important;
  font-size: 12px !important;
}

.dz-name {
  font-size: 13px;
}

.dz-error-message {
  color: red;
  padding-top: 5px;
}

.dz-progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
  overflow: hidden;
  height: 5px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.dz-upload {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
  background-color: #5cb85c;
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
}

.dz-tootip {
  font-style: italic;
  font-size: 14px;
  font-weight: normal;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
/* equal-height component */
/* expandible component */
/**
 * Enhance styling, only apply if component is expandible.
 */
.is-expandible .expandible-handle,
.is-expandible .expandible-handle-inline,
.is-expandible-nested .expandible-handle-nested,
.is-expandible-nested .expandible-handle-nested-inline {
  cursor: pointer;
}

.is-expandible .expandible-handle,
.is-expandible-nested .expandible-handle-nested {
  margin-left: 2rem;
  padding-left: 2rem;
  position: relative;
}

.bonus-inner-article:last-child {
  margin-bottom: 20px;
}

.is-expandible .expandible-handle:before,
.is-expandible-nested .expandible-handle-nested:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\e60a";
  font-size: 60%;
  left: 0;
}

.is-expanded .expandible-handle:before,
.is-expanded-nested .expandible-handle-nested:before {
  content: "\e609";
}

.is-expandible .expandible-content,
.is-expandible-nested .expandible-content-nested {
  max-height: 0em;
  overflow: hidden;
  -webkit-transition: max-height 0.6s ease;
  -moz-transition: max-height 0.6s ease;
  -o-transition: max-height 0.6s ease;
  transition: max-height 0.6s ease;
}

.is-expandible,
.is-expandible-nested {
  position: relative;
}

.is-expanded .dashboard-detail-link-terms,
.is-expanded-nested .dashboard-detail-link-terms {
  margin-bottom: 1rem;
}

.expandible-handle,
.expandible-handle *,
.expandible-handle-nested,
.expandible-handle-nested * {
  margin: 0;
}

.panel-body {
  padding-top: 1rem;
}

.more-info-expandible {
  padding-left: 1rem !important;
  color: #a5cd39;
}

.more-info-expandible-div {
  text-align: center;
}

/* filterable component */
.search-input-bar {
  position: relative;
  margin-bottom: 1rem;
}
.search-input-bar:before {
  color: #D8D8D8;
  position: absolute;
  right: 1rem;
  top: 1.5rem;
}

/* grid-search-box component */
.grid-list-search-box {
  right: 5px;
  top: 5px;
  float: right;
}

.grid-news-search-box {
  right: 30px;
  top: 0px;
  float: right;
}
.grid-ticket-search-box {
  top: 6px;
  float: left;
}
.clear-search {
    display: inline-block;
    position: absolute;
    margin-top: 10px;
    margin-left: 8px;
}
.news-header-line {
    border-bottom: 0.2rem solid #007d46;
    z-index: 1;
    position: relative;
}
/* in-market-select component */
.request-category {
  text-align: left;
  width: 500px !important;
}

/* instant-form component */
/* kpn-compleet-indicator component */
.compleetIndicator {
  background: #FFFFFF;
  padding: 0.5rem;
  border-radius: 5px;
}

.button-kpn-compleet-register {
  padding: 1.0rem 0.5rem;
}

.compleetIndicator thead tr th:last-child {
  padding-right: 0rem;
}

.compleetIndicator td {
  padding: 0.5rem;
}

.app-guide-example-icon.icon-user {
  display: none;
}

@media screen and (min-width: 1024px) {
  .compleetIndicator {
    padding: 1.0rem;
  }

  .button-kpn-compleet-register {
    padding: 1.5rem;
  }

  .app-guide-example-icon.icon-user {
    display: block;
  }

  .compleetIndicator td {
    padding: 1.0rem;
  }
}
.compleetIndicator .icon {
  float: left;
  margin-right: 10px;
}

.compleetIndicator .action-section {
  margin-top: 0;
}

.compleetIndicator .icon-checkmark {
  color: #a5cd39;
}

.compleetIndicator .icon-close {
  color: #D8D8D8;
}

.compleetIndicator thead tr {
  background-color: #a5cd39;
}

.compleetIndicator tfoot td {
  padding: 0;
  padding-top: 1em;
}

/* leads-steps component */
/* market-select component */
.grid-category {
  display: inline-block;
  width: 24% !important;
  float: none;
  vertical-align: middle;
}
.grid-category a {
  color: inherit;
  text-decoration: none;
}

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

.category-card-title {
  color: #354254;
  font-weight: 700;
  min-height: 48px;
}
.category-card-title.disabled {
  color: #BCBCBC;
}

/* order-details component */
.shopping-cart {
  background: #FFFFFF;
  padding: 1rem;
  border-radius: 5px;
}

.order-detail {
  border-bottom: 1px solid rgba(216, 216, 216, 0.3);
}

.order-detail-remove,
.order-offer-space {
  width: 1%;
}

.order-detail-remove,
.order-offer-remove,
.order-offer-space {
  font-size: 0.5rem;
}
.order-detail-remove button,
.order-detail-remove a,
.order-offer-remove button,
.order-offer-remove a,
.order-offer-space button,
.order-offer-space a {
  background: none;
  color: inherit;
  display: inline-block;
  padding: 0 0.5rem;
  position: relative;
  left: 0.5rem;
  text-decoration: none;
}
.order-detail-remove button:before,
.order-detail-remove a:before,
.order-offer-remove button:before,
.order-offer-remove a:before,
.order-offer-space button:before,
.order-offer-space a:before {
  font-size: 1rem;
}

.order-offer-remove {
  width: 5%;
}

.order-detail-product {
  width: 79%;
}

.order-detail-price {
  text-align: right;
}

.order-detail-special-offer {
  padding: 2rem 4rem 2rem 1rem;
}

.order-detail-name,
.order-detail-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
}

.order-detail-name {
  font-weight: 700;
}

.order-detail-description {
  color: #B7B7B7;
}

.order-offer {
  background: #eeeeee;
  padding: 1rem;
  margin-top: 2rem;
  border-radius: 5px;
}
.order-offer table {
  background: none;
}
.order-offer table tbody tr {
  border-bottom: 1px solid #B7B7B7;
}

.shopping-cart-table-tr:last-child {
  border-bottom: none;
}

.offer-title {
  color: #a5cd39;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 0 1rem;
  line-height: 2rem;
}

.order-offer-purchase {
  padding: 1.5rem;
  font-weight: 400;
}

.order-detail-total {
  font-weight: 700;
  text-align: right;
}
.order-detail-total span {
  display: block;
  font-weight: inherit;
}

div .separator-30 {
  clear: both;
  height: 30px;
}

/* order-summary component */
.order-summary h4 {
  margin-top: 0;
}

.order-detail {
  margin: 0;
}

.order-summary-detail {
  margin-bottom: 5px;
  border-bottom: none;
}

.order-summary-expandible-button {
  -webkit-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
  -o-transition: background 0.15s ease;
  transition: background 0.15s ease;
  background: rgba(216, 216, 216, 0.3);
  border-bottom: 1px solid #D8D8D8;
  display: inline-block;
  padding: 1rem 0.5rem 1rem 1rem;
  overflow: hidden;
  vertical-align: top;
  width: 100%;
  color: #333333;
}
.order-summary-expandible-button:before, .order-summary-expandible-button:after {
  font-size: 0.8rem;
  display: inline-block;
  vertical-align: top;
  line-height: 2rem;
  width: 9%;
  margin-left: -4px;
}
@media screen and (min-width: 1024px) {
  .order-summary-expandible-button:before, .order-summary-expandible-button:after {
    font-size: 1.2rem;
    width: 7%;
  }
}
@media screen and (min-width: 1100px) {
  .order-summary-expandible-button:before, .order-summary-expandible-button:after {
    font-size: 1.2rem;
  }
}
.is-expanded .order-summary-expandible-button {
  background: #dedede;
  border-bottom: 1px solid #B7B7B7;
}
.is-expandible .order-summary-expandible-button {
  padding-left: 0;
}
.is-expandible .order-summary-expandible-button .order-summary-product-name {
  padding-left: 2.4rem;
}
.is-expandible .order-summary-expandible-button:before {
  top: 2.1rem;
  left: 1rem;
}

.order-summary-expandible-button-nested {
  -webkit-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
  -o-transition: background 0.15s ease;
  transition: background 0.15s ease;
  background: rgba(216, 216, 216, 0.3);
  border-bottom: 1px solid #D8D8D8;
  display: inline-block;
  padding: 1rem 0.5rem 1rem 1rem;
  overflow: hidden;
  vertical-align: top;
  width: 100%;
  color: #333333;
}
.order-summary-expandible-button-nested:before, .order-summary-expandible-button-nested:after {
  font-size: 0.8rem;
  display: inline-block;
  vertical-align: top;
  line-height: 2rem;
  width: 9%;
  margin-left: -4px;
}
@media screen and (min-width: 1024px) {
  .order-summary-expandible-button-nested:before, .order-summary-expandible-button-nested:after {
    font-size: 1.2rem;
    width: 7%;
  }
}
@media screen and (min-width: 1100px) {
  .order-summary-expandible-button-nested:before, .order-summary-expandible-button-nested:after {
    font-size: 1.2rem;
  }
}
.is-expanded-nested .order-summary-expandible-button-nested {
  background: #dedede;
  border-bottom: 1px solid #B7B7B7;
}
.is-expandible-nested .order-summary-expandible-button-nested {
  padding-left: 0;
}
.is-expandible-nested .order-summary-expandible-button-nested .order-summary-product-name {
  padding-left: 2.4rem;
}
.is-expandible-nested .order-summary-expandible-button-nested:before {
  top: 2.1rem;
  left: 1rem;
}

.order-summary-product-price,
.order-summary-product-name {
  display: inline-block;
  vertical-align: top;
}

.order-summary-product-name {
  white-space: normal;
  word-wrap: break-word;
  width: 53%;
  font-size: 15px;
}
@media screen and (min-width: 1024px) {
  .order-summary-product-name {
    width: 65%;
  }
}
@media screen and (min-width: 1280px) {
  .order-summary-product-name {
    width: 68%;
  }
}

.order-summary-product-price {
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: right;
  width: 40%;
}
@media screen and (min-width: 1024px) {
  .order-summary-product-price {
    width: 28%;
  }
}
@media screen and (min-width: 1280px) {
  .order-summary-product-price {
    width: 25%;
  }
}

.product-price-prefix {
  display: block;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: right;
}

.order-summary-product-content-nested {
  padding: 0;
  margin: 0;
}
.is-expanded-nested .order-summary-product-content-nested {
  max-height: 0rem;
}
.order-summary-product-content-nested dl {
  background: #e8e8e8;
  margin: 0;
  padding: 2rem;
}
.order-summary-product-content-nested dl dl {
  margin: 0;
}
.order-summary-product-content-nested dl dt {
  margin-top: 2rem;
}
.order-summary-product-content-nested dl dt:first-child {
  margin-top: 0;
}
.order-summary-product-content-nested dl dd {
  font-weight: 700;
  margin: 0;
}

.order-summary-product-content {
  padding: 0;
  margin: 0;
}
.is-expanded .order-summary-product-content {
  max-height: 30rem;
  border-bottom: 1px solid #B7B7B7;
}
.order-summary-product-content dl {
  background: #e8e8e8;
  margin: 0;
  padding: 2rem;
}
.order-summary-product-content dl dl {
  margin: 0;
}
.order-summary-product-content dl dt {
  margin-top: 2rem;
}
.order-summary-product-content dl dt:first-child {
  margin-top: 0;
}
.order-summary-product-content dl dd {
  font-weight: 700;
  margin: 0;
}

.order-summary-total {
  margin-top: 1rem;
  color: #007d46;
  line-height: 2rem;
  margin-bottom: 2rem;
}
.order-summary-total:before, .order-summary-total:after {
  content: " ";
  display: table;
}
.order-summary-total:after {
  clear: both;
}
.order-summary-total + .button, .order-summary-total + .button-kpn-compleet-register, .order-summary-total + .button-telfort-combivoordeel-register {
  margin-top: 1rem;
}

.order-summary-total-text,
.order-summary-total-price {
  -webkit-transform: translateX(4px);
  -ms-transform: translateX(4px);
  transform: translateX(4px);
  margin-left: -4px;
  display: inline-block;
  vertical-align: middle;
}

.order-summary-total-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 60%;
}

.order-summary-total-price {
  font-weight: 700;
  font-size: 1.5rem;
  text-align: right;
  width: 40%;
}

.order-related-products-name {
  font-weight: 700;
  padding-top: 10px;
  padding-left: 15px;
  font-size: 1.5rem;
  white-space: normal;
  word-wrap: break-word;
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
}
@media screen and (min-width: 1024px) {
  .order-related-products-name {
    width: 65%;
  }
}
@media screen and (min-width: 1280px) {
  .order-related-products-name {
    width: 68%;
  }
}

.order-related-products-price {
  font-style: normal;
  padding-top: 10px;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: right;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
}
@media screen and (min-width: 1024px) {
  .order-related-products-price {
    width: 28%;
  }
}
@media screen and (min-width: 1280px) {
  .order-related-products-price {
    width: 25%;
  }
}

.order-related-products-header {
  color: white;
  height: 45px;
  background-color: #004181;
}

.without-left-margin {
  margin-left: 0px !important;
}

.order-summary-currecy {
  float: left;
}

.order-summary-price {
  float: right;
}

.order-summary-dt-without-padding {
  padding: 0 0 0 0 !important;
}

hr {
  margin: 10px 0;
  border-top: 1px dashed #b2b2b2;
  background: none;
}

.order-summary-header {
  margin-top: 20px;
}

.order-summary-total-background-color {
  background-color: #eaeaea !important;
}

.actie-word {
  color: #ff8500;
}

.order-summary-product-actie {
  margin-top: -6px;
  margin-bottom: 5px;
}

/* order-summary component */
.order-summary h4 {
  margin-top: 0;
}

aside.order-summary {
  border-radius: 5px 5px 0 0;
}
aside.order-summary.all-round-corners {
  border-radius: 5px;
}

.order-detail {
  margin: 0;
}

.order-summary-detail {
  margin-bottom: 5px;
  border-bottom: none;
}

.order-summary-expandible-button {
  -webkit-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
  -o-transition: background 0.15s ease;
  transition: background 0.15s ease;
  background: rgba(216, 216, 216, 0.3);
  border-bottom: 1px solid #D8D8D8;
  display: inline-block;
  padding: 1rem 0.5rem 1rem 1rem;
  overflow: hidden;
  vertical-align: top;
  width: 100%;
  color: #333333;
}
.order-summary-expandible-button:before, .order-summary-expandible-button:after {
  font-size: 0.8rem;
  display: inline-block;
  vertical-align: top;
  line-height: 2rem;
  width: 9%;
  margin-left: -4px;
}
@media screen and (min-width: 1024px) {
  .order-summary-expandible-button:before, .order-summary-expandible-button:after {
    font-size: 1.2rem;
    width: 7%;
  }
}
@media screen and (min-width: 1100px) {
  .order-summary-expandible-button:before, .order-summary-expandible-button:after {
    font-size: 1.2rem;
  }
}
.is-expanded .order-summary-expandible-button {
  background: #dedede;
  border-bottom: 1px solid #B7B7B7;
}
.is-expandible .order-summary-expandible-button {
  padding-left: 0;
}
.is-expandible .order-summary-expandible-button .order-summary-product-name {
  padding-left: 2.4rem;
}
.is-expandible .order-summary-expandible-button:before {
  top: 2.1rem;
  left: 1rem;
}

.order-summary-expandible-button-nested {
  -webkit-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
  -o-transition: background 0.15s ease;
  transition: background 0.15s ease;
  background: rgba(216, 216, 216, 0.3);
  border-bottom: 1px solid #D8D8D8;
  display: inline-block;
  padding: 1rem 0.5rem 1rem 1rem;
  overflow: hidden;
  vertical-align: top;
  width: 100%;
  color: #333333;
}
.order-summary-expandible-button-nested:before, .order-summary-expandible-button-nested:after {
  font-size: 0.8rem;
  display: inline-block;
  vertical-align: top;
  line-height: 2rem;
  width: 9%;
  margin-left: -4px;
}
@media screen and (min-width: 1024px) {
  .order-summary-expandible-button-nested:before, .order-summary-expandible-button-nested:after {
    font-size: 1.2rem;
    width: 7%;
  }
}
@media screen and (min-width: 1100px) {
  .order-summary-expandible-button-nested:before, .order-summary-expandible-button-nested:after {
    font-size: 1.2rem;
  }
}
.is-expanded-nested .order-summary-expandible-button-nested {
  background: #dedede;
  border-bottom: 1px solid #B7B7B7;
}
.is-expandible-nested .order-summary-expandible-button-nested {
  padding-left: 0;
}
.is-expandible-nested .order-summary-expandible-button-nested .order-summary-product-name {
  padding-left: 2.4rem;
}
.is-expandible-nested .order-summary-expandible-button-nested:before {
  top: 2.1rem;
  left: 1rem;
}

.order-summary-product-price,
.order-summary-product-name,
.order-summary-yearly-cost-label,
.order-summary-yearly-cost-value,
.order-summary-monthly-cost-label,
.order-summary-monthly-cost-value,
.order-summary-promotion-cost-label,
.order-summary-promotion-cost-value {
  display: inline-block;
  vertical-align: top;
}

.order-summary-product-name {
  white-space: normal;
  word-wrap: break-word;
  width: 53%;
  font-size: 15px;
}
@media screen and (min-width: 1024px) {
  .order-summary-product-name {
    width: 65%;
  }
}
@media screen and (min-width: 1280px) {
  .order-summary-product-name {
    width: 68%;
  }
}

.order-summary-price-quantity {
  width: 53%;
  float: left;
}

@media screen and (min-width: 1024px) {
  .order-summary-price-quantity {
    width: 65%;
  }
}
@media screen and (min-width: 1280px) {
  .order-summary-price-quantity {
    width: 68%;
  }
}
.order-summary-yearly-cost-label {
  white-space: normal;
  word-wrap: break-word;
  width: 53%;
  font-size: 17px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .order-summary-yearly-cost-label {
    width: 65%;
  }
}
@media screen and (min-width: 1280px) {
  .order-summary-yearly-cost-label {
    width: 68%;
  }
}

.order-summary-promotion-cost-label {
  white-space: normal;
  word-wrap: break-word;
  width: 53%;
  font-size: 16px;
}
@media screen and (min-width: 1024px) {
  .order-summary-promotion-cost-label {
    width: 65%;
  }
}
@media screen and (min-width: 1280px) {
  .order-summary-promotion-cost-label {
    width: 68%;
  }
}

.order-summary-monthly-cost-label {
  white-space: normal;
  word-wrap: break-word;
  width: 53%;
  font-size: 15px;
  color: #999;
}
@media screen and (min-width: 1024px) {
  .order-summary-monthly-cost-label {
    width: 65%;
  }
}
@media screen and (min-width: 1280px) {
  .order-summary-monthly-cost-label {
    width: 68%;
  }
}

.order-summary-product-price {
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: right;
  width: 40%;
}
@media screen and (min-width: 1024px) {
  .order-summary-product-price {
    width: 28%;
  }
}
@media screen and (min-width: 1280px) {
  .order-summary-product-price {
    width: 25%;
  }
}

.order-summary-yearly-cost-value {
  font-size: 17px;
  line-height: 2rem;
  text-align: right;
  width: 40%;
}
@media screen and (min-width: 1024px) {
  .order-summary-yearly-cost-value {
    width: 28%;
  }
}
@media screen and (min-width: 1280px) {
  .order-summary-yearly-cost-value {
    width: 25%;
  }
}

.order-summary-promotion-cost-value {
  font-size: 16px;
  line-height: 2rem;
  text-align: right;
  width: 40%;
}
@media screen and (min-width: 1024px) {
  .order-summary-promotion-cost-value {
    width: 28%;
  }
}
@media screen and (min-width: 1280px) {
  .order-summary-promotion-cost-value {
    width: 25%;
  }
}

.order-summary-monthly-cost-value {
  font-size: 15px;
  line-height: 2rem;
  text-align: right;
  width: 40%;
  color: #999;
}
@media screen and (min-width: 1024px) {
  .order-summary-monthly-cost-value {
    width: 28%;
  }
}
@media screen and (min-width: 1280px) {
  .order-summary-monthly-cost-value {
    width: 25%;
  }
}

.order-summary-disclaimer-note {
  font-style: italic;
  overflow: initial !important;
  white-space: normal !important;
}

.product-price-prefix {
  display: block;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: right;
}

.order-summary-product-content-nested {
  padding: 0;
  margin: 0;
}
.is-expanded-nested .order-summary-product-content-nested {
  max-height: 0rem;
}
.order-summary-product-content-nested dl {
  background: #e8e8e8;
  margin: 0;
  padding: 2rem;
}
.order-summary-product-content-nested dl dl {
  margin: 0;
}
.order-summary-product-content-nested dl dt {
  margin-top: 2rem;
}
.order-summary-product-content-nested dl dt:first-child {
  margin-top: 0;
}
.order-summary-product-content-nested dl dd {
  font-weight: 700;
  margin: 0;
}

.order-summary-product-content {
  padding: 0;
  margin: 0;
}
.is-expanded .order-summary-product-content {
  max-height: 30rem;
  border-bottom: 1px solid #B7B7B7;
}
.order-summary-product-content dl {
  background: #e8e8e8;
  margin: 0;
  padding: 2rem;
}
.order-summary-product-content dl dl {
  margin: 0;
}
.order-summary-product-content dl dt {
  margin-top: 2rem;
}
.order-summary-product-content dl dt:first-child {
  margin-top: 0;
}
.order-summary-product-content dl dd {
  font-weight: 700;
  margin: 0;
}

.order-summary-total {
  margin-top: 1rem;
  color: #007d46;
  line-height: 2rem;
  margin-bottom: 2rem;
}
.order-summary-total:before, .order-summary-total:after {
  content: " ";
  display: table;
}
.order-summary-total:after {
  clear: both;
}
.order-summary-total + .button, .order-summary-total + .button-kpn-compleet-register, .order-summary-total + .button-telfort-combivoordeel-register {
  margin-top: 1rem;
}

.order-summary-total-text,
.order-summary-total-price {
  -webkit-transform: translateX(4px);
  -ms-transform: translateX(4px);
  transform: translateX(4px);
  margin-left: -4px;
  display: inline-block;
  vertical-align: middle;
}

.order-summary-total-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 60%;
}

.order-summary-total-price {
  font-weight: 700;
  font-size: 1.5rem;
  text-align: right;
  width: 40%;
}

.order-related-products-name {
  font-weight: 700;
  padding-top: 10px;
  padding-left: 15px;
  font-size: 1.5rem;
  white-space: normal;
  word-wrap: break-word;
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
}
@media screen and (min-width: 1024px) {
  .order-related-products-name {
    width: 65%;
  }
}
@media screen and (min-width: 1280px) {
  .order-related-products-name {
    width: 68%;
  }
}

.order-related-products-price {
  font-style: normal;
  padding-top: 10px;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: right;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
}
@media screen and (min-width: 1024px) {
  .order-related-products-price {
    width: 28%;
  }
}
@media screen and (min-width: 1280px) {
  .order-related-products-price {
    width: 25%;
  }
}

.order-related-products-header {
  color: white;
  height: 45px;
  background-color: #004181;
}

.without-left-margin {
  margin-left: 0px !important;
}

.top-margin-20 {
  margin-top: 20px;
}

.order-summary-currecy {
  float: left;
}

.order-summary-price {
  float: right;
}

.order-summary-dt-without-padding {
  padding: 0 0 0 0 !important;
}

hr {
  margin: 10px 0;
  border-top: 1px dashed #b2b2b2;
  background: none;
}

.order-summary-header {
  margin-top: 20px;
}

.order-summary-total-background-color {
  background-color: #eaeaea !important;
}

aside.order-summary-total-background-color {
  border-radius: 0 0 5px 5px;
}

.actie-word {
  color: #ff8500;
}

.order-summary-product-actie {
  margin-top: -6px;
  margin-bottom: 5px;
}

.order-summary-product-title {
  color: #a5cd39;
  font-size: 18px !important;
}

/* paginator component */
.paginator ul {
  display: block;
  min-height: 1.33333rem;
  margin-left: -0.27778rem;
  padding-left: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.paginator ul li {
  float: left;
  display: block;
}

.paginator ul li {
  height: 1.33333rem;
  margin-left: 0.27778rem;
}

.paginator ul li a, .paginator ul li button {
  display: block;
  padding: 6px 12px 6px 12px;
  color: #999999;
  background: none;
  font-weight: normal;
  line-height: inherit;
  transition: background-color 300ms ease-out;
  text-decoration: none;
  font-size: 1.5rem;
  border-radius: 5px;
}

.paginator.outside ul {
  margin-top: 10px;
}

.paginator.outside ul li a {
  background: #cccccc;
  color: #666666;
}

.paginator.outside ul li.arrow a {
  background: none;
}

.paginator.outside ul li:hover a, .paginator ul li a:focus, .paginator ul li:hover button, .paginator ul li button:focus {
  background: #e6e6e6;
  color: #B7B7B7;
}

.paginator.outside ul li.unavailable a {
  color: #B7B7B7;
}

.paginator ul li.current a, .paginator ul li.current button {
  background: #a5cd39;
  color: #ffffff;
  font-weight: bold;
  cursor: default;
}

.paginator ul li:hover a, .paginator ul li a:focus, .paginator ul li:hover button, .paginator ul li button:focus {
  background: #e6e6e6;
  color: #D8D8D8;
}

.paginator ul li.current:hover a, .paginator ul li.current a:focus, .paginator ul li.current:hover button, .paginator ul li.current button:focus {
  background: #007d46;
  color: #FFFFFF;
}

.paginator ul li.unavailable a, .paginator ul li.unavailable button {
  cursor: default;
  color: #D8D8D8;
}

.paginator ul li.unavailable:hover a, .paginator ul li.unavailable a:focus, .paginator ul li.unavailable:hover button, .paginator ul li.unavailable button:focus {
  background: transparent;
}

/* postcode-infobox component */
.infobox {
  background-color: #FFFFFF;
  padding: 1.0rem;
  border-radius: 5px;
}

.infobox h3 {
  margin-top: 0rem;
}

.infobox h3 em {
  color: #007d46;
  font-size: 3.0rem;
}

.infobox .icon-checkmark {
  color: #a5cd39;
}

@media screen and (min-width: 1024px) {
  .infobox {
    padding: 2.0rem;
  }
}
/* product-card component */
.product-card-content {
  background: #FFFFFF;
  padding: 2rem 1rem 1rem 1rem;
  border-radius: 5px;
}
@media screen and (min-width: 1024px) {
  .product-card-content {
    padding: 2rem 2rem 1rem 2rem;
  }
}

.product-card-title {
  color: #007d46;
  font-weight: 700;
}

.product-card-spec-title {
  color: #333333;
  font-weight: 700;
  font-size: 1.3rem;
  margin: 0;
}

.product-card-previous-price,
.product-card-price {
  display: block;
}
@media screen and (min-width: 1024px) {
  .product-card-previous-price,
  .product-card-price {
    -webkit-transform: translateX(0.4rem);
    -ms-transform: translateX(0.4rem);
    transform: translateX(0.4rem);
    display: inline-block;
    margin-left: -0.4rem;
  }
}

.product-card-previous-price {
  color: #333333;
  font-size: 1.3rem;
  text-decoration: line-through;
}
@media screen and (min-width: 1024px) {
  .product-card-previous-price {
    line-height: 3.5rem;
    width: 30%;
  }
}

.product-card-price {
  font-weight: 500;
  font-size: 3rem;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .product-card-price {
    font-size: 4rem;
  }
}

.product-card-price-spec {
  font-weight: 400;
  color: #333333;
  font-size: 1.3rem;
  line-height: 0;
}

.width-10rem {
  width: 10rem !important;
}

.width-12rem {
  width: 12rem !important;
}
.width-60 {
  width: 60% !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.padding-top-1rem {
  padding-top: 1rem !important;
}

.desc-list-check {
  color: #007d46;
  font-size: 15px;
}

.price-detail {
  border-top: 1px dashed #dad9d5;
  margin-top: 10px;
  text-align: center;
}

.price-table {
  font-size: 12px;
}

table.price-table td, table.price-table th, table.price-table th:last-child, table.price-table td:last-child {
  padding: 5px 0px 5px 0px !important;
  display: table-cell;
}

.product-custom-image {
  width: auto !important;
}

.product-custom-image-thumb {
  cursor: pointer;
}

/* product-filter component */
.filter .filter-section {
  border-top: 1px solid #D8D8D8;
  margin-top: 2rem;
  padding-top: 2rem;
}
.filter .filter-section:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.filter .filter-header {
  margin: 0;
}
.filter .filter-header:before {
  font-size: 1rem;
}
.filter .fixed-height {
  display: block;
  overflow-y: auto;
  max-height: 100px;
}
.filter .fixed-height::-webkit-scrollbar {
  width: 4px;
  background-color: #F5F5F5;
}
.filter .fixed-height::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #B7B7B7;
}
.filter .is-hidden {
  display: none;
}

/* product-list component */
.product-list {
  width: 100%;
  background: #FFFFFF;
  margin: 0;
  font-size: 1.3rem;
  text-align: justify;
}
.product-list dt {
  border-top: 1px solid #B7B7B7;
  display: block;
  overflow: hidden;
  padding: 1rem;
  width: 100%;
}
.product-list.has-header dt:first-of-type {
  background: #007d46;
  color: #FFFFFF;
}
.product-list dt + dt {
  border-top: none;
}
.product-list .element-cell {
  display: block;
  background: none;
  float: left;
  text-align: left;
}
.product-list .element-cell:before {
  color: #D8D8D8;
  position: static;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.product-list .element-cell.action-cell {
  padding: 0 1rem 0 0;
  width: 23px;
}
.product-list .element-cell.name-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 15%;
}
.product-list .element-cell.desc-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 40%;
}
@media screen and (min-width: 1024px) {
  .product-list .element-cell.desc-cell {
    width: 35%;
  }
}
.product-list .element-cell.photo-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 15%;
}
.product-list .element-cell.price-cell {
  text-align: right;
  width: 15%;
}
.product-list .element-cell.button-cell {
  float: right;
}
.product-list .expandible-content {
  margin: 0;
}
.product-list .list-extra-content {
  background: #ececec;
  display: block;
  padding: 1rem;
}
.product-list .product-list {
  background: #FFFFFF;
}
.product-list.is-toggable .expandible-content {
  max-height: 0em;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.product-list.is-toggable .is-visible {
  max-height: 10em;
}
.product-list .is-visible + dt {
  border-top: 1px solid #B7B7B7;
}

.hide-cell {
  display: none !important;
}

/* product-offer component */
.product-offer {
  border-left: 1px solid #D8D8D8;
}
.product-offer:first-child {
  border: none;
}
.grid .product-offer {
  padding: 0;
}

.product-offer-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  margin-bottom: 3rem;
}

.product-spec-list {
  margin: 0 0 2rem 0;
}
.product-spec-list li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.product-spec-list li:before {
  color: #007d46;
  font-size: 1.2rem;
  margin-right: 1rem;
}

.product-offer-total {
  display: block;
  color: #007d46;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem;
}

.product-offer-total-price,
.product-offer-price-spec {
  display: block;
}
@media screen and (min-width: 768px) {
  .product-offer-total-price,
  .product-offer-price-spec {
    display: inline-block;
  }
}

.product-offer-price-spec {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.7rem;
}

/* product-special-offer component */
.product-special-offer {
  background: rgba(255, 255, 255, 0.5);
  border-left: 1px solid #D8D8D8;
}

.product-special-offer-image {
  text-align: center;
}
.product-special-offer-image img {
  display: inline-block;
}

.product-special-offer-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  margin-bottom: 3rem;
}

/* range-filter component */
.range-filter .range-filter-inputs:before, .range-filter .range-filter-inputs:after {
  content: " ";
  display: table;
}
.range-filter .range-filter-inputs:after {
  clear: both;
}
.range-filter .range-input-container {
  float: right;
  text-align: right;
  width: 50%;
}
@media screen and (min-width: 1024px) {
  .range-filter .range-input-container {
    width: 30%;
    max-width: 50px;
  }
}
.range-filter .range-input-container:first-child {
  float: left;
  text-align: left;
}
.range-filter .range-slider {
  background-color: #D8D8D8;
  border-radius: 5px;
  display: block;
  height: 5px;
  margin-top: 2rem;
  position: relative;
  width: 100%;
}
.range-filter .range-slider.is-slideable {
  display: block;
}
.range-filter .range-handle {
  background: #B7B7B7;
  border-radius: 100%;
  display: block;
  height: 2rem;
  position: absolute;
  width: 2rem;
}
.range-filter .range-handle-min {
  left: 0;
  top: -0.75rem;
}
.range-filter .range-handle-max {
  right: 20px;
  top: -0.75rem;
}
.range-filter .range-fake-container {
  position: relative;
}
.range-filter .range-fake {
  position: absolute;
  top: 0;
  left: 0;
}
.range-filter .range-fake::-webkit-slider-thumb {
  position: relative;
  outline: 1px solid blue;
  z-index: 999;
}

/* tab-selector component */
.tab-interface {
  max-width: 65em;
  width: 100%;
}

.tab-interface:not([style='display: none;']) + .tab-interface {
  margin-top: 2rem;
}

.tab-interface.is-tabbed .tab-panel {
  display: none;
}

.tab-interface.is-tabbed .tab-panel.is-selected {
  display: inherit;
}

.tab-panel {
  background: #FFFFFF;
  padding: 1rem;
  border: 1px solid #D8D8D8;
}

.tab-nav li {
  -webkit-transform: translateX(4px);
  -ms-transform: translateX(4px);
  transform: translateX(4px);
  margin-left: -4px;
  display: inline-block;
  border-left: 1px solid #D8D8D8;
}
.tab-nav a {
  background: #e6e6e6;
  display: block;
  outline: none;
  padding: 2rem;
  text-decoration: none;
}
.tab-nav a:hover {
  background: #f4f4f4;
}
.tab-nav a.is-selected {
  background: #FFFFFF;
}
.tab-nav a img {
  max-height: 30px;
}

.tab-table-cell-action {
  width: 2rem;
}
.tab-table-cell-action input[type=radio] + label, .tab-table-cell-action input[type=checkbox] + label {
  font-size: 0;
  padding-right: 0;
  width: 0;
}

/* tickets-grid component */
.unread td {
  font-weight: bold !important;
}

.unread{
  font-weight: bold !important;
  background-color: #EEE;
}
.unread td{
  font-weight: bold !important;
  background-color: #EEE;
}
.label-style {
  text-align: center;
  padding: 3px 0px;
  width: 100px;
  color: #ffffff;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px;
  font-size: 8pt;
}

#popup-background {
  display: none;
  position: fixed;
  _position: absolute;
  /* hack for internet explorer 6*/
  height: 100%;
  width: 100%;
  top: -7.9em;
  left: 0;
  background: #000000;
  border: 1px solid #cecece;
  z-index: 100;
}

#popupDiv {
  display: none;
  position: fixed;
  _position: absolute;
  /* hack for internet explorer 6*/
  height: 265px;
  width: 495px;
  background: #FFFFFF;
  border: 2px solid #cecece;
  z-index: 101;
  padding: 12px;
  font-size: 13px;
}

#popup-div-close {
  font-size: 14px;
  line-height: 14px;
  right: 6px;
  top: 4px;
  position: absolute;
  color: #6fa5fd;
  font-weight: 700;
  display: block;
  font-weight: bold;
  cursor: pointer;
}

.button-tickets-create {
  padding: 10px;
  margin: 5px;
}

.table-external-header-tickets {
  float: left !important;
}

.action-section-tickets {
  margin: 0px;
  background: #ffffff;
}

.action-icon-tickets {
  color: #333333 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
}

/* video-embed-responsive component */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  margin: 1rem 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.grid-105 {
  width: 105%;
}

/* API-DOCUMENTATION-DETAILS VIEW */
/* autocomplete component */
.autocomplete-suggestions {
  text-align: left;
  cursor: default;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
  /* core styles should not be changed */
  position: absolute;
  display: none;
  z-index: 9999;
  max-height: 254px;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}

.autocomplete-suggestion {
  position: relative;
  padding: 0 .6em;
  line-height: 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.02em;
  color: #333;
}

.autocomplete-suggestion b {
  font-weight: normal;
  color: #007d46;
}

.autocomplete-suggestion.selected {
  background: #f0f0f0;
}

.header_div {
  font-size: 27px;
  color: #007d46;
}

.xml_name {
  display: block;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 5px;
  cursor: pointer;
  font-size: 16px;
  width: 250px;
}

.toggle_img {
  float: left;
  margin: 4px 7px 0px 0px;
  width: 12px;
  height: 12px;
}

.row {
  padding-left: 20px;
  padding-top: 6px;
  min-height: 20px;
}

.colm1 {
  float: left;
  width: 200px;
}

.colm2 {
  display: block;
  margin-left: 200px;
}

.condition_composer ul {
  list-style-type: none;
  margin: 0px;
  padding: 10px;
}

.condition_composer li {
  display: list-item;
  text-align: -webkit-match-parent;
}

.condition_composer .label {
  cursor: auto !important;
  margin-left: 4px;
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}

.condition_composer .children {
  border-left: 1px dotted #888888;
  padding: 0px 15px;
  margin: 7px 0px;
  margin-left: 0px;
}

.condition_composer .children li {
  margin: 5px;
}

.colm2 span.tooltip span {
  z-index: 10;
  display: none;
  padding: 14px 20px;
  margin-top: -30px;
  margin-left: 28px;
  width: 200px;
  line-height: 16px;
  border-radius: 4px;
  box-shadow: 5px 5px 8px #CCC;
}

.colm2 .tooltip {
  border-bottom: 1px dotted #007d46;
  color: #007d46;
  outline: medium none;
  text-decoration: none;
  margin: 0 2px;
}

.api-doc-elements-icon {
  font-size: 12px;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.product-price-close {
  position: absolute;
  right: 6px;
  top: 3px;
  color: #B7B7B7;
  cursor: pointer;
  font-size: 17px;
}

.padding-top-32 {
  padding-top: 32px !important;
}

.bonus-filter-select-padding {
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 1rem;
}

.bonus-filter-select-height {
  height: 39px;
}

.padding-left-0 {
  padding-left: 0px;
}

.bonus-inner-tr {
  border-top: none;
}

.bonus-table-etc-col {
  width: 12%;
}

.bonus-table-product-col {
  width: 28%;
}

.bonus-table-bonus-col {
  width: 30%;
}

thead.expandible-table {
  background: rgba(255, 255, 255, 0);
}

thead.expandible-table th {
  padding: 0px;
}

.bonus-inner-td {
  padding: 0 !important;
  height: 40px;
  vertical-align: top;
}

.bonus-inner-td td {
  height: auto;
}

.bonus-inner-td tr {
  border-top: none;
}
.bonus-inner-td tr:first-child {
  border-top: none;
}

.bonus-inner-td-title {
  font-size: 1.3rem;
  color: #007d46;
  font-weight: bold;
  padding: 1rem;
}

.bonus-table-icon-col {
  vertical-align: middle;
  width: 70px;
}

.bonus-table-icon-col-dropicon {
  color: #007d46;
  font-size: 15px;
  cursor: pointer;
}

/* CATEGORY-SELECTION VIEW */
/* CHECKOUT-CONFIRMATION-PRIVATE-LEASE VIEW */
.list-in-revision {
  padding-left: 0px;
  padding-top: 0px;
}

.signature-pad-canvas {
  border: 1px solid #D8D8D8;
  border-radius: 5px;
}

.signature-pad-clear {
  cursor: pointer;
  color: #a5cd39;
  text-decoration: underline;
}

.watermark-loading {
  background-size: 25px;
  background-position: right;
  background-image: url("/resources/shared/images/icons/loading.gif");
  background-repeat: no-repeat;
  vertical-align: middle;
  background-color: white;
}

.default-font-size {
  font-size: 1.3rem !important;
}

.strike-label {
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
}

label.icon.strike-label:before {
  background-color: #eaeaea;
}

/* CHECKOUT-STEP-3 VIEW */
/* CLIENT-PRODUCTS VIEW */
.product-overview-content {
  background: #f7f7f7;
}

.is-expandible:not(.is-expanded) .product-overview-title {
  border-bottom: 0;
}

.is-expanded .product-overview-title {
  background: #ececec;
}

.expandible-handle.product-overview-title:before {
  left: 2rem;
}

.product-overview-title {
  border-bottom: 1px solid #D8D8D8;
  border-top: 1px solid #D8D8D8;
  padding: 2rem;
  overflow: hidden;
}
.product-overview-title .title-column {
  display: block;
  float: left;
  margin: 0;
  padding-left: 2rem;
  width: auto;
}
.product-overview-title .title-column:first-child {
  width: 50%;
}
.product-overview-title .title-column:last-child {
  float: right;
  text-align: right;
}
.product-overview-title .expandible-handle:before {
  top: 1rem;
}
.product-overview-title .date-indicator {
  margin-left: 1rem;
}
.product-overview-title .days-indicator {
  margin: -1rem 0;
  text-align: center;
}
.product-overview-title .days-indicator-description {
  display: block;
}

/* CLIENT-SELECTION VIEW */
.client-selection-form {
  margin-bottom: 3rem;
}

.client-results:before, .client-results:after {
  content: " ";
  display: table;
}
.client-results:after {
  clear: both;
}
.client-results table {
  margin-bottom: 3rem;
}

.client-input-data {
  position: relative;
  max-width: 60rem;
  width: 100%;
  float: left;
}

.client-input-data-usage  {
  position: absolute;
  max-width: 49rem;
  width: 100%;
  float: left;
  display: inline;
}

.button-search-client {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 10rem;
}
@media screen and (min-width: 1024px) {
  .button-search-client {
    bottom: 2rem;
    right: 2rem;
  }
}

.client-result-name {
  font-weight: 700;
}

.address-line {
  display: block;
}

.client-results-number {
  display: inline-block;
  font-weight: 400;
}

.address-line,
.client-result-name,
.client-result-person,
.client-result-provider {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

/* CLIENT-SELECTION-RESULT VIEW */
/* COMMISSION-OVERVIEW-HISTORY VIEW */
/* DASHBOARD-ORDER-OVERVIEW VIEW */
.order-overview-list .is-highlighted.valid {
  color: #a5cd39;
}

.select-options-div {
  background: none repeat scroll 0 0 #FFFFFF;
  border: thin solid #AAAAAA;
  display: none;
  height: 70px;
  padding: 5px;
  position: absolute;
  width: 145px;
  z-index: 1;
  color: #000000;
  font-weight: normal;
}

.select-excel-options-div {
  min-width: 550px;
  background: none repeat scroll 0 0 #FFFFFF;
  border: thin solid #AAAAAA;
  display: none;
  height: auto;
  padding: 5px 15px 5px 15px;
  position: absolute;
  width: auto;
  color: #000000;
  font-weight: normal;
  font-size: 1.3rem !important;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  min-width: 550px;
  left: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  z-index: 1005;
  animation-name: fade-in-alert;
  animation-duration: 1s;
  animation-iteration-count: 1;
  -webkit-animation-name: fade-in-alert;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  border-radius: 5px;
}

.selection-options {
  cursor: pointer;
}

.padding-top-8 {
  padding-top: 8px !important;
}

.action-section-export-orders-form {
  margin-top: 0px !important;
}

.export-orders-form-columns-select {
  width: 98% !important;
  height: 180px !important;
}

.export-orders-form-settings-select {
  width: 100% !important;
}

.custom-select-multiple {
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}

.custom-select-multiple select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 2rem;
  width: 100% !important;
  position: relative;
}

.text-decoration-none {
  text-decoration: none !important;
}

.delete-setting-button {
  color: #E90000 !important;
}

.export-orders-settings-border {
  border-top: 1px dashed #dad9d5;
  margin-top: 15px;
}

.export-orders-loading-spinner {
  color: #B7B7B7;
  font-size: 35px;
  display: none;
}

.export-order-button {
  color: #a5cd39;
  text-decoration: none;
  vertical-align: -1px;
  cursor: pointer;
}
.export-order-button:hover, .export-order-button.active {
  color: #007d46;
  text-decoration: underline;
}

.export-order-button-icon {
  color: #a5cd39;
}

.hide {
  display: none;
}

.grid-list-selection-option {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #a5cd39;
  text-decoration: underline;
}
.grid-list-selection-option:hover, .grid-list-selection-option:active {
  color: #007d46;
  cursor: pointer;
}

.grid-list-alert-box {
  padding-top: 16px;
  float: left;
  animation-name: fade-in-alert;
  animation-duration: 1s;
  animation-iteration-count: 1;
  -webkit-animation-name: fade-in-alert;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
}

.grid-list-first-cell {
  padding-right: 0rem;
  width: 1px;
}

.grid-list-disclaimer-note {
  font-size: 15px;
  font-style: italic;
  color: #999;
}

.grid-list-disclaimer-note-div {
  background-color: #FFFFFF;
  padding: 1rem;
}

.cell-header-date-range {
  font-size: 13px;
}

.product-more-details-div, .product-cercar-details-div {
  max-width: 1200px;
  background: none repeat scroll 0 0 #FFFFFF;
  border: thin solid #AAAAAA;
  display: none;
  height: auto;
  padding: 30px;
  position: absolute;
  width: 90%;
  color: #000000;
  font-weight: normal;
  font-size: 1.3rem !important;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  left: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  z-index: 1005;
  animation-name: fade-in-alert;
  animation-duration: 1s;
  animation-iteration-count: 1;
  -webkit-animation-name: fade-in-alert;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
}

.reveal-modal-bg {
  background: #000000;
  background: rgba(0, 0, 0, 0.45);
  left: 0;
  position: fixed;
  right: 0;
  top: -150px;
  z-index: 1004;
  display: none;
  animation-name: fade-in-alert;
  animation-duration: 1s;
  animation-iteration-count: 1;
  -webkit-animation-name: fade-in-alert;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
}

.product-price-td {
  font-size: 18px;
  padding: 0px 5px 0px 5px;
}

.product-price-td:first-child {
  padding: 0px 5px 0px 0px;
}

.product-price-td:last-child {
  padding: 0px 0px 0px 5px;
}

.product-price-tr {
  border: none !important;
}

.product-price-total-tr {
  border-top: 1px dashed #B7B7B8 !important;
}

.product-price-total-td {
  padding-top: 5px;
}

.product-price-head {
  font-size: 24px;
  color: #0081c9;
}

.product-price-sub-head {
  font-size: 19px;
  font-weight: 600;
  margin-top: 10px;
}

.product-price-div {
  margin-top: 10px !important;
}

.product-price-total-value {
  font-size: 22px;
  color: #0081c9;
  font-weight: bold !important;
  width: 78% !important;
}

.product-price-table {
  margin-top: 5px !important;
}

.product-price-more-info {
  cursor: pointer;
  padding-left: 1rem !important;
  color: #0081c9;
}

.product-price-close {
  position: absolute;
  right: 6px;
  top: 3px;
  color: #B7B7B7;
  cursor: pointer;
  font-size: 17px;
}

.product-price-area1 {
  position: relative;
  min-height: 1px;
}

@media screen and (min-width: 769px) {
  .product-price-area1 {
    float: left;
    width: 50%;
    padding-right: 3%;
  }
}
.product-price-area2 {
  position: relative;
  min-height: 1px;
  margin-top: 20px;
}

@media screen and (min-width: 769px) {
  .product-price-area2 {
    float: left;
    width: 50%;
    margin-top: 0px !important;
    padding-left: 3%;
  }
}
.product-price-area3 {
  position: relative;
  min-height: 1px;
  margin-top: 20px;
}

@media screen and (min-width: 769px) {
  .product-price-area3 {
    float: left;
    width: 100%;
    padding-right: 53%;
  }
}
.product-price-area-disclaimer-note {
  position: relative;
  min-height: 1px;
  margin-top: 20px;
}

@media screen and (min-width: 769px) {
  .product-price-area-disclaimer-note {
    float: left;
    width: 100%;
  }
}
.product-price-disclaimer-note {
  font-size: 15px;
  font-style: italic;
  color: #999;
}

.product-price-em {
  max-width: 100px;
  display: inline-block;
  font-weight: 700;
  font-style: normal;
  text-align: left;
  width: 64%;
}

.product-price-value-width {
  vertical-align: baseline;
  width: 24%;
  text-align: right;
  min-width: 120px;
}

.product-price-dropicon-width {
  vertical-align: baseline;
  width: 3%;
}

.product-price-label-width {
  vertical-align: baseline;
  width: 73%;
}

.price-list-dropicon {
  color: #0081c9;
  font-size: 15px;
  cursor: pointer;
}

.product-price-sub-label {
  padding-left: 25px !important;
}

.hide {
  display: none;
}

.product-price-sub-show {
  color: #0081c9;
  text-decoration: underline;
}

.product-price-toggable {
  cursor: pointer;
}

.filters-div {
  margin-bottom: 32px;
}

.product-price-table td {
  height: auto;
}

.commission-table-inc-tax {
  font-size: 10px;
}

.commission-claim-button {
  padding: 10px;
  margin: 5px 10px;
  display: inline-block;
}

.commission-status-col {
  width: 10%;
}

.commission-num-col {
  width: 10%;
}

.commission-date-col {
  width: 15%;
}

/* COMMISSION-OVERVIEW-PROCESS VIEW */
.creditnota-deactive-tr {
  background-color: #ececec;
}

.creditnota-no-col {
  width: 10%;
}

.creditnota-status-col {
  width: 10%;
}

.creditnota-date-col {
  width: 10%;
}

.creditnota-actions-col {
  width: 15%;
}

td.last-column a.button:not(:first-child), td.last-column a.button-kpn-compleet-register:not(:first-child), td.last-column a.button-telfort-combivoordeel-register:not(:first-child) {
  margin-left: 5px;
}

.creditnota-view-logo {
  float: right;
}

.creditnota-view-address {
  text-align: right;
  float: right;
}

.creditnota-view-business {
  float: left;
  padding-top: 30px;
}

.creditnota-view-date-col {
  width: 20%;
}

.creditnota-view-price-col {
  text-align: right;
  width: 15%;
  vertical-align: middle;
}

.creditnota-view-price2-col {
  text-align: right;
  width: 20%;
}

.creditnota-view-price-note {
  font-size: 11px;
  font-style: italic;
}

.float-right {
  float: right;
}

.creditnota-view-header {
  border-radius: 5px 5px 0 0;
}

/* DASHBOARD-NEWS-DETAIL VIEW */
.news-detail-title-with-image h1,
.news-detail-title-with-image h2,
.news-detail-title-with-image h3,
.news-detail-title-with-image h4,
.news-detail-title-with-image h5,
.news-detail-title-with-image h5,
.news-detail-title-with-image h6,
.news-detail-title-with-image img {
  display: inline-block;
  vertical-align: middle;
}
.news-detail-title-with-image img {
  margin: 0 2rem 1rem 0;
}

.news-overview-list .sidebar-news-list-header {
  background: #FFFFFF;
  margin: 0;
  padding: 1rem;
}
.news-overview-list .list-overview-link .sidebar-news-list-title {
  margin: 0;
  width: 100%;
}

.dashboard-news {
  display: flex;
  display: -ms-flexbox;
}

.dashboard-news-list {
  width: 70%;
  float: left;
}

.dashboard-published-date {
  float: right;
  font-size: 0.85em;
  color: #666666;
  margin-left: 15px;
}

/* DASHBOARD-NEWS-OVERVIEW VIEW */
.list-overview-link {
  display: block;
  padding: 1rem;
  position: relative;
  text-decoration: none;
}
.list-overview-link .news-list-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  margin: 0;
  width: 100%;
}

.published-date {
  float: right;
  margin-right: 50px;
}

/* DASHBOARD ORDER DETAIL VIEW */
.dashboard-order-detail .striped-details {
  margin-bottom: 1rem;
}

.dashboard-order-detail-info dd {
  margin: 0 0 2rem 0;
}
.dashboard-order-detail-info dd:last-child {
  margin-bottom: 0;
}

.cell-pdf-download {
  margin-top: 10px;
  float: right;
}

.cell-header-title {
  float: left;
  border-radius: 5px 5px 0 0;
}

.cell-header-title-button-div {
  overflow: hidden;
}

/* DASHBOARD-ORDER-OVERVIEW VIEW */
.order-overview-list .is-highlighted.valid {
  color: #a5cd39;
}

.select-options-div {
  background: none repeat scroll 0 0 #FFFFFF;
  border: thin solid #AAAAAA;
  display: none;
  height: 70px;
  padding: 5px;
  position: absolute;
  width: 145px;
  z-index: 1;
  color: #000000;
  font-weight: normal;
}

.select-filters-options-div {
  background: none repeat scroll 0 0 #FFFFFF;
  border: thin solid #AAAAAA;
  display: none;
  height: auto;
  padding: 15px;
  position: absolute;
  width: auto;
  color: #000000;
  font-weight: normal;
  font-size: 1.3rem !important;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 650px;
  left: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  z-index: 1005;
  animation-name: fade-in-alert;
  animation-duration: 1s;
  animation-iteration-count: 1;
  -webkit-animation-name: fade-in-alert;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  border-radius: 5px;
}

.filters-period {
  width: 440px;
  display: inline-block;
}

.filters-form-columns-select {
  width: 98% !important;
  height: 55px !important;
}

.export-orders-form-settings-select-multiple {
  width: 32.333% !important;
  display: inline-block;
}

.filters-condition {
  overflow: hidden;
  position: relative;
}

.filters-condition-input {
  height: 42px;
}

.filters-button-icon {
  color: #a5cd39;
}

.filters-drilldown-add {
  color: #a5cd39;
  padding-right: 4px;
  cursor: pointer;
}

.filters-drilldown-remove {
  color: #E90000;
  padding-right: 4px;
  cursor: pointer;
}

.filters-drilldown-actions-padding {
  padding-left: 5px;
}

.sub-menu-nav a {
  display: block;
  color: #a5cd39;
  text-decoration: none;
}
.sub-menu-nav a:hover, .sub-menu-nav a.active {
  color: #007d46;
}

.sub-menu-nav {
  width: 40%;
  margin-left: 1.75rem;
}

.sub-menu-nav-list {
  width: 100%;
}

.sub-menu-nav-item {
  border: none;
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 0 0 0 4rem;
  display: inline-block;
  margin-top: 0.4rem;
}
.sub-menu-nav-item:first-child {
  padding-left: 0rem;
  border: none;
}
.sub-menu-nav-item:last-child {
  border-bottom: none;
}
.sub-menu-nav-item a:hover, .sub-menu-nav-item a:active, .sub-menu-nav-item a.is-active {
  color: #333333;
  text-decoration: underline;
}

/* DASHBOARD-OVERVIEW VIEW */
.dashboard-detail-link {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
@media screen and (min-width: 1024px) {
  .dashboard-detail-link {
    right: 2rem;
    top: 2rem;
  }
}

.dashboard-detail-link-terms {
  -webkit-transition: margin 0.3s ease;
  -moz-transition: margin 0.3s ease;
  -o-transition: margin 0.3s ease;
  transition: margin 0.3s ease;
  display: block;
  padding-left: 2rem;
  position: static;
}

.is-expanded .dashboard-detail-link-terms {
  margin-bottom: 1rem;
}

@media screen and (max-width: 1024px) {
  .sidebar-panel dt.grid-40 {
    width: 100%;
  }
  .sidebar-panel dd {
    margin: 0;
  }
}

.dashboard-sales-sheets-button {
  padding: 2rem 2rem 0px 2rem;
}

#tooltip {
  z-index: 10000000000;
  position: absolute;
  background: #eff5d2;
  color: #8fa22a;
  padding: 8px;
  width: 500px;
}

@media screen and (max-width: 870px) {
  #tooltip {
    width: 300px;
  }
}
.tooltip-icon {
  color: #bdcc6f;
  font-size: 13px;
  cursor: pointer;
}

/* DASHBOARD-USER-OVERVIEW VIEW */
.frontend-name-grid {
  width: 20%;
}

.frontend-host-grid {
  width: 35%;
}

.frontend-logo-grid {
  width: 10%;
}

.frontend-theme-grid {
  width: 10%;
}

.frontend-theme-col {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.frontend-theme-div {
  height: 25px;
  width: 50px;
}

.frontend-theme-label {
  float: left;
  width: 25px;
  text-align: center;
}

.frontend-theme-color {
  margin-top: 2px;
  float: left;
  width: 25px;
  border: 1px solid #B7B7B7;
  height: 15px;
}

/* IN-MARKET-SELECTION VIEW */
/* LEADS-CREATE-FINISH VIEW */
.leads-form {
  line-height: 1.5em;
  text-overflow: inherit !important;
  white-space: normal !important;
  word-wrap: normal !important;
}

.leads-step-title {
  margin-bottom: 0px !important;
}

.watermark-loading {
  background-size: 25px;
  background-position: right;
  background-image: url("/resources/shared/images/icons/loading.gif");
  background-repeat: no-repeat;
  vertical-align: middle;
  background-color: white;
}

.top-square-corners {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.bottom-square-corners {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.top-round-corners {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.bottom-round-corners {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

[leads-content] form {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

/* LEADS-CREATE-PRODUCTS-ADD VIEW */
.leads-product-selected {
  background-color: #F3FFF2;
}

.leads-category-select-group {
  float: left;
  margin-right: 0.5%;
  width: 35.625%;
}

/* LEADS-CREATE-PRODUCTS-FILL VIEW */
/* LEADS-LIST VIEW */
.grid-list-header {
  background-color: #FFFFFF;
  height: 50px;
  border-radius: 5px 5px 0 0;
}
.grid-list-header.no-round-corners {
  border-radius: 0;
}

.grid-list-actions-filter {
  padding-top: 12px;
  float: left;
  padding-left: 60px;
  font-size: 15px;
  animation-name: fade-in-alert;
  animation-duration: 1s;
  animation-iteration-count: 1;
  -webkit-animation-name: fade-in-alert;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
}

.grid-list-actions {
  padding-top: 15px;
  float: right;
  padding-right: 15px;
  font-size: 15px;
  animation-name: fade-in-alert;
  animation-duration: 1s;
  animation-iteration-count: 1;
  -webkit-animation-name: fade-in-alert;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
}

/* LEADS-VIEW VIEW */
.leads-view .striped-details {
  margin-bottom: 1rem;
}

.leads-view-info dd {
  margin: 0 0 2rem 0;
}
.leads-view-info dd:last-child {
  margin-bottom: 0;
}

/* LOGIN VIEW */
.login {
  margin: 0 auto;
  max-width: 60rem;
  width: 60%;
}

.forgot-password-form {
  margin-top: 3rem;
}

/* MARKET-SELECTION VIEW */
/* ORDERS-REPAIR VIEW */
.width-100 {
  width: 100% !important;
}

.width-80 {
  width: 80% !important;
}

.text-align-left {
  text-align: left !important;
}

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

.cancel-button-font {
  font-size: 1.9rem !important;
}

.select-truncate-option {
  padding-right: 42% !important;
}

/* ORDERS-REPAIR-LIST VIEW */
/* PASSWORD-RESET VIEW */
.pos-new-image {
  text-align: center;
  width: 300px;
}

.pos-new-selection {
  width: 10%;
}

.pos-new-price {
  width: 10%;
  text-align: right;
}

.pos-new-product-text {
  font-weight: bold;
}

.pos-new-form-actions {
  margin-top: 0px;
  background-color: #FFFFFF;
  padding: 1rem;
}

.pos-new-form-total-container {
  text-align: right;
  background-color: #FFFFFF;
  padding: 1rem;
}

.pos-new-form-total {
  font-size: 15px;
  font-weight: bold;
  color: #007d46;
}

.pos-new-disclaimer {
  float: left;
  width: 80%;
  text-align: left;
}

.pos-filter-select-padding {
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 1rem;
}

.pos-filter-select-height {
  height: 39px;
}

.padding-left-0 {
  padding-left: 0px;
}

.pos-inner-tr {
  border-top: none;
}

.pos-table-date-col {
  width: 20%;
}

.pos-table-price-col {
  width: 10%;
  text-align: right;
}

.pos-table-actions-col {
  width: 10%;
}

.pos-table-status-col {
  width: 15%;
}

.pos-inner-td {
  padding-top: 0;
}

.pos-inner-td td {
  padding: 0px;
  height: auto;
}
.pos-inner-td td:first-child {
  padding-left: 10px;
}

.pos-inner-td tr {
  border-top: none;
}

.pos-inner-td-title {
  font-size: 1.3rem;
  color: #007d46;
  font-weight: bold;
}

.pos-table-count-col {
  width: 25px;
}

.pos-table-x-col {
  width: 20px;
  text-align: center;
}

.pos-inner-table {
  width: 40%;
}

.pos-new-button-icon {
  color: #a5cd39;
}

.pos-table-icon-col {
  vertical-align: middle;
  width: 90px;
}

/* PRODUCT-DETAIL VIEW */
.contract-duration {
  display: inline-block;
}

.product-color-select:before, .product-color-select:after {
  content: " ";
  display: table;
}
.product-color-select:after {
  clear: both;
}
.product-color-select input[type="radio"] + label {
  border: 1px solid #D8D8D8;
}
.product-color-select input[type="radio"]:checked + label {
  border: 1px solid #B7B7B7;
}

.color-filter {
  cursor: pointer;
  height: 3rem;
  font-size: 0;
  float: left;
  margin: 1rem 1rem 1rem 0;
  padding: 0;
  width: 3rem;
}
.color-filter:before, .color-filter:after {
  display: none;
}
.color-filter[for=zwart] {
  background: #333333;
}
.color-filter[for=zilver] {
  background: #D8D8D8;
}
.color-filter[for=rood] {
  background: #E90000;
}

.chosen-product-color {
  color: #B7B7B7;
  text-transform: capitalize;
}
.chosen-product-color.is-not-selected {
  color: #D8D8D8;
  font-style: italic;
}

.subscription-nav li {
  height: 76px;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}
.subscription-nav li:first-child {
  border-left: 1px solid #D8D8D8;
}
.subscription-nav li:last-child {
  border-right: 1px solid #D8D8D8;
}

.tab-panel tr.is-selected {
  background: #D8D8D8;
}

.tab-content-selector li {
  border-left: none;
}

.top-margin-2-rem {
  margin-top: 2rem !important;
}

/* PRODUCT-DETAIL VIEW */
.contract-duration {
  display: inline-block;
}

.product-color-select:before, .product-color-select:after {
  content: " ";
  display: table;
}
.product-color-select:after {
  clear: both;
}
.product-color-select input[type="radio"] + label {
  border: 1px solid #D8D8D8;
}
.product-color-select input[type="radio"]:checked + label {
  border: 1px solid #B7B7B7;
}

.color-filter {
  cursor: pointer;
  height: 3rem;
  font-size: 0;
  float: left;
  margin: 1rem 1rem 1rem 0;
  padding: 0;
  width: 3rem;
}
.color-filter:before, .color-filter:after {
  display: none;
}
.color-filter[for=zwart] {
  background: #333333;
}
.color-filter[for=zilver] {
  background: #D8D8D8;
}
.color-filter[for=rood] {
  background: #E90000;
}

.chosen-product-color {
  color: #B7B7B7;
  text-transform: capitalize;
}
.chosen-product-color.is-not-selected {
  color: #D8D8D8;
  font-style: italic;
}

.subscription-nav li {
  height: 76px;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}
.subscription-nav li:first-child {
  border-left: 1px solid #D8D8D8;
}
.subscription-nav li:last-child {
  border-right: 1px solid #D8D8D8;
}

.tab-panel tr.is-selected {
  background: #D8D8D8;
}

.tab-content-selector li {
  border-left: none;
}

.top-margin-2-rem {
  margin-top: 2rem !important;
}

/* PRODUCT-SELECTION VIEW */
.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.alert-reexecution-button {
  color: #a94442;
}

.alert-reexecution-button a:hover {
  color: #a94442;
}

.alert-reexecution-button,
.alert-reexecution-button:visited {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #a94442;
  text-decoration: underline;
  font-size: 14px;
}

.alert-reexecution-button:hover, .alert-reexecution-button:active,
.alert-reexecution-button:visited:hover,
.alert-reexecution-button:visited:active {
  color: #CB8F8E;
  cursor: pointer;
  font-size: 14px;
}

/* PRODUCT-SELECTION-ENERGY VIEW */
.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.alert-reexecution-button {
  color: #ffffff;
}

.alert-reexecution-button a:hover {
  color: #ffffff;
}

.alert-reexecution-button,
.alert-reexecution-button:visited {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #ffffff;
  text-decoration: underline;
  font-size: 14px;
}

.alert-reexecution-button:hover, .alert-reexecution-button:active,
.alert-reexecution-button:visited:hover,
.alert-reexecution-button:visited:active {
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
}

.postcode-list-padding {
  padding-left: 27px;
}

.float-right {
  float: right;
}

.product-card-container {
  float: none;
  margin: 0 0 2em 0;
  padding: 0;
  width: 100%;
  list-style: none;
  overflow: hidden;
  text-align: center;
}

.alert-indicator-grid {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .alert-indicator-grid {
    width: 75%;
  }
}

.filters-grid {
  width: 75%;
}
@media screen and (min-width: 1024px) {
  .filters-grid {
    width: 50%;
  }
}

.toggle-indicator-grid {
  width: 25%;
  margin-top: 10px;
  margin-bottom: 5px;
}
@media screen and (min-width: 1024px) {
  .toggle-indicator-grid {
    width: 25%;
    margin-bottom: 0px;
    bottom: 0px;
    position: absolute;
    right: 0px;
  }
}

.product-more-details-div {
  border-radius: 5px;
  max-width: 1200px;
  background: none repeat scroll 0 0 #FFFFFF;
  border: thin solid #AAAAAA;
  display: none;
  height: auto;
  padding: 30px;
  position: absolute;
  width: 90%;
  color: #000000;
  font-weight: normal;
  font-size: 1.3rem !important;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  left: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  z-index: 1005;
  animation-name: fade-in-alert;
  animation-duration: 1s;
  animation-iteration-count: 1;
  -webkit-animation-name: fade-in-alert;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
}

.reveal-modal-bg {
  background: #000000;
  background: rgba(0, 0, 0, 0.45);
  left: 0;
  position: fixed;
  right: 0;
  top: -150px;
  z-index: 1004;
  display: none;
  animation-name: fade-in-alert;
  animation-duration: 1s;
  animation-iteration-count: 1;
  -webkit-animation-name: fade-in-alert;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
}

.product-price-td {
  font-size: 18px;
  padding: 0px 5px 0px 5px;
}

.product-price-td:first-child {
  padding: 0px 5px 0px 0px;
}

.product-price-td:last-child {
  padding: 0px 0px 0px 5px;
}

.product-price-tr {
  border: none !important;
}

.product-price-total-tr {
  border-top: 1px dashed #B7B7B8 !important;
}

.product-price-total-td {
  padding-top: 5px;
}

.product-price-head {
  font-size: 24px;
  color: #a5cd39;
}

.product-price-sub-head {
  font-size: 19px;
  font-weight: 600;
  margin-top: 10px;
}

.product-price-div {
  margin-top: 10px !important;
}

.product-price-total-value {
  font-size: 22px;
  color: #a5cd39;
  font-weight: bold !important;
  width: 78% !important;
}

.product-price-table {
  margin-top: 5px !important;
}

.product-price-more-info {
  cursor: pointer;
  padding-left: 1rem !important;
  color: #a5cd39;
}

.order-detail-more-info {
  color: #a5cd39;
  display: block;
  cursor: pointer;
}

.product-price-close {
  position: absolute;
  right: 6px;
  top: 3px;
  color: #B7B7B7;
  cursor: pointer;
  font-size: 17px;
}

.product-price-area1 {
  position: relative;
  min-height: 1px;
}
@media screen and (min-width: 769px) {
  .product-price-area1 {
    float: left;
    width: 50%;
    padding-right: 3%;
  }
}

.product-price-area2 {
  position: relative;
  min-height: 1px;
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  .product-price-area2 {
    float: left;
    width: 50%;
    margin-top: 0px !important;
    padding-left: 3%;
  }
}

.product-price-area3 {
  position: relative;
  min-height: 1px;
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  .product-price-area3 {
    float: left;
    width: 100%;
    padding-right: 53%;
  }
}

.product-price-area-disclaimer-note {
  position: relative;
  min-height: 1px;
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  .product-price-area-disclaimer-note {
    float: left;
    width: 100%;
  }
}

.product-price-disclaimer-note {
  font-size: 15px;
  font-style: italic;
  color: #999;
}

.product-price-disclaimer-note.price-montly {
  display: block;
}

.product-price-em {
  max-width: 100px;
  display: inline-block;
  font-weight: 700;
  font-style: normal;
  text-align: left;
  width: 64%;
}

.product-price-value-width {
  vertical-align: baseline;
  width: 24%;
  text-align: right;
  min-width: 120px;
}

.product-price-dropicon-width {
  vertical-align: baseline;
  width: 3%;
}

.product-price-label-width {
  vertical-align: baseline;
  width: 73%;
}

.price-list-dropicon {
  color: #a5cd39;
  font-size: 15px;
  cursor: pointer;
}

.product-price-sub-label {
  padding-left: 25px !important;
}

.hide {
  display: none;
}

.product-price-sub-show {
  color: #a5cd39;
  text-decoration: underline;
}

.product-price-toggable {
  cursor: pointer;
}

.filters-div {
  margin-bottom: 32px;
}

.product-price-table td {
  height: auto;
}

.operator-region-content {
  display: inline-table;
  width: 75%;
}

.operator-region-button {
  text-align: right;
  width: 25%;
  float: right;
}

.operator-region-item {
  font-weight: bold;
  border-bottom: 1px dotted;
}

.operator-region-container {
  font-size: 1.8rem;
  display: flex;
}

.button-pointer {
  cursor: pointer;
}

.operator-region-form {
  width: 640px;
}

.grid-no-filters {
  width: 25% !important;
}

.register-header {
  background: #FFFFFF;
  padding: 1rem;
  padding-left: 2rem;
  padding-top: 2rem;
  margin: 0 0 0 0;
}

/* SALES-SHEET-FORM VIEW */
.sales-sheet-products-panel {
  padding: 5px 0px 1rem 0px;
}

.sales-sheet-check-uncheck-all {
  padding-bottom: 7px;
}

.full-max-width {
  max-width: none !important;
}

/* SALES-SHEET-RESULTS VIEW */
/* SHOPPING-CART VIEW */
/* SPECIAL-OFFER VIEW */
.special-offer-title {
  background: #FFFFFF;
  border-bottom: 1px solid #D8D8D8;
  margin: 0;
  padding: 1rem 1.5rem;
}
@media screen and (min-width: 1024px) {
  .special-offer-title {
    padding: 1rem 1.75rem;
  }
}

/* TICKETS-CREATE VIEW */
/* TICKETS-LIST VIEW */
.header-title-tickets {
  padding-left: 5px;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 10px;
}

.header-date-tickets {
  padding-right: 5px;
  padding-top: 7px;
}

.title-tickets {
  padding-top: 15px;
}

.icon-list-tickets li {
  margin-bottom: 0px !important;
}

.icon-list-tickets .icon {
  margin-right: 5px !important;
}
.main-folder {
  margin-right: 5px !important;
  font-size: 18px;
}
.icon-folder, .icon-folder-open {
  margin-right: 5px !important;
  color: #007d46;
  font-size: 18px;
}
.icon-folder-open {
  color: #919191;
}
.icon-list-tickets {
  padding-top: 5px !important;
  padding-left: 5px !important;
  padding-bottom: 5px !important;
}

.icon-arrow-right-tickets-small {
  font-size: 12px !important;
}

.message-box-tickets {
  border-color: #CCCCCC;
  border-radius: 5px;
  border-width: thin;
  margin-top: 10px;
  padding-top: 10px;
}

.grey-box {
  background: #EEEEEE !important;
}

.date-indicator-tickets {
  float: right !important;
}

.textarea-comments-tickets {
  padding: 5px;
  border-color: #B7B7B7;
  border-radius: 5px;
  margin-top: 20px;
  width: 75%;
}

.label-comments-tickets {
  margin-top: 8px;
}

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

.white-box {
  background: #FFFFFF !important;
}

.no-padding {
  padding: 0px !important;
}

.not-visible {
  display: none;
}

.is-visible-block {
  display: block;
}

.is-visible-inline {
  display: inline-block;
}

.belsimpel-iframe {
  border: 0;
  width: 100%;
  height: 750px;
}

.default-font-size {
  font-size: 1.3rem !important;
}

.login-as {
  border-bottom: 1px solid #EDEDED;
  padding: 5px 0px 5px 10px;
  line-height: 18px;
  background-color: #ffffb5;
}

.popup_text{
    width:60px;
    height:50px;
}
.popup_text_iban{
    width:200px;
    height:50px;
}

.popup_label{
    width: 80px;
    text-align: center;
    display: table-cell;
    line-height: normal;
}
.span_divider{
    border: 1px solid #DDD;
    width: 12px;
    display: inline-block;
    margin: 0px 5px 3px 5px;
}
.span_text{
    width: 90px;
    display: inline-block;
    text-align: center;
}

.table {
    display:table;
}
.header {
    display:table-header-group;
    font-weight:bold;
}
.rowGroup {
    display:table-row-group;
}
.row1, .row2 {
    display: block;
    margin-bottom: 10px
}
.cell {
    display:inline-block;
}
.ibanDiv1{
    display: none;
}
.row2{
    display: none;
}

/*body {
    margin: 0px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}*/

.logo {
    height: 63px;
    max-width: 200px;
}

h1, h2, h3, h4, h5 {
    font-weight: bold;
}

h1 {
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 30px;
}

h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 17px;
}

.order-data-container {
    width: 100%;
}

.order-data-container td {
    width: 50%;
    padding: 0px;
    vertical-align: top;
}

.order-specs {
    margin-bottom: 0px;
}

.page .header {
    margin-bottom: 20px;
    border-bottom: 5px solid #09572e;
    padding: 20px 40px;
}

.page:first-child .header {
    margin-bottom: 20px;
}

.header table {
    width: 100%;
}

.header tr td {
    width: 50%;
}

.header tr td:last-child {
    text-align: right;
    vertical-align: middle;
}

.header h1 {
    margin: 0px;
}

.footer {
    padding: 20px 40px;
    background-color: #fd0;
    min-height: 70px;
    opacity: 0.2;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.footer table {
    width: 100%;
}

.footer tr td {
    width: 33.3%;
    text-align: center;
    vertical-align: middle;
}

.footer tr td:first-child {
    text-align: left;
    vertical-align: middle;
}

.footer tr td:last-child {
    text-align: right;
    vertical-align: middle;
}


.page .body {
    margin: 0px 40px 20px;
}

.customer-table {
    border-collapse: collapse;
    width: 90%;
}

.customer-table td {
    padding: 5px 0px;
}

.customer-table tr {

}

.customer-table tr:last-child {
    border-bottom: 0px;
}

h3.cost {
    margin-top: 50px;
}

.customer-table td.name {
    width: 160px;
}

.customer-table .total-yearly {
    font-size: 16px;
    font-weight: bold;
    color: #20cfef;
}

.customer-table .total-monthly {
}

.order-specs {
    width: 100%;
}

.energy-calculation {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border: 1px solid #B7B7B7;
}
.cal-border-left {
    border-left: 1px solid #B7B7B7;
}
.cal-border-right {
    border-right: 1px solid #B7B7B7;
}
.cal-border-right.cal-border-top-2 {
    border-top: 2px solid;
}

.energy-calculation th, .energy-calculation td {
    text-align: left;
    padding: 7px;
    color: #555556;
    height: 10px;
}

.energy-calculation thead th {
    padding: 5px;
    font-weight: bold;
    color: #23a8a8;
}

.energy-calculation thead th,
.energy-calculation thead td {
    width: 33%;
    border-right:1px solid #B7B7B7;
}

.energy-calculation h3 {
    font-size: 16px;
    margin: 0px;
    color: #23a8a8;
}

.energy-calculation tbody tr {
    -webkit-print-color-adjust: exact; 
    background-color: #ebebea;
}

.energy-calculation tbody tr:nth-child(odd) {
    -webkit-print-color-adjust: exact; 
    background-color: #f7f7f6;
}

.energy-cost-specification {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
}

.energy-cost-specification th, .energy-cost-specification td {
    text-align: left;
    padding: 7px;
    color: #555556;
    height: 10px;
}

.energy-cost-specification thead th {
    padding: 5px;
    font-weight: bold;
    color: #23a8a8;
}

.energy-cost-specification th:nth-child(1),
.energy-cost-specification td:nth-child(1) {

}

.energy-cost-specification th:nth-child(2),
.energy-cost-specification td:nth-child(2) {
    width: 15%;
}

.energy-cost-specification th:nth-child(3),
.energy-cost-specification td:nth-child(3) {
    width: 15%;
}

.energy-cost-specification th:nth-child(4),
.energy-cost-specification td:nth-child(4) {
    width: 15%;
}

.energy-cost-specification h3 {
    font-size: 16px;
    margin: 0px;
    color: #23a8a8;
}

.energy-cost-specification tbody tr {
    -webkit-print-color-adjust: exact; 
    background-color: #ebebea;
}

.energy-cost-specification tbody tr:nth-child(odd) {
    -webkit-print-color-adjust: exact; 
    background-color: #f7f7f6;
}

.energy-cost-specification tbody tr.subtotal-electricity,
.energy-cost-specification tbody tr.subtotal-gas {
    -webkit-print-color-adjust: exact; 
    background-color: #dad9d2;
    font-weight: bold; 
}

.energy-cost-specification tbody tr:last-child {
    -webkit-print-color-adjust: exact; 
    background-color: #dad9d2;
    font-weight: bold;
}

.energy-cost-specification tbody tr.last-child {
    -webkit-print-color-adjust: exact; 
    background-color: #dad9d2;
    font-weight: bold;
}

.energy-cost-specification tbody tr.total {
    -webkit-print-color-adjust: exact; 
    background-color: #09572e;
    font-size: 16px;
}

.energy-cost-specification tbody tr.total-priceceiling {
  -webkit-print-color-adjust: exact; 
  background-color: #a5cd39;
  font-size: 16px;
  font-color: #FFF;
}

.energy-cost-specification tbody tr.total td , .energy-cost-specification tbody tr.total-priceceiling td {
    color: #fff;
}

.energy-cost-specification tbody tr.total-electricity,
.energy-cost-specification tbody tr.total-gas {
    -webkit-print-color-adjust: exact; 
    background-color: #bfd5cc;
    font-weight: bold;
}

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

.specs {
    text-align: right;
}

.specs table {
    float: right;
}

.specs td:first-child {
    font-style: italic;
    padding-right: 5px;
}

.specs td:last-child {
    text-align: left;
    width: 90px;
}

.page {
    page-break-after: always;
}

.page:last-child {
    page-break-after: avoid;
}

.product-name-header {
    font-weight: bold;
    font-size: 18px;
    float: right;
    padding-top: 1.5rem;
}

.signature-label {
    font-style: italic;
}

.disclaimer-notes {
    color: #999;
    font-size: 9px;
    font-style: italic;
    width: 50%;
}

.disclaimer-note-id {
    width: 3%;
}

.disclaimer-note {
    width: 95%;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.signature-image {
    width: 175px;
}

.customer-table .total-main {
    font-size: 17px;
    font-weight: bold;
    color: #09572e;
}

.customer-table .total-sub {
    font-size: 17px;
}

.customer-table.cost tr.header-price-label {
    font-size: 14px;
    font-weight: bold;
}

.actie-word {
    color: #ff8500;
}

.customer-table.cost td.value {
    text-align: right;
    float: left;
    width: 90%;
}

.customer-table.cost .total-sub td {
    padding-bottom: 12px;
}

.customer-table.cost td.name {
    width: 70%;
}

table.customer-table.cost {
    width: 100%;
}

.delivery-cost {
  background-color: #F8F7F5 !important;
}
.variabele-header {
  background-color: #FFFFFF !important;
  padding: 5px;
}
.variabele-header th{
  color: #23a8a8;
}

.govt-tax {
  background-color: #F2F2F2 !important;
  font-weight: normal !important;
}

.total-delivery {
  background-color: #EBEAE8 !important;
}

.total-cost {
  background-color: #DCD9D3 !important;
}

.icons {
  float: left;
}

.icons-header {
  font-weight: bold;
  margin-left: 5px;
  margin-top: 10px;
  display: inline-table;
  font-size: 16px;
}

/* Product Catalog */
.prodcat-name {
  width: 20%;
  color: #007d46;
  font-weight: normal;
}
.prodcat-10 {
  width: 10%;
  color: #007d46;
  font-weight: normal;
}
.prodcat-5 {
  width: 5%;
  color: #007d46;
  font-weight: normal;
}

.prodcat-table td{
  border: 1px solid #cecece;
  height: auto !important;
}


.product-catalogue {
  background-color: #FFFFFF;
  padding: 30px;
}

.product-catalogue-header {
  background-color: #FFFFFF;
  border-radius: 5px 5px 0 0;
  color: #007d46;
  padding: 20px;
}

.table-style{
  border-left: none !important;
  border-bottom: none !important;
}

.table-style2{
  border-left: none !important;
  border-bottom: none !important;
  border-top: none !important;
}

.product-catalogue-disclaimer {
  background-color: #FFFFFF;
  border-radius: 5px 5px 0 0;
  color: #007d46;
  padding: 30px;
}

.product-catalogue-disclaimer p {
  color: #000000;
}

.product-catalogue-disclaimer hr { 
  border-top: 2px solid #007d46;
}
   
.breadcrumb {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px
}
.big-text {
    color: #919191;
}
.breadcrumb .url {
    color:#a5cd39;
    font-size: 14px
}

.folders-tree{
    font-size: 14px;
    margin-top: 10px;
    margin-left: -20px;
}
.main-folder .active, .main-folder .inactive{
    margin-left: 5px;
    font-size: 14px;
    text-decoration: none;
}
.main-folder .active {
    font-weight: bold;
    color: #919191;
}
.folders-tree span{
    margin-left: 10px;
    font-size: 14px
}
.folders-tree .active {
    text-decoration: none;
    font-weight: bold;
    color: #919191;
}
.folders-tree a {
    text-decoration: none;
}
.folders-tree .inactive {
    text-decoration: none;
}
.folders-tree li {
    list-style: none;
    margin-bottom: 10px;
}
.folders-tree.first-folder {
    padding: 0px;
    margin-left: 20px;
}
.add-file-action {
  float: right;
  padding-right: 0px;
  font-size: 15px;
  animation-name: fade-in-alert;
  animation-duration: 1s;
  animation-iteration-count: 1;
  -webkit-animation-name: fade-in-alert;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
}

.add-file-action .icon{
    font-size: 12px!important;
}
.folder-action {
    text-align: right;
    width: 180px;
}
.sort-url, .sort-url:hover, .sort-url:active  {
    color: #FFF !important;
}
.sort-icons {
    color: #FFF;
    position: absolute;
    margin-left: 4px;
    font-size: 12px;
}
#ssoLoginBtn {
  width: 20rem;
  margin-right: 3rem;
}
#loginBtn {
  width: 20rem; 
}