
#android_toast_container{
	z-index: 9999;
	width: 100%;
	position: fixed;
	bottom: 12%;
	left: 0;
}

#android_toast{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(48, 52, 55);
	color: rgb(245, 245, 245);
	font-size: 1rem;
	padding: 5px;
	border-radius: var(--border-radius);
	opacity: 0.95;;
	box-shadow:  1px 2px 2px 1px rgba(34, 34, 34, 1);
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
    box-shadow: 0px 0px 24px -1px rgba(90, 90, 90, 2);
}

#android_toast em{
	color: rgb(81, 180, 210);
	font-weight: bold;
	font-style: normal;
}

.android_toast_top{
	top: 12%;
	bottom: auto !important;
}


.android_toast_fadein{
	animation: android_toast_fadein 1s ease;
}

.android_toast_fadeout{
	animation: android_toast_fadeout 1s ease;
	animation-fill-mode: forwards;
}

@keyframes android_toast_fadein{
	from {
		opacity: 0;
	}
	to {
		opacity: 0.95;
	}
}

@keyframes android_toast_fadeout{
	from {
		opacity: 0.95;
	}
	to {
		opacity: 0;
	}
}



.toaster2 {
    z-index: 9999;
    width:auto;
    height:auto;
    position:absolute;
    left:5%;
    bottom:5%;
    background-color: #252525;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 1rem;
	color: white;
    padding:10px;
    text-align:center;
    /* border: 1px solid #222222;*/
    border: 2px inset #888888;
    border-radius: var(--border-radius);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}

.toaster{
    width:200px;
    height:20px;
    height:auto;
    position:absolute;
    left:50%;
    margin-left:-100px;
    bottom:10px;
    background-color: #383838;
    color: #F0F0F0;
    font-family: Calibri;
    font-size: 1.2rem;
    padding:10px;
    text-align:center;
    border-radius: 2px;
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}