/*!*
 * This Software is the property of Data Development and is protected
 * by copyright law - it is NOT Freeware.
 * Any unauthorized use of this software without a valid license
 * is a violation of the license agreement and will be prosecuted by
 * civil and criminal law.
 * http://www.shopmodule.com
 *
 * @copyright (C) D3 Data Development (Inh. Thomas Dartsch)
 * @author    D3 Data Development - Daniel Seifert <support@shopmodule.com>
 * @link      http://www.oxidmodule.com
 */
/**
 * This file is part of OXID eSales Wave theme.
 *
 * OXID eSales Wave theme is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * OXID eSales Wave theme is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with OXID eSales Wave theme.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @link      http://www.oxid-esales.com
 * @copyright (C) OXID eSales AG 2003-2016
 */
.d3_list-navigation {
  background-color: #f2f2f2;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  flex: 0 0 100%;
  margin: 15px 0 0;
  max-width: 100%;
  padding: 10px 15px;
  position: relative;
  width: 100%; }
  .d3_list-navigation .choosestep {
    display: inline-block;
    font-size: 18px; }
  .d3_list-navigation .showconfig {
    display: inline-block;
    float: right; }
  .d3_list-navigation .steps {
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-radius: 4px;
    border-top: 1px solid #ddd;
    clear: both;
    display: block;
    margin: 20px 0 0;
    padding: 10px 0 5px;
    text-align: center; }
    .d3_list-navigation .steps li {
      display: inline; }
      .d3_list-navigation .steps li button {
        font-size: 1pc;
        margin: 5px 0;
        padding: 2px 10px; }
        .d3_list-navigation .steps li button.submitButton.d3_d3konfigurator_models_buttons_next, .d3_list-navigation .steps li button.submitButton.d3_d3konfigurator_models_buttons_previous {
          background: #fff;
          border: 1px solid #ddd;
          color: #777;
          cursor: pointer;
          font-size: 14px; }
        .d3_list-navigation .steps li button.tablink {
          border: 1px solid #ddd;
          color: #777;
          cursor: pointer;
          min-width: 2em; }
        .d3_list-navigation .steps li button.btn-primary {
          color: #fff; }
      .d3_list-navigation .steps li.visited button {
        background-color: #fc6621;
        color: #fff; }
        .d3_list-navigation .steps li.visited button.btn-primary {
          background-color: #009ec0; }

#d3konfiguratorview .tabpicture,
#detailsRelated .tabpicture {
  margin-bottom: 15px;
  padding-bottom: 15px; }

#d3konfiguratorview #d3_d3konfigurator_controllers_view .longdesc,
#d3konfiguratorview .shortdesc,
#detailsRelated #d3_d3konfigurator_controllers_view .longdesc,
#detailsRelated .shortdesc {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  padding-bottom: 15px; }

#d3konfiguratorview .optiongroup .shortdesc,
#detailsRelated .optiongroup .shortdesc {
  font-style: italic; }

#d3konfiguratorview .optiongroup .longdesc,
#detailsRelated .optiongroup .longdesc {
  border-bottom: 0; }

#d3konfiguratorview .checkbox label,
#detailsRelated .checkbox label {
  padding-left: 0; }

#d3konfiguratorview .modal-header,
#detailsRelated .modal-header {
  border-bottom: 0; }
  #d3konfiguratorview .modal-header .close,
  #detailsRelated .modal-header .close {
    margin-top: -20px; }

#d3konfiguratorview .modal-dialog,
#detailsRelated .modal-dialog {
  max-width: 50pc; }

#d3konfiguratorview .tablerow,
#detailsRelated .tablerow {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  padding: .3em 0; }
  #d3konfiguratorview .tablerow .tabcol,
  #d3konfiguratorview .tablerow .optgrpcol,
  #d3konfiguratorview .tablerow .optcol,
  #d3konfiguratorview .tablerow .pricecol,
  #detailsRelated .tablerow .tabcol,
  #detailsRelated .tablerow .optgrpcol,
  #detailsRelated .tablerow .optcol,
  #detailsRelated .tablerow .pricecol {
    flex: 0 0 100%;
    max-width: 100%;
    padding: .3em 15px;
    position: relative;
    width: 100%; }
  #d3konfiguratorview .tablerow .optgrpcol,
  #detailsRelated .tablerow .optgrpcol {
    flex: 0 0 91.66666667%;
    margin-left: 8.33333333%;
    max-width: 91.66666667%; }
  #d3konfiguratorview .tablerow .optcol,
  #detailsRelated .tablerow .optcol {
    flex: 0 0 83.33333333%;
    margin-left: 16.66666667%;
    max-width: 83.33333333%; }
  #d3konfiguratorview .tablerow .pricecol,
  #detailsRelated .tablerow .pricecol {
    flex: 0 0 75%;
    margin-left: 25%;
    max-width: 75%;
    text-align: right; }
  #d3konfiguratorview .tablerow.summary .sumlabel,
  #d3konfiguratorview .tablerow.summary .sumvalue,
  #detailsRelated .tablerow.summary .sumlabel,
  #detailsRelated .tablerow.summary .sumvalue {
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%; }
  #d3konfiguratorview .tablerow.summary .sumlabel,
  #detailsRelated .tablerow.summary .sumlabel {
    margin-left: 50%;
    text-align: left; }

