/**
 * @author Script47 (https://github.com/Script47/Toast)
 * @description Toast - A Bootstrap 4.2+ jQuery plugin for the toast component
 * @version 0.7.1
 **/

.toast-container {
	position: sticky;
	z-index: 1055;
	top: 0;
}

.toast-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 70px;
	margin-right: 20px;
	margin-left: 20px;
}

.toastBtn {
    margin-top: 20px;
}

.toast-container > .toast-wrapper > .toast {
	min-width: 150px;
	background-color: rgb(255, 255, 255);
	border-top: none;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.toast-container > .toast-wrapper > .toast > .toast-header strong {
    padding-left: 10px;
    margin: 0;
    font: light 14px/19px Roboto;
}

.toast-header {
	padding: 5px 10px 5px 10px;
	background-color: #F44336 !important;
    color: #FFFFFF;
}

.toast-header > text-muted {
    color: #FFFFFF;
}

.toast-body {/* Layout Properties */
    padding: 20px;
	font-size: 1rem;
	font: normal 14px/19px Roboto;
}

.toast {
    border-radius: 0px;
}