/**
 * 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: white
 * =============
 *
 * @default #fff
 *
 *
 *
 * Text-Color
 * -----------
 */
header a,
header a:hover,
header a:focus {
  color: #000;
}


#waermeverbrauch div.form-group {
    /* background-color: #FFFFFF;*/
    /* background-image: none;*/
   /*  background-image: linear-gradient(to bottom, #ffffff 10%, #E9967A 70%); */
    background-image: linear-gradient(to bottom, #d3d3d3 30%, #a9a9a9 70%); 
}

#stromverbrauch div.form-group {
    /*  background-color: #FFFFFF; */
    background-image: linear-gradient(to bottom, #d3d3d3 30%, #a9a9a9 70%); 
}

/**
 * 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,
.pager li > a:hover,
.pager li > a:focus
 {
 /*  background-color: #76a5c8; */
background-color: #DCDCDC;
color: #000000;
}
.img-thumbnail {
  border: #76a5c8;
}
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary-Mega-Dark
 * ================================
 *
 * @default #56952b
 *
 *
 *
 * Text-Color
 * -----------
 */

.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,
.sc_loader-container .sc_loader .sc_loader-info-text

 {
 color: #000000;

}

/* normale schrift */
a
{
  color: #3f4952;
}



/* Schriftfarbe in Eingabefeldern Kontaktformular */
.form-control
{
 color: #000000;
}



/* ---------------------------------------------------------------------------------------------- */
/**
 * 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
 * -----------
 */
a:hover,
a:focus {
  color: #788a98;
}
/**
 * Background-Color
 * -----------------
 */
/* header, */
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(odd),
.pager li > span,
.panel-default > .panel-heading {
/*  background-color: #FFFFFF; */
background-image: linear-gradient(to bottom, #D3D3D3 30%, #A9A9A9 70%);
}
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(even) {
background-image: linear-gradient(to bottom, #D3D3D3 30%, #A9A9A9 70%);
}
/* Oberster Frame Hintergrund */
header {
  background-color: #FFFFFF;
}
.pager li > a {
  /* background-color: #788A98; */
background-color: #788A98;
color: #FFFFFF
}
.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 {
  background-color: #788a98;
  border-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, #D3D3D3 0%, #788a98 100%);
  background-image: -o-linear-gradient(left, #D3D3D3 0%, #788a98 100%);
  background-image: linear-gradient(to right, #FED501 10%, #FFFFE0 90%);
  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: #FFF;
}
/* ---------------------------------------------------------------------------------------------- */
/**
 * 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, #D3D3D3 0%, #95a3ae 100%);
  background-image: -o-linear-gradient(left, #D3D3D3 0%, #95a3ae 100%);
  background-image: linear-gradient(to right, #D3D3D3 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,
.panel,
.panel-default > .panel-heading,
.sc_dropdown-brands .thumbnail .media,
.well,
.modal-content {
  /* background-color: #00659e; */
background-color: #D3D3D3; 

}
/* grundfarbe-farbe main-form */
.sc_tab-wrapper {
 background-color: #D3D3D3; 
border-color: #FFFFFF;
}

/* schrift slider */
.label
{
color: #FFFFFF;
font-size: 85%;
}



.sc_slider-group .sc_slider .ui-state-default {
 /* background-color: #76A5C8; */
  background-color: #fed501; 

}
/**
 * COLOR: Brand-Primary-Lighter
 * =============================
 *
 * @default #d3eec1
 *
 *
 *
 * Text-Color
 * -----------
 */ 
/* deaktivierte zurück-weiter-buttons */
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #bfd5e5;
  /* background-color: #00659e; */
   background-color: #788a98;
}
/**
 * Background-Color
 * -----------------
 */

.sc_slider-group .sc_slider .ui-widget-header,
.form-control
 {
 /*  background-color: #bfd5e5; */
 background-color: #52ae32;
}

.sc_navbar,
.thumbnail .media {

  background-color: #52AE32;
}

/**
 * Border-Color
 * -------------
 */

.panel-default,
.panel-default > .panel-heading,
.well {
  border-color: #FFFFFF;
}
.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;
}

a:focus
{
font-weight: bold;
color: #000000;

}

/* textfarbe aufklappen branche */
.sc_dropdown-text
{
color: #ffffff;
}

.text-center
{
color: #000000;
}

.sc_tab-wrapper .tab-pane.form-inline .input-sm  {
width: 9em;
}