.rule,
.ruleGroup .ruleGroup {
  margin-top: 0.5rem;
  margin-left: 0.5rem; }

.filter-and {
  position: absolute;
  right: -40px;
  bottom: -15px;
  font-size: 15px;
  border-radius: 3px;
  padding: 4px 8px;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.4);
  font-weight: 400;
  z-index: 1;
  background: #eee; }

.filter-or {
  position: absolute;
  right: -40px;
  bottom: -15px;
  font-size: 15px;
  border-radius: 3px;
  padding: 4px 8px;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.4);
  font-weight: 400;
  z-index: 1;
  background: #eee; }

.rule {
  display: flex;
  background: #eee;
  position: relative;
  max-width: 700px; }

.rule > div {
  margin: 0 0.8rem; }

.rule-remove {
  padding: 20px 0 !important; }

.ruleGroup-remove {
  float: right; }

.rule-remove {
  position: absolute !important;
  right: 0.5rem; }

.ruleGroup-addRule, .ruleGroup-addGroup {
  margin-right: 20px !important; }

.ruleGroup {
  padding: 0.5rem;
  border: 1px solid #CCC;
  border-radius: 4px;
  background: rgba(255, 233, 172, 0.5); }