/* Header Block */
.header-block {
  display: flex;
  justify-content: space-between;

  width: 100%;
}
.header-block__right-side-block {
  display: flex;
  justify-content: right;
  align-items: center;

  margin-right: 6%;
}
.header-block__search-div {
  width: 90%;
  height: 5em;

  display: flex;
  justify-content: center;
  align-items: center;

  margin-right: 2em;
}

/* Filter Block */
.filter-block {
  width: 90%;
  height: 5em;

  margin-bottom: 1.2em;

  border: solid 1px;

  display: grid;
  align-items: center;
  grid-template-columns: repeat(6, 1fr);
}
.filter-block__grid-cell {
  display: flex;
  justify-content: center;
  align-items: center;

  height: 5em;
}

.filter-block__grid-cell--stacked {
  display: flex;
  justify-content: center;
  align-items: center;

  display: grid;
  grid-template-rows: 1fr 1fr;
}

.filter-block__grid-cell-row {
  display: grid;
  grid-template-columns: 1fr 3fr;
}

.filter-block__input {
  justify-self: center;
  width: 85%;
}

.sort-icon--inactive {
  color: lightgray;
}

.sort-icon--active {
  color: black;
  font-weight: 600;
}

.filter-block__submit-btn {
  margin-left: auto;
  margin-right: 5%;

  margin-bottom: 1.2em;
}

/* index content block  */
.index__partial-placeholder {
  width: 90%;
}

.index-block {
  width: 90%;
}

/* pagination block  */
.pagination-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;

  margin-top: 1.5em;
  margin-bottom: 1.5em;
}