/* (1) Navigation */
[ng-app=car-configurator] .navbar {
 background-color: #ffffff;
}
/* (2) Heading */
[ng-app=car-configurator] h1,
[ng-app=car-configurator] .content-header h1 {
  display: inline-block;
  margin-bottom: 1em;
  background: #e60201;
  font-family: 'Michroma', sans-serif;
  font-size: 1.5em;
  color: #fff;
  line-height: 1em;
  padding: 10px 10px 10px 10px;
  letter-spacing: 1px;
}
/* (3) Breadcrumb font color */
[ng-app=car-configurator] .breadcrumb .btn-link,
[ng-app=car-configurator] .breadcrumb button {
 color: #808080;
 font-family: 'Open Sans', sans-serif !important;
 font-weight: 300 !important;
 font-size: 1.3em !important;
} 
/* (4) Breadcrumb active buttons */
[ng-app=car-configurator] .breadcrumb .btn-link.active,
[ng-app=car-configurator] .breadcrumb .btn-link:active,
[ng-app=car-configurator] .breadcrumb .btn-link:focus,
[ng-app=car-configurator] .breadcrumb .btn-link:hover,
[ng-app=car-configurator] .breadcrumb button.active,
[ng-app=car-configurator] .breadcrumb button:active,
[ng-app=car-configurator] .breadcrumb button:focus,
[ng-app=car-configurator] .breadcrumb button:hover {
 background-color: #e60201;
 background-image: none;
 color: #ffffff;
}
/* (5) Buttons in content pane */
[ng-app=car-configurator] .btn.btn-success,
[ng-app=car-configurator] .btn.btn-success.active {
 background-color: #ffffff !important;
 color: #808080;
 border-color: #808080;
 border-radius: 0px;
}
/* (5) Buttons in content pane */
[ng-app=car-configurator] .btn.btn-success:active,
[ng-app=car-configurator] .btn.btn-success:focus,
[ng-app=car-configurator] .btn.btn-success:link,
[ng-app=car-configurator] .btn.btn-success:hover {
 border-color: #ffffff;
 background-color: #e60201 !important;
 background-image: none;
 color: #ffffff;
}

[ng-app=car-configurator] .btn.disabled, 
[ng-app=car-configurator] .btn[disabled], 
[ng-app=car-configurator] fieldset[disabled] .btn, 
[ng-app=car-configurator].btn.disabled, 
[ng-app=car-configurator].btn[disabled] {
  opacity: 1 !important;
  background: none;
  background-color: #f1f1f1 !important;
  color: #808080;
}

