.remission-search-container {
  background-image: linear-gradient(-180deg, #ffffff 0%, #ffffff 100%);
  box-shadow: 0px -2px 24px 0px #dce2e9;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 40px;

  .title {
    margin-top: 42px;
    span {
      font-family: 'Open Sans';
      font-size: 26px;
      font-weight: bold;
      color: #000000;
    }
  }

  .sub-title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    div {
      max-width: 359px;
      span {
        font-family: 'Open Sans';
        font-size: 22px;
        color: #000000;
      }
    }
  }

  .search-container {
    display: flex;
    align-items: center;
    justify-content: center;

    app-search {
      .search-wrapper {
        border-color: #c6cbd0;
      }

      input::placeholder {
        font-family: 'Open Sans';
        font-size: 18px;
        font-weight: bold;
        color: #c6cbd0;
      }
    }
  }

  .search-input {
    margin-top: 41px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .actions {
    margin-top: 41px;
  }

  /*
  ##Device = Big Desktops
*/
  @media (min-width: 1281px) {
    app-search {
      width: 718px;
    }
  }

  /*
  ##Device = Laptops, Desktops, Ipad pro
*/
  @media (min-width: 1025px) and (max-width: 1280px) {
    app-search {
      width: 718px;
    }
  }

  /*
  ##Device = Tablets, Ipads
*/
  @media (min-width: 768px) and (max-width: 1024px) {
    app-search {
      width: 554px;
    }
  }
}
