//  Structured Filter for jQuery UI
//  https://github.com/evoluteur/structured-filter
//  (c) 2022 Olivier Giulieri

.border-radius(@r) {
  border-radius: @r;
  -moz-border-radius: @r;
  -webkit-border-radius: @r;
}

.structFilter {
  min-height: 20px;
  padding: 6px 1px 1px 6px;
}
.evo-bNew,
.evo-bAdd,
.evo-bDel,
.evo-bSubmit,
.evo-searchFilters a {
  margin: 1px 6px 6px 1px;
}
.evo-lBold {
  font-weight: bold;
}
.evo-lLight {
  font-weight: normal;
}

.evo-searchFilters a {
  .border-radius(14px);

  span.ui-button-text {
    padding: 4px 33px 4px 12px;
  }
}

.evo-editFilter {
  vertical-align: middle;
  float: left;

  &:after {
    clear: left;
  }

  select,
  input {
    margin: 1px 6px 6px 1px;
    font-size: 1.1em;
  }
  span#value {
    margin-right: 5px;
  }
  #value {
    input[type="radio"],
    input[type="checkbox"] {
      margin-left: 5px;
    }
    > label {
      margin-right: 10px;
      white-space: nowrap;
    }
  }
  input[type="number"]#value,
  input[type="time"]#value,
  input[type="time"]#value2 {
    width: 6em;
  }

  input.hasDatepicker {
    width: 8em;
  }

  > input,
  > select {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    .border-radius(4px);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
}