Noosfero/noosfero

.facet {
  position: relative;
  padding-bottom: 10px;
  margin: 0 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #e8e8e8;

  a.clear-facet {
    display: block;
    margin-top: 15px;
    text-align: right;
    text-decoration: none;

    &:hover {
      color: #212e3c;
    }
  }

  .facet-option {
    padding: 4px 5px 2px 20px;
    position: relative;

    input {
      left: 0;
      top: 1px;
      position: absolute;
    }

    label {
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
      margin-left: 5px;
    }
  }

  .facet-refine {
    width: 100%;
    padding: 2px 0px;
    border: 1px solid #ccc;
    text-indent: 4px;
    position: relative;
    top: -5px;
  }

  .undefined-value label {
    opacity: 0.3;
  }

  .facets-block {
    max-height: 200px;
    overflow: auto;
  }
}

.period {
  position: relative;
  padding-bottom: 10px;
  margin: 0 10px;

  label {
    display: inline-block;
    width: 49%;

    &:first-child {
      margin-right: 2%;
    }

    input {
      width: 100%;
      padding: 2px 0px;
      border: 1px solid #ccc;
      text-align: center;
    }
  }
}


.facet-count {
  font-size: 10px;
  color: #888a85;
  margin-left: 5px;
}

#facets h1 {
  text-align: center;
}


.profile-search-block #facets-toggle {
  #toggle-filters {
    margin: 15px 0 5px;
    display: flex;
    border-bottom: 1px solid #bbb;
    color: #888;
    cursor: pointer;

    &:hover {
      border-bottom: 1px solid #777;
      color: #333;
    }

    span.toggle-label {
      flex: 1;
    }

    span.toggle-icon {
      font-weight: 600;
    }
  }

  .period {
    margin-left: 0;
    margin-right: 0;
  }

  .facet {
    margin-left: 0;
    margin-right: 0;
  }

  span.toggle-icon {
    transition: 200ms linear all;
  }

  &.toggle-hidden span.toggle-icon {
    transform: rotate(180deg);
  }

  #facets-wrapper {
    padding-top: 10px;
  }
}

.block-config-options .search-fields-options {
  max-height: 200px;
  overflow: auto;
  margin-bottom: 10px;
}