/* --------------------------------------------------------------------------------------------- */
/* ####################################### MODALS STYLE ######################################## */
/* --------------------------------------------------------------------------------------------- */
.modal-content { color: #444; border: none; border-radius: 10px; box-shadow: none; }

.modal-header { 
  display: block; 
  padding: 20px; 
  background: var(--theme);
  border: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-align: center; 
  color: white; }
.modal-header h5 { 
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  text-align: center;
  color: #fff;
  font-weight: 600;
  line-height: 1.2; }
.modal-header h5 > i { font-size: 30px; margin-right: 10px; }
.modal-header .btn-close { z-index: 1; position: absolute; top: 15px; right: 15px; }

.modal-body { 
  overflow-y: overlay; 
  overflow-x: hidden;
  max-height: 70vh; 
  padding: 30px; 
  padding-bottom: 0.25rem;
  margin-bottom: 25px;
  border: none;
  text-align: center; 
  font-size: 14px; }
.modal-body p, .modal-body label { color: #444; }
/* .modal-body p { margin-bottom: 0; }
.modal-body label { margin-bottom: 3px; } */
.modal-body .group { text-align: left; }
.modal-body .title { font-size: 18px; margin-top: 10px; margin-bottom: 0; }

.modal-footer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  border: none;
  padding-top: 0;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px; }
.modal-footer > * { width: 50%; text-decoration: none; text-overflow: ellipsis; overflow: hidden; }

.modal.minimize .modal-dialog { position: absolute; margin: 0; transform: scale(0.1); transform-origin: 0 0; }