// Flash Messages

@import "colors.less";

.flash-message, .alert {
	color: black;
	z-index: 999;
	top: 60px;
	position: fixed;
	font-weight: bold;
	margin: 20px;
	cursor: pointer;
	.msg-container {
		width: 350px;
		float: right;
	     box-shadow: 2px 2px 7px #888888;
	     padding: 15px;
		border-radius: @theme-border-radius;
		font-size: 110%;
	}
	p {
	  margin: 0px;
	}

}

.flash-message { width: 96%; }

.alert { 
	width: 350px;
	right: 20px; 
	border-radius: @theme-border-radius;
	padding: 15px;
	font-size: 110%;
}

.flash-message.error .msg-container, .alert.alert-danger, .alert.alert-error {
	border: @theme-border;
	background-color: lighten(@red, 25%);
	border-color: @red;
}

.flash-message.notice .msg-container, .alert.alert-success {
	border: @theme-border;
	background-color: lighten(@green, 25%);
	border-color: @green;
}

.alert .close {
	display: none;
	position: relative;
	top: -2px;
	right: 0px;
	line-height: 20px;
}