.modal
  margin: 10px auto
  width: 1122px
  max-width: 100%
  background-color: #fff
  padding: 1em
  padding-bottom: 0
  max-height: calc(100% - 20px)
  overflow-y: scroll
  z-index: 6524
  .modal-body
    // Add space for modal-actions
    padding-bottom: 86px
    position: relative
    min-height: 392px
  .modal-rollback
    //+button($bg: $secondary-color)
    //@extend .ui, .button
  .modal-close
    //+button($bg: #ddd)
    //@extend .ui, .button
  .modal-confirm, .modal-ok, .modal-save, .modal-add
    //+button
    //@extend .primary
  .modal-destroy
    //+button($bg: $alert-color)
    //@extend .negative
    margin-right: 8px
  .modal-edit
    //+button($bg: $warning-color)
    margin-right: 8px
  .done
    text-decoration: line-through
  .modal-actions
    border-top: 1px solid #999
    padding-top: 7px
    padding-bottom: 7px
    margin-bottom: -86px
    > a
      margin-bottom: 0
    &.sticky
      position: absolute
      margin-bottom: 0
      box-shadow: 0 -3px 9px -2px rgba(0, 0, 0, 0.8)
      background-color: #eee
      padding-left: 1em
      padding-right: 1em
      bottom: 0
      width: calc(100% + 2em)
      //Width: 100%
      margin-left: -1em
      //margin-right: -1em
      border-top: 1px solid #999
    .pull-right
      .ui.action.input
        margin-right: 122px
    .ui.message
      margin: 0
.modal-alert
  //@extend .alert-box
  //@extend .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