/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Styling of the messages rendered by the thinknext.feedback component.
 */
.message {
	/*  copy from pixel-admin.css .alert */
	padding: 15px;
	margin-bottom: 18px;
	border: 1px solid transparent;
	border-radius: 2px;
}

.message h3 {
	margin-top: 0;
	font-size: 12px;
	font-weight: bold;
}

.message p {
	margin-bottom: 0;
}

.message.info {
	/* copy from pixel-admin.css .alert.alert-info */
	background: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
	background-size: 20px 20px;
}

.message.error {
	/* copy from pixel-admin.css .alert.alert-danger  */
	background: #f2dede;
	border-color: #ebccd1;
	color: #b94a48;
	background-size: 20px 20px;
}

.message.success {
	/* copy from pixel-admin.css .alert.alert-success  */
	background: #dff0d8;
	border-color: #d0e6be;
	color: #468847;
	background-size: 20px 20px;
}

.message.warning {
	/*  copy from pixel-admin.css .alert */
	background: #f9f1c7;
	border-color: #f6deac;
	color: #af8640;
	background-size: 20px 20px;
}

.message .message-close {
	cursor: pointer;
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -10px;
	right: -10px;
	zoom: 1;
}

.message:hover .message-close {
	background: transparent url(../images/close-icon.png) no-repeat 0 0;
}