@import "../../style/themes/default";
@import "../../style/mixins/index";

@filter-prefix-cls: ~"@{dt-prefix}-filter";
@calendar-picker: ~"@{dt-prefix}-calendar-picker";

.@{filter-prefix-cls} {
  .@{calendar-picker} {
    width: 100%;
  }
  .@{dt-prefix}-form-item {
    margin-bottom: 12px;
  }
  .@{dt-prefix}-checkbox-group {
    width: 100%;
  }
  .@{dt-prefix}-time-picker-multiple {
    margin-top: 3px;
  }
  .@{dt-prefix}-time-picker-selection__placeholder {
    top: 55%;
  }
}

.@{filter-prefix-cls}-errDiv {
  color: @error-color;
  line-height: @line-height-base;
  transition: color .15s @ease-out;
  margin-top: 2px;
}

.@{filter-prefix-cls}-flex {
  .@{dt-prefix}-form-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .@{dt-prefix}-form-item-label {
    width: 70px;
  }
  .@{dt-prefix}-form-item-control-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
