.toast {
    --bs-border-color-translucent: rgba(255, 255, 255, 0.175);
    --bs-toast-font-size: 1rem;
    --bs-toast-box-shadow:  0 1px 5px 3px rgb(46 50 52 / 6%);
    --bs-toast-bg: rgba(255, 255, 255, 0.95);
    --bs-toast-header-bg: rgba(255, 255, 255, 0.95);
    --bs-toast-border-radius: 0.5rem;
    --bs-toast-spacing: 1rem;
    --bs-toast-padding-x: 0.75rem 1rem;
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-max-width: 100%;
    z-index: 1092;
}

@media (min-width: 992px) {
    .toast {
        --bs-toast-max-width: 350px;
    }
}

@media (max-width: 700px) {
    .toast-container {
        width: 100%;
    }
}

.toast-container {
    z-index: 1056;
}

.toast-danger {
    --bs-border-color-translucent: rgba(235, 83, 83, 0.175);
    --bs-toast-bg: rgba(235, 83, 83, 0.95);
    --bs-toast-header-bg: rgba(235, 83, 83, 0.97);
    --bs-toast-color: var(--bs-white);
}

.toast-success {
    --bs-border-color-translucent: rgba(7, 204, 93, 0.175);
    --bs-toast-bg: rgba(7, 204, 93, 0.95);
    --bs-toast-header-bg: rgba(7, 204, 93, 0.97);
    --bs-toast-color: var(--bs-white);
}

.toast-primary{
    --bs-border-color-translucent: rgba(78, 116, 250, 0.175);
    --bs-toast-bg: rgba(78, 116, 250, .95);
    --bs-toast-header-bg: rgba(78, 116, 250, .95);
    --bs-toast-color: var(--bs-white);
}

.toast-dark {
    --bs-border-color-translucent: rgba(57, 57, 57, 0.175);
    --bs-toast-bg: rgba(57, 57, 57, .95);
    --bs-toast-header-bg: rgba(57, 57, 57, .95);
    --bs-toast-color: var(--bs-white);
}

.toast.center {
    margin: auto;
}

.toast.showing {
    background-color: darkorange;
}

.toast-message {
    z-index: 1055;
    border-radius: .8rem;
    padding: .8rem 1rem;
    color: #fff;
    background-color: rgba(28, 32, 37, .85);
    animation-duration: .6s;
    position: fixed;
}

@media (min-width: 500px) {
    .toast-message {
       max-width: 20rem
    }
}

.toast-message.center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.toast-message.top-center {
    top: 8%;
    left: 50%;
    transform: translateX(-50%);
}

.toast-message.top-right {
    top: 6%;
    right: 2rem;
}
.toast-message.top-left {
    top: 8%;
    left: 1rem;
}

.toast-message.bottom-right {
    bottom: 1rem;
    right: 1rem;
}

.toast-message.bottom-left {
    bottom: 1rem;
    left: 1rem;
}

.toast-message.bottom-center {
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
}


.toast-wrapper{
    z-index: 1032;
}