.view-filters:not(.block-views-exposed-filter-blockmembers-block-1) {
  margin-bottom: 20px;
  background-color: #f9f9f9;
  padding: 1rem;
  position: relative;
}

.view-filters form > div {
  display: flex;
  flex-direction: column;
}

.block-views-exposed-filter-blockdeadline-block-1 .fieldset-legend,
.title-view-filters {
  font-size: 22px;
  font-weight: 300;
  color: #999999;
  position: relative;
  display: inline-block;
}

.view-filters form .form-item {
  margin-top: 0;
}

.view-filters .views-exposed-form {
  max-height: 0px;
  transition: 1s ease;
  transition-delay: 0s;
  overflow: hidden;
}

.view-filters.open .views-exposed-form {
  margin-top: 30px;
}

.view-filters.open .views-exposed-form {
  max-height: 700px;
  overflow: visible;
  margin-top: 28px;
}

#block-twaslow-exposedformdeadlineblock-1 .filter-by ,
#block-exposedformdeadlineblock-1 .filter-by ,
.view-filters .filter-by{
  position: absolute;
  width: 26px;
  height: 26px;
  overflow: hidden;
  top: 3px;
  right: -50px;
  cursor: pointer;
  text-indent: 999999em;
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../../images/arrow-icon.png);
}

#block-twaslow-exposedformdeadlineblock-1 .filter-by,
#block-exposedformdeadlineblock-1 .filter-by {
  top: 19px;
  left: 110px;
}

.view-filters label {
  display: block;
}

form div.form-select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
form textarea,
.view-filters select,
.view-filters input:not(.button) {
  background-color: #fff;
  display: block;
  font-size: 16px;
  height: 43px;
  margin-top: 7px;
  border-color: #b1b1b1;
  border-style: solid;
  -webkit-appearance: none;
  border-width: 1px;
}

input[type="date"] { width: 100%; }

form textarea { height: auto; }



body.directory .block-user-login-block form input[type="text"],
body.directory .block-user-login-block form input[type="password"] {
  font-weight: 400;
  font-size: 14px;
  padding: 8px;
}

/*safari*/
form#block-twaslow-exposedformmembersblock-1 details.bef--secondary summary::-webkit-details-marker,
form#block-exposedformmembersblock-1 details.bef--secondary summary::-webkit-details-marker  {
  display:none !important;
}

select {
  -webkit-appearance: none;
  border-radius: 0;
}

/*eccezione fellows page*/
form#block-twaslow-exposedformmembersblock-1 div.form-select,
form#block-exposedformmembersblock-1 div.form-select {
  border: 0;
}

.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-single .chosen-single {
  background: transparent;
  border: 0px;
  background: #fff;
  height: 41px;
  display: flex;
  align-items: center;
  color: #6c6c6c;
  box-shadow: none;
}

.chosen-container-single .chosen-single div b {
  background-position: 4px 6px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 8px;
}

.view-filters div.form-type-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.view-filters .form-type-checkbox input{
  width: 20px;
  border-color: #b1b1b1;
  margin: 0;
  height: 20px;
  margin-right: 10px;
}

@media (min-width:1024px) {
  .view-filters:not(.block-views-exposed-filter-blockmembers-block-1) {
    background-color: #f9f9f9;
    padding: 1rem 2rem;
  }

  .view-filters form > div {
    display: grid;
    grid-gap: 12px;
    grid-template-columns: 1fr 1fr;
  }


  /* research grant */
  .view-filters #edit-category--wrapper {
    display: flex;
    align-items: center;
  }

  .view-filters .form--inline .form-item {
    float: left;
    margin-right:0;
  }

  .view-filters div.form-type-checkbox {
    margin-bottom: 0px;
  }

  .view-filters .form-checkboxes .form-checkboxes {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
}

