index.scss

#content {
  .filterspanel {
    padding-right: 5px;
    min-width: 180px;
    .filterpanel {
      padding-top: 10px;
      margin-bottom: 5px;
      .filterpanelhead {
        background-color: #4cbdec;
        color: white;
        padding: 5px;
      }
      .filterpanelbody {
	    background-color: #f9f9f9;
	    border-style: None;
        .tag {
          margin-top: 2px;
          padding-top: 2px;
		  margin-left: 1.4rem;
          .material-icons-sharp {
            vertical-align: text-top;
          }
          &:not(.disabled) > .material-icons-sharp {
            color: #4cbdec;
          }
        }
        .disabled {
          color: lightgrey;
        }
      }
    }
  }
  .resultspanel {
    margin-bottom: 80px;
    .solution {
      padding: 10px;
      min-width: 200px;
      .solutionheadline {
        background-color: #4cbdec;
        padding: 5px;
        .solutionheadlinelink {
          color: white;
        }
      }
      .solutionbody {
        .solutionimage {
          width: 100%;
          height: auto;
        }
      }
    }   
  }
  #pagination {
    text-align: center;
  }
  #pagination :hover{
    cursor: pointer;
  }
  #pagination .pageBtn {
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .8rem;
    text-align: center;
  }
  .search-bar {
	  padding-right: 2rem;
	  #search-field-solutions{
	    width: 80%;
		width: -moz-available;          
		width: -webkit-fill-available; 
		width: fill-available;
	  }
  }
}