@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@font-face {
  font-family: "smu_iconfont";
  src: url(/fonts/smu_iconfont.eot?b21f45d3e6239961e4142d99e74c0cdf);
  src: url(/fonts/smu_iconfont.eot?b21f45d3e6239961e4142d99e74c0cdf) format("embedded-opentype"), url(/fonts/smu_iconfont.woff?edc85f83702f976ab80cbea89cd414ba) format("woff"), url(/fonts/smu_iconfont.ttf?200f956429a3ebea7f4d70892ac94d15) format("truetype"), url(/fonts/smu_iconfont.svg?c5a345629b4d6a58d408d819ae49634f) format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^=icon-],
[class*=" icon-"] {
  font-family: "smu_iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.icon-dropdown:before {
  content: "\E607";
}

.icon-checkbox:before {
  content: "\E608";
}

.icon-achtung:before {
  content: "\E600";
}

.icon-suche:before {
  content: "\E601";
}

.icon-star:before {
  content: "\E602";
}

.icon-notizen:before {
  content: "\E604";
}

.icon-info:before {
  content: "\E605";
}

.icon-warenkorb_leer:before {
  content: "\E603";
}

.icon-warenkorb_voll:before {
  content: "\E609";
}

.icon-trash:before {
  content: "\F014";
}

.icon-save:before {
  content: "\F0C7";
}

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

/*$primary_dark: #39424C;*/

/*$grey: rgb(212, 221, 221);*/

html {
  position: relative;
  height: 100%;
  font-size: 14px;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  height: 100%;
  color: #808285;
  background-color: #f4f4f4;
  /*  Prevent flickering in webkit based browsers */
  -webkit-transform: translate3d(0, 0, 0);
}

body,
input,
textarea,
.button {
  /*Regular:*/
  font-family: "akzidenz-grotesk", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2em;
  text-rendering: geometricPrecision;
}

a {
  color: #398FD1;
  text-decoration: none;
  transition: opacity 2s ease-in-out;
}

#mainRegion a:visited {
  color: #868686;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix {
  zoom: 1;
}

/* IE6 */

*:first-child + html .clearfix {
  zoom: 1;
}

/* IE7 */

img {
  max-width: 100%;
}

.w70 {
  width: 70%;
}

@media (max-width: 45em) {
  .w70 {
    width: 100%;
  }
}

h1 {
  font-size: 1.2em;
  color: #194659;
  margin: 0 0 0.5em 0;
  clear: both;
}

h2 {
  font-size: 1.2em;
  color: #808285;
  margin: 0 0 0.5em 0;
}

h3 {
  color: #808285;
  font-size: 1em;
  margin: 0 0 0.5em 0;
}

.ekim--header .ekim--navigation--bottom {
  position: relative;
}

.ekim--header .ekim--navigation--bottom .ekim--container {
  height: 100%;
}

.ekim--chapterNumber {
  display: inline-block;
  width: 3rem;
}

.ekim--container {
  max-width: 905px;
  position: relative;
  margin: auto;
}

.ekim--body {
  background-color: #fefefe;
  padding-top: 1px;
  position: relative;
}

.ekim--content {
  padding: 90px 90px 90px 90px;
}

.ekim--content img {
  border: 1px solid #f4f4f4;
  margin: 10px 0;
}

.ekim--breadcrumbs--container + .ekim--content {
  padding: 0px 90px 90px 90px;
}

.ekim--content--top-padding {
  /*  	padding-top: 90px;*/
}

.ekim--content--panel {
  width: 400px;
}

@media (max-width: 45em) {
  .ekim--content--panel {
    max-width: 400px;
    width: auto;
  }
}

.ekim--navigation--top {
  margin: 0 0 0 100px;
  z-index: 10;
  /*  height: 40px;
    line-height: 40px;*/
}

.ekim--navigation--top ol {
  /*    margin: .65em 0;*/
  margin: 0;
}

.ekim--navigation--top a {
  font-size: 0.85em;
  color: inherit;
  text-decoration: none;
}

.ekim--navigation--top a:hover {
  text-decoration: underline;
}

.ekim--navigation--top ol,
.ekim--navigation-side ol {
  padding: 0;
  display: inline;
  float: right;
}

.ekim--navigation--top ol:last-child,
.ekim--navigation-side ol:last-child {
  float: left;
}

.ekim--navigation--top .ekim--language-switch,
.ekim--navigation-side .ekim--language-switch {
  margin-right: 20px;
}

.ekim--navigation--top .ekim--language-switch li,
.ekim--navigation-side .ekim--language-switch li {
  padding-right: 0;
}

.ekim--navigation--top .ekim--language-switch li:after,
.ekim--navigation-side .ekim--language-switch li:after {
  content: "|";
  padding-left: 4px;
  font-weight: normal;
}

.ekim--navigation--top .ekim--language-switch li:last-child:after,
.ekim--navigation-side .ekim--language-switch li:last-child:after {
  display: none;
}

.ekim--navigation--top .ekim--language-switch .active,
.ekim--navigation-side .ekim--language-switch .active {
  font-weight: bold;
}

.ekim--navigation--top .ekim--navigation--top ol:last-child > li,
.ekim--navigation-side .ekim--navigation--top ol:last-child > li {
  /*	color:red;*/
}

.ekim--navigation--top li,
.ekim--navigation-side li {
  display: inline-block;
  list-style-type: none;
  padding-right: 20px;
  position: relative;
  height: 3em;
  line-height: 3em;
}

@media (max-width: 45em) {
  .ekim--navigation--top li,
  .ekim--navigation-side li {
    padding-right: 10px;
  }
}

li.ekim--navigation--top--topmenu > ol {
  display: none;
  padding: 1em;
  margin: -3px 0 0 0;
  width: 200px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  left: -100%;
}

li.ekim--navigation--top--topmenu > ol.active {
  display: block;
  z-index: 1337;
  position: absolute;
  background-color: white;
}

li.ekim--navigation--top--submenu {
  position: relative;
  display: block;
  clear: both;
  height: 1.5em;
  line-height: 1.5em;
  padding-right: 0;
}

li.ekim--navigation--top--submenu a {
  display: block;
}

#mobileMenuButton {
  display: none;
  font-size: 2em;
  line-height: 1em;
  height: 1em;
  top: 7px;
}

@media (max-width: 45em) {
  #mobileMenuButton {
    display: block;
  }
}

@media (max-width: 45em) {
  .ekim--navigation--top--desktopMenu li {
    display: none;
  }

  .ekim--navigation--top--desktopMenu li:last-child {
    display: inline;
  }
}

