.toast-wrapper {
    position: fixed;
    z-index: 15;
    top: auto;
    left: 50%;
    bottom: 0;

    @include media-breakpoint-up(lg) {

    }

    &.favorites {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        top: unset;
        bottom: 0;
        width: 100%;

        i {
            color: red;
        }

        .toast {
            @include media-breakpoint-up(lg) {
                width: 500px;
            }
        }
    }

    .toast {
        border: 0px !important;
        background-color: rgba(255, 255, 255, 1) !important;
        margin: calc($size-sm / 2);

        &-header {
            color: $black;
            @extend .text-medium;

            span {
                margin-right: 6px;
            }

            a {
                float: right;
            }
        }

        p {
            margin: 0;
        }
    }

    .btn-close {        
        z-index: 2;

        img {
            width: 12px;
            height: 12px;
        }
    }

    .toast-success {
        background-color: green;
        color: white;
    }
    .toast-info {
        background-color: lightseagreen;
    }
    .toast-warning {
        background-color: yellow;
    }
    .toast-danger {
        background-color: #cc0000;
        color: white;
    }
}