.sr-modal-wrapper
  width: 100%
  height: 100%
  position: fixed
  top: 0
  left: 0
  z-index: 130

  .sr-modal
    position: absolute
    top: 14px
    right: 0
    left: 0
    width: 90%
    max-width: 580px
    max-height: 600px
    margin: auto auto

    .sr-modal-header
      padding: 14px
      font-size: 14px
      font-weight: bold

    .sr-modal-body
      padding: 14px
      overflow-y: scroll

    .sr-modal-footer
      padding: 7px
      overflow: hidden

      .sr-button.sr-right
        margin-left: 4px

    // These come in from the main app via a flash message - easier to just hide them here than handle it server-side.
    .btn.set-locale
      display: none