.d3_list-navigation {
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    background-color: #FFF;
    padding: 10px 15px;
    margin: 15px 0 0 0;
}

.d3_list-navigation .choosestep {
    display:inline-block;
    font-size:18px;
}

.d3_list-navigation .showconfig {
    display:inline-block;
    float:right;
}

.d3_list-navigation .steps {
    display: block;
    margin: 20px 0 0;
    border-radius: 4px;
    text-align:center;
    background:#fff;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:10px 10px 5px;
}

.d3_list-navigation .steps li {
    display:inline;
}

.d3_list-navigation .steps li button {
    font-size:16px;
    margin: 5px 0;
    padding: 2px 10px;
}

.d3_list-navigation .steps li button.submitButton.d3_d3konfigurator_models_buttons_next {
    border:1px solid #ddd;
    color:#777;
    background:#fff;
    cursor:pointer;
    font-size:14px;
}

.d3_list-navigation .steps li button.submitButton.d3_d3konfigurator_models_buttons_previous {
    border:1px solid #ddd;
    color:#777;
    background:#fff;
    cursor:pointer;
    font-size:14px;
}

.d3_list-navigation .steps li button.tablink {
    border:1px solid #ddd;
    color:#777;
    background:#fff;
    cursor:pointer;
}

.d3_list-navigation .steps li.active button.tablink {
    color:#fff;
    background-color: #009EC0;
    border-color: #009EC0;
    cursor: default;
}

#d3_d3konfigurator_controllers_view .tabpicture {
    margin-bottom:15px;
    padding-bottom:15px;
}

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

#d3_d3konfigurator_controllers_view .optiongroup .shortdesc {
    font-style: italic;
}

#d3_d3konfigurator_controllers_view .optiongroup .longdesc {
    border-bottom:0;
}

#d3_d3konfigurator_controllers_view .checkbox label {
    padding-left:0;
}

.optiongrouplist {
    padding:0;
    list-style:none;
}

.optionitem {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    margin: 15px 0;
    display:flex;
}

.optionitem .title label {
    font-weight: 600;
    font-size:16px;
}

.optionitem .text-muted {
    display:block;
    margin-bottom:10px;
}

.optionitem .price label {
    font-weight: 400;
    white-space: nowrap;
    font-size:21px;
}

.optionitem .mediaurls {
    padding:0;
    list-style:none;
}

.optionitem .mediaurls li {

}

.optionitem button.btn-default {
    border:0;
    border-style: outset;
    width:45px;
    height:45px;
    padding:0;
}

.optionitem button.btn-default:active {
    border-style: outset;
}

.optionitem button.btn-default:hover, .optionitem button.btn-default:focus {
    background:none;
}

.optionitem button.btn-default i.fa-square-o {
    display:block;
}

.optionitem button.btn-default i.fa-check-square-o {
    display:none;
}

.optionitem.selected button.btn-default i.fa-square-o  {
    display:none;
}
.optionitem.selected button.btn-default i.fa-check-square-o  {
    display:block;
}

/* OVERVIEW */

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

.overview {
    width:100%;
    float:left;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom:20px;
}

.tablerow {
    padding:10px 15px;
    border-bottom: 1px solid #E7E7E7;
}

.tablerow:first-child {
    border-top:1px solid #E7E7E7;
}

.tablerow:nth-child(even) {
    background: #F2F2F2;
}

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

.tablerow ul li {
    font-style: italic;
}

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

.overview .summary {
    padding:10px 15px;
    background:#f9f9f9;
    text-align:right;
    font-weight:600;
    border-bottom:1px solid #E7E7E7;
    margin-bottom:20px;
}

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

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


/* POPUP */

#d3_d3konfigurator_controllers_view .modal-header .close {
    margin-top:-20px;
}

#d3_d3konfigurator_controllers_view .modal-body .firstoption {
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

#d3_d3konfigurator_controllers_view .modal-body .permanentchoises {
    padding: 10px 0;
}

#d3_d3konfigurator_controllers_view .modal-body .permanentchoises:nth-child(even) {
    background: #F2F2F2;
}

