/*--- standard variables ---*/
/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/* Range breakpoints */
/*--- media queries. When using responsive: only mobile & desktop ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 480px)";
@tablet:		~"only screen and (min-width: 999999999px)";
@tabletLand:	~"only screen and (min-width: 768px)";
@desktop:		~"only screen and (min-width: 768px)";

@upToTablet:	~"only screen and (max-width: 767px)";
@upToDesktop:	~"only screen and (max-width: 767px)";*/
/*--- media queries. When not using responsive ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 1px)";
@tablet:		~"only screen and (min-width: 1px)";
@tabletLand:	~"only screen and (min-width: 1px)";
@desktop:		~"only screen and (min-width: 1px)";

@upToTablet:	~"only screen and (max-width: 1px)";
@upToDesktop:	~"only screen and (max-width: 1px)";*/
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Buttons -----*/
/*----- Responsive 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: #08300d;
  background-color: #56e266;
  border-color: #1b9d2a;
}
.messages.warning li,
.messages li.warning {
  color: white;
  background-color: #f57d52;
}
.messages.error li,
.error .messages,
.messages li.error {
  color: white;
  background-color: #e6575a;
}
.currentStockStatus,
.futureStockStatus,
.quantityStockStatus {
  background: #f7f5ef;
  font-style: italic;
  padding: 10px 10px 10px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -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: 15px;
}
.currentStockStatus br,
.futureStockStatus br,
.quantityStockStatus br {
  display: none;
}
.currentStockStatus.success span,
.futureStockStatus.success span,
.quantityStockStatus.success span {
  color: #1b9d2a;
  font-weight: bold;
}
.currentStockStatus.warning span,
.futureStockStatus.warning span,
.quantityStockStatus.warning span {
  color: #f57d52;
  font-weight: bold;
}
.currentStockStatus.danger span,
.futureStockStatus.danger span,
.quantityStockStatus.danger span {
  color: #e6575a;
  font-weight: bold;
}