.ekim--navigation--top--mobileMenu {
  z-index: 5;
  /*  position: absolute;*/
  width: 100%;
  background-color: white;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  display: none;
}

.ekim--navigation--top--mobileMenu > ol {
  padding: 10px;
  margin: 0;
}

.ekim--navigation--top--mobileMenu > ol > li {
  border-bottom: 1px solid #dddddd;
}

.ekim--navigation--top--mobileMenu li {
  line-height: 2.5em;
  list-style-type: none;
}

.ekim--navigation--top--mobileMenu a {
  color: #aaaaaa;
  display: inline-block;
  width: 100%;
}

#triangle {
  width: 0;
  height: 0;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  margin: -21px 0 0 0;
  position: absolute;
  left: 45%;
}

figure {
  margin: 0;
}

.ekim--header--img {
  position: relative;
  background-color: #ffffff;
}

.ekim--header--img .ekim--header--img--bg-mobile {
  display: none;
}

.ekim--header--img img {
  float: right;
  max-width: none;
  visibility: hidden;
}

.ekim--header--img .ekim--header--img--logo {
  background: transparent url(/images/Metaltec_Suisse_RGB.png?bbb426032ffc4f0cf79cbfcc6eac790e) top left no-repeat;
  height: 95%;
  width: 88.5%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 2em 1em 1em 1em;
}

.ekim--header--img .ekim--header--img--menu {
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.ekim--header--img .ekim--header--img--menu ul {
  position: absolute;
  bottom: 0;
  right: 1em;
  padding: 0;
  margin: 0;
  list-style: none;
}

.ekim--header--img .ekim--header--img--menu ul li {
  float: left;
}

.ekim--header--img .ekim--header--img--menu ul li.ekim--header--img--menu--active {
  font-weight: bold;
}

.ekim--header--img .ekim--header--img--menu ul a {
  display: block;
  padding: 1em 1.5em;
  color: #808285;
  text-align: center;
}

.ekim--header--img .ekim--header--img--menu ul [class^=icon-],
.ekim--header--img .ekim--header--img--menu ul [class*=" icon-"] {
  font-size: 2em;
  display: block;
  color: #398FD1;
}

body.ekim--usertype-1 .ekim--header--img--menu li.ekim--header--img--menu--search {
  width: 100%;
}

body.ekim--usertype-1 .ekim--header--img--menu li.ekim--header--img--menu--cart,
body.ekim--usertype-1 .ekim--header--img--menu li.ekim--header--img--menu--favorites {
  display: none;
}

@media screen and (max-width: 55em) {
  .ekim--breadcrumbs--container + .ekim--content {
    padding: 0 45px 45px;
  }

  .ekim--navigation--top {
    margin: 0 0 0 45px;
  }
}

@media (max-width: 45em) {
  .ekim--header--img .ekim--header--img--bg-desktop {
    display: none;
  }

  .ekim--header--img .ekim--header--img--bg-mobile {
    display: block;
    height: 58px;
    width: 100%;
  }

  .ekim--header--img.ekim--header--img--viewMode-1 {
    border-top: 4px solid #0E76C6;
  }

  .ekim--header--img.ekim--header--img--viewMode-2 {
    border-top: 4px solid #CC0004;
  }

  .ekim--header--img .ekim--header--img--logo {
    background-position: center center;
    margin: 0;
    background-size: auto 70%;
    height: 58px;
    width: 100%;
    right: 0;
  }

  .ekim--header--img .ekim--header--img--menu {
    background-color: transparent;
    background-image: linear-gradient(white 65%, #dddddd 100%);
  }

  .ekim--header--img .ekim--header--img--menu,
  .ekim--header--img .ekim--header--img--menu ul {
    position: static;
  }

  .ekim--header--img .ekim--header--img--menu ul a {
    border-left: 1px solid #dddddd;
    margin: 0.5em 0;
    padding: 0 1.5em;
  }

  .ekim--header--img .ekim--header--img--menu li {
    width: 33.3%;
  }

  .ekim--navigation--top {
    margin-left: 20px;
  }
}

@media (max-width: 45em) and (max-width: 45em) {
  .ekim--navigation--top {
    margin-left: 10px;
  }
}

@media (max-width: 45em) {
  .ekim--content {
    padding: 20px;
  }
}

@media (max-width: 45em) {
  .ekim--breadcrumbs--container + .ekim--content {
    padding: 0 10px 20px;
  }
}

@media (max-width: 25em) {
  .ekim--header--img .ekim--header--img--menu ul a {
    padding: 0 1em;
  }
}

.ekim--breadcrumbs--container {
  min-height: 90px;
  padding: 0 90px;
}

.ekim--breadcrumbs {
  list-style: none;
  /*    margin: -6em 0 4em;*/
  padding: 0 18px 0 0;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  bottom: 1em;
}

.ekim--breadcrumbs--link {
  background: #f4f4f4;
  color: #398FD1;
  cursor: default;
  transition: background-color 0.5s;
  font-size: 1.2em;
  line-height: 1.75em;
  margin: 0 0.3em 0.2em 18px;
  padding: 3px 13px;
  max-width: 22%;
  height: 30px;
  position: relative;
  float: left;
}

.ekim--breadcrumbs--link:before,
.ekim--breadcrumbs--link:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  transition: border-color 0.5s;
}

.ekim--breadcrumbs--link:before {
  right: 100%;
  border-left: 18px solid transparent;
  border-top: 18px solid #f4f4f4;
  border-bottom: 18px solid #f4f4f4;
}

.ekim--breadcrumbs--link:after {
  left: 100%;
  border-left: 18px solid #f4f4f4;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
}

.ekim--breadcrumbs--link.ekim--breadcrumbs--link-first {
  margin-left: 0;
}

.ekim--breadcrumbs--link.ekim--breadcrumbs--link-first:before {
  display: none;
}

.ekim--breadcrumbs--link--value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
}

.ekim--breadcrumbs--link-hasValue {
  line-height: 1em;
}

.ekim--breadcrumbs--link-hasValue a {
  line-height: 0;
}

.ekim--breadcrumbs--link-hasValue .ekim--breadcrumbs--link--name {
  display: block;
  font-size: 0.65em;
  line-height: 1.2em;
}

.ekim--breadcrumbs--link-hasValue .ekim--breadcrumbs--link--value {
  line-height: 1.1em;
}

