/* ==========================================================================
   Page Select Widget
   ========================================================================== */
/* line 10, ../../scss/core/PageSelect.scss */
.a-PageSelect {
  display: inline-block;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  vertical-align: top;
  position: relative;
  background-clip: padding-box;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

/* line 20, ../../scss/core/PageSelect.scss */
.a-PageSelect--separate {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right-width: 1px;
}

/* line 25, ../../scss/core/PageSelect.scss */
.a-PageSelect--readOnly {
  padding: 7px 12px;
  line-height: 16px;
  color: #707070;
}
/* line 29, ../../scss/core/PageSelect.scss */
.a-PageSelect--readOnly .a-Icon {
  color: #707070;
  margin-right: 4px;
}

/* line 34, ../../scss/core/PageSelect.scss */
.a-PageSelect-input {
  padding: 4px 8px 4px 36px;
  margin: 0;
  border: none;
  line-height: 22px;
  width: 86px;
  color: #404040;
  height: 30px;
  font-size: 14px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: transparent;
  text-align: right;
}
/* line 47, ../../scss/core/PageSelect.scss */
.a-PageSelect-input:focus, .a-PageSelect-input.is-focused {
  outline: none;
  position: relative;
  z-index: 10;
}

/* line 54, ../../scss/core/PageSelect.scss */
.a-Button.a-Button--withIcon.a-PageSelect-menuButton {
  position: absolute;
  top: 0;
  padding: 1px;
}

/* line 60, ../../scss/core/PageSelect.scss */
.a-Button.a-PageSelect-menuButton {
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px;
  border-radius: 2px;
  height: 22px;
  margin: 4px;
  z-index: 11;
}