.msha_toast_container {
    bottom: 0;
    position: fixed;
    pointer-events: none;
    z-index: 99999 !important;
    width: 400px;
}
.msha_toast_container.top-right {
    top: 0;
    right: 0;
}
.msha_toast_container.top-left {
    top: 0;
    left: 0;
}
.msha_toast_container.bottom-right {
    bottom: 0;
    right: 0;
}
.msha_toast_container.bottom-left {
    bottom: 0;
    left: 0;
}
.msha_toast {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row;
    flex-flow: row;
    background: #fff;
    width: 400px; /* Növelt szélesség */
    padding: 10px;
    border-radius: 3px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 10px;
    pointer-events: auto;
    -webkit-transition: 1s;
    transition: 1s;
}

.msha_toast.remove {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    max-height: 0;
    padding: 0 10px;
    margin-bottom: 0;
    -webkit-transition: .3s linear;
    transition: .3s linear;
}

.msha_toast.error {
    border-left: 5px solid #cb282b;
    width: 370px; /* Növelt szélesség */
    background-color: #f8d7da !important; /* Világos piros háttér */
}

.msha_toast.success {
    border-left: 5px solid #43d569;
    width: 370px; /* Növelt szélesség */
    background-color: #d4edda !important; /* Világos zöld háttér */
}

.msha_toast.warning {
    border-left: 5px solid #FFCC00;
    width: 370px; /* Növelt szélesség */
    background-color: #fff3cd !important; /* Világos sárga háttér */
}

/* További módosítások a margók növeléséhez */
.msha_toast_icon {
    margin-left: 10px; /* Növelt margó az ikon és a szöveg között */
    margin-top: 10px;
    width: 25px;
    height: 25px;
}

.msha_success_icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUyIDUyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MiA1MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIG5pZ2h0ZXllPSJkaXNhYmxlZCIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxnPjxnPgoJPHBhdGggZD0iTTI2LDBDMTEuNjY0LDAsMCwxMS42NjMsMCwyNnMxMS42NjQsMjYsMjYsMjZzMjYtMTEuNjYzLDI2LTI2UzQwLjMzNiwwLDI2LDB6IE00MC40OTUsMTcuMzI5bC0xNiwxOCAgIEMyNC4xMDEsMzUuNzcyLDIzLjU1MiwzNiwgMjIuOTk5LDM2Yy0wLjQzOSwwLTAuODgtMC4xNDQtMS4yNDktMC40MzhsLTEwLThjLTAuODYyLTAuNjg5LTEuMDAyLTEuOTQ4LTAuMzEyLTIuODExICAgYzAuNjg5LTAuODYzLDEuOTQ5LTEuMDAzLDIuODExLTAuMzEzbDguNTE3LDYuODEzbDE0LjczOS0xNi41ODFjMC43MzItMC44MjYsMS45OTgtMC45LDIuODIzLTAuMTY2ICAgQzQxLjE1NCwxNS4yMzksNDEuMjI5LDE2LjUwMyw0MC40OTUsMTcuMzI5eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojNDNENTY5IiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=);
    background-size: cover;
}