[ng-app=car-configurator] .selection-grid.detailed .price, 
[ng-app=car-configurator] .selection-grid.detailed .price-box, 
[ng-app=car-configurator].selection-grid.detailed .price, 
[ng-app=car-configurator].selection-grid.detailed .price-box {
  background: none;
  /* border-top: 2px solid #e60201; */
  border-bottom: 2px solid #e60201;
  background-color: #ffffff !important;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  height: 26px;
  line-height: 10px;
}
/* (6) Background */
[ng-app=car-configurator] .entries {
 background-color: #ffffff;
 margin: -15px;
 padding: 15px;
} 
[ng-app=car-configurator] .btn-group,
[ng-app=car-configurator].btn-group,
[ng-app=car-configurator] .btn, 
[ng-app=car-configurator].btn {
  border-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
[ng-app=car-configurator] .btn-group .active, 
[ng-app=car-configurator] .btn-group .active:focus, 
[ng-app=car-configurator] .btn-group .active:hover, 
[ng-app=car-configurator].btn-group .active, 
[ng-app=car-configurator].btn-group .active:focus, 
[ng-app=car-configurator].btn-group .active:hover {
  background: none;
  background-color: #808080;
  border-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border: solid 1px #808080;
}

/* (7) Image */
[ng-app=car-configurator] .absolute .car-preview {
 border-right: 10px solid #f7d900;
 width: 143px;
}
/* (8) Background selected list items */
[ng-app=car-configurator] .selection-list-items .list-item.selected {
 background-color: #ff6f00;
} 

/* (9) Continue to offer button*/
[ng-app=car-configurator] .content-header > .pointer {
 background-color: #ffffff !important;
 color: #808080;
 padding: 10px 30px;
 text-transform: uppercase;
 margin-bottom: 15px;
}
/* (10) Sidebar */
[ng-app=car-configurator] .sidebar,
[ng-app=car-configurator] .col-md-4.sidebar {
 background-color: #ffffff !important;
 color: #808080;
}
/* (11) Buttons in sidebar */
[ng-app=car-configurator] .btn-primary {
  background-color: #d4d4d4 !important;
  color: #000000;
  border: solid 1px #acacac;
}
[ng-app=car-configurator] .btn-primary:active,
[ng-app=car-configurator] .btn-primary:focus,
[ng-app=car-configurator] .btn-primary:hover {
 background-color: #e60201 !important;
 border-color: #000000;
 background-image: none;
 color: #ffffff;
 border: solid 1px #acacac;
} 


/* (12) Pop-Up Heading */
[ng-app=car-configurator] .modal-dialog .panel-heading {
  color: #ffffff;
  background: #e60201;
  font-family: 'Michroma', sans-serif;
  font-size: 1.5em;
  color: #fff;
}
/* (13) Pop-Up Button normal */
[ng-app=car-configurator] .panel-footer > .btn,
[ng-app=car-configurator] .panel-footer > .btn.active,
[ng-app=car-configurator] .panel-footer > .btn:active,
[ng-app=car-configurator] .panel-footer > .btn:focus,
[ng-app=car-configurator] .panel-footer > .btn:link,
[ng-app=car-configurator] .panel-footer > .btn:hover {
 background-color: #d4d4d4 !important;
}

/* (14) Pop-Up Button Success */
[ng-app=car-configurator] .panel-footer > .btn.btn-success {
  background-color: #ffffff !important;
  color: #808080;
  border: solid 1px #808080;
}

[ng-app=car-configurator] .panel-footer > .btn.btn-success.active,
[ng-app=car-configurator] .panel-footer > .btn.btn-success:active,
[ng-app=car-configurator] .panel-footer > .btn.btn-success:focus,
[ng-app=car-configurator] .panel-footer > .btn.btn-success:link,
[ng-app=car-configurator] .panel-footer > .btn.btn-success:hover {
 background-color: #e60201 !important;
 color: #ffffff;
} 

[ng-app=car-configurator] .btn-proceed {
  color: #fff;
  background-color: #337ab7 !important;
  border-color: #2e6da4;
}

[ng-app=car-configurator] .selection-grid.detailed .grid-item.selected, 
[ng-app=car-configurator].selection-grid.detailed .grid-item.selected {
  border: 2px solid #e60201;
}

[ng-app=car-configurator] .selection-list-items .list-item.selected {
  background-color: #acacac;
}

/*Ausblenden Select-Box Nachlasspreis*/
[ng-app="car-configurator"] .selection-grid.detailed .price .new-price, [ng-app="car-configurator"] .selection-grid.detailed .price-box .new-price, [ng-app="car-configurator"].selection-grid.detailed .price .new-price, [ng-app="car-configurator"].selection-grid.detailed .price-box .new-price {
    visibility: hidden;
}
/*UVP Preis in block*/
[ng-app="car-configurator"] .selection-grid.detailed .price .old-price, [ng-app="car-configurator"] .selection-grid.detailed .price-box .old-price, [ng-app="car-configurator"].selection-grid.detailed .price .old-price, [ng-app="car-configurator"].selection-grid.detailed .price-box .old-price {
    display: inline-block;
    font-size: 1em;
    line-height: 1;
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 5px;
}
/*Ausblenden Nachlasspreis Motor-Ebene*/
[ng-app="car-configurator"] .selection-list-items .price, [ng-app="car-configurator"].selection-list-items .price {
    font-size: 1.5em;
    font-weight: 700;
    clear: both;
    line-height: 1;
    visibility: hidden;
}
/*Korrektur UVP-Preis Position und gr��e*/
[ng-app="car-configurator"] .selection-list-items .old-price, [ng-app="car-configurator"].selection-list-items .old-price {
    line-height: 1;
    font-weight: bold;
    font-size: 15px;
    margin-top: 40px;
}
/*ausblenden Inhalte Preise-Sidebar*/
[ng-app="car-configurator"] b, [ng-app="car-configurator"] optgroup, [ng-app="car-configurator"] strong {
    visibility: hidden;
}
/*Linie f�r Nachlass Boxen*/
 .selection-grid.detailed .price .old-price,
.selection-grid.detailed .price-box .old-price {
    text-decoration: none;
    position: relative;
}
.selection-grid.detailed .price .old-price:after,
.selection-grid.detailed .price-box .old-price:after {
    content: '';
    display: block;
    position: absolute;
    border-bottom: 3px dashed transparent;
    width: 99px;
    transform: rotate(-11deg) translateX(-50%);
    top: 22%;
    left: 50%;
}
/*Linie f�r Nachlass Motor-Getriebe*/
 .selection-list-items .pricing-wrap .old-price,
.selection-list .price-box .old-price {
    text-decoration: none;
    position: relative;
}
.selection-list .price .old-price:after,
.selection-list .price-box .old-price:after {
    content: '';
    display: block;
    position: absolute;
    border-bottom: 3px dashed transparent;
    width: 99px;
    transform: rotate(-11deg) translateX(-50%);
    top: 22%;
    left: 50%;
}
/*Sidebar Price-Table*/
[ng-app=car-configurator] .sidebar .summary .content tr:nth-of-type(4), [ng-app=car-configurator].sidebar .summary .content tr:nth-of-type(4) {
display: none;
}
[ng-app=car-configurator] .sidebar .summary .content tr:nth-of-type(5), [ng-app=car-configurator].sidebar .summary .content tr:nth-of-type(5) {
display: none;
}
[ng-app=car-configurator] .sidebar .summary .content tr:nth-of-type(6), [ng-app=car-configurator].sidebar .summary .content tr:nth-of-type(6) {
display: none;
}
[ng-app=car-configurator] .sidebar .summary .content tr:nth-of-type(7), [ng-app=car-configurator].sidebar .summary .content tr:nth-of-type(7) {
display: none;
}
/* Drucken-Button im Angebotsformular */
[ng-app=car-configurator] button#contact-request.btn-default {
    display: none;
}