.ekim--breadcrumbs--link.ekim--breadcrumbs--link-active {
  background: #398FD1;
}

.ekim--breadcrumbs--link.ekim--breadcrumbs--link-active a {
  color: white;
}

.ekim--breadcrumbs--link.ekim--breadcrumbs--link-active:before {
  border-color: #398FD1 transparent #398FD1 transparent;
}

.ekim--breadcrumbs--link.ekim--breadcrumbs--link-active:after {
  border-color: transparent transparent transparent #398FD1;
}

.ekim--breadcrumbs--link.ekim--breadcrumbs--link-active.ekim--breadcrumbs--link-hasLink:hover {
  background: #2974ae;
  cursor: pointer;
}

.ekim--breadcrumbs--link.ekim--breadcrumbs--link-active.ekim--breadcrumbs--link-hasLink:hover a {
  color: white;
}

.ekim--breadcrumbs--link.ekim--breadcrumbs--link-active.ekim--breadcrumbs--link-hasLink:hover:before {
  border-color: #2974ae transparent #2974ae transparent;
}

.ekim--breadcrumbs--link.ekim--breadcrumbs--link-active.ekim--breadcrumbs--link-hasLink:hover:after {
  border-color: transparent transparent transparent #2974ae;
}

.ekim--breadcrumbs--link.ekim--breadcrumbs--link-active.ekim--breadcrumbs--link-hasLink:active {
  background-color: #2974ae;
}

.ekim--breadcrumbs--link.ekim--breadcrumbs--link-active.ekim--breadcrumbs--link-hasLink:active:before {
  border-color: #2974ae transparent #2974ae transparent;
}

.ekim--breadcrumbs--link.ekim--breadcrumbs--link-active.ekim--breadcrumbs--link-hasLink:active:after {
  border-color: transparent transparent transparent #2974ae;
}

@media screen and (max-width: 55em) {
  .ekim--breadcrumbs--container {
    padding: 0 45px;
  }
}

