div.messagePopupBox{
	position:fixed;
	max-height:100vh;
	overflow-y:auto;
	overflow-x:hidden;	
	bottom:0;
	right:0;
    z-index: 1111111;
    padding: 27px;
}
div.messagePopupBox:empty{
	display:none;
}


div.messagePopupBox .popupMessage {
    width: 100%;
    --color: #3ac73f;
    padding: 25px;
    margin-top: 10px;
    color: #000;
    opacity: 0.0;
    transition: opacity .6s ease-in-out;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 2%);
    cursor:pointer;
    background-color: #fff;
    outline: 1px solid #0000000f;
    border-bottom: 4px solid var(--color);
    border-radius: 10px;
}
div.messagePopupBox .popupMessage.shown{
	opacity:1.0;
}
div.messagePopupBox .popupMessage.error{
	--color: #ff2b2b;	
}
div.messagePopupBox .popupMessage.warning{
	--color: orange;
}
.popupMessage a {
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: underline;
}