#d3_d3konfigurator_controllers_view .modal-body .permanentchoises .permanentchoises-tab {
    color:#000;
}

#d3_d3konfigurator_controllers_view .modal-body .permanentchoises .permanentchoises-choice {
    font-weight:600;
    text-align:right;
}

#d3_d3konfigurator_controllers_view .d3_popup_summary {
    font-weight:bold;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

#d3_d3konfigurator_controllers_view .d3_popup_summary .right {
    text-align:right;
}

#d3_d3konfigurator_controllers_view  .summary, #detailsRelated .summary {
    padding:10px 15px;
    background:#f9f9f9;
    text-align:right;
    font-weight:600;
    border-bottom:1px solid #E7E7E7;
    margin-bottom:20px;
}

/* START VIEWPORTS */

@media (min-width: 481px) and (max-width: 768px) {
    .d3_list-navigation .steps .btn {
        padding:6px 8px;
    }
}

@media (max-width:768px) {
    .optiongrouplist {
        text-align:center;
    }

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

@media (max-width: 768px) {
    .optionlist .picture .img-responsive {
        display:inline-block;
    }
}


/* CHECKBOX / RADIO STYLES  / BUTTON */

.optionitem .btn:active, .optionitem .btn.active {
    box-shadow:none;
}

label.btn span {
    font-size: 1.5em ;
}

label input[type="radio"] {
    display: none;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #009EC0;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
    color: #009EC0;
}
label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #009EC0;    display: inline;
}
label: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;
}


.d3_list-navigation {
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  background-color: #FFF;
  padding: 10px 15px;
  margin: 15px 0 0 0;
}

.d3_list-navigation .choosestep {
  display:inline-block;
  font-size:18px;
}

.d3_list-navigation .showconfig {
  display:inline-block;
  float:right;
}

.d3_list-navigation .steps {
  display: block;
  margin: 20px 0 0;
  border-radius: 4px;
  text-align:center;
  background:#fff;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  padding:10px 0 5px;
}

.d3_list-navigation .steps li {
  display:inline;
}

.d3_list-navigation .steps li button {
  font-size:16px;
  margin: 5px 0;
  padding: 2px 10px;
}

.d3_list-navigation .steps li button.submitButton.d3_d3konfigurator_models_buttons_next {
  border:1px solid #ddd;
  color:#777;
  background:#fff;
  cursor:pointer;
  font-size:14px;
}

.d3_list-navigation .steps li button.submitButton.d3_d3konfigurator_models_buttons_previous {
  border:1px solid #ddd;
  color:#777;
  background:#fff;
  cursor:pointer;
  font-size:14px;
}

.d3_list-navigation .steps li button.tablink {
  border:1px solid #ddd;
  color:#777;
  background:#fff;
  cursor:pointer;
}

.d3_list-navigation .steps li.active button.tablink, .d3_list-navigation .steps li.active.visited button.tablink {
  color:#fff;
  background-color: #FC6621;
  border-color: #FC6621;
  cursor: default;
}

.d3_list-navigation .steps li.visited button.tablink {
  background:#5cb85c;
  border-color:#5cb85c;
  color:#fff;
}

#d3_d3konfigurator_controllers_view .tabpicture {
  margin-bottom:15px;
  padding-bottom:15px;
}

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

#d3_d3konfigurator_controllers_view .optiongroup .shortdesc {
  font-style: italic;
  min-height:60px;
}

#d3_d3konfigurator_controllers_view .optiongroup .longdesc {
  border-bottom:0;
}

#d3_d3konfigurator_controllers_view .checkbox label {
  padding-left:0;
}

.optiongrouplist {
  padding:0;
  list-style:none;
}

.optionitem {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
  margin: 15px 0;
  float:left;
}

.optionitem .title label {
  font-weight: 600;
  font-size:16px;
}

.optionitem .text-muted {
  display:block;
  margin-bottom:10px;
}

.optionitem .picture .img-responsive {
  display:inline-block;
}

.optionitem .price label {
  font-weight: 400;
  white-space: nowrap;
  font-size:21px;
}

.optionitem .mediaurls {
  padding:0;
  list-style:none;
}