@media (max-width: 45em) {
  .ekim--breadcrumbs--container {
    padding: 1em 10px 0;
    min-height: 0;
    height: auto;
  }

  .ekim--breadcrumbs {
    border-top: 2px solid #dddddd;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .ekim--breadcrumbs.ekim--breadcrumbs-4 .ekim--breadcrumbs--link {
    width: 25%;
  }

  .ekim--breadcrumbs.ekim--breadcrumbs-5 .ekim--breadcrumbs--link {
    width: 20%;
  }

  .ekim--breadcrumbs--link {
    box-sizing: border-box;
    line-height: 2em;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .ekim--breadcrumbs--link:after {
    display: none;
  }

  .ekim--breadcrumbs--link:before,
  .ekim--breadcrumbs--link.ekim--breadcrumbs--link-first:before {
    display: block;
    border: 1px solid;
    border-color: #c4c4c4 !important;
    background-color: white;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .ekim--breadcrumbs--link a {
    display: block;
    padding: 1.5em 0 0.5em;
    position: relative;
    top: -1em;
  }

  .ekim--breadcrumbs--link,
  .ekim--breadcrumbs--link.ekim--breadcrumbs--link-hasLink:hover,
  .ekim--breadcrumbs--link.ekim--breadcrumbs--link-active,
  .ekim--breadcrumbs--link.ekim--breadcrumbs--link-active.ekim--breadcrumbs--link-hasLink:hover {
    background: none;
  }

  .ekim--breadcrumbs--link a,
  .ekim--breadcrumbs--link.ekim--breadcrumbs--link-hasLink:hover a,
  .ekim--breadcrumbs--link.ekim--breadcrumbs--link-active a,
  .ekim--breadcrumbs--link.ekim--breadcrumbs--link-active.ekim--breadcrumbs--link-hasLink:hover a {
    color: #aaaaaa;
  }

  .ekim--breadcrumbs--link a,
  .ekim--breadcrumbs--link.ekim--breadcrumbs--link-active a {
    color: #aaaaaa;
  }

  .ekim--breadcrumbs--link.ekim--breadcrumbs--link-active:before {
    background-color: #dddddd;
  }

  .ekim--breadcrumbs--link.ekim--breadcrumbs--link-current {
    color: #398FD1;
  }

  .ekim--breadcrumbs--link.ekim--breadcrumbs--link-current:before {
    background-color: #398FD1;
    border-color: #398FD1 !important;
  }

  .ekim--breadcrumbs--link .ekim--breadcrumbs--link--name {
    display: block;
    font-size: 0.8em;
    max-width: 100%;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ekim--breadcrumbs--link--value {
    display: none;
  }
}

.ekim--list {
  display: inline-block;
  width: 100%;
  position: relative;
}

.ekim--list--id {
  display: inline-block;
  width: 3em;
}

.ekim--list,
.ekim--list a {
  color: #194659;
}

.ekim--list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ekim--list li {
  display: inline-block;
  width: 100%;
  float: left;
  box-sizing: border-box;
}

.ekim--list ul > li > ul > li {
  /*  color: black;*/
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ekim--list ul > li > ul > li:empty:before {
  content: "\A0";
}

.ekim--list ul > li > ul > li:nth-child(odd) {
  background-color: #f4f4f4;
}

/*TODO: This should be in the grid module, refactor this*/

div.ekim--list .ekim--col-1-12 {
  width: 8.33%;
}

div.ekim--list .ekim--col-2-12 {
  width: 16.66%;
}

div.ekim--list .ekim--col-3-12 {
  width: 25%;
}

div.ekim--list .ekim--col-4-12 {
  width: 33.33%;
}

div.ekim--list .ekim--col-5-12 {
  width: 41.66%;
}

div.ekim--list .ekim--col-6-12 {
  width: 50%;
}

div.ekim--list .ekim--col-7-12 {
  width: 58.33%;
}

div.ekim--list .ekim--col-8-12 {
  width: 66.66%;
}

div.ekim--list .ekim--col-9-12 {
  width: 75%;
}

div.ekim--list .ekim--col-10-12 {
  width: 83.33%;
}

div.ekim--list .ekim--col-11-12 {
  width: 91.66%;
}

div.ekim--list .ekim--col-12-12 {
  width: 100%;
}

@media screen and (max-width: 45em) {
  div.ekim--list li {
    float: none;
  }

  div.ekim--list .ekim--col-1-12,
  div.ekim--list .ekim--col-2-12,
  div.ekim--list .ekim--col-3-12,
  div.ekim--list .ekim--col-4-12,
  div.ekim--list .ekim--col-5-12,
  div.ekim--list .ekim--col-6-12,
  div.ekim--list .ekim--col-7-12,
  div.ekim--list .ekim--col-8-12,
  div.ekim--list .ekim--col-9-12,
  div.ekim--list .ekim--col-10-12,
  div.ekim--list .ekim--col-11-12 {
    width: 100%;
  }

  .ekim--list ul > li > ul > li:empty {
    display: none;
  }

  .ekim--list-column-count-odd ul > li:nth-child(even) > ul > li:nth-child(odd) {
    background-color: transparent;
  }

  .ekim--list-column-count-odd ul > li:nth-child(even) > ul > li:nth-child(even) {
    background-color: #f4f4f4;
  }
}

.ekim--list--empty {
  display: none;
}

.ekim--list-empty .ekim--list--empty {
  display: block;
}

.ekim--list--loader {
  /*display: none;*/
  background: white url(/images/loading.gif?be1cede97289c13920048f238fd37b85) center 1em no-repeat;
  opacity: 0;
  transition: opacity 0.5s, z-index 0.5s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.ekim--list-loading .ekim--list--loader {
  /*display: block;*/
  opacity: 0.6;
  z-index: 1;
}

.ekim--row {
  position: relative;
  /*  overflow: hidden;*/
}

/* Clearfix */

.ekim--row:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.ekim--row--space {
  /* margin: 5px;*/
  padding: 10px;
  box-sizing: border-box;
}

.ekim--row--rightspace {
  padding-right: 30px;
}

@media (max-width: 45em) {
  .ekim--row--rightspace {
    padding-right: 0;
  }
}

.ekim--col-1-12 {
  width: 8.3333333333%;
}

.ekim--col-2-12 {
  width: 16.6666666667%;
}

.ekim--col-3-12 {
  width: 25%;
}

.ekim--col-4-12 {
  width: 33.3333333333%;
}

.ekim--col-5-12 {
  width: 41.6666666667%;
}

.ekim--col-6-12 {
  width: 50%;
}

.ekim--col-7-12 {
  width: 58.3333333333%;
}

.ekim--col-8-12 {
  width: 66.6666666667%;
}

.ekim--col-9-12 {
  width: 75%;
}

.ekim--col-10-12 {
  width: 83.3333333333%;
}

.ekim--col-11-12 {
  width: 91.6666666667%;
}

.ekim--col-12-12 {
  width: 100%;
}

.ekim--col-1-12,
.ekim--col-2-12,
.ekim--col-3-12,
.ekim--col-4-12,
.ekim--col-5-12,
.ekim--col-6-12,
.ekim--col-7-12,
.ekim--col-8-12,
.ekim--col-9-12,
.ekim--col-10-12,
.ekim--col-11-12,
.ekim--col-12-12 {
  float: left;
  box-sizing: border-box;
}

@media (max-width: 45em) {
  .ekim--col-1-12,
  .ekim--col-2-12,
  .ekim--col-3-12,
  .ekim--col-4-12,
  .ekim--col-5-12,
  .ekim--col-6-12,
  .ekim--col-7-12,
  .ekim--col-8-12,
  .ekim--col-9-12,
  .ekim--col-10-12,
  .ekim--col-11-12,
  .ekim--col-12-12 {
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
}

a.btn,
input.btn,
button.btn,
label.btn {
  background: #dddddd;
  display: inline-block;
  color: #194659;
  cursor: default;
  border-radius: 3px;
  padding: 0.5em 0.8em;
  text-decoration: none;
  border-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  margin: 0.3em 0.3em 0.3em 0;
  font-weight: bold;
  vertical-align: middle;
}

a.btn:hover,
input.btn:hover,
button.btn:hover,
label.btn:hover {
  background-color: #c4c4c4;
  text-decoration: none;
}

a.btn:active,
input.btn:active,
button.btn:active,
label.btn:active {
  background-color: #aaaaaa;
}

a.btn.btn-icon,
input.btn.btn-icon,
button.btn.btn-icon,
label.btn.btn-icon {
  padding: 0.2em;
  font-size: 1.4em;
  color: #FFFFFF;
  margin: 0;
}

a.btn.btn-primary,
input.btn.btn-primary,
button.btn.btn-primary,
label.btn.btn-primary {
  background: #398FD1;
  color: #FFFFFF;
}

a.btn.btn-primary:hover,
input.btn.btn-primary:hover,
button.btn.btn-primary:hover,
label.btn.btn-primary:hover {
  background: #398FD1;
  background-color: #2974ae;
  text-decoration: none;
}

a.btn.btn-primary:active,
input.btn.btn-primary:active,
button.btn.btn-primary:active,
label.btn.btn-primary:active {
  background-color: #194659;
}

.btn--radios a.btn,
.btn--radios input.btn,
.btn--radios button.btn,
.btn--radios label.btn {
  background: #f4f4f4;
  color: #aaaaaa;
}

.btn--radios a.btn:hover,
.btn--radios input.btn:hover,
.btn--radios button.btn:hover,
.btn--radios label.btn:hover {
  background: #dddddd;
}

.btn--radios a.btn.btn--radios--selected,
.btn--radios a.btn.btn--radios--selected:hover,
.btn--radios input.btn.btn--radios--selected,
.btn--radios input.btn.btn--radios--selected:hover,
.btn--radios button.btn.btn--radios--selected,
.btn--radios button.btn.btn--radios--selected:hover,
.btn--radios label.btn.btn--radios--selected,
.btn--radios label.btn.btn--radios--selected:hover {
  background: #398fd1;
  box-shadow: 0 0 4px 1px #2974ae inset;
  color: #FFFFFF;
}

.btn--label {
  /*    padding: .6em;
      margin: $btnMargin;*/
  padding: 0 1em;
  display: inline-block;
  font-weight: bold;
  color: #2974ae;
  vertical-align: middle;
  /*    line-height: 2em;*/
  top: 6px;
}

.btn--radios {
  overflow: hidden;
}

.btn--radios .btn {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  float: left;
}

.btn--radios input {
  display: none;
}

.btn--radios .btn:nth-child(1) {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.btn--radios .btn:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media (max-width: 45em) {
  .btn--radios.btn--radios-collapse .btn {
    border-radius: 0;
    display: block;
    float: none;
    margin: 0 0.3em;
  }

  .btn--radios.btn--radios-collapse .btn:nth-child(1) {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }

  .btn--radios.btn--radios-collapse .btn:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}

.alert {
  clear: both;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.alert h4 {
  margin-top: 0;
  margin-bottom: 0.6em;
  color: inherit;
}

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

.alert > p,
.alert > ul {
  margin: 0;
}

.alert > p + p {
  margin-top: 5px;
}

/*.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}*/

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  /*color: #468847;*/
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

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

.alert-info {
  background-color: #dce9f0;
  border: none;
  font-size: 0.8em;
  /*color: #3a87ad;*/
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #2d6987;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #fbeed5;
  /*color: #c09853;*/
}

.alert-warning hr {
  border-top-color: #f8e5be;
}

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

.alert-error,
.alert-danger {
  background-color: #f2dede;
  border-color: #eed3d7;
  /*color: #b94a48;*/
}

.alert-error hr,
.alert-danger hr {
  border-top-color: #e6c1c7;
}

.alert-error .alert-link,
.alert-danger .alert-link {
  color: #953b39;
}

.ekim--table {
  width: 100%;
  text-align: left;
  border-spacing: 0;
  margin: 0 0 2em 0;
  overflow-x: auto;
}

.ekim--table thead th:first-child {
  padding-left: 0;
}

.ekim--table tbody tr:nth-child(odd) {
  background-color: #f4f4f4;
}

.ekim--table tbody + tbody {
  border-top: 2.5em solid white;
}

.ekim--table th,
.ekim--table td {
  padding: 0.4em 0.4em 0.4em 0.8em;
}

.ekim--table th {
  background-color: white;
  color: #aaaaaa;
  font-size: 0.8em;
  font-weight: normal;
}

.ekim--table th[rowspan] {
  vertical-align: top;
}

.ekim--table td {
  color: #194659;
}

.ekim--table .ekim--table--actions {
  text-align: right;
  font-size: 0.8em;
}

.ekim--table .ekim--table--currency {
  text-align: right;
}

.ekim--table caption {
  caption-side: bottom;
  text-align: left;
}

.ekim--table caption i {
  font-size: 0.8em;
}

@media (max-width: 45em) {
  .ekim--table .ekim--table {
    display: block;
  }
}

.ekim--table--title {
  /*    padding: 0 0 0 .7em;*/
}

.ekim--table--mobileWrapper {
  width: 100%;
  overflow: auto;
}

.ekim--table--price {
  text-align: right;
}

.dt-buttons {
  float: right;
}

.ekim--form fieldset {
  border-color: #ddd;
  border-width: 1px;
  margin-bottom: 1em;
}

.ekim--form--group {
  display: block;
  clear: both;
  padding: 0.2em;
}

.ekim--form--group.ekim--form--group-buttonleft {
  clear: none;
  float: left;
}

.ekim--form--group.ekim--form--group-button {
  clear: none;
  float: right;
}

.ekim--form--group .ekim--form--input,
.ekim--form--group .ekim--form--input input {
  display: inline-block;
  outline-color: #aaaaaa;
}

.ekim--form--group input.ekim--form--input:focus {
  outline-style: solid;
  outline-width: 1px;
}

.ekim--form--group .ekim--form--input {
  padding: 0.3em;
}

.ekim--form--group input.ekim--form--input,
.ekim--form--group textarea.ekim--form--input {
  border: 1px solid #dddddd;
  box-sizing: border-box;
  width: 67%;
}

.ekim--form--group input.ekim--form--input[disabled],
.ekim--form--group textarea.ekim--form--input[disabled] {
  background: #dddddd;
}

.ekim--form--invalid,
.ekim--form--invalid input {
  border-color: #DF2111 !important;
  outline-color: #DF2111 !important;
}

label.ekim--form--invalid {
  color: #DF2111;
}

.ekim--form--label {
  display: block;
  float: left;
  line-height: 2em;
  width: 33%;
}

input[type=checkbox] {
  /*    visibility: hidden;*/
  margin-right: 0.2em;
}

input[type=checkbox]:after {
  content: "";
  display: block;
  visibility: visible;
  background-size: 100% auto;
  width: 15px;
  height: 15px;
  margin-left: -1px;
}

input[type=checkbox]:checked:after {
  background-position: center 33%;
}

.ekim--form--invalid input[type=checkbox]:after {
  background-position: center 67%;
}

.ekim--form--invalid input[type=checkbox]:checked:after {
  background-position: center 100%;
}

input[type=checkbox][disabled] {
  opacity: 0.5;
}

input[type=radio] {
  /*    visibility: hidden;*/
  margin-right: 0.2em;
}

input[type=radio]:after {
  content: "";
  display: block;
  visibility: visible;
  background-size: 100% auto;
  width: 15px;
  height: 15px;
  margin-left: -1px;
}

input[type=radio]:checked:after {
  background-position: center 33%;
}

.ekim--form--invalid input[type=radio]:after {
  background-position: center 67%;
}

.ekim--form--invalid input[type=radio]:checked:after {
  background-position: center 100%;
}

input[type=radio][disabled] {
  opacity: 0.5;
}

.apxForm--conditional-hidden {
  display: none;
  opacity: 0;
}

.apxForm--conditional-visible {
  display: block;
  opacity: 1;
}

.apxForm--error {
  display: none;
}

.apxForm--error.apxForm--error-visible {
  display: block;
}

.ekim--details--notes {
  border: 1px solid #dddddd;
  margin: 20px 0 20px 0;
}

.ekim--details--notes h3 {
  background-color: #f4f4f4;
  margin: 0;
  padding: 10px;
  position: relative;
}

.ekim--details--notes .ekim--details--notes--icon {
  position: absolute;
  right: 0.5em;
  top: 0;
  bottom: 0;
  color: #c4c4c4;
  font-size: 1.4em;
  height: 1em;
  margin: auto;
}

.ekim--details--notes .ekim--details--notes--icon--save {
  color: #194659;
}

.ekim--details--notes p,
.ekim--details--notes textarea {
  padding: 1em;
  /*        margin: 1em 0;*/
  margin: 0;
}

.ekim--details--notes textarea {
  display: block;
  box-sizing: border-box;
  /*        margin: 13px -0.359375px 13px 0px;*/
  resize: vertical;
  width: 100%;
  border-color: #194659;
}

textarea {
  margin: 0;
}

.ekim--productFavorite-on .ekim--productFavorite--off {
  display: none;
}

.ekim--productFavorite-off .ekim--productFavorite--on {
  display: none;
}

#productNumber {
  /*  font-weight: bold;*/
  color: #194659;
}

#quantity,
#discount {
  display: inline-block;
  margin: 0 0 1em 0;
}

#discount {
  margin: 0 0 0 2em;
}

#discount.clearMargin {
  margin: 0;
}

.ekim--details--quantity,
.ekim--details--discount {
  width: 3em;
  width: 2.5em;
}

.ekim--details--clearQuantity,
.ekim--details--clearDiscount {
  color: #aaaaaa;
  font-size: 1.4em;
  vertical-align: sub;
}

.ekim--details--clearQuantity:hover,
.ekim--details--clearDiscount:hover {
  color: #398FD1;
}

.ekim--details--prices {
  margin-bottom: 0;
}

.ekim--details--prices--list {
  font-size: 1.6em;
}

.ekim--details--prices--list a {
  color: #c4c4c4;
  cursor: pointer;
  position: relative;
  font-size: 1.1em;
}

.ekim--details--prices--list a:hover {
  color: #398FD1;
}

.ekim--details--prices--list .ekim--details--cartAmount {
  position: absolute;
  right: -0.2em;
  bottom: -0.2em;
  background: #398FD1;
  border-radius: 1em;
  color: white;
  font-weight: bold;
  font-size: 0.5em;
  line-height: 1em;
  text-align: center;
  padding: 0.15em 0.3em;
}

.ekim--details--prices--list .ekim--details--cartAmount:empty {
  display: none;
}

.apxDropdown {
  position: relative;
  z-index: 3;
  display: inline-block;
  font-size: 0.85em;
  margin: 0.3em 0.4em 0.3em 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (max-width: 45em) {
  .apxDropdown {
    width: 100%;
  }
}

.apxDropdown.active {
  z-index: 4;
}

.apxDropdownselect {
  visibility: hidden;
}

.apxDropdown-single input {
  display: none;
}

form.apxDropdown {
  margin: 0 0 25px 0;
}

.apxDropdown--dropdown {
  cursor: default;
  overflow: auto;
  border: 1px solid #dddddd;
  min-width: 150px;
  max-width: 250px;
  float: left;
  z-index: 2;
  position: relative;
  background-color: white;
}

@media (max-width: 45em) {
  .apxDropdown--dropdown {
    width: 100%;
    max-width: none;
  }
}

.apxDropdown--dropdown div:first-child {
  float: left;
  line-height: 2.6em;
  padding: 0 0 0 0.8em;
  background: white;
}

.apxDropdown--dropdown div:last-child {
  background-color: #398FD1;
  color: white;
  float: right;
  font-size: 1.2em;
  width: 30px;
  text-align: center;
  line-height: 2.17em;
}

.apxDropdown--list {
  position: absolute;
  background-color: white;
  border: 1px solid #dddddd;
  min-width: 150px;
  max-width: 250px;
  overflow: auto;
  top: 20px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition-duration: 0.2s;
  z-index: -1;
}

@media (max-width: 45em) {
  .apxDropdown--list {
    width: 100%;
    max-width: none;
  }
}

.apxDropdown--list input {
  margin-right: 0.5em;
}

.apxDropdown.active .apxDropdown--list {
  opacity: 1;
  pointer-events: initial;
  visibility: visible;
  top: 25px;
  z-index: 1;
}

.apxDropdown--list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.apxDropdown--list li {
  padding: 0.4em 0.8em;
}

.apxDropdown--list li:hover {
  background-color: #f2f2f2;
}

.apxDropdown--list label {
  display: block;
  line-height: 2.2em;
}

.apxTagList {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.85em;
}

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

.apxTagList--list li {
  float: left;
  border: 1px solid #dddddd;
  margin: 0.3em;
  padding: 0.2em 0.8em;
  padding-right: 2.5em;
  position: relative;
}

.apxTagList--list .apxTagList--tag--delete {
  position: absolute;
  right: 0.6em;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #808285;
  cursor: pointer;
  display: block;
  padding: 0.2em;
  height: 1em;
}

.preface {
  float: right;
}

.salarytable1 {
  text-align: left;
}

.salarytable2 {
  float: right;
}

.salaryexample {
  float: left;
}

.salarynormal {
  float: none;
}

.apprenticebox {
  padding: 0 0 0 70px;
}

.apprenticebox-fr {
  padding: 0 0 0 30px;
}

.apprenticetable {
  border: 0;
}

.apprenticetable td {
  text-align: right;
  padding: 0 0.5em;
}

.apprenticetitle {
  margin-top: 0.65em;
  font-size: 0.9em;
}

.salarytitle {
  margin: 1.4em 0 0.7em 0;
}

.salarytable0 thead tr th:nth-of-type(n+2) {
  border-left-style: solid;
  border-right-style: solid;
  border-left-color: #dddddd;
  border-right-color: #dddddd;
  border-left-width: 1px;
  border-right-width: 1px;
}

.salarytable0 thead tr th:first-child {
  background-color: white;
}

.salarytable0 tbody tr td:nth-of-type(n+2) {
  border-left-style: solid;
  border-right-style: solid;
  border-left-color: #dddddd;
  border-right-color: #dddddd;
  border-left-width: 1px;
  border-right-width: 1px;
}

a.btn--salary-left,
button.btn--salary-left {
  background: #f4f4f4;
  display: inline-block;
  color: #aaaaaa;
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
  padding: 0.7em 1.1em;
  text-decoration: none;
  border-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  margin: -0.123em;
  font-weight: bold;
  vertical-align: middle;
}

a.btn--salary-left:hover,
button.btn--salary-left:hover {
  background-color: #c4c4c4;
  text-decoration: none;
}

a.btn--salary-left:active,
button.btn--salary-left:active {
  background-color: #aaaaaa;
}

a.btn--salary-left.btn-icon,
button.btn--salary-left.btn-icon {
  padding: 0.2em;
  font-size: 1.4em;
  color: #FFFFFF;
  margin: 0;
}

a.btn--salary-left.btn-primary,
button.btn--salary-left.btn-primary {
  background: #398FD1;
  color: #FFFFFF;
  cursor: default;
  box-shadow: 1px 1px 1px 1px #2974ae inset;
  /*&:hover {
      background: $primary;
      //  background-image: linear-gradient(to bottom, $primary_light, $primary);
      background-color: $primary_dark;
      text-decoration: none;
  }
  &:active {
      background-color: $primary_darker;
  }*/
}

.btn--label--salary-left {
  /*    padding: .6em;
      margin: .3em;*/
  padding: 0 1em;
  display: inline-block;
  font-weight: bold;
  color: #2974ae;
  /*    vertical-align: top;*/
  position: absolute;
  line-height: 2em;
}

a.btn--salary-right,
button.btn--salary-right {
  background: #f4f4f4;
  display: inline-block;
  color: #aaaaaa;
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
  padding: 0.7em 1.1em;
  text-decoration: none;
  border-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  margin: -0.123em;
  font-weight: bold;
  vertical-align: middle;
}

a.btn--salary-right:hover,
button.btn--salary-right:hover {
  background-color: #c4c4c4;
  text-decoration: none;
}

a.btn--salary-right:active,
button.btn--salary-right:active {
  background-color: #aaaaaa;
}

a.btn--salary-right.btn-icon,
button.btn--salary-right.btn-icon {
  padding: 0.2em;
  font-size: 1.4em;
  color: #FFFFFF;
  margin: 0;
}

a.btn--salary-right.btn-primary,
button.btn--salary-right.btn-primary {
  background: #398FD1;
  color: #FFFFFF;
  cursor: default;
  box-shadow: 0px 1px 1px 1px #2974ae inset;
  /*&:hover {
      background: $primary;
      //  background-image: linear-gradient(to bottom, $primary_light, $primary);
      background-color: $primary_dark;
      text-decoration: none;
  }
  &:active {
      background-color: $primary_darker;
  }*/
}

.btn--label--salary-right {
  /*    padding: .6em;
      margin: .3em;*/
  padding: 0 1em;
  display: inline-block;
  font-weight: bold;
  color: #2974ae;
  /*    vertical-align: top;*/
  position: absolute;
  line-height: 2em;
}

.salary_indent tr:nth-child(2n+4) td:first-of-type {
  padding-left: 2em;
}

.salary_indent td:nth-child(2n) {
  text-align: right;
}

.salary_underlined {
  border-bottom-style: solid;
  border-bottom-color: #c4c4c4;
  border-bottom-width: 1px;
}

@media (max-width: 45em) {
  a.btn--salary-left,
  button.btn--salary-left {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    width: 23em;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: center;
  }

  a.btn--salary-right,
  button.btn--salary-right {
    margin: 0;
    width: 23em;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
}

.info_rail_tag {
  text-align: right;
}

.info_rail_title {
  margin: 1.8em 0 0 0;
}

.info_rail_table {
  width: 100%;
  text-align: left;
  border-spacing: 0;
  margin: 0 0 2em 0;
}

.info_rail_table tbody tr:nth-child(odd) {
  background-color: #f4f4f4;
}

.info_rail_table th,
.info_rail_table td {
  padding: 0.4em 0.4em 0.4em 0.8em;
}

.info_rail_table th {
  background-color: white;
  color: #aaaaaa;
  font-size: 0.8em;
  font-weight: normal;
}

.info_rail_table td {
  color: #194659;
}

.info_stairs_title {
  margin: 1.8em 0 0 0;
}

.ekim--login--btn--group {
  margin: 1.5em 0 0 0;
}

.ekim--login--details-btn {
  color: #398FD1;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 1em;
}

.ekim--login--details-text {
  display: none;
}

.ekim--productFilter {
  margin: 0 0 1em 0;
}

.ekim--productFilter--tagChoice {
  display: inline-block;
  vertical-align: middle;
  line-height: 2.6em;
  font-size: 0.85em;
}

.apxDialog {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.apxDialog.apxDialog-modal {
  background: rgba(255, 255, 255, 0.6);
  background: radial-gradient(ellipse farthest-corner at center, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.7) 100%);
}

.apxDialog--popup {
  background: white;
  border: 1px solid #dddddd;
  color: black;
  max-width: 40%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-rendering: geometricPrecision;
  z-index: 1000;
}

@media (max-width: 45em) {
  .apxDialog--popup {
    max-width: 80%;
  }
}

.apxDialog--content {
  margin: 1.5em;
}

.apxDialog--content p.apxDialog--content--prompt {
  margin: 0 0 0.4em 0;
}

.apxDialog--footer {
  border-top: 1px solid #dddddd;
  background: #f4f4f4;
  text-align: right;
  padding: 0.2em 1em;
}

.apxDialog--footer .btn {
  margin-left: 1em;
}

.animated {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  transform: translateZ(0);
}

.animated-short {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  transform: translateZ(0);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    display: block;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    display: block;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(0.75);
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(0.75);
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1);
  }
}

.scaleIn {
  -webkit-animation-name: scaleIn;
          animation-name: scaleIn;
}

@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: scale(0.75);
  }
}

@keyframes scaleOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: scale(0.75);
  }
}

