/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03.03.2015, 14:21:08
    Author     : chk
*/
body { 
  font-family: sans-serif;
  background-color: #ffffff;
  margin: 0 15px 0 15px;
  min-width: 900px;
}
*:focus, 
*:active,
*:focus:active {
    outline: 0!important;
}
.btn-primary.green {
  background-image: -webkit-linear-gradient(top, #4db6ac 0%, #009688 100%);
  background-image:      -o-linear-gradient(top, #4db6ac 0%, #009688 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4db6ac), to(#009688));
  background-image:         linear-gradient(to bottom, #4db6ac 0%, #009688 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4db6ac', endColorstr='#ff009688', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #00796b;
}
.btn-primary.green:hover,
.btn-primary.green:focus {
  background-color: #009688;
  background-position: 0 -15px;
}
.btn-primary.green:active,
.btn-primary.green.active {
  background-color: #009688;
  border-color: #00796b;
}
.btn-primary.green.disabled,
.btn-primary.green:disabled,
.btn-primary.green[disabled] {
  background-color: #009688;
  background-image: none;
}
.alert-info {
  background-color: #fff;
  border-color: #4db6ac;
  color: #286090;
}
.input-group-sm .input-group-addon {
  padding: 1px 1px;
  background: #fff;
}
.input-group-sm .input-group-addon input {
  padding: 4px 9px;
  border: 0 none;
  height: 26px;
  font-size: 12px;
}

/* HEADER */
#header {
  background-color: #009688;
  background-image: linear-gradient(to bottom, #009688 0px, #80cbc4 100%);
  background-repeat: repeat-x;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  height: 110px;
  padding: 15px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
#header .breadcrumb {
  background: none;
  font-size: 18px;
  margin: 0 0 2px 0;
  white-space: nowrap; 
}
#header li {
  color: #b2dfdb;
}
#header .breadcrumb > li + li::before,
#header .breadcrumb a {
  color: #e0f2f1;
}
#header .btn-default {
  background: none;
}
#header button i {
  font-size: 16px;
}
#header .user {
  height:30px;line-height:30px;
  padding-left: 15px;
  color: #e0f2f1;
}
#header .user.logged-in .login {
  display:none;
}
#header .user.logged-out .info {
  display:none;
}
#header .login-error-info {
  display: none;
}
#header .user.logged-out.login-error .login-error-info {
  display:table;
}

#header .label-default {
  background-color: #fff;
  font-weight: normal;
  font-size: 0.9em;
  text-shadow: none;
}
/* /HEADER */

/* PRODUCT NAVIGATION */
#prodnav .search {
  margin-bottom: 5px;
}

#prodnav .panel-default > .panel-heading {
  background: none; padding:0;
}
#prodnav .panel-default > .panel-heading > button {
  width: 100%;
  text-align: left;
  border:none;
  border-radius: 3px;
  
}
#prodnav ul {
  list-style: none;
  padding: 0;
}
#prodnav .panel-default > .panel-heading > button[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  
}
/* /PRODUCT NAVIGATION */

/* DATA (MIDDLE) */
#data .content {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px 4px 4px 4px;
  padding: 20px;
}
#data .content > h3 {
  margin-top:0;
}

.product {
  border-bottom: 1px solid #ddd;
  padding-bottom: 6px;
}

.product .image img {
  margin: 0 auto;
}
.product .meta {
  color: #777777;
  font-size:0.9em;
}
#legal {
  padding: 3px;
  font-size: 0.8em;
  color: #777777;
}
/* /DATA (MIDDLE) */

/* METADATA (RIGHT-SIDE) */
#metadata .cart-header {
  font-size: 14px;
}
#metadata .warenkorb table {
  font-size: 0.85em;
  margin-bottom: 10px;
}
#metadata .warenkorb table td {
  vertical-align: middle;
}

#metadata .warenkorb table > thead th:nth-child(5),
#metadata .warenkorb table > thead th:nth-child(6),
#metadata .warenkorb table > tfoot th:nth-child(6),
#metadata .warenkorb table td:nth-child(5),
#metadata .warenkorb table td:nth-child(6) {
  text-align: right;
  white-space: nowrap;
}

#metadata .warenkorb table td:nth-child(1) input,
#metadata .warenkorb table td:nth-child(2) input {
  height: 26px;
  width: 50px;
  padding: 0 5px;
  text-align: right;
}
/* /METADATA (RIGHT-SIDE) */