@keyframes ax-toast-bottom {
	from {
		transform: translateY(-100px) scale(0.7)
	}

	to {
		transform: translateY(0px) scale(1)
	}
}

@keyframes ax-toast-top {
	from {
		transform: translateY(100px) scale(0.7)
	}

	to {
		transform: translateY(0px) scale(1)
	}
}

@keyframes ax-toast-removed-bottom {
	from {
		transform: translateY(0px);
		opacity: 1.0
	}

	to {
		transform: translateY(10px) scale(0.7);
		opacity: 0.0
	}
}

@keyframes ax-toast-removed-top {
	from {
		transform: translateY(0px);
		opacity: 1.0
	}

	to {
		transform: translateY(-10px) scale(0.7);
		opacity: 0.0
	}
}

@keyframes ax-toast-destroy {
	from {
		transform: scale(1);
		opacity: 1.0
	}

	to {
		transform: scale(1.5);
		opacity: 0.0
	}
}

.ax5-ui-toast-container {
	z-index: 2000;
	position: fixed;
	width: auto;
	padding: 10px
}

.ax5-ui-toast-container .ax5-ui-toast {
	box-sizing: border-box;
	border: 1px solid gray;
	opacity: 0.9;
	border-radius: 8px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.175);
	position: relative;
	margin: 5px 0px 5px 0px;
	display: table;
	padding: 6px;
	transition: all 0.3s ease-in-out;
	background: #fff;
	color: #333
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-icon {
	display: table-cell;
	padding: 6px;
	text-align: left;
	font-size: 24px;
	width: 24px;
	vertical-align: middle
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-body {
	display: table-cell;
	padding: 6px;
	font-size : 19px;
	text-align: left;
	vertical-align: middle
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-buttons {
	display: table-cell;
	padding: 6px;
	text-align: right;
	vertical-align: middle
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-buttons button:not(:last-child){
	margin-right: 3px
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-close {
	display: table-cell;
	padding: 6px;
	text-align: right;
	vertical-align: top;
	text-decoration: none;
	cursor: pointer
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-icon {
	color: #333
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-close {
	color: #333
}

.ax5-ui-toast-container .ax5-ui-toast.primary {
	background: #fff;
	color: #337ab7
}

.ax5-ui-toast-container .ax5-ui-toast.primary .ax-toast-icon {
	color: #337ab7
}

.ax5-ui-toast-container .ax5-ui-toast.primary .ax-toast-close {
	color: #337ab7
}

.ax5-ui-toast-container .ax5-ui-toast.success {
	background: #fff;
	color: #5cb85c
}

.ax5-ui-toast-container .ax5-ui-toast.success .ax-toast-icon {
	color: #5cb85c
}

.ax5-ui-toast-container .ax5-ui-toast.success .ax-toast-close {
	color: #5cb85c
}

.ax5-ui-toast-container .ax5-ui-toast.info {
	background: #fff;
	color: #5bc0de
}

.ax5-ui-toast-container .ax5-ui-toast.info .ax-toast-icon {
	color: #5bc0de
}

.ax5-ui-toast-container .ax5-ui-toast.info .ax-toast-close {
	color: #5bc0de
}

.ax5-ui-toast-container .ax5-ui-toast.warning {
	background: #f0ad4e;
	color: #fff;
}

.ax5-ui-toast-container .ax5-ui-toast.warning .ax-toast-icon {
	color: #fff
}

.ax5-ui-toast-container .ax5-ui-toast.warning .ax-toast-close {
	color: #f0ad4e
}

.ax5-ui-toast-container .ax5-ui-toast.danger {
	background: #fff;
	color: #d9534f
}

.ax5-ui-toast-container .ax5-ui-toast.danger .ax-toast-icon {
	color: #d9534f
}

.ax5-ui-toast-container .ax5-ui-toast.danger .ax-toast-close {
	color: #d9534f
}

.ax5-ui-toast-container.bottom-left {
	left: 0;
	bottom: 0
}

.ax5-ui-toast-container.bottom-left .ax5-ui-toast {
	animation: ax-toast-top 0.3s cubic-bezier(0.86, 0, 0.07, 1)
}

.ax5-ui-toast-container.bottom-left .ax5-ui-toast.removed {
	animation: ax-toast-removed-bottom 0.3s ease forwards
}

.ax5-ui-toast-container.bottom-left .ax5-ui-toast.destroy {
	animation: ax-toast-destroy 0.3s ease forwards
}

.ax5-ui-toast-container.bottom-right {
	right: 0;
	bottom: 0
}

.ax5-ui-toast-container.bottom-right .ax5-ui-toast {
	animation: ax-toast-top 0.3s cubic-bezier(0.86, 0, 0.07, 1)
}

.ax5-ui-toast-container.bottom-right .ax5-ui-toast.removed {
	animation: ax-toast-removed-bottom 0.3s ease forwards
}

.ax5-ui-toast-container.bottom-right .ax5-ui-toast.destroy {
	animation: ax-toast-destroy 0.3s ease forwards
}

.ax5-ui-toast-container.top-left {
	left: 0;
	top: 0
}

.ax5-ui-toast-container.top-left .ax5-ui-toast {
	animation: ax-toast-bottom 0.3s cubic-bezier(0.86, 0, 0.07, 1)
}

.ax5-ui-toast-container.top-left .ax5-ui-toast.removed {
	animation: ax-toast-removed-top 0.3s ease forwards
}

.ax5-ui-toast-container.top-left .ax5-ui-toast.destroy {
	animation: ax-toast-destroy 0.3s ease forwards
}

.ax5-ui-toast-container.top-right {
	right: 0;
	top: 0
}

.ax5-ui-toast-container.top-right .ax5-ui-toast {
	animation: ax-toast-bottom 0.3s cubic-bezier(0.86, 0, 0.07, 1)
}

.ax5-ui-toast-container.top-right .ax5-ui-toast.removed {
	animation: ax-toast-removed-top 0.3s ease forwards
}

.ax5-ui-toast-container.top-right .ax5-ui-toast.destroy {
	animation: ax-toast-destroy 0.3s ease forwards
}