.koleksi-dokumen-digital {
  background: no-repeat url(../images/buku_watermark.png);
  background-position: right top;
}

input:focus {
  box-shadow: 0px 10px 30px #DCE0E3;
  border: 1px #DCE0E3 solid;
}

.koleksi-dokumen-digital h1 {
  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  color: #2F3D52;
}

.koleksi-dokumen-digital p {
  font-family: Barlow;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #868A95;
}

.form-filter h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  color: #2F3D52;
  margin-bottom: 20px;
}

form {
  margin: 0;
}

.form-filter input {
  width: 420px;
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid #ECEFF5;
  box-sizing: border-box;
  border-radius: 4px;
}

.form-filter select {
  padding: 20px;
  width: 420px;
  /* background: #FFFFFF; */
  border: 1px solid #ECEFF5;
  box-sizing: border-box;
  border-radius: 4px;
  height: 65px;
}

@media screen and (max-width: 500px) {
  .form-filter input, .form-filter select {
    width: 100%;
  }
}

select option {
  font-family: Barlow;
}

.form-filter input::-webkit-input-placeholder, select {
  font-family: Barlow;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #344359;
}

@media screen and (min-width:985px) and (max-width:1150px) {
  .form-filter input, .form-filter select {
    width: 350px;
  }
}

.form-filter .container-btn-pencarian {
    border-top: 1px solid #DDE0E6;
}

.form-filter .container-btn-pencarian .btn-pencarian {
  background-color: #6129DA;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  max-width: 420px;
}

@media screen and (max-width: 500px) {
  .form-filter .container-btn-pencarian .btn-pencarian {
    width: 100%;
  }
}

.text-show-hide-advance {
  cursor: pointer;
}