.modal
  margin: 10px auto
  width: 600px
  max-width: 100%
  background-color: #fff
  padding: 1em
  max-height: calc(100% - 20px)
  overflow-y: scroll
  z-index: 6524
  .modal-close
    +button($bg: #ddd)
  .modal-confirm
  .modal-save
  .modal-destroy
    +button($bg: $alert-color)
    margin-right: 8px
  .sortable
    list-style: none
    .sortable-item-container
      cursor: pointer
      .handle
        @extend .fa, .fa-arrows-v
        margin-right: 10px
  .table-qr-codes
    //+button($bg: $button-qr-code-color, $padding: $button-sml)
    +button($bg: $button-qr-code-color)
    margin-left: 10px
.modal-alert
  color: $alert-color

.overlay
  height: 100%
  width: 100%
  position: fixed
  top: 0
  left: 0
  background-color: rgba(0, 0, 0, 0.5)
  z-index: 6522

.flush--top
  margin-top: 0