/*!
 * 
 * Built: Thu Feb 08 2024 16:10:01 GMT+0100 (GMT+01:00)
 * Authors: EM
 * Version: 4.1.0
 * Copyright (c) 2024 WIKA Alexander Wiegand SE & Co. KG
 * 
 */
@charset "UTF-8";
@font-face {
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=#fontawesomeregular") format("svg");
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal; }

/*
  @include linear-gradient(#31B7D7, #EDAC7D);
  @include linear-gradient(to right, #E47D7D 0%, #C195D3 50%, #4FB4E8 100%);
  @include linear-gradient(42deg, #B58234 0%, #D2B545 50%, #D7C04D 50.01%, #FFFFFF 100%);
*/
.confcontainer *, .confcontainer *:before, .confcontainer *:after, .select2-dropdown .select2-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 0.125s false, visibility 0.125s false, color 0.125s false, background-color 0.125s false, border-color 0.125s false, left 0.125s false, top 0.125s false, right 0.125s false, bottom 0.125s false;
  -moz-transition: opacity 0.125s false false, visibility 0.125s false false, color 0.125s false false, background-color 0.125s false false, border-color 0.125s false false, left 0.125s false false, top 0.125s false false, right 0.125s false false, bottom 0.125s false false;
  -o-transition: opacity 0.125s false false, visibility 0.125s false false, color 0.125s false false, background-color 0.125s false false, border-color 0.125s false false, left 0.125s false false, top 0.125s false false, right 0.125s false false, bottom 0.125s false false;
  transition: opacity 0.125s, visibility 0.125s, color 0.125s, background-color 0.125s, border-color 0.125s, left 0.125s, top 0.125s, right 0.125s, bottom 0.125s; }

