.ui-theme {
  .modal-content {
    .box-shadow(4px 4px 5px rgba(0, 0, 0, 0.2));
  }

  .modal-dialog {
    .modal-header {
      color: inherit;
      background: inherit;
      padding: 2.0rem 4.0rem;
    }

    .modal-body {
      padding: 2.0rem 4.0rem;
      border: none;
      max-height: 65vh;
      overflow: auto;

      &.asymmetric {
        /* for use with dialogs containing tables which require different padding */
        padding: 2.0rem 0 0 4.0rem;
      }
    }

    .modal-footer {
      padding: 2.0rem 4.0rem;

      .ui-btn.pull-left {
        margin-left: 0;
        margin-right: 1rem;
      }
    }
  }

  .modal-backdrop {
    background: rgba(255, 255, 255, 0.1);
  }
}