@import url('base.css');
/* Toast custom colors */

.toast-success {
    border-color: #198754;
    color: var(--color-primary);
}

.toast-error {
    border-color: #dc3545;
    color: var(--color-primary);
}

.toast-warning {
    border-color: #ffc107;
    color: var(--color-primary);
}

.toast-info {
    border-color: #0dcaf0;
    color: var(--color-primary);
}

.toast-primary {
    border-color: #0d6efd;
    color: var(--color-primary);
}

.toast-container {
    position: fixed;
    top: auto;
    bottom: 1rem;
    left: 1rem;
    z-index: 1080;
    background-color: transparent;
    direction: rtl;


}

.toast-success,
.toast-error,
.toast-warning,
.toast-info,
.toast-primary {
    border-width: 3px;
    border-style: solid;
}

.toast {
    justify-self: center;
    min-width: 400px;
    max-width: 800px;
    width: 90%;
    margin-bottom: 1rem;
    margin: 12px;
    opacity: 0.95;
    font-family: iransans, sans-serif;
    font-size: x-large;
    border-radius: 0.8rem;
    box-shadow: 0 2px 8px rgb(64, 64, 55);
}

.toast .btn-close {
    float: left;
    margin-left: 0.5rem;
    /* If using Bootstrap 5, you can also use: */
    color: var(--color-primary);
    
}