.msha_error_icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxLjk3NiA1MS45NzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxLjk3NiA1MS45NzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBuaWdodGV5ZT0iZGlzYWJsZWQiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48Zz4KCQlwYXRoIGQ9Ik00NC4zNzMsNy42MDNjLTEwLjEzNy0xMC4xMzctMjYuNjMyLTEwLjEzOC0zNi43NzAsMGMtMTAuMTM4LDEwLjEzOC0xMC4xMzcsMjYuNjMyLDAsMzYuNzdzMjYuNjMyLDEwLjEzOCwzNi43NywwICAgQzU0LjUxLDM0LjIzNSw1NC41MSwxNy43NCw0NC4zNzMsNy42MDN6IE0zNi4yNDEsMzYuMjQxYy0wLjc4MSwwLjc4MS0yLjA0NywwLjc4MS0yLjgyOCwwbC03LjQyNS03LjQyNWwtNy43NzgsNy43NzggICAgYy0wLjc4MSwwLjc4MS0yLjA0NywwLjc4MS0yLjgyOCwwYy0wLjc4MS0wLjc4MS0wLjc4MS0yLjA0NywwLTIuODI4bDcuNzc4LTcuNzc4bC03LjQyNS03LjQyNWMtMC43ODEtMC43ODEtMC43ODEtMi4wNDgsMC0yLjgyOCAgIGMwLjc4MS0wLjc4MSwyLjA0Ny0wLjc4MSwyLjgyOCwwbDcuNDI1LDcuNDI1bDcuMDcxLTcuMDcxYzAuNzgxLTAuNzgxLDIuMDQ3LTAuNzgxLDIuODI4LDBjMC43ODEsMC43ODEsMC43ODEsMi4wNDcsMCwyLjgyOCAgIGwtNy4wNzEsNy4wNzFsNy40MjUsNy40MjVDMzcuMDIyLDM0LjE5NCwzNy4wMjIsMzUuNDYsMzYuMjQxLDM2LjI0MXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0Q4MjIyMiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+);
    background-size: cover;
}

.msha_warning_icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1NTQuMiA1NTQuMTk5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NTQuMiA1NTQuMTk5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgbmlnaHRleWU9ImRpc2FibGVkIiBjbGFzcz0iIj48Zz48Zz4KCQlwYXRoIGQ9Ik01MzguNSwzODYuMTk5TDM1Ni41LDcwLjhjLTE2LjQtMjguNC00Ni43LTQ1LjktNzkuNTAxLTQ1LjljLTMyLjgsMC02My4xLDE3LjUtNzkuNSw0NS45TDEyLjMsMzkxLjYgICAgYy0xNi40LDI4LjQtMTYuNCw2My40LDAsOTEuOEMyOC43LDUxMS44LDU5LDUyOS4zLDkxLjgsNTI5LjNINDYyLjJjMC4xMDEsMCwwLjIsMCwwLjIsMGM1MC43LDAsOTEuOC00MS4xMDEsOTEuOC05MS44ICAgQzU1NC4yLDQxOC41LDU0OC40LDQwMC44LDUzOC41LDM4Ni4xOTl6IE0zMTYuMyw0MTYuODk5YzAsMjEuNy0xNi43LDM4LjMtMzkuMiwzOC4zczM5LjItMTYuNiAzOS4yLTM4LjNWNDE2YzAtMjEuNiAxNi43LTM4LjMgMzkuMi0zOC4zcyAzOS4yIDE2LjYgMzkuMiAzOC4zeiBNMzE3LjIgMTU4LjdsLTE5LjQgMTY5LjhjLTEuMyAxMi4yLTkuNCAxOS44LTIwLjcgMTkuOHMtMTkuNC03LjctMjAuNy0xOS44TDIzNyAxNTguNmMtMS4zLTEzLjEgNS44LTIzIDE4LTIzaDEzMS4xYzEyLjIgMCAxOS40IDEwIDE4IDIzemIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0ZGM0MwMCI+PC9wYXRoPjwvZz48L2c+PC9zdmc+);
    background-size: cover;
}

.msha_custom_icon {
    background-size: cover !important;
}

.msha_toast_contents {
    margin-left: 20px; /* Növelt margó a szövegnél */
}

.msha_toast_title {
    font-weight: bold;
}

.msha_toast_desc {
    margin-top: 5px;
    width: 270px; /* Csökkentett szélesség a szövegnek */
}

.msha_toast_close {
    margin-left: auto;
    margin-right: 7px;
    color: #999;
    height: 10px;
    width: 10px;
    cursor: pointer;
}

@-webkit-keyframes fadeIn {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes fadeIn {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale(1.0, 1.0);
        transform: scale(1.0, 1.0);
    }

    to {
        opacity: 0.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale(1.0, 1.0);
        transform: scale(1.0, 1.0);
    }

    to {
        opacity: 0.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
    }
}
