/*--- standard variables ---*/
/*--- overwrite variables with the variable from a theme ---*/
/* #####################################################################################################
   This stylesheet is used for theme specific variables
   ##################################################################################################### */
/*--- media queries. When using responsive ---*/
/*--- custom class functions ---*/
/*----- Default functions -----*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*----- CSS3 Animation functions -----*/
.messages {
  margin-bottom: 20px;
}
.messages ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.messages li {
  margin-top: 5px;
  padding: 10px 20px;
  border: 1px solid transparent;
  -webkit-animation: fadeIn 300ms ease-in-out;
  -moz-animation: fadeIn 300ms ease-in-out;
  -ms-animation: fadeIn 300ms ease-in-out;
  -o-animation: fadeIn 300ms ease-in-out;
  animation: fadeIn 300ms ease-in-out;
}
.messages li:first-child {
  margin-top: 0;
}
.messages.success li,
.messages li.success {
  color: #51723c;
  background-color: #d3e3ca;
  border-color: #8fb776;
}
.messages.warning li,
.messages li.warning {
  color: #f2f2f2;
  background-color: #e6575a;
}
.messages.error li,
.error .messages,
.messages li.error {
  color: #f2f2f2;
  background-color: #e6575a;
}
.currentStockStatus,
.futureStockStatus,
.quantityStockStatus {
  background: #ffdedd;
  font-style: italic;
  padding: 10px 10px 10px 20px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.currentStockStatus + .currentStockStatus,
.currentStockStatus + .futureStockStatus,
.currentStockStatus + .quantityStockStatus,
.futureStockStatus + .currentStockStatus,
.futureStockStatus + .futureStockStatus,
.futureStockStatus + .quantityStockStatus,
.quantityStockStatus + .currentStockStatus,
.quantityStockStatus + .futureStockStatus,
.quantityStockStatus + .quantityStockStatus {
  margin-top: 20px;
}
.currentStockStatus br,
.futureStockStatus br,
.quantityStockStatus br {
  display: none;
}
.currentStockStatus.success span,
.futureStockStatus.success span,
.quantityStockStatus.success span {
  color: #8fb776;
  font-weight: bold;
}
.currentStockStatus.warning span,
.futureStockStatus.warning span,
.quantityStockStatus.warning span {
  color: #e6575a;
  font-weight: bold;
}
.currentStockStatus.danger span,
.futureStockStatus.danger span,
.quantityStockStatus.danger span {
  color: #e6575a;
  font-weight: bold;
}