#d3konfiguratorview .modal-body,
#detailsRelated .modal-body {
  padding-bottom: 0;
  padding-top: 0; }
  #d3konfiguratorview .modal-body .firstoption,
  #detailsRelated .modal-body .firstoption {
    border-bottom: 1px solid #e7e7e7;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 10px; }
  #d3konfiguratorview .modal-body .permanentchoises,
  #detailsRelated .modal-body .permanentchoises {
    padding: 10px 0; }
    #d3konfiguratorview .modal-body .permanentchoises:nth-child(2n),
    #detailsRelated .modal-body .permanentchoises:nth-child(2n) {
      background: #f2f2f2; }
    #d3konfiguratorview .modal-body .permanentchoises .permanentchoises-tab,
    #detailsRelated .modal-body .permanentchoises .permanentchoises-tab {
      color: #000; }
    #d3konfiguratorview .modal-body .permanentchoises .permanentchoises-choice,
    #detailsRelated .modal-body .permanentchoises .permanentchoises-choice {
      font-weight: 600;
      text-align: right; }

#d3konfiguratorview .modal-footer,
#detailsRelated .modal-footer {
  justify-content: space-between; }
  #d3konfiguratorview .modal-footer .closebtn,
  #detailsRelated .modal-footer .closebtn {
    float: right; }

#d3konfiguratorview .d3_popup_summary,
#detailsRelated .d3_popup_summary {
  border-top: 1px solid #ddd;
  font-weight: 700;
  padding-top: 15px; }

#d3konfiguratorview .d3_popup_summary .right,
#detailsRelated .d3_popup_summary .right {
  text-align: right; }

#d3konfiguratorview .summary,
#detailsRelated .summary {
  padding: 10px 0; }

#d3konfiguratorview .summary,
#detailsRelated .summary,#detailsRelated .summary {
  background: #f9f9f9;
  border-bottom: 1px solid #e7e7e7;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: right; }

#detailsRelated .summary {
  padding: 10px 15px; }

h1.d3_d3konfigurator_models_tabs_overview {
  font-size: 30px; }

.overview {
  float: left;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative; }
  .overview,.overview table {
  width: 100%; }
  .overview .summary {
    background: #f9f9f9;
    border-bottom: 1px solid #e7e7e7;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 10px 15px;
    text-align: right; }
  .overview .tobasketrow {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px; }
    .overview .tobasketrow .tobasketcol {
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      width: 100%; }
      .overview .tobasketrow .tobasketcol .input-group {
        justify-content: flex-end; }
        .overview .tobasketrow .tobasketcol .input-group .amount {
          max-width: 50px; }

