//
// JQUERY UI OVERRIDES
//
div.ui-widget-overlay {
  @include opacity(1);
  background: $transparent-black;
}

//
// UC-MODAL WRAPPER
//
.uc-modal-fixed-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.uc-modal-fixed-wrapper-frame {
  width: auto;
  position: relative;
  padding: 0 0 0 0;
  background-color: transparent;
  border-color: transparent;
  outline: none;
  top: 63px;

  @media #{$mobile} {
    top: 0;
    padding: $gutter / 2;
  }
  overflow-y: auto;

  // JQUERY UI OVERRIDES
  > .ui-dialog-titlebar {
    display: none;
  }
  > .ui-widget-content {
    background-image: none;
  }
}

//
// UC MODAL
//
.uc-modal {
  @include border-radius(3px);
  border: $solid-light-gray-border;
  background-color: $white;
  padding-bottom: $gutter*2.5;
  width: percentage(6 / 12);
  @include respond-small-tablet;
  @include groundwork-centered;
}
.uc-modal-large {
  width: percentage(8 / 12);
  @include respond-small-tablet;
  @include groundwork-centered;
}
.uc-modal-header {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 22px;
  @media #{$mobile} {
    font-size: $gigantic;
    line-height: 26px;
  }
  font-weight: $extralight-weight;
  padding: $gutter * 2;
  color: $dark-gray;
  .uc-modal-exception &:after {
    @include icon-inline-block;
    content: $uc-icon-exclamation-circle;
    color: $red;
    padding-left: $gutter/2;
  }
}
.uc-modal-rule {
  margin: 0 0;
  border-top: $medium-border-width solid $lighter-gray;
  border-bottom: none;
  .uc-modal-exception & {
    border-top: $medium-border-width solid $red;
  }
}
.uc-modal-linked {
  padding: $gutter*1.5 $gutter*2;
  background-color: $lightest-gray;
}

.uc-modal-content {
  padding: $gutter*2 $gutter*2 0 $gutter*2;
}
.uc-modal-rule-wrapper {
  padding: $gutter/2 $gutter*2 0 $gutter*2;
}
.uc-modal-actions {
  margin-top: $gutter*2.5;
  input,
  a,
  button {
    margin-left: $gutter*2;
    &:first-child {
      margin-left: 0;
    }
  }
}
.uc-modal-links {
  padding: $gutter*2 $gutter*2 0 $gutter*2;
}
.uc-modal-actions-rule {
  margin: $gutter/2 0 0 0;
  border-top: $light-border-width solid $lighter-gray;
}