/*--- standard variables ---*/
/*--- switch themes ---*/
/* #####################################################################################################
   This stylesheet is used for theme specific variables

   1 Munnichs

   ##################################################################################################### */
/*--- 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: #2d672d;
  background-color: #b5dfb5;
  border-color: #5cb85c;
}
.messages.warning li,
.messages li.warning {
  color: #f2f2f2;
  background-color: #f0ad4e;
}
.messages.error li,
.error .messages,
.messages li.error {
  color: #f2f2f2;
  background-color: #e6575a;
}