#game_sort_and_filter {
  clear: both;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid gainsboro;

  .filter {
    clear: both;
    padding-top: 10px;

    .filter_link {
      float: left;
      opacity: 0.3;
      margin-right: 5px;

      &.selected {
        opacity: 1;
      }
    }

    .clear {
      font-size: 20px;
      line-height: 26px;
      padding: 5px;
    }
  }

  .sort {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 40px;

    .sort_link {
      float: right;
      padding: 7px 5px 5px;
      font-size: 0.85em;
      background: url("/assets/bkg3-d3304aa2.png");
      border: 1px solid #ddd;
      margin-left: 5px;
    }

    .selected {
      border: 1px solid cyan;
      background: lightcyan;

      &:hover {
        border-color: cyan;
        background-color: lightcyan;
      }
    }
  }
}

.board_filter {
  display: flex;
  align-items: center;

  #new_games_list_wrap {
    #new_games_list {
      max-height: 50px;
      overflow: hidden;
      border: 1px solid lightgray;

      .game_item {
        font-size: 26px;
        border-top: 1px dotted silver;
        border-radius: 2px;
        font-family: 'Acme';
        background: white;

        &:first-child {
          border: 0;
        }

        a {
          display: block;
          padding: 11px 0 10px;
        }

        .game_icons {
          display: inline-block;
        }

        &:hover {
          background-color: white;
        }
      }

      .selected {
        .name {
          padding: 12px;
        }

        &:hover {
          background-color: transparent;
        }
      }
    }
  }
}