.d3_list-navigation {
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    background-color: #F2F2F2;
    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 {
    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;
}

.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 0 0 20px;
    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"] ~ 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;
}


/* LIGNO ANPASSUNG */

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

.d3_list-navigation .steps {
    padding:10px 10px 5px;
    border:1px solid #ddd;
}

.optionlist label {
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    padding-left:0;
}

.optionlist select.btn {
    text-align:left;
    width:90%;
}

.optionlist .selectdropdown {
    padding-left:0;
    margin-bottom: 10px;
}

.selectdropdown input.form-control {
    width:90%;
    display:inline-block;
}

#d3_d3konfigurator_controllers_view h1 {
    margin: 0 0 10px 0;
    font-size:30px;
}

#d3_d3konfigurator_controllers_view .optiongroup .shortdesc {
    font-style: normal;
    font-size:12px;
    padding-left: 0;
    margin: 5px 0;
}

.MediaOption {
    margin:10px 0;
}

.MediaOption .media-picture {
    width:100%;
    margin-bottom:10px;
}

.optiongroup .optionlist .btn-sm {
    border-radius:25px;
}

.d3_list-navigation .steps li.active button.tablink {
    background:#cc0000;
    border:#cc0000;
}

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

.MediaOption .mediaurls .mediaurl {
    margin-top: 5px;
    font-size: 13px;
}

.MediaOption .mediaurls .mediaurl i {
    width:25px;
}

.MediaOption .konf_morepics:hover {
    text-decoration: none;
}

.lb-nav a.lb-prev:hover, .lb-nav a.lb-next:hover {
    text-decoration: none;
}