@import './vars.scss';

.rule-header {
  width: 100%;
  height: 50px;
  padding-left: 10px;
  font-size: 15px;
  line-height: 50px;
  background: inherit;
  background-color: #e3e3e3;
  border: 1px solid #deddde;

  .rule-header-title {
    float: left;
  }

  .rule-header-extra {
    float: right;
    text-align: center;

    .rule-header-extra-item {
      float: right;
      width: 50px;
      height: 50px;
      padding-top: 5px;
      line-height: 50px;
      cursor: pointer;

      &.active {
        background: lightgray;
      }

      &:hover {
        background: lightgray;
      }
    }
  }
}
