//	=================
//    	Imports
//	=================

@import '../../base/color_variables';   	// Color Variables
@import '../../base/fonticons';   			// Fonticons Variables
@import '../../base/urls';   				// URLS Variables
@import '../../base/utilities_variables';  // Utilities Variables

/* jQuery Growl
 * Copyright 2015 Kevin Sylvestre
 * 1.3.2
 */
#growls {
	z-index: 50000;
	position: $pos-fix;
}
#growls.default {
	top: 10px;
	right: 10px;
}
#growls.tl {
	top: 10px;
	left: 10px;
}
#growls.tr {
	top: 10px;
	right: 10px;
}
#growls.bl {
	bottom: 10px;
	left: 10px;
}
#growls.br {
	bottom: 10px;
	right: 10px;
}
#growls.tc {
	top: 10px;
	right: 10px;
	left: 10px;
	.growl {
		margin-left: auto;
		margin-right: auto;
	}
}
#growls.bc {
	bottom: 10px;
	right: 10px;
	left: 10px;
	.growl {
		margin-left: auto;
		margin-right: auto;
	}
}
.growl {
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: $pos-rel;
	border-radius: 4px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	.growl-close {
		cursor: pointer;
		float: $align-right;
		font-size: 14px;
		line-height: 18px;
		font-weight: normal;
		font-family: $font_family_6;
	}
	.growl-title {
		font-size: 18px;
		line-height: 24px;
	}
	.growl-message {
		font-size: 14px;
		line-height: 18px;
	}
}
.growl.growl-incoming {
	opacity: 0;
	filter: alpha(opacity=0);
}
.growl.growl-outgoing {
	opacity: 0;
	filter: alpha(opacity=0);
}
.growl.growl-small {
	width: 200px;
	padding: $p-5;
	margin: $m-5;
}
.growl.growl-medium {
	width: 250px;
	padding: $p-10;
	margin: $m-10;
}
.growl.growl-large {
	width: 300px;
	padding: 15px;
	margin: 15px;
}
.growl.growl-default {
	color: $white;
	background: $color_308;
}
.growl.growl-error {
	color: $white;
	background: $color_149;
}
.growl.growl-notice {
	color: $white;
	background: $color_148;
}
.growl.growl-warning {
	color: $white;
	background: $color_88;
}
.growl.growl-info {
	color: $white;
	background: $info;
}