page-search {
  display: block;

  .search-div {
    display: flex;
    padding: 15px;
    box-sizing: content-box;
    align-items: flex-start;

    time-filter {
      border-radius: 0;
    }

    .search-btn {
      align-self: flex-start;
      height: 38px;
      border-radius: 0;
      outline: none;
      width: 42px;
      background: white;
      border: 2px solid #ecf0f1;
      border-left: none;
      border-right: none;
      color: var(--global-theme-color-light, #04beb4);
      font-size: 16px;

      &:disabled {
        color: lightgray;
      }
    }

    input-box {
      flex: 1;
      border: 2px solid #ecf0f1;
      border-radius: 0;

      &:first-child {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
      }

      .keyword {
        color: #00A7F0;

        &[data-type^=fn_] {
          color: #E8508E;
        }
      }
    }
  }

  .sharp-icon-word { background-position: 2px 517px; }
  .sharp-icon-community { background-position: -63px 517px; }
  .sharp-icon-speed { background-position: -127px 517px; }

  .btn-save-as {
    margin-top: 2px;
    margin-left: 15px;
  }

  history-searches {
    margin-top: 12px;
  }

  .download-button {
    border-right: solid 2px #ecf0f1;
  }

  .last-button {
    border-left: 0!important;
  }
}