.toasty-container{
    /* position: fixed;
    right:0;
    display:flex;
    margin:10px;
    min-height:50px;
    width:300px;
    border-radius: 10px;
    z-index: 5;
    pointer-events:none;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    background-clip: padding-box;
} */
    display:flex;
    min-height:50px;
    width:300px;
    margin:10px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 10px;
    z-index:999;
}

.toasty-icon-container{
    width:70px;
    min-height:100%;
    color:white;
    display:flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    padding:10px;
    border-radius: 10px 0 0 10px;
    background-color: rgb(0,0,0,0.25);
}
.toasty-message-container {
    display: flex;
    width: 100%;
    min-height:100%;
    align-items: center;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 0 10px 10px 0;
}
/* 
.toasty{
    width: 350px;
    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;
    z-index:999;
}

.toasty.showing {
    opacity: 0
}

.toasty:not(.show) {
    display: none
}

.toasty-container {
    width: max-content;
    max-width: 100%;
    pointer-events: none;
}

.toasty-container>:not(:last-child) {
    margin-bottom: .75rem
}

.toasty-header {
    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)
}

.toasty-header .btn-close {
    margin-right: -.375rem;
    margin-left: .75rem
}

.toasty-body {
    padding: .75rem;
    word-wrap: break-word
} */