/* ===== Floating Messages - jQuery Plugin CSS  ===== */

.floating-message {
	border: none;
  font-size: 14px;
  font-family: 'Roboto';
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.23);
	z-index: 1;
}

.floating-message > p {
  color: #fff;
	margin: 0;
	padding: 1rem;	
}

.floating-message > p.message-error {
  background-color: #ff5252;	
}

.floating-message > p.message-success {
  background-color: #66bb6a;	
}

.floating-message > p.message-warning {
  background-color: #E49B3F;
}

.floating-message > p > span {
	display: inline-block;
	vertical-align: middle;
}

.floating-message > p > span a {
	color: #fff;
}

.floating-message > p .floating-message-icon {
	margin: 0 10px 0 0;	
}