.tablerow {
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 15px; }
  .tablerow:first-child {
    border-top: 1px solid #e7e7e7; }
  .tablerow:nth-child(2n) {
    background: #f2f2f2; }
  .tablerow ul {
    list-style: none;
    padding: 0; }
  .tablerow ul li {
    font-style: italic; }
  .tablerow .pricecell {
    text-align: right; }

.input-group .form-control.amount {
  margin-right: -2px;
  width: 40px; }

.input-group-tweak.defaultpreselect {
  display: block;
  margin-top: 20px; }

/*
label {
  &.btn span {
    font-size: 1.5em
  }

  input[type=radio] ~ i.fa.fa-circle-o {
    color: #c8c8c8;
    display: inline
  }

  input[type=radio] ~ i.fa.fa-dot-circle-o {
    display: none
  }

  input[type=radio]:checked ~ i.fa.fa-circle-o {
    display: none
  }

  input[type=radio]:checked ~ i.fa.fa-dot-circle-o {
    color: #009ec0;
    display: inline
  }

  &:hover input[type=radio] ~ i.fa {
    color: #009ec0
  }

  input[type=checkbox] ~ i.fa.fa-square-o {
    color: #c8c8c8;
    display: inline
  }

  input[type=checkbox] ~ i.fa.fa-check-square-o {
    display: none
  }

  input[type=checkbox]:checked ~ i.fa.fa-square-o {
    display: none
  }

  input[type=checkbox]:checked ~ i.fa.fa-check-square-o {
    color: #009ec0;
    display: inline
  }

  &:hover input[type=checkbox] ~ i.fa {
    color: #009ec0
  }
}
*/
/*
div[data-toggle=buttons] label.active {
  color: #009ec0
}
*/
.buttononechoice .optionitem {
  border-bottom: 0;
  text-align: center; }

.buttononechoice .optionitem.selected .btn {
  border: 3px solid #000; }

#d3konfiguratorview {
  /*
  .optiongroup .optionlist.buttononechoice .optionitem,
  .optiongroup .optionlist.radioonechoice .optionitem {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 33.33333333%
  }

  .optiongroup .optionlist .optionitem {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 8.33333333%
  }

  .optiongroup .optionlist .optionitem .optiondesc,
  .optiongroup .optionlist .optionitem .optioninputs,
  .optiongroup .optionlist .optionitem .selectelement {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
  }

  .optiongroup .optionlist .optionitem .optionpicture {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 91.66666667%
  }
  */ }
  #d3konfiguratorview .hidden_submit {
    left: -9999px;
    position: absolute;
    visibility: hidden; }
  #d3konfiguratorview .tab .longdesc {
    margin-bottom: .5em; }
  #d3konfiguratorview .tab.number.z6c761cf8a8cbf638c485e1572ad6196a {
    /* overview tab */
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px; }
    #d3konfiguratorview .tab.number.z6c761cf8a8cbf638c485e1572ad6196a .title {
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      width: 100%; }
  #d3konfiguratorview .title {
    margin: .5em 0; }
  #d3konfiguratorview .optiongrouplist {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0; }
    #d3konfiguratorview .optiongrouplist .optiongroup {
      border-top: 1px solid #ddd;
      flex: 0 0 100%;
      margin: .5em 0;
      max-width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      width: 100%; }
      #d3konfiguratorview .optiongrouplist .optiongroup .optionlist {
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px; }
        #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem {
          flex: 0 0 100%;
          margin: 1.5em 0;
          max-width: 100%;
          padding-left: 15px;
          padding-right: 15px;
          position: relative;
          width: 100%;
          /*
            &.selected button.btn-default i.fa-square-o,
            button.btn-default i.fa-check-square-o,
            button.btn-default i.fa-square-o {
              display: none
            }

            &.selected button.btn-default i.fa-check-square-o {
              display: block
            }
          */ }
          #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist {
            display: flex;
            flex-wrap: wrap;
            margin-left: -15px;
            margin-right: -15px;
            text-align: left; }
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .selectelement {
              flex: 0 0 8.33333333%;
              max-width: 8.33333333%;
              padding-left: 15px;
              padding-right: 15px;
              position: relative;
              width: 100%; }
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optiontitle,
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionshortdesc,
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionpicture,
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionlongdesc,
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionmediaurls,
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optioninputs,
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionprice,
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionreasons {
              flex: 0 0 91.66666667%;
              margin-bottom: .7em;
              max-width: 91.66666667%;
              padding-left: 15px;
              padding-right: 15px;
              position: relative;
              width: 100%; }
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionshortdesc,
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionpicture,
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionlongdesc,
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionmediaurls,
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optioninputs,
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionprice,
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionreasons {
              margin-left: 8.33333333%; }
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optiontitle label {
              font-size: 1pc;
              font-weight: 600;
              margin-bottom: 0; }
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionpicture img {
              height: 100%;
              max-width: 390px;
              width: 100%; }
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optioninputs .input:before {
              border-color: transparent transparent transparent #000;
              border-style: solid;
              border-width: 5px 0 5px 7px;
              content: "";
              font-size: 0;
              position: relative;
              top: -6px; }
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optioninputs .input label {
              margin-left: 1em; }
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionprice {
              text-align: right; }
              #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optionprice label {
                font-size: 21px;
                font-weight: 400;
                white-space: nowrap; }
          #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .text-muted {
            display: block;
            margin-bottom: 10px; }
          #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .mediaurls {
            list-style: none;
            padding: 0; }
            #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .mediaurls a {
              margin-left: .5em; }
          #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem button.btn-default {
            border: 0;
            border-style: outset;
            height: 45px;
            padding: 0;
            width: 45px; }
          #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem button.btn-default:active {
            border-style: outset; }
          #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem button.btn-default:focus,
          #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem button.btn-default:hover {
            background: none; }
          #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .btn.active,
          #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .btn:active {
            box-shadow: none; }
  #d3konfiguratorview .steps {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0;
    padding-right: 0;
    position: relative; }
    #d3konfiguratorview .steps .stepsitems {
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      width: 100%; }
    #d3konfiguratorview .steps ol {
      height: 100%;
      margin-bottom: 0;
      padding-left: 0; }
  #d3konfiguratorview .steps button.nextBtn,
  #d3konfiguratorview .steps button.prevBtn {
    margin-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%; }