/*News filters*/
@media (min-width:1024px) {
  .view-articles.view-display-id-block_1 .view-filters form>div {
    display: grid;
    grid-template-rows: 0.5fr 0.8fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .view-articles.view-display-id-block_1 .view-filters fieldset {
    display: flex;
    align-items: center;
    grid-area: 1 / 1 / span 1 / span 4;
    margin-bottom: 0;
  }

  .view-articles.view-display-id-block_1 .view-filters.open .views-exposed-form .form-item-search {
    grid-area: 2 / 1 / span 1 / span 4;
  }

  .view-articles.view-display-id-block_1 .view-filters.open .views-exposed-form .form-actions {
    grid-area: 3 / 3 / span 2 / span 2;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: end;
    margin-top: 25px;
  }

}

@media (min-width:1280px) {
  .view-articles.view-display-id-block_1 .view-filters form>div {
    grid-template-rows: 0.5fr 1fr;
  }
  .view-articles.view-display-id-block_1 .view-filters.open .views-exposed-form .form-item-search {
    grid-area: 2 / 1 / span 1 / span 1;
  }
  .view-articles.view-display-id-block_1 .view-filters.open .views-exposed-form .form-actions {
    grid-area: 2 / 4 / span 1 / span 1;
    margin-top: 22px;
  }
}


#block-twaslow-views-block-opportunities-block-2 .view-filters input[type="text"],
#block-views-block-opportunities-block-2 .view-filters input[type="text"] {
  width: 100%;
  margin-right: 0;
}
.chosen-container.chosen-container-single.form-select {
  width: 100% !important;
  margin-right: 0;
}


#block-twaslow-views-block-opportunities-block-4 .view-filters select,
#block-twaslow-views-block-opportunities-block-3 .view-filters select,
#block-twaslow-views-block-opportunities-block-7 .view-filters select,
#block-twaslow-views-block-opportunities-block-8 .view-filters select,
#block-twaslow-views-block-opportunities-block-1 .view-filters select,
#block-twaslow-views-block-opportunities-block-2 .view-filters select,
#block-views-block-opportunities-block-4 .view-filters select,
#block-views-block-opportunities-block-3 .view-filters select,
#block-views-block-opportunities-block-7 .view-filters select,
#block-views-block-opportunities-block-8 .view-filters select,
#block-views-block-opportunities-block-1 .view-filters select,
#block-views-block-opportunities-block-2 .view-filters select {
  width: 100%;
}



#block-twaslow-views-block-opportunities-block-4 .form-actions,
#block-twaslow-views-block-opportunities-block-3 .form-actions,
#block-twaslow-views-block-opportunities-block-7 .form-actions,
#block-twaslow-views-block-opportunities-block-8 .form-actions,
#block-twaslow-views-block-opportunities-block-1 .form-actions,
#block-twaslow-views-block-opportunities-block-2 .form-actions,
#block-views-block-opportunities-block-4 .form-actions,
#block-views-block-opportunities-block-3 .form-actions,
#block-views-block-opportunities-block-7 .form-actions,
#block-views-block-opportunities-block-8 .form-actions,
#block-views-block-opportunities-block-1 .form-actions,
#block-views-block-opportunities-block-2 .form-actions {
  margin-top: 1.7em;
}



@media (min-width:1200px) {
  /*research grants filters*/
  #block-twaslow-views-block-opportunities-block-4  form > div input,
  #block-twaslow-views-block-opportunities-block-3  form > div input,
  #block-twaslow-views-block-opportunities-block-7  form > div input,
  #block-twaslow-views-block-opportunities-block-8  form > div input,
  #block-twaslow-views-block-opportunities-block-1  form > div input,
  #block-twaslow-views-block-opportunities-block-2  form > div input,
  #block-twaslow-views-block-opportunities-block-4  form > div select,
  #block-twaslow-views-block-opportunities-block-3  form > div select,
  #block-twaslow-views-block-opportunities-block-7  form > div select,
  #block-twaslow-views-block-opportunities-block-8  form > div select,
  #block-twaslow-views-block-opportunities-block-1  form > div select,
  #block-twaslow-views-block-opportunities-block-2  form > div select,
  #block-twaslow-views-block-opportunities-block-4  form > div .chosen-single ,
  #block-twaslow-views-block-opportunities-block-3  form > div .chosen-single ,
  #block-twaslow-views-block-opportunities-block-7  form > div .chosen-single ,
  #block-twaslow-views-block-opportunities-block-8  form > div .chosen-single ,
  #block-twaslow-views-block-opportunities-block-1  form > div .chosen-single ,
  #block-twaslow-views-block-opportunities-block-2  form > div .chosen-single,
  #block-twaslow-views-block-opportunities-block-4  form > div .chosen-drop ul li ,
  #block-twaslow-views-block-opportunities-block-3  form > div .chosen-drop ul li ,
  #block-twaslow-views-block-opportunities-block-7  form > div .chosen-drop ul li ,
  #block-twaslow-views-block-opportunities-block-8  form > div .chosen-drop ul li ,
  #block-twaslow-views-block-opportunities-block-1  form > div .chosen-drop ul li ,
  #block-twaslow-views-block-opportunities-block-2  form > div .chosen-drop ul li,
  #block-views-block-opportunities-block-4  form > div input,
  #block-views-block-opportunities-block-3  form > div input,
  #block-views-block-opportunities-block-7  form > div input,
  #block-views-block-opportunities-block-8  form > div input,
  #block-views-block-opportunities-block-1  form > div input,
  #block-views-block-opportunities-block-2  form > div input,
  #block-views-block-opportunities-block-4  form > div select,
  #block-views-block-opportunities-block-3  form > div select,
  #block-views-block-opportunities-block-7  form > div select,
  #block-views-block-opportunities-block-8  form > div select,
  #block-views-block-opportunities-block-1  form > div select,
  #block-views-block-opportunities-block-2  form > div select,
  #block-views-block-opportunities-block-4  form > div .chosen-single ,
  #block-views-block-opportunities-block-3  form > div .chosen-single ,
  #block-views-block-opportunities-block-7  form > div .chosen-single ,
  #block-views-block-opportunities-block-8  form > div .chosen-single ,
  #block-views-block-opportunities-block-1  form > div .chosen-single ,
  #block-views-block-opportunities-block-2  form > div .chosen-single,
  #block-views-block-opportunities-block-4  form > div .chosen-drop ul li ,
  #block-views-block-opportunities-block-3  form > div .chosen-drop ul li ,
  #block-views-block-opportunities-block-7  form > div .chosen-drop ul li ,
  #block-views-block-opportunities-block-8  form > div .chosen-drop ul li ,
  #block-views-block-opportunities-block-1  form > div .chosen-drop ul li ,
  #block-views-block-opportunities-block-2  form > div .chosen-drop ul li {
    font-size: 14px;
  }
}





