/*
 * toast.css - styles for assets/js/toast.js, the toastr 2.1.0 replacement.
 * See the header of that file for why it exists.
 */
#app-toast-container {
	position: fixed;
	z-index: 999999;
	pointer-events: none;
	max-width: min(90vw, 340px);
}
#app-toast-container.toast-top-right    { top: 12px;    right: 12px; }
#app-toast-container.toast-top-left     { top: 12px;    left: 12px; }
#app-toast-container.toast-bottom-right { bottom: 12px; right: 12px; }
#app-toast-container.toast-bottom-left  { bottom: 12px; left: 12px; }

.app-toast {
	pointer-events: auto;
	margin: 0 0 8px;
	padding: 12px 15px;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
	opacity: .95;
	cursor: pointer;
	word-wrap: break-word;
	overflow-wrap: anywhere;
}
.app-toast:hover { opacity: 1; }

.app-toast-title { font-weight: 600; margin-bottom: 2px; }
.app-toast-msg   { white-space: pre-wrap; }

.app-toast-success { background-color: #51a351; }
.app-toast-error   { background-color: #bd362f; }
.app-toast-warning { background-color: #f89406; }
.app-toast-info    { background-color: #2f96b4; }