:root {
  --red: #ce4c5b;
  --green: #65bb73;
  --dark-yellow: #bb9543;
  --blue: #268fcb;
  --pale-blue: #87adbd;
}

.swal2-toast {
    margin-top: 60px;
}

.swal2-toast:hover {
    cursor: pointer;
}

.colored-toast {
  &.swal2-icon-success {
    background-color: var(--green) !important;
  }
  &.swal2-icon-error {
    background-color: var(--red) !important;
  }
  &.swal2-icon-warning {
    background-color: var(--dark-yellow) !important;
  }
  &.swal2-icon-info {
    background-color: var(--blue) !important;
  }
  &.swal2-icon-question {
    background-color: var(--pale-blue) !important;
  }

  .swal2-title {
    color: white;
  }

  .swal2-close {
    color: white;
  }

  .swal2-html-container {
    color: white;
  }
}

.colored-toast.swal2-icon-success {
    background-color: var(--green) !important;
}

.colored-toast.swal2-icon-error {
    background-color: var(--red) !important;
}

.colored-toast.swal2-icon-warning {
    background-color: var(--dark-yellow) !important;
}

.colored-toast.swal2-icon-info {
    background-color: var(--blue) !important;
}

.colored-toast.swal2-icon-question {
    background-color: var(--pale-blue) !important;
}

.colored-toast .swal2-title {
    color: white;
}

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}