/**
 * customer.css
 * =============
 *
 *
 * Mit Hilfe dieser CSS-Datei lassen sich die Farben für Kundenprojekte einfach ändern. Fehlt diese
 * Datei, so wird automatisch die DefaultFarbe (grün) angezeigt. Dabei fungiert diese Datei als
 * Template.
 *
 * Neben diesen CSS-Statments können beliebig weitere hinzugefügt werden. Jedoch sollten diese nach
 * folgenden Gesichtspunkten eingefügt werden:
 *      * Bootstrap Version 3.3.4 konform (http://getbootstrap.com)
 *      * jQueryUi Version 1.11.4 konform (http://jqueryui.com)
 *      * CrossBrowser konform
 *
 * Aus Performanz-Gründen sind nicht alle Bestandteile von den Frameworks Bootstrap und jQueryUi 
 * mit kompiliert worden, weshalb einige CSS-Klassen des jeweiligen Standard-Paketes hier fehlen
 * könnten. Diese lassen sich aber bei Bedarf ergänzen.
 *
 * Nach Bearbeitung dieses Templates, sollte eine Kopie mit dem Namen "customer.css" im Order "/css"
 * abgelegt werden (gleiches Verzeichnis wie die Basis CSS-Datei "bhkw.css").
 *
 * Die "customer.css" Datei kann bei Kundenprojekten fehlen, in diesen Fällen würden die
 * Default-Farben aus der "bhkw.css" Datei erscheinen.
 *
 * Auf keinen Fall darf jedoch die "bhkw.css" Datei fehlen! Diese Datei enthält neben den
 * Default-Farben auch alle anderen CSS-Statments damit der Browser die Applikation richtig
 * darstellt bzw. rendern kann.
 *
 * Nachfolgend werden alle verwendenten Grundfarben gruppiert aufgelistet. Zum einen nach
 * Helligkeitsabstufungen und als 2. Ebene nach ihrer Verwendung für Texte, Hintergründe und Rahmen.
 *
 * Zu empfehlen ist die Verwendung von Hex-Farbwerten. Es können auch andere Notationsvarianten
 * verwendet werden, jedoch sollte auf Grund der CrossBrowser-Kompatibilität nur die Folgenden
 * Verwendung finden:
 *        * Hex-Farbwerte (z.B.: background-color: #ff0066; )
 *        * RGB-Farbwerte (z.B.: color: rgb(123, 4, 56); )
 *
 * Auf eine verkürzte schreibweise wie "background" anstatt "background-color" sollte weitestgehend
 * verzeichtet werden, da dadurch ungewollte Nebeneffekte auftreten können.
 *
 * Sollte eine "customer.css" Datei überhaupt nicht zum Einsatz kommen, dann sollte unbedingt auch
 * in der "index.html" Datei der "Ladeeintrag" ntfernt werden.
 *
 */
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary
 * =====================
 *
 * @default #9BD772
 *
 *
 *
 * Text-Color
 * -----------
 */
.text-primary,
.panel-success > .panel-heading .badge,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder,
.btn-primary .badge {
  color: #76a5c8;
}
/**
 * Background-Color
 * -----------------
 */
header .label-default[href]:hover,
header .label-default[href]:focus,
body,
.bg-primary,
.bg-success,
.has-success .input-group-addon,
.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.sc_slider-group .sc_slider .ui-state-default.ui-state-hover,
.sc_slider-group .sc_slider .ui-state-default.ui-state-focus,
.sc_tab-wrapper .tab-pane .tab-pane-content > div,
.pager li > a:hover,
.pager li > a:focus,
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  background-color: #76a5c8;
}
.img-thumbnail {
  border: #76a5c8;
}
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary-Mega-Dark
 * ================================
 *
 * @default #56952b
 *
 *
 *
 * Text-Color
 * -----------
 */
.form-control,
.nav-pills > li > a,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.panel-default > .panel-heading,
a {
  color: #3f4952;
}
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary-Super-Dark
 * ================================
 *
 * @default #3f6d1f
 *
 *
 *
 *
 * Text-Color
 * -----------
 */
.sc_navbar .sc_navbar-header {
  color: #55636f;
}
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary-Darkest
 * =============================
 *
 * @default #62a930
 *
 *
 *
 *
 * Border-Color
 * -------------
 */
.form-control,
.form-control:focus,
.sc_slider-group .sc_slider.ui-widget-content,
.sc_slider-group .sc_slider .ui-state-default,
.pager li > a,
.pager li > span {
  border-color: #60707d;
}
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary-Darker
 * ============================
 *
 * @default #7AC943
 *
 *
 *
 * Text-Color
 * -----------
 */
