.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: #e6fe74;
}

.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;
}