.toast {
  min-width: 300px;
}

.toast-container {
  position: absolute;
  top: 20px;
  right: 50px;
  z-index: 11;
}

[data-toast-template] {
  display: none;
}

.toast-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.toast-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.toast-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.toast-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.toast-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.toast-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.toast-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.toast-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.bg-primary-light {
  background-color: #cce5ff;
}

.bg-secondary-light {
  background-color: #e2e3e5;
}

.bg-success-light {
  background-color: #d4edda;
}

.bg-info-light {
  background-color: #d1ecf1;
}

.bg-warning-light {
  background-color: #fff3cd;
}

.bg-danger-light {
  background-color: #f8d7da;
}

.bg-light-light {
  background-color: #fefefe;
}

.bg-dark-light {
  background-color: #d6d8d9;
}

.w-25px {
  width: 25px;
}

.w-35px {
  width: 35px;
}

.w-50px {
  width: 50px;
}

.w-75px {
  width: 75px;
}

.w-100px {
  width: 100px;
}

.w-125px {
  width: 125px;
}

.w-150px {
  width: 150px;
}

.w-175px {
  width: 175px;
}

.w-200px {
  width: 200px;
}

.w-225px {
  width: 225px;
}

.w-250px {
  width: 250px;
}

.fs-10 {
  font-size: 10pt;
}

.fs-11 {
  font-size: 11pt;
}

.fs-12 {
  font-size: 12pt;
}

.fs-13 {
  font-size: 13pt;
}

.fs-14 {
  font-size: 14pt;
}

.w-40px {
  width: 40px;
}

.btn-xs {
  font-size: 0.6rem;
}