.toast-danger {
  border: 0;
  border-right: 30px solid var(--bs-danger) !important;
  background: var(--bs-danger);
}

.toast-warning {
  border: 0;
  border-right: 30px solid var(--bs-warning) !important;
  background: var(--bs-warning);
}

.toast-info {
  border: 0;
  border-right: 30px solid var(--bs-info) !important;
  background: var(--bs-info);
}

.toast-container {
  width: 100vw;
  padding: 0 !important;
}

@media only screen and (max-width: 576px) {
  .toast {
    width: 100%;
    /* box-shadow: none; */
  }
}
@media only screen and (min-width: 576px) {
  .toast {
    float: right;
    right: 0%;
    margin-bottom: 10px;
    margin-right: 0px;

  }
}
.toast {
  /* width: 100%; */
  /* float: right;
  right: 0%;
  margin-bottom: 10px;
  margin-right: 10px; */
  border: none;
  border-radius: 0;
  /* background-color: var(--bs-body-color); */
  color: var(--bs-body-bg);
  /* color: white;
  background-color: #d62518; */
  /* color: var(--bs-body-bg); */
  /* background-color: rgb(var(--bs-tertiary-color-rgb)); */
  /* background-color: #ddd; */
  padding: .2rem;
  font-size: 1em;

  /* border-top: 5px dotted #d62518; */

  /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; */

}