.searchbox-container {
  box-sizing: border-box; }

/**
* Provide style for 'li' elements to allow them to spreed horizontal on whole 'ul' width keeping the same size for each element.
* Can be use for horizontal menu.
*
* margin-left - define left margin for list items. Must be passed in pixels. Default value is 0px;
* margin-right - define left margin for list items. Must be passed in pixels. Default value is 0px;
* max-items - define maximum items in list that will be styled correctly. Must be passed in pixels. Default value is 20;
*/
.searchbox-container {
  padding-left: 0.75rem;
  background-color: #f4f4f4;
  line-height: 3.44rem;
  height: 3.44rem;
  position: relative;
  display: inline-block;
  -ms-flex-order: 1;
      order: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100%; }
  .searchbox-container .clear-button {
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
    line-height: 1.44rem;
    font-size: 1.31rem;
    color: #d3d3d3; }
  .searchbox-container .searchbox {
    background-image: url("../images/search_16_disabled.png");
    background-position: 0.63rem center;
    background-repeat: no-repeat;
    outline: 0;
    padding-left: 2.13rem;
    padding-right: 1.44rem;
    position: relative; }
    .searchbox-container .searchbox:focus {
      background-image: url("../images/search_16.png"); }
  .searchbox-container .autocomplete-result {
    position: absolute;
    top: 2.06rem;
    left: 0;
    z-index: 10000;
    margin: 0 0.13rem;
    background-color: #ffffff;
    width: 18.75rem;
    border-left: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3; }
    .searchbox-container .autocomplete-result a {
      font-family: robotoregular;
      font-size: 0.88rem;
      color: #6f6f6f;
      height: 54px; }
      .searchbox-container .autocomplete-result a:hover {
        background-color: #d6e9f4; }
      .searchbox-container .autocomplete-result a .main-info {
        float: left;
        width: 8.86rem;
        margin-left: 2.13rem;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis; }
        .searchbox-container .autocomplete-result a .main-info:hover {
          background-color: #d6e9f4; }
        .searchbox-container .autocomplete-result a .main-info .search-match {
          font-family: robotobold;
          color: #282828; }
          .searchbox-container .autocomplete-result a .main-info .search-match:hover {
            background-color: #d6e9f4; }
      .searchbox-container .autocomplete-result a .extra-info {
        float: right;
        width: 5.63rem;
        margin-right: 2.13rem; }
        .searchbox-container .autocomplete-result a .extra-info:hover {
          background-color: #d6e9f4; }

.shell-feature-search {
  background-color: #ffffff;
  position: relative;
  bottom: 0.75rem;
  right: 2rem; }