.modal .modal-dialog {
  max-width: 640px;
  margin: 3rem auto;
}

.modal .modal-dialog.modal-dialog-centered {
  min-height: calc(100% - 6rem);
  height: calc(100% - 6rem);
}

.modal .modal-dialog.modal-xs {
  max-width: 320px;
}

.modal .modal-dialog.modal-sm {
  max-width: 400px;
}

.modal .modal-dialog.modal-md {
  max-width: 800px;
}

.modal .modal-dialog.modal-lg {
  max-width: 1000px;
}

.modal .modal-dialog.modal-xl {
  max-width: 1200px;
}

.modal .modal-dialog .modal-content {
  border: 0;
  border-radius: 0.25rem;
}

.modal .modal-dialog .modal-content .modal-header {
  border: 0;
  padding: 0.4rem 1rem 0;
}

.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-weight: 800;
  font-size: var(--fs-20);
}

.modal .modal-dialog .modal-content .modal-header .btn-close {
  margin: 0 -0.75rem 0 auto;
  background-size: 0.85rem auto;
  padding: 0.75rem 1rem;
  opacity: 1 !important;
}

.modal .modal-dialog .modal-content .modal-body {
  padding: 1.5rem;
  font-weight: 500;
}

.modal .modal-dialog .modal-content .modal-body [data-simplebar] {
  width: 100%;
}

.modal .modal-dialog .modal-content .modal-footer {
  padding: 0 1.5rem 1rem;
  border: 0;
  justify-content: center;
}

.modal.upper {
  z-index: 1056;
  background: rgba(0, 0, 0, 0.3);
}