/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{right:-.3em;top:-.3em;float:right;font-weight:700;color:#000;opacity:1;margin: 0 10px;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:92px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 10px 15px 25px;display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;font-size: 18px;max-width:350px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;color:#0c2141;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{}#toast-container>.toast-error{}#toast-container>#toast-container>.toast-warning{}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#e5f8f6;color: #585858;}.toast-error{background-color:#fdedee;}.toast-info{background-color:#fff;}.toast-warning{background-color:#fdedee;}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 8px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 8px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 15px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}

/* Toast position */
#toast-container.toast-top-right {
    top: 92px;
    right: 16px;
    width: 360px;
    max-width: calc(100vw - 32px);
}

/* Toast card */
#toast-container.toast-top-right > .toast {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 64px;
    margin: 0 0 12px;
    padding: 20px 18px 20px 60px;
    overflow: hidden;

    background-color: #111c24;
    background-image: none !important;
    border: 1px solid #294039;
    border-left: 3px solid #00dfb0;
    border-radius: 12px;

    color: #edf5f4;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.6;

    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
    opacity: 1;
    filter: none;
}

/* Status icon */
#toast-container.toast-top-right > .toast::before {
    content: "✓";
    position: absolute;
    top: 19px;
    left: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #103c34;

    color: #00efbd;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

/* Message and optional title */
#toast-container .toast-message {
    min-width: 0;
    overflow-wrap: anywhere;
    word-wrap: break-word;
    font-weight: 400;
}

#toast-container .toast-title {
    margin-bottom: 3px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

#toast-container .toast-title + .toast-message {
    color: #b9c9ce;
    font-size: 13px;
}

/* Optional close button */
#toast-container .toast-close-button {
    position: relative;
    top: 0;
    right: 0;
    float: right;

    width: 24px;
    height: 24px;
    margin: 0 0 4px 12px;
    padding: 0;

    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #9eafb8;

    font-size: 21px;
    font-weight: 400;
    line-height: 24px;
    text-shadow: none;
    opacity: 1;
    filter: none;
}

#toast-container .toast-close-button:hover {
    background-color: #25323d;
    color: #ffffff;
    opacity: 1;
}

#toast-container .toast-close-button:focus-visible {
    outline: 2px solid #00dfb0;
    outline-offset: 2px;
}

/* Error */
#toast-container.toast-top-right > .toast-error {
    border-color: #503139;
    border-left-color: #ff7587;
}

#toast-container.toast-top-right > .toast-error::before {
    content: "×";
    background-color: #41242e;
    color: #ff8c9b;
    font-size: 21px;
}

/* Warning */
#toast-container.toast-top-right > .toast-warning {
    border-color: #4c4230;
    border-left-color: #f5bd5b;
}

#toast-container.toast-top-right > .toast-warning::before {
    content: "!";
    background-color: #3c3221;
    color: #ffd07a;
}

/* Information */
#toast-container.toast-top-right > .toast-info {
    border-color: #2c4259;
    border-left-color: #73b7ff;
}

#toast-container.toast-top-right > .toast-info::before {
    content: "i";
    background-color: #20364c;
    color: #91c7ff;
}

/* Optional progress bar */
#toast-container .toast-progress {
    height: 3px;
    background-color: #00dfb0;
    opacity: 0.65;
}

#toast-container .toast-error .toast-progress {
    background-color: #ff7587;
}

#toast-container .toast-warning .toast-progress {
    background-color: #f5bd5b;
}

#toast-container .toast-info .toast-progress {
    background-color: #73b7ff;
}

/* Mobile */
@media (max-width: 480px) {
    #toast-container.toast-top-right {
        top: 80px;
        right: 12px;
        /* left: 12px; */
        width: auto;
        max-width: none;
    }

    #toast-container.toast-top-right > .toast {
        min-height: 60px;
        padding: 18px 14px 18px 54px;
        font-size: 13px;
        border-radius: 10px;
    }

    #toast-container.toast-top-right > .toast::before {
        top: 17px;
        left: 15px;
        width: 24px;
        height: 24px;
        font-size: 15px;
    }
}
/* Allow messages to wrap */
#toast-container.toast-top-right > .toast .toast-message,
#toast-container.toast-top-right > .toast .toast-title {
    width: auto;
    min-width: 0;
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Mobile toast sizing */
@media (max-width: 480px) {
    body #toast-container.toast-top-right {
        position: fixed;
        top: 80px;
        right: 12px !important;
        left: 12px !important;
        width: auto !important;
        max-width: none !important;
        margin: 0;
        transform: none;
    }

    body #toast-container.toast-top-right > .toast {
        display: block !important;
        box-sizing: border-box;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto;
        min-height: 60px;
        margin: 0 0 10px;
        padding: 18px 14px 18px 54px;
        white-space: normal !important;
    }

    body #toast-container.toast-top-right > .toast::before {
        top: 17px;
        left: 15px;
        width: 24px;
        height: 24px;
    }
}