/* =====================================================
   TOASTS
   
===================================================== */
/**
 * Toasts do sistema.
 *
 * IMPORTANTE:
 *
 * Utilizar prefixo integrasante-
 * para evitar conflitos com
 * Bootstrap e bibliotecas externas.
 */
.integrasante-toast {

    position: fixed;

    top: 20px;

    right: 20px;

    min-width: 320px;

    max-width: 450px;

    padding: 14px 18px;

    border-radius: 10px;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    z-index: 99999;

    box-shadow:
        0 6px 20px rgba(0, 0, 0, .15);

    animation:
        toastSlideIn .35s ease;
}

.toast-sucesso {

    background: #28a745;
}

.toast-erro {

    background: #dc3545;
}

.toast-aviso {

    background: #f0ad4e;

    color: #222;
}

@keyframes toastSlideIn {

    from {

        opacity: 0;

        transform:
            translateX(100%);
    }

    to {

        opacity: 1;

        transform:
            translateX(0);
    }
}