.scaleOut {
  -webkit-animation-name: scaleOut;
          animation-name: scaleOut;
}

.hint {
  color: #398FD1;
}

.hint-sia {
  margin-top: -0.7em;
  font-style: italic;
  font-size: 0.8em;
}

.hint-sia.notApproved {
  color: #DF2111;
}

.hint-info {
  /*  color: $grey_darker;*/
}

.hint-material,
.wood,
.miscellaneous,
.stainless,
.steel,
.aluminium {
  padding: 0.2em 0;
  margin: 0 0.6em 0 0;
  display: inline-block;
  width: 55px;
  text-align: center;
  text-transform: uppercase;
}

.hint-icon.icon-info:before,
.hint-icon.icon-achtung:before {
  font-size: 1.6em;
  position: relative;
  top: -2px;
  vertical-align: middle;
  padding: 0 0.1em 0 0;
}

.aluminium {
  background-color: #FFD959;
}

.steel {
  background-color: #87BFFF;
}

.stainless {
  background-color: #FFAC5A;
}

.miscellaneous {
  background-color: #BBBBBB;
}

.wood {
  background-color: #CEAE92;
}

.hint-text {
  /*  color: $text;*/
}

@media (max-width: 45em) {
  .hint-text {
    margin: 0;
  }
}