.sc_loader-container .sc_loader .sc_loader-info-text,
a:hover,
a:focus {
  color: #788a98;
}
/**
 * Background-Color
 * -----------------
 */
header,
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(odd),
.pager li > a,
.pager li > span,
.panel-default > .panel-heading {
  background-color: #788a98;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #788a98;
  background-image: -webkit-linear-gradient(left, #9abdd7 0%, #788a98 100%);
  background-image: -o-linear-gradient(left, #9abdd7 0%, #788a98 100%);
  background-image: linear-gradient(to right, #9abdd7 0%, #788a98 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary-light', endColorstr='@brand-primary-darker', GradientType=1);
}
/**
 * Border-Color
 * -------------
 */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  border-color: #788a98;
}
.nav-pills > li.active:after {
  border-left-color: #788a98;
}
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary-Dark
 * ==========================
 *
 * @default #96d46b
 *
 *
 *
 * Background-Color
 * -----------------
 */
.nav-pills > li > a,
.sc_panel-result > .panel-body .panel > .panel-heading,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #95a3ae;
}
.nav-pills > li > a {
  background-image: -webkit-linear-gradient(left, #9abdd7 0%, #95a3ae 100%);
  background-image: -o-linear-gradient(left, #9abdd7 0%, #95a3ae 100%);
  background-image: linear-gradient(to right, #9abdd7 0%, #95a3ae 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary-light', endColorstr='@brand-primary-dark', GradientType=1);
}
/**
 * Border-Color
 * -------------
 */
.nav-pills > li:after {
  border-left-color: #95a3ae;
}
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary-Light
 * ===========================
 *
 * @default #b7e29a
 */
header .label-default,
footer,
.sc_slider-group .sc_slider .ui-state-default,
.sc_tab-wrapper,
.panel,
.panel-default > .panel-heading,
.sc_dropdown-brands .thumbnail .media,
.well,
.modal-content {
  background-color: #9abdd7;
}
/**
 * COLOR: Brand-Primary-Lighter
 * =============================
 *
 * @default #d3eec1
 *
 *
 *
 * Text-Color
 * -----------
 */
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #bfd5e5;
}
/**
 * Background-Color
 * -----------------
 */
.sc_navbar,
.sc_slider-group .sc_slider .ui-widget-header,
.form-control,
.thumbnail .media {
  background-color: white;
}
/**
 * Border-Color
 * -------------
 */
.sc_tab-wrapper,
.panel-default,
.panel-default > .panel-heading,
.well {
  border-color: #bfd5e5;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bfd5e5;
}


::before, ::after {

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
Element {

}
/** Header Schriftstyle **/
b, strong {

  font-weight: lighter;

}
* {

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

/** BHKW-Ultimate **/

header {

  background-color: #FFFFFF;
  border-bottom: solid 1px #65AE24;

}
header a, header a:hover, header a:focus {

  color: #65AE24;

}
header a {

  color: #65AE24;
  font-size: 42px;
  letter-spacing: 10px;
}
a {

  color: #333352;

}

.objecttype-selector {
  background-color: white;
  border-bottom: solid 1px #4f8927;
  padding: 12px;
}
.objecttype-selector a, .objecttype-selector a:HOVER, .objecttype-selector label {
  color:#9c9c9c;
  text-decoration: none;
  font-weight:bold;
}

.no-focus-outline a:focus,
.btn.active.focus,
.no-focus-outline button:focus {
  outline: none;
  border: 0;
}
:focus { outline: none; }
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(1),
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(2),
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(3),
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(4) {
  background-color: white;
  color: #9c9c9c;
}
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(3) {
  border-top: solid 1px rgb(12,50,116);
}
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(3),
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(4) {
  border-bottom: solid 1px rgb(12,50,116);
}
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(5),
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(6) {
  background-color: white;

  color: #9c9c9c;
}
.sc_tab-wrapper .tab-pane .tab-pane-content > div:last-child {
  border: none;
}
.sc_tab-wrapper, .panel-default, .panel-default > .panel-heading, .well {

  border-color: rgb(12,50,116);
  border-radius: 15px;
  border-width: 1px;
}

.sc_slider-group .sc_slider .ui-slider-handle.ui-corner-all {
  border-radius: 3px;
  border-color: #65AE24;
  background-color: #65AE24;
}
.sc_navbar, .sc_slider-group .sc_slider .ui-widget-header,  .thumbnail .media {
  background-color: #707070;
  border-color: #9c9c9c;
}
.sc_slider-group .sc_slider.ui-widget-content, .sc_slider-group .sc_slider .ui-state-default, .pager li > a, .pager li > span {
  border-color: #60707d;
}
.sc_slider-group .sc_slider.ui-widget-content, .sc_slider-group .sc_slider .ui-state-default, .pager li > a, .pager li > span {
  border-color: #9c9c9c;
  background-color: #f2f2f2;
}
.label {
  color: #9c9c9c;
}
.btn-group img {
  height: 48px;
  border: solid 1px #9c9c9c;
  padding: 5px 12px 5px 12px;
  border-radius: 5px;
  margin-bottom: 5px;
}

.nav-pills > li > a, .sc_panel-result > .panel-body .panel > .panel-heading, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background-color: white;
  color: #9c9c9c;
}
.optionlist label.btn img.img-active {
  display:none;
}
.optionlist label.btn img.img {
  display:inline;
}
.optionlist label.btn.active .img {
  display:none;
}
.optionlist label.btn.active .img-active {
  display:inline;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
  color: #9c9c9c;
  background-color: white;
  border-color: #4f8927;
}
.optionlist .btn-primary {
  color: #9c9c9c;
  background-color: white;
  border: 0;
  box-shadow: none;
  font-weight: bold;
  font-size: 12px;
}
body {
  background-color: rgb(242,242,242);
}
.xspinboxcontainer .sc_slider-group {
  display: none;
}
.xsc_tab-wrapper .tab-pane.form-inline .input-sm {
  margin-left: 16px;
  margin-right: 0px;
  width: 8em;
  height: 40px;
}


.slider-input .input-sm {
  display: none;
}

.ui-slider-handle {
  cursor:pointer !important;
}
.ui-slider-handle div {
  color:#60707D;
  font-size: 16px;
  font-weight: bold;
  width: auto;
  margin-top: 10px;
  white-space: nowrap;
  margin-left: -30px;
}

.sc_slider-group .sc_slider .ui-slider-handle {

  width: 1.7em;
  height: 1.7em;

}

.ranking-title {
  color: #707070;;
  font-size: 18px;
  font-weight: normal;
}
.ranking-result-lines, .no-results {
  color: #707070;;
  font-size: 15px;
  line-height: 30px;
}

.beratung-link, .beratung-link:HOVER {
  color: #707070;
  font-size: 16px;
}


header .label-default, footer, .sc_slider-group .sc_slider .ui-state-default, .sc_tab-wrapper, .panel, .panel-default > .panel-heading, .sc_dropdown-brands .thumbnail .media, .well, .modal-content {
  background-color: rgb(242,242,242);
}

.footer-note {
  margin-top: 10px;
  margin-right: 20px;
  margin-left: 20px;
  color: #9c9c9c;
  font-size: 12px;
}

.ui-spinner-input {
  height: 37px;
  color:#65AE24;
  font-size: 16px !important;
  font-weight: bold;
  width: 65px;
  text-align: center;
  background-color: rgb(242,242,242);
}
span.ui-spinner {
  border-radius: 8px;
  background-color: rgb(242,242,242);
  margin-top: 12px;
}

.sc_tab-wrapper .tab-pane .tab-pane-content > div {
  padding-top: 1em;
}

label.btn {
  padding-left: 0;
  padding-top: 5px;
}

.sc_tab-wrapper .tab-pane .tab-pane-content > div {
  padding-top: 10px;
  padding-bottom: 6px;
}

.spinner-unit {
  margin-left: 5px;
  height: 37px;
  position: relative;
  display: inline-block;
}
.spinner-unit-text {
  position: absolute;
  top: 28px;
}
.sc_slider-group .sc_slider.ui-slider-horizontal {
  height: 1em;
}

.btn-default, .btn-primary {
  background-color: white;
  color: #707070;;
}
.btn-default:HOVER, .btn-primary:HOVER {
  background-color:#f2f2f2;
  color: #707070;;
}
.btn {
  border-radius: 3px;
}
.sc_slider-group .sc_slider {
  margin-bottom: 4px;
}

.optionlist .btn-primary {
  margin-right: 5px;
}
.optionlist .btn-primary:HOVER {
  background-color:  white;
}

.slider-labels {
  margin-left: 28px;
  margin-right: 28px;
  font-size: 12px;
  font-weight: bold;
}

.sc_slider-group .sc_slider {

  margin-left: 50px;
  margin-right: 50px;


}