.document-search {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1100px;
  height: auto;
  font-size: 0;
  text-align: center;
}

.document-search .ds_advanced_link {
    display: inline-block;
    font-size: 17px;
    cursor: pointer;
    margin-top: 20px;
}

.document-search .ds_advanced_container{
  display: none;
  margin: 0 auto;
  width: 90%;
}
.document-search .ds_advanced_container.active{
  display: block;
}
.document-search .ds_advanced_link:hover{
  color:#ff9e9b;
}
.document-search .ds_keyword{
   padding: 2px 2% 0;
   width: 90%;
   height: 58px;
   color: #555;
   font-size: 10px; font-size: 1rem;
   font-family: "Roboto", Helvetica, Arial, sans-serif;
   font-weight: 400;
   text-align: left;
   background-color: #fff !important;
   border: none;
   margin: 0 auto;
}
 .document-search select {
   opacity: 0.85;
   position: relative;
   display: inline-block;
   padding: 2px 2% 0;
   width: 50%;
   min-width: 49%;
   max-width: 49%;
   height: 58px;
   color: #555;
   font-size: 10px; font-size: 1rem;
   font-family: "Roboto", Helvetica, Arial, sans-serif;
   font-weight: 400;
   text-align: left;
   background-color: #fff !important;
   border: none;
   vertical-align: top;
   margin: 0;
   background-image: url('/wp-content/uploads/2018/05/arrow-select.png') !important;
   background-position: 96% 28px;
 }
  .document-search select.ds_select_groups{
    margin-right: 1%;
    margin-top: 20px;
  }
  .document-search select.ds_select_types{
    margin-left: 1%;
    margin-top: 20px;
  }


    .document-search .ds_keyword::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #555 !important;
    }
    .document-search .ds_keyword::-moz-placeholder { /* Firefox 19+ */
      color: #555 !important;
    }
    .document-search .ds_keyword:-ms-input-placeholder { /* IE 10+ */
      color: #555 !important;
    }
    .document-search .ds_keyword:-moz-placeholder { /* Firefox 18- */
      color: #555 !important;
    }


    .document-search .ds_arrow{
      height: 0px;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #ffffff;
      font-size: 0px;
      display: inline-block;
      vertical-align: middle;
      margin-left: 7px;
      
    }
    .document-search .ds_arrow.up{
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: none;
      border-bottom: 5px solid #ffffff;
    }
   .document-search .ds_advanced_link:hover .ds_arrow.up{
     color: #ff9e9b;
   }

   .document-search input[type="submit"] {
     display: block;
     margin: 20px auto 40px auto;
     width: 90%;
     max-width: 160px;
     height: 60px;
     color: #fff;
     font-size: 10px; font-size: 1.1rem;
     font-family: "Roboto", Helvetica, Arial, sans-serif;
     font-weight: 400;
     text-transform: uppercase;
     text-align: center;
     background-color: #eac244;
     background-image: -moz-linear-gradient( 90deg, rgb(207,174,41) 0%, rgb(242,201,76) 100%);
     background-image: -webkit-linear-gradient( 90deg, rgb(207,174,41) 0%, rgb(242,201,76) 100%);
     background-image: -ms-linear-gradient( 90deg, rgb(207,174,41) 0%, rgb(242,201,76) 100%);
     border-radius: 3px;
     border: none;

     transition: all 0.3s ease-out;
       -webkit-transition: all 0.3s ease-out;
   }

   .document-search input[type="submit"]:hover,
   .document-search input[type="submit"]:active { opacity: 0.8; }