.ekim--productList--total {
  font-weight: bold;
  text-align: right;
}

/*
 * Table styles
 */

table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111111;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting {
  background-image: url(/images/vendor/datatables.net-dt/sort_both.png?9a6486086d09bb38cf66a57cc559ade3);
}

table.dataTable thead .sorting_asc {
  background-image: url(/images/vendor/datatables.net-dt/sort_asc.png?9326ad44ae4bebdedd141e7a53c2a730);
}

table.dataTable thead .sorting_desc {
  background-image: url(/images/vendor/datatables.net-dt/sort_desc.png?1fc418e33fd5a687290258b23fac4e98);
}

table.dataTable thead .sorting_asc_disabled {
  background-image: url(/images/vendor/datatables.net-dt/sort_asc_disabled.png?d7dc10c78f23615d328581aebcd805eb);
}

table.dataTable thead .sorting_desc_disabled {
  background-image: url(/images/vendor/datatables.net-dt/sort_desc_disabled.png?bda51e15154a18257b4f955a222fd66f);
}

table.dataTable tbody tr {
  background-color: white;
}

table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #abb9d3;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: whitesmoke;
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
  background-color: #a9b7d1;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #f9f9f9;
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad4;
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b3cd;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a7b5ce;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b6d0;
}

table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #f9f9f9;
}

