﻿.ToastList {
    right: 0 !important;
    position: fixed !important;
    bottom: 0px;
    z-index: 567;
}

    .ToastList .MainToast {
        right: 0 !important;
        padding-left: 0.2rem !important;
        padding-right: 0.2rem !important;
        padding-bottom: 0.2rem !important;
        z-index: 567;
    }

.MainToast .ToastTitleSVG {
    margin-right: .5rem !important;
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: .25rem !important;
}

.MainToast .toast {
    width: 250px;
    max-width: 100%;
    font-size: .875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: .25rem;
    transition: opacity .15s linear;
}

.MainToast .ToastHeader {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.MainToast .Toastbody {
    padding: .75rem;
    word-wrap: break-word;
}

.MainToast .ToastTitle {
    margin-right: auto !important;
}

.MainToast .toastclose {
    cursor: pointer;
}

    .MainToast .toastclose:hover {
        background-color: #ff0000 !important;
        cursor: pointer;
    }
