// Toast popup
#toast {
	color: @toastFgColor;
	background-color: @toastBgColor;
	position: fixed;
	z-index: 9008;
	bottom:  -100px;
	left: 50%;
	margin-left: -45%;
	padding: .5rem 1rem;
	text-align: left;
	width: 90%;
	.z-depth2();
	.transition(all, 300ms);
	opacity: 0;

	a {
		float: right;
		display: inline-block;
		margin-left: 1.5rem;
		color: @toastFgColor;
		text-transform: uppercase;

		&:hover {
			text-decoration: underline;
		}
	}

	&.exposed {
		opacity: 1;
		bottom: 1rem;
	}

	@media (min-width: @breakpoint-s) {
		margin-left: -25%;
		width: 50%;
	}

	&.success {
		color: @alertColorSuccessFg;
		background-color: @alertColorSuccessBg;
	}

	&.error {
		color: @alertColorErrorFg;
		background-color: @alertColorErrorBg;
	}

	&.warning {
		color: @alertColorWarningFg;
		background-color: @alertColorWarningBg;
	}

	&.primary {
		color: @colorPrimaryText;
		background-color: @colorPrimary;
	}

	&.accent {
		color: @colorAccentText;
		background-color: @colorAccent;
	}
}