// Place all the styles related to the search controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

// Search Suggestions
@import "compass/css3";

.twitter-typeahead {
  position: relative;
  width: 200px;
  display: block;

  .tt-suggestions {
    //position: absolute;
    //top: 55px;
    //left: -51px;
    margin-left: -38px;
    margin-top: -10px;
    width: 124%;
    padding-left: 6px;
    padding-right: 6px;
    border-top: 3px solid #fd7532;
    background: white;
    @include border-bottom-radius(3px);
    @media (max-width: 1000px) {
      left: -30px;
      width: 110%;
    }

    .tt-suggestion {
      float: none;
      border-bottom: 1px solid #eee !important;
      width: 100%;
      height: auto !important;

      p {
        padding-top: 15px;
      }
    }

    li:last-child {
      border-bottom: none !important;
    }

    .tt-is-under-cursor {
      color: #fd7532;
      cursor: pointer;
    }
  }
}

// Place all the styles related to the search controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

// Search Suggestions
@import "compass/css3";

.twitter-typeahead {
  position: relative;
  width: 200px;
  display: block;
  .tt-dropdown-menu {
    position: absolute;
    z-index: 100;
    left: -34px !important;
    width: 122% !important;
    top: 53px !important;
    display: block;
    right: auto;
  }
  .tt-suggestions {
    //position: absolute;
    //top: 55px;
    //left: -51px;
    padding-left: 6px;
    padding-right: 6px;
    border-top: 3px solid #fd7532;
    background: white;
    @include border-bottom-radius(3px);
    @media (max-width: 1000px) {
      left: -30px;
      width: 110%;
    }

    .tt-suggestion {
      float: none;
      border-bottom: 1px solid #eee !important;
      width: 100%;
      height: auto !important;

      p {
        padding-top: 15px;
      }
    }

    li:last-child {
      border-bottom: none !important;
    }

    .tt-is-under-cursor {
      color: #fd7532;
      cursor: pointer;
    }
  }
}

Fix positioning of typeahead dropdown.
Fix positioning of typeahead dropdown.
