/**
 * In studio modals are created as descendants of #bb element. I am not sure if these styles are working at all.
 * There are moved here as a step to make admin-dashboard main.scss consistent with other modules.
 */
.modal-content .bb-content, .modal-content #bb .bb-content {
  min-height: 100px !important;
}

.modal-content .bb-content.bb-content__loading-spinner,
.modal-content #bb .bb-content.bb-content__loading-spinner {
  min-height: 300px !important;
}

.modal-content {
  border-radius: 3px;
}

.modal-header, .modal-body, .modal-footer {
  padding: 20px;
}

.modal-title {
  font-size: 18px;
}

.modal-body hr {
  border-top: 1px solid #d1d4dc;
}

.modal-footer {
  background-color: #fafafa;
}

.modal-content .modal-body #bb {
  &.container-fluid {
    padding-top: 10px;

    .bb-step-navigation {
      margin-bottom: 0;
    }
  }
}