/**
 * @file
 * Styles for Bartik's modal windows
 */

.ui-widget-overlay {
  background: #000;
  opacity: 0.7;
}

.ui-dialog {
  font-family: $font-family-base;
  border-radius: 0;

  input,
  select,
  textarea {
    font-size: 0.9em;
  }

  .button {
    background-color: #fff;
    background-image: -webkit-linear-gradient(top,#f3f3f3,#e8e8e8);
    background-image: linear-gradient(to bottom,#f3f3f3,#e8e8e8);
    border: 1px solid #e4e4e4;
    border-bottom-color: #b4b4b4;
    border-left-color: #d2d2d2;
    border-right-color: #d2d2d2;
    color: #3a3a3a;
    cursor: pointer;
    font-size: 0.929em;
    font-weight: normal;
    text-align: center;
    padding: 0.250em 1.063em;
    border-radius: 1em;
  }

  .ui-dialog-titlebar {
    padding: 1em 1em;
    margin-bottom: 0.5rem;
    .ui-dialog-titlebar-close {
      margin-right: 0.5rem;
    }
  }

  .pager {
    width: 100%;
    display: flex;
    justify-content: center;
    .pager__items {
      display: flex;
      align-items: center;
      list-style: none;
      padding: 0;
      .pager__item {
        margin: 5px 10px;
      }
    }
  }
}
