/**
 * Messages.
 */
.messages,
.messages--status,
.messages--warning,
.messages--error {
  margin: 10px 10px 20px;
  padding: 18px; /* LTR */
	background-color: #FFF;
	color: #000;
	position:relative;
}
@media all and (max-width: 1120px) {
.messages,
.messages--status,
.messages--warning,
.messages--error {
  margin: 10px;
}
}
.messages--warning {
}
.messages--error {
}
.messages__list {
  margin: 0;
}
.messages__item {
  list-style-image: none;
}

/* Core/module installation error messages. */
.messages--error p.error {
  color: #333;
}

/* System status report. */
.ok,
.messages--status {
}
.warning,
.messages--warning {
}
.error,
.messages--error {
}

.messages h2.element-invisible {
	font-family: Bitter,serif;
	position: absolute;
	top: -10px;
	background-color: #FFF;
	font-size: 1em;
	font-weight: normal;
	padding: 2px 5px;
	margin: 0px;
	height: auto;
	width: auto;
	line-height:1.5em;
	overflow: visible;
	clip: rect(auto, auto, auto, auto);
}

.ok h2.element-invisible,
.messages--status h2.element-invisible {
	background-color: #00fa82;
}
.warning h2.element-invisible,
.messages--warning h2.element-invisible {
  background-color: #fcff1f;
}
.error h2.element-invisible,
.messages--error h2.element-invisible {
  background-color: #ff457a;
}