table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fbfbfb;
}

table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fdfdfd;
}

table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad4;
}

table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #adbbd6;
}

table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ebebeb;
}

table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #eeeeee;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a1aec7;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a2afc8;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a4b2cb;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #111111;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

/*
 * Control feature layout
 */

.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  border: 1px solid #979797;
  background-color: white;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, gainsboro 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111111;
  background-color: #585858;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333333;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }

  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}

@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }

  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}

div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}

div.dt-button-info > div {
  padding: 1em;
}

div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0 0.5em;
  font-size: 0.9em;
}

div.dt-button-collection-title:empty {
  display: none;
}

button.dt-button,
div.dt-button,
a.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  margin-bottom: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  line-height: 1.6em;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-color: #e9e9e9;
  /* Fallback */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, white 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="white", EndColorStr="#e9e9e9");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
}

button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  /* Fallback */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, white 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="white", EndColorStr="#f9f9f9");
}

button.dt-button:active:not(.disabled),
button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled) {
  background-color: #e2e2e2;
  /* Fallback */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f3f3f3", EndColorStr="#e2e2e2");
  box-shadow: inset 1px 1px 3px #999999;
}

button.dt-button:active:not(.disabled):hover:not(.disabled),
button.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button.active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999999;
  background-color: #cccccc;
  /* Fallback */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#eaeaea", EndColorStr="#cccccc");
}

