/**
 * Erstellt mit LESS
 * TODO: Bitte .less Datei schauen.
 */
.stock {
  overflow: hidden;
  white-space: nowrap;
  height: 18px;
}
.stock,
.stock > * {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  height: 18px;
}
.stock .color,
.stock.color {
  border: 1px solid #000;
  height: 16px;
  width: 16px !important;
  margin-left: 3px;
}
.stock .color.red,
.stock.color.red {
  background: #ee1c23;
  background: linear-gradient(0deg, #8a1e20 0%, #ee1c23 100%);
  background: -moz-linear-gradient(90deg, #8a1e20 0%, #ee1c23 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee1c23), color-stop(100%, #8a1e20));
  background: -webkit-linear-gradient(90deg, #8a1e20 0%, #ee1c23 100%);
  background: -o-linear-gradient(90deg, #8a1e20 0%, #ee1c23 100%);
  background: -ms-linear-gradient(90deg, #8a1e20 0%, #ee1c23 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee1c23", endColorstr='#8a1e20', GradientType=0);
}
.stock .color.yellow,
.stock.color.yellow {
  background: #feec00;
  background: linear-gradient(0deg, #92890f 0%, #feec00 100%);
  background: -moz-linear-gradient(90deg, #92890f 0%, #feec00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feec00), color-stop(100%, #92890f));
  background: -webkit-linear-gradient(90deg, #92890f 0%, #feec00 100%);
  background: -o-linear-gradient(90deg, #92890f 0%, #feec00 100%);
  background: -ms-linear-gradient(90deg, #92890f 0%, #feec00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#feec00", endColorstr='#92890f', GradientType=0);
}
.stock .color.green,
.stock.color.green {
  background: #56d900;
  background: linear-gradient(0deg, #3c7f0f 0%, #56d900 100%);
  background: -moz-linear-gradient(90deg, #3c7f0f 0%, #56d900 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56d900), color-stop(100%, #3c7f0f));
  background: -webkit-linear-gradient(90deg, #3c7f0f 0%, #56d900 100%);
  background: -o-linear-gradient(90deg, #3c7f0f 0%, #56d900 100%);
  background: -ms-linear-gradient(90deg, #3c7f0f 0%, #56d900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56d900", endColorstr='#3c7f0f', GradientType=0);
}
.stock .color.blue-yellow,
.stock.color.blue-yellow {
  background: #e2ed71;
  background: linear-gradient(bottom, #EDED0E 45%, #1111FF 55%, #1111FF 71%);
  background: -o-linear-gradient(bottom, #EDED0E 45%, #1111FF 55%, #1111FF 71%);
  background: -moz-linear-gradient(bottom, #EDED0E 45%, #1111FF 55%, #1111FF 71%);
  background: -webkit-linear-gradient(bottom, #EDED0E 45%, #1111FF 55%, #1111FF 71%);
  background: -ms-linear-gradient(bottom, #EDED0E 45%, #1111FF 55%, #1111FF 71%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #EDED0E), color-stop(0.55, #1111FF), color-stop(0.71, #1111FF));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EDED0E", endColorstr='#70AD21', GradientType=0);
}
.stock .color.yellow-green,
.stock.color.yellow-green {
  background: #e2ed71;
  background: linear-gradient(bottom, #EDED0E 45%, #77AD21 55%, #70AD21 71%);
  background: -o-linear-gradient(bottom, #EDED0E 45%, #77AD21 55%, #70AD21 71%);
  background: -moz-linear-gradient(bottom, #EDED0E 45%, #77AD21 55%, #70AD21 71%);
  background: -webkit-linear-gradient(bottom, #EDED0E 45%, #77AD21 55%, #70AD21 71%);
  background: -ms-linear-gradient(bottom, #EDED0E 45%, #77AD21 55%, #70AD21 71%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #EDED0E), color-stop(0.55, #77AD21), color-stop(0.71, #70AD21));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EDED0E", endColorstr='#70AD21', GradientType=0);
}
.stock .text {
  line-height: 18px;
}
.stock.white .color {
  border-color: #fff;
}
.inStock {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.inStock:hover + .toolTipText {
  visibility: visible;
}
.toolTipText {
  background: linear-gradient(to bottom, #f0128a 0%, #f0128a 32%, #ea1387 37%, #b3166a 68%, #b01668 100%);
  border-radius: 10px;
  box-shadow: 1px 1px 4px 2px #888888;
  font-weight: bold;
  color: #fff;
  font-size: 130%;
  visibility: hidden;
  width: 135px;
  text-align: center;
  padding: 5px 5px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  margin-left: -75px;
  margin-top: -35px;
}
table.content .stock {
  width: 40px;
  text-align: right;
}