.bootstrap-dialog {
  /* dialog types */
  /**
     * Icon animation
     * Copied from font-awesome: http://fontawesome.io/
     **/
  /** End of icon animation **/
}
.bootstrap-dialog .bootstrap-dialog-button-icon {
  margin-right: .5rem;
}
.bootstrap-dialog.type-primary .modal-header {
  background-color: var(--bs-primary);
}
.bootstrap-dialog.type-secondary .modal-header {
  background-color: var(--bs-secondary);
}
.bootstrap-dialog.type-secondary .modal-header {
  background-color: var(--bs-secondary);
}
.bootstrap-dialog.type-success .modal-header {
  background-color: var(--bs-success);
}
.bootstrap-dialog.type-danger .modal-header {
  background-color: var(--bs-danger);
}
.bootstrap-dialog.type-warning .modal-header {
  background-color: var(--bs-warning);
}
.bootstrap-dialog.type-info .modal-header {
  background-color: var(--bs-info);
}
.bootstrap-dialog.type-light .modal-header {
  background-color: var(--bs-light);
}
.bootstrap-dialog.type-dark .modal-header {
  background-color: var(--bs-dark);
}

.bootstrap-dialog .bootstrap-dialog-title {
  color: #fff;
}
.bootstrap-dialog.type-light .bootstrap-dialog-title {
  color: #333;
}
.bootstrap-dialog.type-dark .bootstrap-dialog-close-button {
  background-color: var(--bs-light);
}

.bootstrap-dialog.size-large .bootstrap-dialog-title {
  font-size: 24px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-close-button {
  font-size: 30px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-message {
  font-size: 18px;
}

.bootstrap-dialog.size-extra-large .bootstrap-dialog-title {
  font-size: 28px;
}
.bootstrap-dialog.size-extra-large .bootstrap-dialog-close-button {
  font-size: 34px;
}
.bootstrap-dialog.size-extra-large .bootstrap-dialog-message {
  font-size: 22px;
}