.optionitem .mediaurls li {

}

.optionitem .mediaurls li a {
  font-size:12px;
}

.optionitem button.btn-default {
  border:0;
  border-style: outset;
  width:45px;
  height:45px;
  padding:0;
}

.optionitem button.btn-default:active {
  border-style: outset;
}

.optionitem button.btn-default:hover, .optionitem button.btn-default:focus {
  background:none;
}

.optionitem button.btn-default i.fa-square-o {
  display:block;
}

.optionitem button.btn-default i.fa-check-square-o {
  display:none;
}

.optionitem.selected button.btn-default i.fa-square-o  {
  display:none;
}
.optionitem.selected button.btn-default i.fa-check-square-o  {
  display:block;
}

/* OVERVIEW */

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

.overview {
  width:100%;
  float:left;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom:20px;
}

.tablerow {
  padding:10px 15px;
  border-bottom: 1px solid #E7E7E7;
}

.tablerow:first-child {
  border-top:1px solid #E7E7E7;
}

.tablerow:nth-child(even) {
  background: #F2F2F2;
}

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

.tablerow ul li {
  font-style: italic;
}

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

.overview .summary {
  padding:10px 15px;
  background:#f9f9f9;
  text-align:right;
  font-weight:600;
  border-bottom:1px solid #E7E7E7;
  margin-bottom:20px;
}

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

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


/* POPUP */

#d3_d3konfigurator_controllers_view .modal-header .close {
  margin-top:-20px;
}

#d3_d3konfigurator_controllers_view .modal-body .firstoption {
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

#d3_d3konfigurator_controllers_view .modal-body .permanentchoises {
  padding: 10px 0;
}

#d3_d3konfigurator_controllers_view .modal-body .permanentchoises:nth-child(even) {
  background: #F2F2F2;
}

#d3_d3konfigurator_controllers_view .modal-body .permanentchoises .permanentchoises-tab {
  color:#000;
}

#d3_d3konfigurator_controllers_view .modal-body .permanentchoises .permanentchoises-choice {
  font-weight:600;
  text-align:right;
}

#d3_d3konfigurator_controllers_view .d3_popup_summary {
  font-weight:bold;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}

#d3_d3konfigurator_controllers_view .d3_popup_summary .right {
  text-align:right;
}

#d3_d3konfigurator_controllers_view  .summary, #detailsRelated .summary {
  padding:10px 15px;
  background:#f9f9f9;
  text-align:right;
  font-weight:600;
  border-bottom:1px solid #E7E7E7;
  margin-bottom:20px;
}

/* START VIEWPORTS */

@media (min-width: 481px) and (max-width: 768px) {
  .d3_list-navigation .steps .btn {
    padding:6px 8px;
  }
}

@media (max-width:768px) {
  .optiongrouplist {
    text-align:center;
  }

  .optiongrouplist .text-right {
    text-align:center;
    border-bottom:0;
    padding-bottom:10px;
    margin-bottom:10px;
  }

}

@media (max-width: 768px) {
  .optionlist .picture .img-responsive {
    display:inline-block;
  }
}


/* CHECKBOX / RADIO STYLES  / BUTTON */

.optionitem .btn:active, .optionitem .btn.active {
  box-shadow:none;
}

label.btn span {
  font-size: 1.5em ;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
  color: #c8c8c8;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
  display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
  display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
  color: #FC6621;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
  color: #FC6621;
}
label input[type="checkbox"] ~ i.fa.fa-square-o{
  color: #c8c8c8;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
  display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
  display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
  color: #FC6621;    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
  color: #FC6621;
}
div[data-toggle="buttons"] label.active{
  color: #FC6621;
}
.buttononechoice .optionitem {
  border-bottom:0;
  text-align:center;
}
.buttononechoice .optionitem.selected .btn {
  border:3px solid #000;
}

#d3_d3konfigurator_controllers_view .overview .pull-right .col-xs-12 .input-group {
  display:inline-block;
}

.optionitem .picture .img-responsive {
    max-width:100%;
}

.number5 .optionitem {
    display:block;
}