document.body.addEventListener("showToast", function(evt){
            let toast = JSON.parse(evt.detail.value);

            if (toast.level=="info") {
                $("#toast-info-msg").html(toast.message);
                $("#toast-info").removeClass("hidden");

                setTimeout(function(){
                    $("#toast-info").addClass("hidden");
                },4000);
            }

            if (toast.level=="warn") {
                $("#toast-warn-msg").html(toast.message);
                $("#toast-warn").removeClass("hidden");

                setTimeout(function(){
                    $("#toast-warn").addClass("hidden");
                },4000);
            }

            if (toast.level=="error") {
                $("#toast-error-msg").html(toast.message);
                $("#toast-error").removeClass("hidden");

                setTimeout(function(){
                    $("#toast-error").addClass("hidden");
                },4000);
            }
        });