
/* Animation Duration Presets */
.duration-0p75 {
	animation-duration: .75s;
}

.duration-0p5 {
	animation-duration: .5s;
}

.duration-0p25 {
	animation-duration: .25s;
}

.duration-0, .duration-0p0, .duration-0p00 {
	animation-duration: 0s;
}

/* Notification Theme */
.al-fb-notification-close-button * {
	cursor: initial !important;
}

.noty_modal {
	z-index: 10020 !important;
}

.noty_title {
	font-size: 1.3em;
}

.noty_message .icon {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.3em;
	margin-right: .3em;
}

.noty_bar .noty_message {
	position: relative;
	overflow: hidden;
	margin: 4px 0px;
	padding: 10px;
	border-radius: 2px;
	box-shadow: rgba(0, 0, 0, .0980392) 0px 2px 4px;
	background-color: #fff;
	color: #444;
	/*width: 310px;*/
	width: 100%;
	/*cursor: pointer;*/
	min-height: 90px;
}

.noty_close {
	position: absolute;
	top: 8px;
	right: 10px;
	line-height: 1;
	opacity: .3;
	transition: opacity .1s ease-out;
	cursor: pointer !important;
}

.noty_close:before {
	content: "×";
	font-size: 2em;
}

.noty_close:hover {
	opacity: 1;
}

.noty_message p {
	margin: .6em 0;
}

.noty_message a {
	cursor: pointer !important;
}

.noty_type_general .noty_message {
	border: 1px solid #ccc;
}

.noty_type_success .noty_message {
	border: 1px solid #7cdd77;
	background-color: #bcf5bc;
	color: darkgreen;
}

.noty_type_warning .noty_message {
	border: 1px solid #ffc237;
	background-color: #ffeaa8;
	color: #826200;
}

.noty_type_error .noty_message {
	border: 1px solid #e25353;
	background-color: #ff8181;
	color: #fff;
}

.noty_type_info .noty_message {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #444;
}

/* Set partial width default */
.noty_layout_container {
	width: 310px;
	max-width: 100%;
}

/* Full-width notification types */
.noty_inline_layout_container .noty_message, #noty_top_layout_container .noty_message, #noty_bottom_layout_container .noty_message {
	width: 100%;
}

#noty_top_layout_container, #noty_bottom_layout_container {
	width: 100%;
}

/*Popover styles*/

/*Firefox fix*/
.ua-firefox .al-fb-popover .animated.fadeIn {
	opacity: 1 !important;
}

.al-fb-popover {
	position: absolute;
	width: 100%;
	min-width: 150px;
	z-index: 9999999;
}

.al-fb-popover ul {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0px);
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	min-width: 150px;
}

.al-fb-popover-above {
	bottom: 100%;
	left: 50%;
	transform: translate(-50%, 0);
}

.al-fb-popover-above ul {
	bottom: 0;
}

.al-fb-popover-below {
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
}

.al-fb-popover-below ul {
	top: 0;
}

.al-fb-popover-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.al-fb-popover-center ul {
	top: 0;
	transform: translate(-50%, -50%);
}

.al-fb-popover-above .noty_message {
	margin-bottom: 25px;
	overflow: visible;
}

.al-fb-popover-above .noty_message:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid rgba(255, 255, 255, 0);
	border-top: 20px solid #fff;
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .2));
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .2));
}

.al-fb-popover-below .noty_message {
	margin-top: 25px;
	overflow: visible;
}

.al-fb-popover-above .noty_type_success .noty_message:after {
	border-top-color: #bcf5bc;
	-webkit-filter: drop-shadow(0px 1px 0px #7cdd77);
	filter: drop-shadow(0px 1px 0px #7cdd77);
}

.al-fb-popover-above .noty_type_warning .noty_message:after {
	border-top-color: #bcf5bc;
	-webkit-filter: drop-shadow(0px 1px 0px #7cdd77);
	filter: drop-shadow(0px 1px 0px #7cdd77);
}

.al-fb-popover-above .noty_type_error .noty_message:after {
	border-top-color: #ff8181;
	-webkit-filter: drop-shadow(0px 1px 0px #e25353);
	filter: drop-shadow(0px 1px 0px #e25353);
}

.al-fb-popover-below .noty_message:after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid rgba(255, 255, 255, 0);
	border-bottom: 20px solid #fff;
	-webkit-filter: drop-shadow(0px -2px 1px rgba(0, 0, 0, .2));
	filter: drop-shadow(0px -2px 1px rgba(0, 0, 0, .2));
}

.al-fb-popover-below .noty_type_success .noty_message:after {
	border-bottom-color: #bcf5bc;
	-webkit-filter: drop-shadow(0px -1px 0px #7cdd77);
	filter: drop-shadow(0px -1px 0px #7cdd77);
}

.al-fb-popover-below .noty_type_warning .noty_message:after {
	border-bottom-color: #ffeaa8;
	-webkit-filter: drop-shadow(0px -1px 0px #ffc237);
	filter: drop-shadow(0px -1px 0px #ffc237);
}

.al-fb-popover-below .noty_type_error .noty_message:after {
	border-bottom-color: #ff8181;
	-webkit-filter: drop-shadow(0px -1px 0px #e25353);
	filter: drop-shadow(0px -1px 0px #e25353);
}

.al-fb-frontend-placeholder {
	text-align: center !important;
	padding: 10px;
	border: 1px dashed #333;
	color: #333;
}
