//
// @file
// Provide replacement styles for jQuery UI.
//

.ui-dialog {
  position: absolute;
  // padding: .2em;
  width: 300px;
  overflow: hidden;

  .ui-dialog-titlebar {
    // padding: .5em 1em .3em;
    position: relative;
  }

  .ui-dialog-title {
    // float: left;
    // margin: .1em 16px .2em 0;
  }

  .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;

    span {
      display: block;
      margin: 1px;
    }

    &:hover,
    &:focus {
      padding: 0;
    }
  }

  .ui-dialog-content {
    position: relative;
    border: 0;
    // padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
  }

  .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;

    .ui-dialog-buttonset {
      float: right;
    }

    button {
      margin: .5em .4em .5em 0;
      cursor: pointer;
    }
  }

  .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
  }
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