button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover {
  text-decoration: none;
}

button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
  border: 1px solid #666;
  background-color: #e0e0e0;
  /* Fallback */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f9f9f9", EndColorStr="#e0e0e0");
}

button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled) {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #79ace9;
  /* Fallback */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#bddef4", EndColorStr="#79ace9");
}

.dt-button embed {
  outline: none;
}

div.dt-buttons {
  position: relative;
  float: left;
}

div.dt-buttons.buttons-right {
  float: right;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
}

div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #dadada;
  /* Fallback */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");
  box-shadow: inset 1px 1px 3px #666;
}

div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}

div.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}

div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}

div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}

div.dt-button-collection > * {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

div.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 1px;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}

div.dt-button-collection.three-column {
  width: 450px;
  padding-bottom: 1px;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}

div.dt-button-collection.four-column {
  width: 600px;
  padding-bottom: 1px;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}

div.dt-button-collection .dt-button {
  border-radius: 0;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  /* Fallback */
  /* IE10 Consumer Preview */
  /* Firefox */
  /* Opera */
  /* Webkit (Safari/Chrome 10) */
  /* Webkit (Chrome 11+) */
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C Markup, IE10 Release Preview */
  z-index: 2001;
}

@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}

button.dt-button.processing,
div.dt-button.processing,
a.dt-button.processing {
  color: rgba(0, 0, 0, 0.2);
}

button.dt-button.processing:after,
div.dt-button.processing:after,
a.dt-button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

.ekim--cart-showNetto .ekim--cart--brutto,
.ekim--cart-showNetto .ekim--productList--total-brutto {
  display: none;
}

.ekim--cart-showBrutto .ekim--cart--netto,
.ekim--cart-showBrutto .ekim--productList--total-netto {
  display: none;
}

@media print {
  .ekim--content {
    padding: 0 !important;
  }

  .ekim--header {
    display: none;
  }

  .btn.btn-primary {
    display: none;
  }

  a.btn {
    display: none;
  }

  td.ekim--table--actions {
    display: none;
  }

  .ekim--breadcrumbs--container {
    display: none;
  }

  .ekim--details--quantity {
    border: 0;
    background: transparent;
  }

  body {
    background: white;
  }

  /*	h1:nth-of-type(n+2) {
  		page-break-before: always;
  	}*/

  input.ekim--details--quantity {
    -moz-appearance: textfield;
  }

  .ekim--productList--total {
    padding-right: 0.5cm;
  }

  .ekim--cart--switchView {
    display: none;
  }

  .ekim--table th,
  .ekim--table td {
    border-bottom: 1px solid #dddddd;
  }

  .ekim--table a {
    color: #194659;
  }
}

@page {
  margin: 2cm 1.5cm;
}

/**
    General Typeahead styles
**/

.tt-query {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999;
}

.tt-dropdown-menu {
  width: 100%;
  margin-top: 1em;
  padding: 0.5em 0;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
  padding: 0.5em 1em;
}

.tt-suggestion a {
  color: #194659;
  display: block;
  padding-left: 4.8em;
  position: relative;
}

.tt-suggestion .ekim--product--material {
  position: absolute;
  left: 0;
  height: 1.2em;
  top: 0;
  bottom: 0;
  margin: auto;
}

.tt-suggestion.tt-cursor {
  /*color: #fff;*/
  background-color: #dddddd;
}

.tt-suggestion p {
  margin: 0;
}

/**
    eKiM specific styles
**/

.ekim--search--form .ekim--form--group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}

.ekim--search--form .twitter-typeahead {
  flex: 1 0 auto;
  margin-right: 1em;
}

.ekim--search--form input[type=search] {
  width: 100%;
}

.ekim--search--form .btn.btn-primary {
  height: 1.35em;
  width: 1.6em;
}

.ekim--search--container {
  display: none;
  padding: 0 90px;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 0;
  background: white;
  box-shadow: #cccccc 0px -14px 31px -20px inset;
  border-bottom: 1px solid #eaeaea;
  /*    @media($mediaQueryTablet) {
          padding-left: 45px;
          padding-right: 45px;
      }*/
}

@media (max-width: 45em) {
  .ekim--search--container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.ekim--list.ekim--searchResults li {
  white-space: normal;
}

.ekim--list.ekim--searchResults a {
  display: block;
  padding-left: 4.8em;
  position: relative;
}

.ekim--list.ekim--searchResults .ekim--product--material {
  position: absolute;
  left: 0;
  height: 1.2em;
  top: 0;
  bottom: 0;
  margin: auto;
}