/* Messages: to give the user information, warnings etc. */
/* ======================================================== */
/* BASE */
.ipsMessage {
	border-radius: 2px;
	position: relative;
	margin-bottom: 10px;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
}
html[dir="ltr"] .ipsMessage {
	padding: 15px 15px 15px 45px;
}
html[dir="rtl"] .ipsMessage {
	padding: 15px 45px 15px 15px;
}

	.ipsMessage:before {
		font-family: 'FontAwesome';
		position: absolute;
		top: 15px;
		font-size: 20px;
	}
	html[dir="ltr"] .ipsMessage:before {
		left: 15px;
	}
	html[dir="rtl"] .ipsMessage:before {
		right: 15px;
	}

	.ipsMessage a {
		color: #fff;
		border-bottom: 1px dotted #fff;
	}

	.ipsMessage_title {
		margin: 0;
		padding: 0;
		font-size: 16px;
		line-height: 1;
		margin-bottom: 5px;
	}
	
	.ipsMessage a.ipsButton {
		margin-top: -5px;
	}

html[dir] .ipsMessage .ipsButton_link {
	border-color: #fff;
	color: #fff;
	opacity: 0.7;
}
	
/* Styles a code displayed in some messages */
.ipsMessage_code {
	padding: 7px;
	display: inline-block;
	background: rgba(0,0,0,0.2);
	border-radius: 3px;
	margin-top: -7px;
	color: rgba(255,255,255,0.8);
}
html[dir="rtl"] .ipsMessage_code {
	float: left;
	margin-right: -7px;
}
html[dir="rtl"] .ipsMessage_code {
	float: left;
	margin-left: -7px;
}

/* ======================================================== */
/* ERROR */
.ipsMessage_error {
	background: #cc5353;
}

	.ipsMessage_error:before {
		content: '\f06a';
	}

/* ======================================================== */
/* SUCCESS */
.ipsMessage_success {
	background: #479c87;
}

	.ipsMessage_success:before {
		content: '\f00c';
	}

/* ======================================================== */
/* WARNING */
.ipsMessage_warning {
	background: #d87c4f;
}

	.ipsMessage_warning:before {
		content: '\f071';
	}
	
	.ipsMessage a.ipsMessage_close {
		border-bottom: none;
	}

/* ======================================================== */
/* INFO */
.ipsMessage_info, .ipsMessage_information {
	background: #5e95bc;
}

	.ipsMessage_info:before, .ipsMessage_information:before {
		content: '\f05a';
	}

/* ======================================================== */
/* OTHER */
.ipsMessage_general {
	background: #7f858d;
}

	.ipsMessage_general:before {
		content: '\f05a';
	}