.react-autosuggest__suggestions-container {
  position: absolute;
  margin: 0;
  padding: 0;
  z-index: 99; }

.react-autosuggest__suggestions-list {
  border: 1px solid #c3c3ca;
  border-radius: 4px;
  background-color: #fff;
  list-style-type: none;
  padding: 0;
  margin: 0; }

.react-autosuggest__suggestion {
  padding: 5px 20px;
  cursor: pointer; }

.react-autosuggest__suggestion--highlighted {
  background-color: #f6f7f8; }

.pxl-form-control {
  background-color: #fff;
  border: 1px solid #c3c3ca;
  border-radius: 4px;
  color: #302c2c;
  display: block;
  font-size: 16px;
  height: 36px;
  padding: 6px 12px;
  width: 100%; }
  .pxl-form-control:disabled {
    background-color: #f6f7f8;
    cursor: not-allowed; }
  .pxl-has-error .pxl-form-control {
    border: 1px solid #c33239; }

.pinned {
  padding: 0; }
  .pinned * {
    box-sizing: border-box; }
  .pinned__border {
    border: 1px solid #c3c3ca; }
    .pinned__border__top {
      border-bottom: 1px solid #c3c3ca;
      height: 10px;
      background-color: #a2e1fc; }
    .pinned__border__bottom {
      border-top: 1px solid #c3c3ca;
      height: 10px;
      background-color: #a2e1fc; }
  .pinned__content {
    padding: 15px; }
    .pinned__content__title {
      font-weight: 400;
      font-size: 24px;
      line-height: 1.2;
      text-align: center;
      margin: 0 0 15px 0; }
    .pinned__content__form-group {
      margin: 0 0 15px 0; }
    .pinned__content__emp-start > a {
      color: #fff;
      text-decoration: none; }
      .pinned__content__emp-start > a:hover {
        text-decoration: none;
        color: #fff; }
  .pinned__hr {
    border: 0;
    border-top: 1px dashed #c3c3ca !important;
    margin: 19px 0 20px 0; }
  .pinned__branding__copy {
    font-size: 12px;
    font-weight: 400;
    margin: 10px 0 0 0; }
  .pinned__branding__img {
    margin: 5px 0 0 0;
    text-align: center; }
    .pinned__branding__img > img {
      max-width: 200px;
      width: 100%; }
  .pinned__btn__submit {
    display: inline-block;
    padding: 5px 12px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #c3c3ca;
    color: #302c2c;
    margin: 0;
    line-height: 1.5;
    cursor: pointer;
    white-space: pre-wrap;
    text-align: center;
    touch-action: manipulation;
    -ms-touch-action: manipulation;
    color: #fff;
    background-color: #0fb2f6;
    border: 1px solid #0fb2f6;
    width: 100%; }
    .pinned__btn__submit:hover, .pinned__btn__submit.pxl-btn--active, .pinned__btn__submit:active {
      background-color: #0891ca;
      border: 1px solid #0891ca;
      color: #fff; }
    .pinned__btn__submit:disabled, .pinned__btn__submit.pxl-btn--disabled, .pinned__btn__submit.disabled:hover {
      background-color: #0891ca;
      color: #fff;
      box-shadow: none;
      border: 1px solid #0891ca; }
  .pinned__btn__b2b {
    display: inline-block;
    padding: 5px 12px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #c3c3ca;
    color: #302c2c;
    margin: 0;
    line-height: 1.5;
    cursor: pointer;
    white-space: pre-wrap;
    text-align: center;
    touch-action: manipulation;
    -ms-touch-action: manipulation;
    color: #fff;
    background-color: #e1610b;
    border: 1px solid #e1610b;
    width: 100%; }
    .pinned__btn__b2b:hover, .pinned__btn__b2b.pxl-btn--active, .pinned__btn__b2b:active {
      background-color: #ac4a08;
      border: 1px solid #ac4a08;
      color: #fff; }
    .pinned__btn__b2b:disabled, .pinned__btn__b2b.pxl-btn--disabled, .pinned__btn__b2b.disabled:hover {
      background-color: #ac4a08;
      color: #fff;
      box-shadow: none;
      border: 1px solid #ac4a08; }
  .pinned .hidden {
    display: none; }
  .pinned a.survey-start-country-change {
    color: #0fb2f6; }
    .pinned a.survey-start-country-change:hover {
      text-decoration: underline; }