.confcontainer {
  *zoom: 1;
  background: #ffffff;
  background: -webkit-linear-gradient(-90deg, #ffffff, #f5f5f5);
  background: linear-gradient(180deg, #ffffff, #f5f5f5);
  color: #4c4b49;
  position: relative;
  height: 46.15385em;
  overflow: hidden;
  border: 5px solid #ffffff;
  max-width: 98.46154em;
  line-height: 1.6;
  font-size: 13px;
  font-family: Arial, sans-serif;
  padding-top: 1.53846em;
  padding-bottom: 1.53846em;
  margin-left: auto;
  margin-right: auto; }
  .confcontainer:after {
    content: "";
    display: table;
    clear: both; }
  .confcontainer > div {
    float: left;
    width: 100%;
    padding-left: 1.53846em;
    padding-right: 1.53846em;
    *zoom: 1; }
    .confcontainer > div:after {
      content: "";
      display: table;
      clear: both; }
  .confcontainer [class*="-area-component"] {
    position: absolute;
    left: 1.53846em;
    right: 1.53846em;
    bottom: 0;
    top: 7.30769em; }
  .confcontainer .iconcontainer_0 {
    position: absolute;
    width: 360px;
    left: 0px;
    bottom: 65px; }
  .confcontainer.started-with-config .home-area-component {
    display: none; }
  .confcontainer.loading .Configurator__loader {
    position: absolute;
    z-index: 10009;
    left: 0;
    top: 5.76923em;
    right: 0;
    bottom: 0;
    background: -svg-url(../images/loader.gif) no-repeat center center, -svg-linear-gradient(rgba(255, 255, 255, 0.9), rgba(245, 245, 245, 0.9));
    background: -owg-url(../images/loader.gif) no-repeat center center, -owg-linear-gradient(rgba(255, 255, 255, 0.9), rgba(245, 245, 245, 0.9));
    background: -webkit-url(../images/loader.gif) no-repeat center center, -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(245, 245, 245, 0.9));
    background: -moz-url(../images/loader.gif) no-repeat center center, -moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(245, 245, 245, 0.9));
    background: -o-url(../images/loader.gif) no-repeat center center, -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(245, 245, 245, 0.9));
    -pie-background: -pie-url(../images/loader.gif) no-repeat center center, -pie-linear-gradient(rgba(255, 255, 255, 0.9), rgba(245, 245, 245, 0.9));
    background: url(../images/loader.gif) no-repeat center center, linear-gradient(rgba(255, 255, 255, 0.9), rgba(245, 245, 245, 0.9)); }
  .confcontainer .scroll {
    overflow-y: auto; }
    .confcontainer .scroll.scrollable {
      padding-right: 0.76923em; }
  .confcontainer .engineering-drawing-component-nav {
    margin-top: -8px;
    padding-left: 20px;
    width: auto;
    color: #3480cf;
    cursor: pointer;
    float: left; }
    .confcontainer .engineering-drawing-component-nav .fa-picture-o:before {
      content: "\F1C5";
      font-size: 1.25em !important;
      font-family: 'FontAwesome' !important;
      font-weight: normal !important;
      color: "inherit";
      margin-right: 0.5em; }
  .confcontainer .engineering-drawing-component-nav:hover {
    color: #0038a8; }

.pdfdownload {
  padding-left: 20px;
  margin-top: -4px;
  width: auto;
  float: left; }

.pdfdownload > a {
  padding-left: 20px;
  display: block;
  cursor: pointer;
  color: #3480cf;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAABkCAYAAACy0tHQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0RBNENBNjE0OUMyMTFFMjhDRjRFMjQxMzE3NEIyQTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0RBNENBNjI0OUMyMTFFMjhDRjRFMjQxMzE3NEIyQTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3REE0Q0E1RjQ5QzIxMUUyOENGNEUyNDEzMTc0QjJBNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3REE0Q0E2MDQ5QzIxMUUyOENGNEUyNDEzMTc0QjJBNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhDHh5cAAAI+SURBVHja7JjPaxNBFMe/s5nNpjZp1zSSWukiHqRYpQaqKNJGe9BbEAWheBCEGjx78CD4D3jw4KVBT94UEb2It+LRUxAvIv5ANEr9kaYS3N1uM+PsNqm72cTs3ueFL0l23mdm3syEyXukcH2Fo7+VhSpCKSHbfaAgmlltKDLgmimkxQG8kWgEp7L/yyCg0v0gNKUkVbC8NIPS7HjPHkKAQogna4NFAyynhbWmA31YjQZkhiiyaRVzU2M9gVDQ545O4EvdRCal4valQ3j3rYnVdRuPXn4NA2PpJGb36UinEqjVLdgmw6npHGiChIGTB3K4cHwPGOe4vFwF950wRSHhGBYO5rBb13Dn+YeAs2uM8XAMNx++iXQ24p4lbwQSB4g9ggQkIAEJSEACPW+gz68afRsnZ3RUX6wiJy5LLm5K4/DOeCN8qtblPkhAAhKQgAT6Avw/utJ+17YB9yrqp479bNj/agJRADcN+7W+4dUEKOd84Lw7HvXfjjUQKBTzgZoAGV14wGOtkpvd+pVUFTy9VcTi6b3obnNFOQvm/kS83HTYtBx0t3n/BFhXDE1zEz8aFrKjGliP+BQmevErs4Nil3A+c2wC3W2uiHbifqCbaxensd8YgS7SfUoVvH6/htr3P7j75G17Sr555rNDmC/kMTKs4mOtCdtpoTQ36RVHKo+3EvTtfSjNG7h6fgotkc4Xy88CaX5CLELHT6zS1oezRQPGeBqLN1bAWsFgN301AaIcuRdr4yjn8X4PfwUYAJYvEV2L+awXAAAAAElFTkSuQmCC") no-repeat left top; }

.pdfdownload > a:hover {
  background-position: left -84px;
  color: #16489a; }

.pdfdownload.loading > a {
  padding-left: 25px;
  color: #4c4b49;
  cursor: default;
  background: url(../images/loader.gif) no-repeat left top;
  background-size: 16px; }

.pdfdownload.loading > a:hover {
  color: #4c4b49;
  background-position: left top; }

.engineering-drawing-component {
  width: 365px;
  height: 460px;
  z-index: 10010; }
  .engineering-drawing-component .drawing-wrap {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
  .engineering-drawing-component .drawing-wrap {
    background: white;
    margin: 0px;
    padding: 10px;
    height: 440px;
    width: 370px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
  .engineering-drawing-component .drawing-wrap-fade-in {
    opacity: 1;
    animation: fade 0.5s linear; }

@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .engineering-drawing-component .drawing-wrap-fade-out {
    opacity: 0;
    animation: fade 0.5s linear; }

@keyframes fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.downloadcomponent.wikaconfoverlay {
  position: absolute;
  top: -15px; }

.needsrefresh {
  opacity: 0.1 !important; }

#deliverytt {
  width: 200px;
  text-align: center;
  font-weight: bolder; }

.deliverystate {
  width: 18px;
  float: right;
  height: 18px;
  display: inline-block;
  margin-left: 10px; }

.deliverystate-S {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFR3BMpqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOed2OJmgAAAA90Uk5TAPRyCbhF4oKQW842IKAQCQoOHAAAAJVJREFUCNdjYGBgYP//gAECWJUMoKyTSsEMliDGlv//PxbrKzAwcIrpMO/9daKAgSH+MgOj67Y8BgY+EQYG/v/VEgwMTH9ArK+NDxi4HECsL+cnMDA2gFgfGQsY+BXAZrI1MLBdALPsFRh4E8Cs+RsYWD+BWauA2HEDkOD4CiReCTEw8PiD9PH555Y7SkKcd01wOdCpAGxRJ26kEy6vAAAAAElFTkSuQmCC") no-repeat left top; }

.deliverystate-O {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFR3BMpqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOed2OJmgAAAA90Uk5TAPR0CbiFSTjiX84gl6UQ2OWeuQAAAJdJREFUCNdjYGBgYP3/gAEC2JUMoKydSskMliBGyf//H4P1FRgYOCW0mWt+7QlgYMi/zMDoVtHHwMAnwsDA/z9clIGB6TeI9e3gAwYuBxDry/4JDIwBINZHIMWvAGZxBDBwHADL2isw8DaAdeQXMLD9BLECVgEtcywAmszzDch6JcnAwO0P1MfA59+j6igJcd4NwaVApwIAehctDhoU568AAAAASUVORK5CYII=") no-repeat left top; }

.deliverystate-E {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1QTFRFR3BMpqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOepqOe9Que") no-repeat left top; }

.col-xs-4 .instock {
  float: right; }

.extendedbuttons-wrap {
  float: right; }

.current-options-component::after {
  content: " ";
  display: table;
  clear: both; }

.confcontainer .row {
  *zoom: 1;
  margin-left: -1.53846em;
  margin-right: -1.53846em; }
  .confcontainer .row:after {
    content: "";
    display: table;
    clear: both; }

.confcontainer .col-xs-1 {
  float: left;
  width: 8.33333%;
  padding-left: 1.53846em;
  padding-right: 1.53846em;
  *zoom: 1; }
  .confcontainer .col-xs-1:after {
    content: "";
    display: table;
    clear: both; }

.confcontainer .col-xs-2 {
  float: left;
  width: 16.66667%;
  padding-left: 1.53846em;
  padding-right: 1.53846em;
  *zoom: 1; }
  .confcontainer .col-xs-2:after {
    content: "";
    display: table;
    clear: both; }

.confcontainer .col-xs-3 {
  float: left;
  width: 25%;
  padding-left: 1.53846em;
  padding-right: 1.53846em;
  *zoom: 1; }
  .confcontainer .col-xs-3:after {
    content: "";
    display: table;
    clear: both; }

.confcontainer .col-xs-4 {
  float: left;
  width: 33.33333%;
  padding-left: 1.53846em;
  padding-right: 1.53846em;
  *zoom: 1; }
  .confcontainer .col-xs-4:after {
    content: "";
    display: table;
    clear: both; }

.confcontainer .col-xs-5 {
  float: left;
  width: 41.66667%;
  padding-left: 1.53846em;
  padding-right: 1.53846em;
  *zoom: 1; }
  .confcontainer .col-xs-5:after {
    content: "";
    display: table;
    clear: both; }

.confcontainer .col-xs-6 {
  float: left;
  width: 50%;
  padding-left: 1.53846em;
  padding-right: 1.53846em;
  *zoom: 1; }
  .confcontainer .col-xs-6:after {
    content: "";
    display: table;
    clear: both; }

.confcontainer .col-xs-7 {
  float: left;
  width: 58.33333%;
  padding-left: 1.53846em;
  padding-right: 1.53846em;
  *zoom: 1; }
  .confcontainer .col-xs-7:after {
    content: "";
    display: table;
    clear: both; }

.confcontainer .col-xs-8 {
  float: left;
  width: 66.66667%;
  padding-left: 1.53846em;
  padding-right: 1.53846em;
  *zoom: 1; }
  .confcontainer .col-xs-8:after {
    content: "";
    display: table;
    clear: both; }

.confcontainer .col-xs-9 {
  float: left;
  width: 75%;
  padding-left: 1.53846em;
  padding-right: 1.53846em;
  *zoom: 1; }
  .confcontainer .col-xs-9:after {
    content: "";
    display: table;
    clear: both; }

.confcontainer .col-xs-10 {
  float: left;
  width: 83.33333%;
  padding-left: 1.53846em;
  padding-right: 1.53846em;
  *zoom: 1; }
  .confcontainer .col-xs-10:after {
    content: "";
    display: table;
    clear: both; }

.confcontainer .col-xs-11 {
  float: left;
  width: 91.66667%;
  padding-left: 1.53846em;
  padding-right: 1.53846em;
  *zoom: 1; }
  .confcontainer .col-xs-11:after {
    content: "";
    display: table;
    clear: both; }

.confcontainer .col-xs-12 {
  float: left;
  width: 100%;
  padding-left: 1.53846em;
  padding-right: 1.53846em;
  *zoom: 1; }
  .confcontainer .col-xs-12:after {
    content: "";
    display: table;
    clear: both; }

.confcontainer .fa-fw {
  width: auto;
  text-align: left; }

.confcontainer .fa-lg {
  font-size: inherit;
  line-height: inherit;
  vertical-align: inherit; }

.confcontainer .fa {
  display: inline;
  font: inherit; }

.confcontainer i[class*="fa-"]:before {
  display: inline-block;
  font-family: "FontAwesome";
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); }

.confcontainer .fa-comments:before {
  content: "\F086"; }

.confcontainer .fa-gears:before {
  content: "\F085"; }

.confcontainer .fa-close:before {
  content: "\F00D"; }

.confcontainer .popover .fa-exclamation-triangle {
  position: relative;
  padding-left: 1.5625em; }
  .confcontainer .popover .fa-exclamation-triangle:before {
    content: "\F071";
    font-size: 1em !important;
    font-family: 'FontAwesome' !important;
    font-weight: normal !important;
    color: #ffb319;
    position: absolute;
    top: 0em;
    left: 0em; }

.confcontainer .tabs-menu .fa-exclamation-triangle:before {
  content: "\F071";
  font-size: 1em !important;
  font-family: 'FontAwesome' !important;
  font-weight: normal !important;
  color: #ffb319;
  margin-right: 0.625em; }

.confcontainer .tabs-menu .fa-check:before {
  content: "\F00C";
  font-size: 1em !important;
  font-family: 'FontAwesome' !important;
  font-weight: normal !important;
  color: #00a36d;
  margin-right: 0.625em; }

.confcontainer .tabs-menu .fa-question:before {
  content: "\F128";
  font-size: 1em !important;
  font-family: 'FontAwesome' !important;
  font-weight: normal !important;
  color: #4c4b49;
  margin-right: 0.625em; }

.confcontainer .h1 {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 1.71429em;
  font-weight: bold; }

.confcontainer .type-info-component h4 {
  margin-top: 1em; }

.confcontainer dl {
  padding-top: 0.76923em;
  padding-bottom: 0.76923em;
  margin: 0; }
  .confcontainer dl dt {
    display: inline;
    font-weight: bold;
    margin: 0; }
  .confcontainer dl dd {
    display: inline;
    margin: 0;
    padding-left: 0.38462em; }
  .confcontainer dl + dl {
    border-top: 1px solid #e9e9e9; }

.confcontainer button,
.confcontainer .button {
  background: #e9e9e9;
  background: -webkit-linear-gradient(-90deg, #e9e9e9, #f3f3f3);
  background: linear-gradient(180deg, #e9e9e9, #f3f3f3);
  border: none !important;
  padding: 0.30769em !important;
  border-radius: 0 !important;
  color: #4c4b49 !important;
  font-family: Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 1em !important;
  cursor: pointer !important;
  outline: none !important; }
  .confcontainer button span, .confcontainer .button span {
    background: #f2f2f2;
    background: -webkit-linear-gradient(-90deg, #f2f2f2, #ffffff);
    background: linear-gradient(180deg, #f2f2f2, #ffffff);
    display: block !important;
    padding: 0.35714em 1.15385em !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-transition: none false false;
    -moz-transition: none false false false;
    -o-transition: none false false false;
    transition: none; }
  .confcontainer button:hover span, .confcontainer .button:hover span {
    background: #575553;
    background: -webkit-linear-gradient(-90deg, #575553, #434140);
    background: linear-gradient(180deg, #575553, #434140);
    color: #ffffff; }
  .confcontainer button i, .confcontainer .button i {
    -webkit-transition: none false false;
    -moz-transition: none false false false;
    -o-transition: none false false false;
    transition: none; }
    .confcontainer button i:before, .confcontainer .button i:before {
      -webkit-transition: none false false;
      -moz-transition: none false false false;
      -o-transition: none false false false;
      transition: none; }

.confcontainer button.btn-danger span, .confcontainer .button.btn-danger span {
  background: #e03619;
  background: -webkit-linear-gradient(-90deg, #e03619, #d62a13);
  background: linear-gradient(180deg, #e03619, #d62a13);
  border-color: #c22b13;
  color: #ffffff; }

.confcontainer button.btn-danger:hover span, .confcontainer .button.btn-danger:hover span {
  background: #b22b14;
  background: -webkit-linear-gradient(-90deg, #b22b14, #a7210f);
  background: linear-gradient(180deg, #b22b14, #a7210f); }

.confcontainer button.btn-warning span, .confcontainer button.btn-primary span, .confcontainer .button.btn-warning span, .confcontainer .button.btn-primary span, .confcontainer .edit-mode button span {
  background: #3b91d5;
  background: -webkit-linear-gradient(-90deg, #3b91d5, #2d6fc9);
  background: linear-gradient(180deg, #3b91d5, #2d6fc9);
  border-color: #0066cc;
  color: #ffffff; }

.confcontainer button.btn-warning:hover span, .confcontainer button.btn-primary:hover span, .confcontainer .button.btn-warning:hover span, .confcontainer .button.btn-primary:hover span, .confcontainer .edit-mode button:hover span {
  background: #0059ab;
  background: -webkit-linear-gradient(-90deg, #0059ab, #00478f);
  background: linear-gradient(180deg, #0059ab, #00478f); }

.button-refresh {
  border: none;
  width: 58px;
  position: absolute;
  top: 50%;
  left: 158px;
  z-index: 10000;
  padding: 0.30769em;
  border-radius: 0;
  color: #4c4b49;
  font-family: Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 1em !important;
  cursor: pointer;
  outline: none;
  margin: 0 auto; }
  .button-refresh span {
    background: #f2f2f2;
    background: -webkit-linear-gradient(-90deg, #f2f2f2, #ffffff);
    background: linear-gradient(180deg, #f2f2f2, #ffffff);
    display: block;
    padding: 0.35714em 1.15385em;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: none false false;
    -moz-transition: none false false false;
    -o-transition: none false false false;
    transition: none; }
  .button-refresh:hover span {
    background: #575553;
    background: -webkit-linear-gradient(-90deg, #575553, #434140);
    background: linear-gradient(180deg, #575553, #434140);
    color: #ffffff; }
  .button-refresh span {
    text-align: center;
    padding: 0.15385em;
    width: 50px;
    height: 32px;
    z-index: 10000;
    background: #3b91d5;
    background: -webkit-linear-gradient(-90deg, #3b91d5, #2d6fc9);
    background: linear-gradient(180deg, #3b91d5, #2d6fc9);
    border-color: #0066cc;
    color: #ffffff; }
  .button-refresh:hover span {
    background: #0059ab;
    background: -webkit-linear-gradient(-90deg, #0059ab, #00478f);
    background: linear-gradient(180deg, #0059ab, #00478f); }

.confcontainer .button-refresh .fa {
  -webkit-transition: none false false;
  -moz-transition: none false false false;
  -o-transition: none false false false;
  transition: none;
  font-size: 18px;
  z-index: 10000; }
  .confcontainer .button-refresh .fa:before {
    content: "\F021";
    font-size: 1em !important;
    font-family: 'FontAwesome' !important;
    font-weight: normal !important; }
  .confcontainer .button-refresh .fa:before {
    -webkit-transition: none false false;
    -moz-transition: none false false false;
    -o-transition: none false false false;
    transition: none; }

.confcontainer button.btn-success span, .confcontainer .button.btn-success span {
  background: #fea700;
  background: -webkit-linear-gradient(-90deg, #fea700, #e68a00);
  background: linear-gradient(180deg, #fea700, #e68a00);
  border-color: #ffae0d;
  color: #ffffff; }

.confcontainer button.btn-success:hover span, .confcontainer .button.btn-success:hover span {
  background: #ffbd1c;
  background: -webkit-linear-gradient(-90deg, #ffbd1c, #ffae0d);
  background: linear-gradient(180deg, #ffbd1c, #ffae0d); }

.confcontainer button[disabled], .confcontainer button.disabled,
.confcontainer .button[disabled],
.confcontainer .button.disabled {
  cursor: default; }
  .confcontainer button[disabled] span, .confcontainer button.disabled span, .confcontainer .button[disabled] span, .confcontainer .button.disabled span {
    background: #f2f2f2;
    background: -webkit-linear-gradient(-90deg, #f2f2f2, #ffffff);
    background: linear-gradient(180deg, #f2f2f2, #ffffff);
    border-color: #d9d9d9;
    color: #a6a39e; }
  .confcontainer button:hover[disabled] span, .confcontainer button.disabled:hover span, .confcontainer .button:hover[disabled] span, .confcontainer .button.disabled:hover span {
    background: #f2f2f2;
    background: -webkit-linear-gradient(-90deg, #f2f2f2, #ffffff);
    background: linear-gradient(180deg, #f2f2f2, #ffffff); }

.confcontainer .btn-bar, .confcontainer .btn-toolbar {
  white-space: nowrap; }
  .confcontainer .btn-bar > button, .confcontainer .btn-toolbar > button {
    margin-left: 0.76923em; }
    .confcontainer .btn-bar > button:first-child, .confcontainer .btn-toolbar > button:first-child {
      margin-left: 0; }

.confcontainer .btn-bar, .confcontainer .edit-mode, .confcontainer .thumbmode .edit-mode .visible > div {
  background: #e9e9e9;
  background: -webkit-linear-gradient(-90deg, #e9e9e9, #f3f3f3);
  background: linear-gradient(180deg, #e9e9e9, #f3f3f3);
  *zoom: 1;
  border-radius: 0;
  display: inline-block; }
  .confcontainer .btn-bar:after, .confcontainer .edit-mode:after, .confcontainer .thumbmode .edit-mode .visible > div:after {
    content: "";
    display: table;
    clear: both; }
  .confcontainer .btn-bar .hoverable-buttons, .confcontainer .edit-mode .hoverable-buttons, .confcontainer .thumbmode .edit-mode .visible > div .hoverable-buttons {
    float: left; }
  .confcontainer .btn-bar button, .confcontainer .edit-mode button, .confcontainer .thumbmode .edit-mode .visible > div button {
    background: none !important; }

.confcontainer .header-component .buttons button,
.confcontainer .header-component .config button, .confcontainer .footer-component .price-info button,
.confcontainer .edit-mode button {
  width: 3.46154em;
  text-align: center; }
  .confcontainer .header-component .buttons button span, .confcontainer .header-component .config button span, .confcontainer .footer-component .price-info button span,
  .confcontainer .edit-mode button span {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.46154em;
    padding-bottom: 0.46154em; }


.confcontainer .edit-mode button {
  width: 2.69231em; }

.confcontainer select,
.confcontainer input,
.confcontainer textarea, .select2-dropdown .select2-search input {
  width: 100%;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 1.07692em;
  margin-top: 0.38462em;
  margin-bottom: 0.76923em;
  color: #4c4b49;
  background-color: #ffffff;
  padding: 0.35714em 0.71429em 0.28571em;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px 0 #C7C7C7;
  -moz-box-shadow: inset 0 1px 1px 0 #C7C7C7;
  box-shadow: inset 0 1px 1px 0 #C7C7C7; }
  .confcontainer select.show-as-text,
  .confcontainer input.show-as-text,
  .confcontainer textarea.show-as-text, .select2-dropdown .select2-search input.show-as-text {
    background: none;
    padding: 0;
    resize: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.confcontainer label {
  display: block;
  margin-top: 0.76923em;
  margin-bottom: 0.38462em; }

.confcontainer textarea {
  height: 6.15385em;
  resize: none;
  line-height: 1.5; }

.confcontainer [disabled],
.confcontainer [readonly] {
  color: #777777;
  background-color: #f8f8f8; }

.confcontainer .edit-mode {
  display: none;
  *zoom: 1;
  padding: 0.38462em;
  margin-top: 0.38462em; }
  .confcontainer .edit-mode:after {
    content: "";
    display: table;
    clear: both; }
  .confcontainer .edit-mode .flex-input-wrapper {
    display: flex;
    justify-content: space-between; }
    .confcontainer .edit-mode .flex-input-wrapper .input-wrapper {
      position: relative; }
      .confcontainer .edit-mode .flex-input-wrapper .input-wrapper input {
        padding-right: 1.5rem; }
    .confcontainer .edit-mode .flex-input-wrapper .input-tooltip {
      position: absolute;
      top: 0;
      right: 0.25rem;
      font-size: 1rem; }
      .confcontainer .edit-mode .flex-input-wrapper .input-tooltip:before {
        content: "\F06A";
        font-size: 1em !important;
        font-family: 'FontAwesome' !important;
        font-weight: normal !important;
        color: #094f9d; }
  .confcontainer .edit-mode textarea {
    margin-top: 0; }
  .confcontainer .edit-mode button {
    background: none;
    float: right;
    padding: 0; }
    .confcontainer .edit-mode button i:before {
      content: "\F00C";
      font-size: 1em !important;
      font-family: 'FontAwesome' !important;
      font-weight: normal !important;
      color: #ffffff; }
  .confcontainer .edit-mode.input {
    font-size: 0.8125rem; }
    .confcontainer .edit-mode.input input {
      width: 19.61538em;
      margin: 0; }
      .confcontainer .edit-mode.input input.validation-error + .input-tooltip::before {
        color: #db0d0d; }
  .confcontainer .edit-mode.visible {
    display: block; }

.shop-warning {
  display: none;
  background: #fe9900;
  color: #ffffff;
  margin-top: -16px;
  margin-right: -16px;
  margin-bottom: 16px;
  margin-left: -16px;
  border-bottom: 2px solid #ffffff;
  font-weight: bold;
  padding: 12px 16px; }

.disabled .shop-warning {
  display: block; }

.confcontainer .modal-backdrop {
  background: #ffffff;
  background: -webkit-linear-gradient(-90deg, #ffffff, #f5f5f5);
  background: linear-gradient(180deg, #ffffff, #f5f5f5);
  z-index: 10005;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 5.76923em; }

.confcontainer .modalmode-hidden {
  display: none; }

.confcontainer .modal {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10006;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: 46.15385em;
  outline: 0;
  background-color: #ffffff;
  max-height: 30.76923em;
  overflow-y: auto;
  padding-top: 1.23077em;
  padding-right: 1.23077em;
  padding-bottom: 1.23077em;
  padding-left: 1.23077em; }
  @media print, screen and (min-width: 30em) {
    .confcontainer .modal {
      padding-top: 2.46154em;
      padding-right: 2.46154em;
      padding-bottom: 2.46154em;
      padding-left: 2.46154em; } }
  .confcontainer .modal .fa-exclamation-triangle:before {
    content: "\F071";
    font-size: 1.55556em !important;
    font-family: 'FontAwesome' !important;
    font-weight: normal !important;
    color: #fe9900;
    position: absolute;
    top: -0.17857em;
    left: 0em; }
  .confcontainer .modal .h3 {
    position: relative;
    display: block;
    padding-left: 2.69231em;
    font-size: 1.38462em;
    font-weight: bold; }

.confcontainer .modalmode-error .fa-exclamation-triangle:before {
  color: #db3016; }

.confcontainer .modal-footer {
  *zoom: 1;
  padding-top: 1.84615em; }
  .confcontainer .modal-footer:after {
    content: "";
    display: table;
    clear: both; }
  @media print, screen and (min-width: 30em) {
    .confcontainer .modal-footer {
      padding-top: 3.69231em; } }
  .confcontainer .modal-footer .btn-toolbar {
    float: right; }

.visualmode-1 .modal-backdrop,
.visualmode-2 .modal-backdrop {
  top: 0;
  position: fixed;
  background: transparent; }

.visualmode-1 .modal,
.visualmode-2 .modal {
  position: fixed;
  width: calc(100% - 2.46154em);
  max-width: 46.15385em; }
  .visualmode-1 .modal .fa-info-circle:before,
  .visualmode-2 .modal .fa-info-circle:before {
    content: "\F05A";
    font-size: 1.55556em !important;
    font-family: 'FontAwesome' !important;
    font-weight: normal !important;
    color: #fe9900;
    position: absolute;
    top: -0.28571em;
    left: 0em; }

.visualmode-1 .modalmode-details .modal-backdrop,
.visualmode-2 .modalmode-details .modal-backdrop {
  top: 0;
  position: fixed;
  background: transparent; }

.visualmode-1 .modalmode-details .modal,
.visualmode-2 .modalmode-details .modal {
  position: fixed;
  overflow: auto;
  max-height: 46.15385em; }

.visualmode-1 .modalmode-details .fa-info-circle,
.visualmode-2 .modalmode-details .fa-info-circle {
  display: none; }

.visualmode-1 .modalmode-details .h3,
.visualmode-2 .modalmode-details .h3 {
  padding: 0; }

.visualmode-1 .modalmode-details .btn,
.visualmode-2 .modalmode-details .btn {
  position: absolute;
  top: 2.07692em;
  right: 2.07692em;
  background: none; }
  .visualmode-1 .modalmode-details .btn:before,
  .visualmode-2 .modalmode-details .btn:before {
    content: "\F00D";
    font-size: 1.5em !important;
    font-family: 'FontAwesome' !important;
    font-weight: normal !important;
    color: #094f9d; }
  .visualmode-1 .modalmode-details .btn span,
  .visualmode-2 .modalmode-details .btn span {
    background: none;
    border: none;
    font-size: 0; }

.visualmode-1 .modal-content,
.visualmode-2 .modal-content {
  margin: 0;
  position: static;
  width: auto;
  max-height: none; }

.visualmode-0 .modal-content {
  width: auto; }

.confcontainer .tabs-component .tabs-menu {
  *zoom: 1;
  margin-bottom: 0.76923em;
  padding: 0;
  border-bottom: 1px solid #a6a39e;
  z-index: 10004;
  position: relative; }
  .confcontainer .tabs-component .tabs-menu:after {
    content: "";
    display: table;
    clear: both; }
  .confcontainer .tabs-component .tabs-menu li {
    float: left;
    list-style: none;
    margin-right: 0.38462em;
    position: relative; }
    .confcontainer .tabs-component .tabs-menu li.active a {
      background: none;
      color: #4c4b49;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      position: relative; }
      .confcontainer .tabs-component .tabs-menu li.active a:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 3px;
        background-color: #fbfbfb; }
      .confcontainer .tabs-component .tabs-menu li.active a:after {
        color: #4C4B49 !important; }
    .confcontainer .tabs-component .tabs-menu li.expanded .additional-tabs {
      display: block; }
    .confcontainer .tabs-component .tabs-menu li.more-tabs .tab-menu-anchor {
      min-width: 10.83333em; }
      .confcontainer .tabs-component .tabs-menu li.more-tabs .tab-menu-anchor:after {
        content: "\F0D7";
        font-size: 0.75em !important;
        font-family: 'FontAwesome' !important;
        font-weight: normal !important;
        color: #ffffff;
        position: absolute;
        right: 0.83333em; }
  .confcontainer .tabs-component .tabs-menu .additional-tabs {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    display: none; }
    .confcontainer .tabs-component .tabs-menu .additional-tabs ul, .confcontainer .tabs-component .tabs-menu .additional-tabs li {
      margin: 0;
      padding: 0; }
    .confcontainer .tabs-component .tabs-menu .additional-tabs li {
      float: none;
      display: block; }
    .confcontainer .tabs-component .tabs-menu .additional-tabs a {
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  .confcontainer .tabs-component .tabs-menu a {
    display: block;
    border-top: 1px solid #8c8985;
    border-right: 1px solid #8c8985;
    border-left: 1px solid #8c8985;
    cursor: pointer;
    background: #b2afaa;
    background: -webkit-linear-gradient(-90deg, #b2afaa, #9b9691);
    background: linear-gradient(180deg, #b2afaa, #9b9691);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 2px #73716e;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 2px #73716e;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 2px #73716e;
    color: #ffffff;
    padding: 0.35714em 1.15385em;
    border-radius: 4px 4px 0 0;
    font-weight: bold;
    -webkit-transition: none false false;
    -moz-transition: none false false false;
    -o-transition: none false false false;
    transition: none; }
    .confcontainer .tabs-component .tabs-menu a:hover {
      background: #565553;
      background: -webkit-linear-gradient(-90deg, #565553, #424140);
      background: linear-gradient(180deg, #565553, #424140); }

.confcontainer .tabs-component .tabs-panel {
  display: none;
  z-index: 10003;
  position: relative; }
  .confcontainer .tabs-component .tabs-panel.active {
    display: block; }

.confcontainer .current-state-right .tabs-component .tabs-menu {
  border-color: #e9e9e9;
  margin-bottom: 0;
  margin-top: 0; }
  .confcontainer .current-state-right .tabs-component .tabs-menu a {
    font-size: 0.92308em;
    padding-left: 0.66667em;
    padding-right: 0.66667em; }
  .confcontainer .current-state-right .tabs-component .tabs-menu .active a {
    background: #f6f6f6;
    background: -webkit-linear-gradient(-90deg, #f6f6f6, #ffffff);
    background: linear-gradient(180deg, #f6f6f6, #ffffff);
    border-color: #e9e9e9; }
    .confcontainer .current-state-right .tabs-component .tabs-menu .active a:before {
      background-color: #ffffff; }

.confcontainer .current-state-right .tabs-component .tabs-panel {
  background-color: #ffffff;
  padding: 1.15385em;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.tabs-menu-item.right-tabs.hidden {
  background: red; }

.tabs-menu-item.right-tabs.visible {
  background: green !important; }

.confcontainer .select2 {
  display: inline-block;
  position: relative; }

.confcontainer .select2-hidden-accessible {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0; }

.confcontainer .select2-selection {
  background: #e9e9e9;
  background: -webkit-linear-gradient(-90deg, #e9e9e9, #f3f3f3);
  background: linear-gradient(180deg, #e9e9e9, #f3f3f3);
  border-radius: 0;
  padding: 0.38462em;
  display: block;
  margin-bottom: 0.76923em;
  outline: none; }

.confcontainer .select2-selection__rendered {
  background-color: #ffffff;
  display: block;
  padding: 0.38462em 1.53846em 0.38462em 0.76923em;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 0 #b2b2b2;
  -moz-box-shadow: inset 0 1px 0 #b2b2b2;
  box-shadow: inset 0 1px 0 #b2b2b2;
  color: #a6a29d;
  position: relative;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 1.61538em;
  -webkit-transition: none false false;
  -moz-transition: none false false false;
  -o-transition: none false false false;
  transition: none; }

.confcontainer .select2-selection__arrow:before {
  position: absolute;
  right: 1.07692em;
  top: 1.53846em;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #a6a29d transparent transparent transparent;
  z-index: 10007; }

.confcontainer .select2-container--open .select2-selection__arrow:before {
  border-width: 0 4px 4px 4px;
  border-color: transparent transparent #a6a29d transparent; }

.confcontainer .wika-main-types-container .select2-selection__rendered {
  background: #3b91d5;
  background: -webkit-linear-gradient(-90deg, #3b91d5, #2d6fc9);
  background: linear-gradient(180deg, #3b91d5, #2d6fc9);
  border: 1px solid #0066cc;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #ffffff;
  font-weight: bold; }
  .confcontainer .wika-main-types-container .select2-selection__rendered .description {
    display: none; }

.confcontainer .wika-main-types-container .select2-selection__arrow:before {
  border-color: #ffffff transparent transparent transparent; }

.confcontainer .select2-container--open .wika-main-types-container .select2-selection__arrow:before {
  border-color: transparent transparent #ffffff transparent !important; }

.confcontainer .select2-container--open .wika-main-types-container .select2-selection__rendered,
.confcontainer .select2-container--focus .wika-main-types-container .select2-selection__rendered,
.confcontainer .select2-container:hover .wika-main-types-container .select2-selection__rendered {
  background: #0059ab;
  background: -webkit-linear-gradient(-90deg, #0059ab, #00478f);
  background: linear-gradient(180deg, #0059ab, #00478f); }

.select2-dropdown {
  z-index: 10008;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  font-size: 14px !important;
  font-family: Arial, sans-serif !important;
  color: #4c4b49;
  margin-top: -1.15385em; }
  .select2-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .select2-dropdown li {
    display: block;
    padding: 5px 10px;
    border-top: 1px solid #e9e9e9;
    font-size: .9em;
    line-height: 1.5;
    color: #4c4b49; }
  .select2-dropdown .select2-search {
    display: block;
    padding: 0.76923em;
    position: relative; }
    .select2-dropdown .select2-search:before {
      content: "\F002";
      font-size: 1em !important;
      font-family: 'FontAwesome' !important;
      font-weight: normal !important;
      color: #cccccc;
      position: absolute;
      top: 1.3125em;
      right: 1.375em; }
    .select2-dropdown .select2-search input {
      margin: 0 !important;
      padding-right: 1.53846em !important; }
  .select2-dropdown .select2-search--hide {
    display: none !important; }
  .select2-dropdown .select2-results ul {
    max-height: 25.15em;
    overflow-y: auto;
    display: block; }
  .select2-dropdown .select2-results__option--highlighted {
    color: #094f9d;
    cursor: pointer; }
  .select2-dropdown li span.description {
    font-size: 0.9em;
    color: #a6a39e;
    display: block; }
  .select2-dropdown .select2-selection__rendered span.description {
    display: none; }

body #popover3 {
  display: none !important; }

.current-state-component #popover3 {
  display: block !important; }

.popover {
  z-index: 10011;
  position: absolute;
  color: #4c4b49;
  width: 22.5em;
  font-size: 12px;
  font-family: Arial, sans-serif;
  line-height: 1.5; }
  .popover.in {
    display: block; }
  .popover .arrow {
    position: absolute;
    -webkit-transition: none false false;
    -moz-transition: none false false false;
    -o-transition: none false false false;
    transition: none; }
    .popover .arrow:before, .popover .arrow:after {
      width: 0;
      height: 0;
      border-style: solid;
      position: absolute;
      content: ""; }
    .popover .arrow:before {
      z-index: 10013; }
    .popover .arrow:after {
      z-index: 10012; }
  .popover.top {
    padding-bottom: 1.07692em; }
    .popover.top .arrow {
      bottom: 1.5em;
      left: 50%;
      margin-left: -1.07692em; }
      .popover.top .arrow:before {
        border-width: 0.83333em 0.83333em 0 0.83333em;
        border-color: #f2f2f2 transparent transparent transparent;
        left: 0.38462em; }
      .popover.top .arrow:after {
        border-width: 1.25em 1.16667em 0 1.16667em;
        border-color: #ffffff transparent transparent transparent; }
  .popover.bottom {
    padding-top: 1.15385em; }
    .popover.bottom .arrow {
      top: -1.16667em;
      left: 50%;
      margin-left: -1.07692em; }
      .popover.bottom .arrow:before {
        border-width: 0 0.83333em 0.83333em 0.83333em;
        border-color: transparent transparent #ffffff transparent;
        left: 0.41667em; }
      .popover.bottom .arrow:after {
        border-width: 0 1.25em 1.16667em 1.16667em;
        border-color: transparent transparent #ffffff transparent; }
  .popover.left {
    padding-right: 1.15385em; }
    .popover.left .arrow {
      right: 1.16667em;
      top: 50%;
      margin-top: -1.07692em; }
      .popover.left .arrow:before {
        border-width: 0.83333em 0 0.83333em 0.83333em;
        border-color: transparent transparent transparent #fafafa;
        top: 0.41667em; }
      .popover.left .arrow:after {
        border-width: 1.16667em 0 1.16667em 1.25em;
        border-color: transparent transparent transparent #ffffff; }
  .popover.right {
    padding-left: 1.15385em; }
    .popover.right .arrow {
      left: 0.41667em;
      top: 50%;
      margin-top: -1.07692em; }
      .popover.right .arrow:before {
        border-width: 0.83333em 0.83333em 0.83333em 0;
        border-color: transparent #fafafa transparent transparent;
        top: 0.41667em;
        left: 0.41667em; }
      .popover.right .arrow:after {
        border-width: 1.16667em 1.25em 1.16667em 0;
        border-color: transparent #ffffff transparent transparent; }
  .popover .fa-error {
    position: relative;
    padding-left: 1.92308em; }
    .popover .fa-error:before {
      content: "\F071";
      font-size: 1em !important;
      font-family: 'FontAwesome' !important;
      font-weight: normal !important;
      color: #db3016;
      position: absolute;
      top: 0em;
      left: 0em; }
    .popover .fa-error.visualmode-1 {
      padding: 0; }
      .popover .fa-error.visualmode-1:before {
        content: none; }
      .popover .fa-error.visualmode-1 .tooltiphead {
        display: block;
        font-weight: bold; }
  .popover .tooltiphead {
    display: none; }
  .popover .popover-content {
    background: #ffffff;
    background: -webkit-linear-gradient(-90deg, #ffffff, #f5f5f5);
    background: linear-gradient(180deg, #ffffff, #f5f5f5);
    border: 5px solid #ffffff;
    padding: 0.83333em;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.validation-tooltip {
  margin-top: -70px;
  display: none !important; }
  .validation-tooltip.visible {
    display: block !important; }

.confcontainer .header-component {
  height: 4.23077em;
  padding-bottom: 0.76923em;
  margin-bottom: 1.53846em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e9e9e9; }
  .confcontainer .header-component button {
    margin-left: 0.71429em !important; }
  .confcontainer .header-component .header-wrap {
    *zoom: 1;
    position: relative;
    display: flex;
    align-items: center; }
    .confcontainer .header-component .header-wrap:after {
      content: "";
      display: table;
      clear: both; }
  .confcontainer .header-component .headline {
    float: left; }
  .confcontainer .header-component .config {
    float: left;
    display: flex;
    align-items: center; }
    .confcontainer .header-component .config .selection {
      margin-bottom: 0; }
    .confcontainer .header-component .config .select2-selection {
      margin-bottom: 0; }
  .confcontainer .header-component .meta {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0; }
  .confcontainer .header-component .config > div {
    float: left;
    margin-left: 0.76923em; }
  .confcontainer .header-component .h1 {
    display: block; }
  .confcontainer .header-component select {
    width: 15.38462em; }
  .confcontainer .header-component .meta {
    *zoom: 1; }
    .confcontainer .header-component .meta:after {
      content: "";
      display: table;
      clear: both; }
  .confcontainer .header-component .closer,
  .confcontainer .header-component .buttons {
    float: left !important; }
  .confcontainer .header-component .help {
    position: relative; }
    .confcontainer .header-component .help:before {
      background-image: url(../images/help.png);
      content: "";
      width: image-width("help.png");
      height: image-height("help.png");
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .confcontainer .header-component .help:hover:before {
      background-image: url(../images/help-hover.png); }
    .confcontainer .header-component .help i {
      opacity: 1; }
  .confcontainer .header-component .closer {
    max-width: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: width false false, 0.125s false false;
    -moz-transition: width false false false, 0.125s false false false;
    -o-transition: width false false false, 0.125s false false false;
    transition: width, 0.125s; }
    .confcontainer .header-component .closer > div {
      width: 36.15385em;
      *zoom: 1; }
      .confcontainer .header-component .closer > div:after {
        content: "";
        display: table;
        clear: both; }
    .confcontainer .header-component .closer p {
      font-size: 0.92308em !important;
      margin: 0; }
    .confcontainer .header-component .closer p,
    .confcontainer .header-component .closer .btn-toolbar {
      float: left;
      width: 50%; }
    .confcontainer .header-component .closer .btn-toolbar {
      text-align: right; }
  .confcontainer .header-component .buttons {
    float: left; }
  .confcontainer .header-component.visible .config,
  .confcontainer .header-component.visible .buttons {
    opacity: 0;
    visibility: hidden; }
  .confcontainer .header-component.visible .closer {
    max-width: 36.15385em; }

.confcontainer .btn-toolbar > .btn {
  display: inline-block; }

.confcontainer .current-options-component {
  position: relative;
  overflow: visible; }
  .confcontainer .current-options-component.collapsed {
    overflow: hidden; }
  .confcontainer .current-options-component .option-row {
    cursor: pointer;
    padding-top: 0.35714em;
    padding-bottom: 0.35714em; }
    .confcontainer .current-options-component .option-row:last-child {
      margin-bottom: 0.76923em; }
    .confcontainer .current-options-component .option-row:hover {
      color: #094f9d; }

.confcontainer .restart-component {
  float: left  !important;
  display: inline-block;
  text-align: right; }
  .confcontainer .restart-component i {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle; }
    .confcontainer .restart-component i:before {
      content: "\F0E2";
      font-size: 1em !important;
      font-family: 'FontAwesome' !important;
      font-weight: normal !important;
      color: #094f9d;
      margin-left: 0.375em; }
  .confcontainer .restart-component span {
    -webkit-transition: max-width 0.125s false;
    -moz-transition: max-width 0.125s false false;
    -o-transition: max-width 0.125s false false;
    transition: max-width 0.125s;
    color: #094f9d;
    cursor: pointer !important;
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    margin-left: 0.38462em;
    white-space: nowrap; }
  .confcontainer .restart-component:hover span {
    max-width: 15.38462em; }

.confcontainer .current-state-component {
  height: 29.15385em;
  min-height: 29.15385em;
  overflow-y: auto;
  overflow-x: hidden; }
  .confcontainer .current-state-component.flexible-container,
  .confcontainer .current-state-component .flexible-container {
    padding-right: 1.23077em; }
    @media print, screen and (min-width: 30em) {
      .confcontainer .current-state-component.flexible-container,
      .confcontainer .current-state-component .flexible-container {
        display: flex;
        align-items: flex-start; } }
    .confcontainer .current-state-component.flexible-container > *,
    .confcontainer .current-state-component .flexible-container > * {
      display: block; }
    @media print, screen and (min-width: 30em) {
      .confcontainer .current-state-component.flexible-container > :nth-child(1),
      .confcontainer .current-state-component .flexible-container > :nth-child(1) {
        flex-grow: 1; } }
    @media print, screen and (min-width: 30em) {
      .confcontainer .current-state-component.flexible-container > :nth-child(2),
      .confcontainer .current-state-component .flexible-container > :nth-child(2) {
        flex-shrink: 0;
        padding-left: 0.76923em; } }
  .confcontainer .current-state-component .criteria-row-texts {
    cursor: pointer;
    position: relative;
    border-top: 1px solid #e9e9e9;
    padding-top: 0.76923em;
    padding-bottom: 0.76923em; }
  .confcontainer .current-state-component .criteria-description {
    font-weight: bold !important;
    font-size: 0.92308em !important; }
    @media print, screen and (min-width: 30em) {
      .confcontainer .current-state-component .criteria-description {
        font-size: 1.15385em !important; } }
  .confcontainer .current-state-component .criteria-detail {
    font-size: 0.92308em !important; }
    @media print, screen and (min-width: 30em) {
      .confcontainer .current-state-component .criteria-detail {
        padding-top: 0.30769em; } }
    .confcontainer .current-state-component .criteria-detail .notselected {
      color: #a6a39e; }
  .confcontainer .current-state-component .criteria-collapsible {
    display: block;
    position: absolute;
    top: 0.61538em;
    right: 0; }
    .confcontainer .current-state-component .criteria-collapsible::before {
      content: "\F067";
      font-size: 0.76923em !important;
      font-family: 'FontAwesome' !important;
      font-weight: normal !important;
      color: #3480cf; }
    @media print, screen and (min-width: 30em) {
      .confcontainer .current-state-component .criteria-collapsible {
        top: 0.92308em; } }
  .confcontainer .current-state-component .selected .stock-description {
    color: #094f9d;
    font-weight: bold !important; }
  .confcontainer .current-state-component .current .criteria-collapsible::before {
    content: "\F068";
    font-size: !important;
    font-family: 'FontAwesome' !important;
    font-weight: normal !important; }
  .confcontainer .current-state-component div.default-cursor {
    cursor: default !important; }
  .confcontainer .current-state-component div.invalid {
    color: #a6a39e !important; }
  .confcontainer .current-state-component > div:last-child .current-options-component {
    border-bottom: 1px solid #e9e9e9; }

.confcontainer .content-area-component {
  z-index: 10002; }
  .confcontainer .content-area-component .current-state-right {
    float: right; }
  .confcontainer .content-area-component .current-state-left {
    float: left; }
  .confcontainer .content-area-component .type-info-component,
  .confcontainer .content-area-component .tabs-component,
  .confcontainer .content-area-component .type-code,
  .confcontainer .content-area-component .current-state-right {
    display: none; }
  .confcontainer .content-area-component.visible .type-info-component,
  .confcontainer .content-area-component.visible .tabs-component,
  .confcontainer .content-area-component.visible .type-code,
  .confcontainer .content-area-component.visible .current-state-right {
    display: block; }
  .confcontainer .content-area-component .selected-item {
    height: 6.15385em !important;
    margin-bottom: 1.53846em !important;
    position: relative; }
    .confcontainer .content-area-component .selected-item .image {
      width: 6.15385em !important;
      height: 6.15385em !important;
      background-color: #ffffff !important;
      background-size: contain !important;
      padding: 0.76923em !important;
      position: absolute !important;
      left: 0 !important;
      top: 0 !important;
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
      .confcontainer .content-area-component .selected-item .image div {
        width: 100%;
        height: 100%;
        background-size: contain; }
      .confcontainer .content-area-component .selected-item .image + .text {
        padding-left: 7.69231em;
        -webkit-transition: none false false;
        -moz-transition: none false false false;
        -o-transition: none false false false;
        transition: none; }
  .confcontainer .content-area-component .completion-restart {
    padding-top: 1.53846em; }
  .confcontainer .content-area-component .restart-component {
    float: right !important;
    text-align: right; }
    .confcontainer .content-area-component .restart-component:hover span {
      visibility: visible;
      opacity: 1; }
    .confcontainer .content-area-component .restart-component i {
      display: inline-block;
      cursor: pointer;
      vertical-align: middle; }
      .confcontainer .content-area-component .restart-component i:before {
        content: "\F0E2";
        font-size: 1em !important;
        font-family: 'FontAwesome' !important;
        font-weight: normal !important;
        color: #094f9d;
        margin-left: 0.375em; }
    .confcontainer .content-area-component .restart-component span {
      -webkit-transition: max-width 0.125s false;
      -moz-transition: max-width 0.125s false false;
      -o-transition: max-width 0.125s false false;
      transition: max-width 0.125s;
      color: #094f9d;
      cursor: pointer !important;
      display: inline-block;
      position: relative;
      overflow: hidden;
      visibility: hidden;
      opacity: 0;
      max-width: 15.38462em;
      vertical-align: middle;
      margin-right: 0.38462em;
      white-space: nowrap; }
    .confcontainer .content-area-component .restart-component .icon {
      height: auto; }
  .confcontainer .content-area-component .completion-state-component {
    font-weight: bold !important; }
    .confcontainer .content-area-component .completion-state-component .fa-times:before {
      content: "\F00D";
      font-size: 0.875em !important;
      font-family: 'FontAwesome' !important;
      font-weight: normal !important;
      color: #a30000;
      margin-right: 0.71429em; }
    .confcontainer .content-area-component .completion-state-component .fa-check:before {
      content: "\F00C";
      font-size: 0.875em !important;
      font-family: 'FontAwesome' !important;
      font-weight: normal !important;
      color: #00a36d;
      margin-right: 0.71429em; }

.confcontainer .home-area-component {
  z-index: 10001;
  display: none;
  background-position: 11.42857em 5em;
  background-image: url(../images/arrow-top.png);
  background-repeat: no-repeat;
  padding-top: 10.38462em;
  padding-left: 18.46154em;
  padding-right: 13.84615em; }
  .confcontainer .home-area-component.visible {
    display: block; }
  .confcontainer .home-area-component .jumbotron h1, .confcontainer .home-area-component .jumbotron p {
    margin: 0;
    padding: 0;
    color: #a6a39e;
    line-height: 1.46667 !important;
    font-size: 2.30769em !important;
    font-family: "Helvetica Neue", Arial, sans-serif !important; }
  .confcontainer .home-area-component .jumbotron h1 {
    font-weight: bold !important; }

.confcontainer .extended-buttons-component .extended-buttons-links {
  line-height: 27px;
  height: 20px;
  float: left; }
  .confcontainer .extended-buttons-component .extended-buttons-links .share-component {
    display: inline-block;
    text-align: right; }
    .confcontainer .extended-buttons-component .extended-buttons-links .share-component i {
      display: inline-block;
      cursor: pointer;
      vertical-align: middle; }
      .confcontainer .extended-buttons-component .extended-buttons-links .share-component i:before {
        content: "\F0E0";
        font-size: 1em !important;
        font-family: 'FontAwesome' !important;
        font-weight: normal !important;
        color: #094f9d;
        margin-left: 0.375em; }
    .confcontainer .extended-buttons-component .extended-buttons-links .share-component span {
      -webkit-transition: max-width 0.125s false;
      -moz-transition: max-width 0.125s false false;
      -o-transition: max-width 0.125s false false;
      transition: max-width 0.125s;
      color: #094f9d;
      cursor: pointer !important;
      display: inline-block;
      position: relative;
      overflow: hidden;
      vertical-align: middle;
      margin-left: 0.38462em;
      white-space: nowrap; }
    .confcontainer .extended-buttons-component .extended-buttons-links .share-component:hover span {
      max-width: 15.38462em; }
  .confcontainer .extended-buttons-component .extended-buttons-links .icon {
    height: auto; }

.confcontainer .footer-component {
  z-index: 10010;
  height: 4.23077em;
  padding: 0.76923em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e9e9e9; }
  .confcontainer .footer-component > div {
    *zoom: 1;
    margin-left: -1.53846em;
    margin-right: -1.53846em; }
    .confcontainer .footer-component > div:after {
      content: "";
      display: table;
      clear: both; }
  .confcontainer .footer-component .amount-price-delivery-component {
    float: left;
    width: 66.66667%;
    padding-left: 1.53846em;
    padding-right: 1.53846em;
    *zoom: 1;
    width: 60%; }
    .confcontainer .footer-component .amount-price-delivery-component:after {
      content: "";
      display: table;
      clear: both; }
  .confcontainer .footer-component .action-buttons {
    float: left;
    width: 33.33333%;
    padding-left: 1.53846em;
    padding-right: 1.53846em;
    *zoom: 1;
    width: 40%;
    float: right; }
    .confcontainer .footer-component .action-buttons:after {
      content: "";
      display: table;
      clear: both; }
  .confcontainer .footer-component .btn-bar {
    float: right;
    background-color: #d5d5d5;
    background-image: none; }
  .confcontainer .footer-component label {
    display: block !important;
    *zoom: 1;
    margin: 0.35714em 0 !important; }
    .confcontainer .footer-component label:after {
      content: "";
      display: table;
      clear: both; }
    .confcontainer .footer-component label > * {
      float: left !important; }
    .confcontainer .footer-component label input {
      margin: 0 0.38462em !important; }
    .confcontainer .footer-component label span {
      padding-top: 0.30769em; }
    .confcontainer .footer-component label .label {
      padding-top: 0;
      font-weight: bold !important; }
    .confcontainer .footer-component label.amount input {
      width: 3.84615em !important;
      text-align: right !important; }
  .confcontainer .footer-component .price-info {
    background: #d5d5d5;
    background: -webkit-linear-gradient(-90deg, #d5d5d5, #e0e0e0);
    background: linear-gradient(180deg, #d5d5d5, #e0e0e0);
    border-radius: 0;
    height: 2.76923em; }
    .confcontainer .footer-component .price-info button {
      background: none;
      padding: 0.15385em; }
      .confcontainer .footer-component .price-info button i:before {
        content: "\F021";
        font-size: 1em !important;
        font-family: 'FontAwesome' !important;
        font-weight: normal !important; }
    .confcontainer .footer-component .price-info .row {
      margin-left: -0.46154em;
      margin-right: -0.46154em; }
    .confcontainer .footer-component .price-info [class*="col-xs-"] {
      padding-left: 0.46154em;
      padding-right: 0.46154em; }
    .confcontainer .footer-component .price-info .hasprice .price-total span, .confcontainer .footer-component .price-info .hasprice .price-total strong {
      cursor: pointer !important; }
    .confcontainer .footer-component .price-info .col-xs-5 {
      padding-top: 0.61538em !important;
      position: relative !important; }
    .confcontainer .footer-component .price-info strong {
      padding-right: 0.38462em; }
    .confcontainer .footer-component .price-info .fa-info-circle {
      float: right;
      margin-right: 0.76923em; }
      .confcontainer .footer-component .price-info .fa-info-circle:before {
        content: "\F05A";
        font-size: 1em !important;
        font-family: 'FontAwesome' !important;
        font-weight: normal !important;
        color: #3480cf; }
    .confcontainer .footer-component .price-info .deliver-text {
      width: 48.33333em;
      bottom: 100%;
      left: 50%;
      margin-left: -24.16667em; }
      .confcontainer .footer-component .price-info .deliver-text .popover-content {
        width: 48.33333em;
        height: 30em;
        overflow: auto; }
      .confcontainer .footer-component .price-info .deliver-text .arrow {
        left: 50% !important; }
      .confcontainer .footer-component .price-info .deliver-text pre {
        font-family: 'Lucida Console', 'Lucida Sans Typewriter', monaco, monospace !important; }

.confcontainer .thumbmode .current-options-component {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.46154em;
  margin-left: -0.46154em; }

.confcontainer .thumbmode .thumb {
  margin: 0;
  width: 50%;
  min-width: 10.15385em;
  flex-grow: 1;
  padding-top: 1.23077em;
  padding-right: 0.46154em;
  padding-bottom: 1.23077em;
  padding-left: 0.46154em; }
  @media print, screen and (min-width: 30em) {
    .confcontainer .thumbmode .thumb {
      width: 33.33%;
      min-width: 0;
      flex-grow: 0; } }
  @media screen and (min-width: 64em) {
    .confcontainer .thumbmode .thumb {
      width: 25%; } }

.confcontainer .thumbmode .option-row {
  hyphens: auto;
  word-wrap: break-word; }

.confcontainer .thumbmode .selected {
  color: #094f9d;
  font-weight: bold !important; }

.confcontainer .thumbmode .option-image {
  padding-bottom: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #ededed;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat; }

.confcontainer .thumbmode .edit-mode .visible {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  background: -webkit-linear-gradient(-90deg, #ffffff, #f5f5f5);
  background: linear-gradient(180deg, #ffffff, #f5f5f5);
  display: block;
  position: absolute;
  top: 98%;
  left: 10px;
  right: 10px;
  margin-top: 0;
  border: 5px solid #ffffff;
  border-radius: 0;
  padding: 0.83333em;
  z-index: 999; }
  .confcontainer .thumbmode .edit-mode .visible > div {
    *zoom: 1;
    padding: 0.38462em;
    display: block; }
    .confcontainer .thumbmode .edit-mode .visible > div:after {
      content: "";
      display: table;
      clear: both; }

.confcontainer .wpk-group-edit {
  display: block !important; }
  @media print, screen and (min-width: 30em) {
    .confcontainer .wpk-group-edit {
      display: none !important; } }

.confcontainer .wpk-group-edit-outer {
  display: none !important; }
  @media print, screen and (min-width: 30em) {
    .confcontainer .wpk-group-edit-outer {
      display: block !important; } }

.confcontainer .header-component .buttons button,
.confcontainer .header-component .config button {
  width: auto; }

.confcontainer .footer-component .price-info button {
  width: auto; }

.confcontainer .current-options-component {
  height: auto !important; }

.confcontainer .edit-mode.input {
  height: auto; }

.confcontainer .edit-mode button {
  width: auto;
  padding: 0 !important; }

.confcontainer input.validation-error {
  color: #db0d0d;
  background-color: #ffeded; }

.confcontainer .dynamic-input-tooltip {
  position: absolute;
  top: -72px;
  left: 128px;
  display: none !important; }
  .confcontainer .dynamic-input-tooltip.visible {
    display: block !important; }

.confcontainer .wika-select {
  z-index: 99999999; }

html {
  overflow-y: auto !important;
  box-sizing: content-box !important; }