#d3configurator_mask, #d3configurator_message {
  display: none;
  visibility: hidden; }
  #d3configurator_mask.on, .on#d3configurator_message {
    background-color: #000;
    display: block;
    height: 100%;
    left: 0;
    opacity: .7;
    position: fixed;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: 1500; }

#d3configurator_message.d3configurator_popup.load.on {
  background: transparent;
  border-radius: 5px;
  color: #009ec0;
  font-size: 75pt;
  height: 75pt;
  left: 50%;
  margin: -75px 0 0 -135px;
  text-align: center;
  top: 50%;
  visibility: visible;
  width: 270px;
  z-index: 2000; }

#detailsRelated .tablerow.summary {
  padding: .3em 0; }

@media (max-width: 767.98px) {
  .d3_list-navigation .steps .btn {
    padding: 6px 8px; }
  .optiongrouplist,
  .optiongrouplist .text-right {
    text-align: center; }
  .optionlist .picture .img-responsive {
    display: inline-block; } }

@media (min-width: 576px) {
  #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem.infogrid .optionelementlist .optionpicture.optionhaslongdesc {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%; }
  #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem.infogrid .optionelementlist .optionlongdesc.optionhaspicture {
    flex: 0 0 50%;
    margin-left: 0;
    max-width: 50%; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  #d3konfiguratorview .steps.stepscount_high .stepsitems {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%; } }

@media (min-width: 768px) {
  #d3konfiguratorview .steps button.nextBtn, #d3konfiguratorview .steps button.prevBtn,
  #detailsRelated .steps button.nextBtn,
  #detailsRelated .steps button.prevBtn {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative; }
  #d3konfiguratorview .steps .stepsitems,
  #detailsRelated .steps .stepsitems {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%; }
  #d3konfiguratorview .optiongrouplist .optiongroup .optionlist.buttononechoice .optionitem,
  #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem.currtab5,
  #d3konfiguratorview .optiongrouplist .optiongroup .optionlist.radioonechoice .optionitem,
  #detailsRelated .optiongrouplist .optiongroup .optionlist.buttononechoice .optionitem,
  #detailsRelated .optiongrouplist .optiongroup .optionlist .optionitem.currtab5,
  #detailsRelated .optiongrouplist .optiongroup .optionlist.radioonechoice .optionitem {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%; }
  #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem,
  #detailsRelated .optiongrouplist .optiongroup .optionlist .optionitem {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%; }
    #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem.infogid,
    #detailsRelated .optiongrouplist .optiongroup .optionlist .optionitem.infogid {
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      width: 100%; }
    #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optioninputs,
    #detailsRelated .optiongrouplist .optiongroup .optionlist .optionitem .optioninputs {
      float: left;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      width: 33.33333333%; }
  #d3konfiguratorview .tablerow .tabcol,
  #d3konfiguratorview .tablerow .optgrpcol,
  #d3konfiguratorview .tablerow .optcol,
  #d3konfiguratorview .tablerow .pricecol,
  #detailsRelated .tablerow .tabcol,
  #detailsRelated .tablerow .optgrpcol,
  #detailsRelated .tablerow .optcol,
  #detailsRelated .tablerow .pricecol {
    flex: 0 0 25%;
    margin-left: 0;
    max-width: 25%; } }

@media (min-width: 992px) {
  #d3konfiguratorview .steps .stepsitems {
    flex: 0 0 25%;
    max-width: 25%; }
    #d3konfiguratorview .steps .stepsitems.tabitems {
      flex: 0 0 50%;
      max-width: 50%; }
  #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%; }
    #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem.infogrid {
      flex: 0 0 50%;
      max-width: 50%; }
      #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem.infogrid .optionelementlist .selectelement {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%; }
      #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem.infogrid .optionelementlist .optiontitle {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%; }
    #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem.currtab1 {
      float: left;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      width: 16.66666667%; }
    #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .selectelement {
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%; }
    #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optiontitle {
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%; } }

@media (min-width: 1200px) {
  #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem {
    flex: 0 0 25%;
    max-width: 25%; }
    #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem.currtab1 {
      float: left;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      width: 25%; }
    #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem .optionelementlist .optioninputs .input label {
      width: 90%; }
    #d3konfiguratorview .optiongrouplist .optiongroup .optionlist .optionitem.infogrid .optionelementlist .optioninputs .input label {
      width: auto; } }