.zk-table-filter {
  border: 1px solid #d3dce6;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12);
  box-sizing: border-box;
  margin: 2px 0
}

.zk-table-filter__list {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  min-width: 100px
}

.zk-table-filter__list-item {
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 14px
}

.zk-table-filter__list-item:hover {
  background-color: #e5e9f2;
  color: #475669
}

.zk-table-filter__list-item.is-active {
  background-color: $color-primary;
  color: #fff
}

.zk-table-filter__content {
  min-width: 100px
}

.zk-table-filter__bottom {
  border-top: 1px solid #d3dce6;
  padding: 8px
}

.zk-table-filter__bottom button {
  background: 0 0;
  border: none;
  color: #8492a6;
  cursor: pointer;
  font-size: 14px;
  padding: 0 3px
}

.zk-table-filter__bottom button:hover {
  color: $color-primary
}

.zk-table-filter__bottom button:focus {
  outline: 0
}

.zk-table-filter__bottom button.is-disabled {
  color: #c0ccda;
  cursor: not-allowed
}

.zk-table-filter__checkbox-group {
  padding: 10px
}

.zk-table-filter__checkbox-group .zk-checkbox {
  display: block;
  margin-bottom: 8px;
  margin-left: 5px
}

.zk-table-filter__checkbox-group .zk-checkbox:last-child {
  margin-bottom: 0
}