.toasts-container {
    z-index: 1035;
    position: fixed;
    top: 60px;
    right: 20px;
    height: auto;
}

@media (max-width: 767px) {
    .toasts-container {
        z-index: 1035;
        position: fixed;
        width:100%;
        top: 60px;
        height: auto;
        padding: 5px !important;
    }
}

.toast {
    margin: 5px;
    padding: 5px 20px;
    color: white;
}

.toast-info {
    background-color: rgba(66, 139, 202, 0.8);
}

.toast-success {
    background-color: rgba(92, 184, 92, 0.8);
}

.toast-warning {
    background-color: rgba(238, 108, 25, 0.8);
}

.toast-danger {
    background-color: rgba(221, 75, 57, 0.8);
}

.toast-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s linear;
}

.toast-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 1s, opacity 1s linear;
}

.npsds {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pointer {
    cursor: pointer;
}