@media (min-width:1400px) {

  /*research grants filters*/
  #block-twaslow-views-block-opportunities-block-4  form > div,
  #block-twaslow-views-block-opportunities-block-3  form > div,
  #block-views-block-opportunities-block-4  form > div,
  #block-views-block-opportunities-block-3  form > div {
    grid-template-columns: 177px 256px 160px 236px 74px;
    grid-gap: 0px 20px;
  }

  #block-twaslow-views-block-opportunities-block-7  form > div,
  #block-twaslow-twaslow-views-block-opportunities-block-8  form > div,
  #block-views-block-opportunities-block-7  form > div,
  #block-views-block-opportunities-block-8  form > div {
    grid-template-columns: 200px 240px 250px 236px;
    grid-gap: 0px 20px;
  }

  #block-twaslow-views-block-opportunities-block-8 form > div .form-actions,
  #block-views-block-opportunities-block-8 form > div .form-actions{
    margin-top: 22px;
  }

  #block-twaslow-views-block-opportunities-block-1  form > div,
  #block-views-block-opportunities-block-1  form > div{
    grid-template-columns: 300px 300px 161px 164px;
    grid-gap: 0px 20px;
    grid-template-rows: 1fr 1fr;
  }

  #block-twaslow-views-block-opportunities-block-2  form > div,
  #block-views-block-opportunities-block-2  form > div {
    grid-template-columns: 200px 190px 110px 210px 196px;
    grid-gap: 0px 20px;
  }

  #block-twaslow-views-block-opportunities-block-4 .view-filters input[type="text"],
  #block-twaslow-views-block-opportunities-block-3 .view-filters input[type="text"],
  #block-twaslow-views-block-opportunities-block-8 .view-filters input[type="text"],
  #block-twaslow-views-block-opportunities-block-1 .view-filters input[type="text"],
  #block-twaslow-views-block-opportunities-block-2 .view-filters input[type="text"]
  #block-views-block-opportunities-block-4 .view-filters input[type="text"],
  #block-views-block-opportunities-block-3 .view-filters input[type="text"],
  #block-views-block-opportunities-block-8 .view-filters input[type="text"],
  #block-views-block-opportunities-block-1 .view-filters input[type="text"],
  #block-views-block-opportunities-block-2 .view-filters input[type="text"] {
    width: 100%;
    margin-right: 0;
  }

}






/* TEMP HIDE WHERE FILTERS FROM FELLOWSHIPS VIEWS */
/* form#views-exposed-form-opportunities-block-7 .form-item.form-item-w,
form#views-exposed-form-opportunities-block-8 .form-item.form-item-w {
  display: none;   
} */