#ruleeditor {
  height: 100%;
  width: 80%;
}

#ruleeditor-ace {
  width: 800px;
  height: 100%;
  min-height: 500px;
  border: 1px solid #909090;
}

.editor .menu {
  margin-bottom: 10px;
}

.menu button {
  vertical-align: bottom;
  padding: 0 6px;
  width: auto;
  outline: none;
}

.menu button:before {
  font-family: "formofill";
  font-size: 16px;
  vertical-align: middle;
  margin-right: 4px;
}

button.save:before {
  content: "\e603";
}

button.reload:before {
  content: "\e60a";
}

button.format:before {
  content: "\e608";
}

button.empty:before {
  content: "\e600";
}

button.export:before, .all-button-export:before {
  content: "\e605";
}

button.import:before, .rl-button-import:before, .all-button-import:before {
  content: "\e604";
}

.editor .menu .info, #workflows span.info {
  color: #999;
  line-height: 32px;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 11px;
}
.form-fill-errors table {
  margin-top: 10px;
  font-family: monospace, Arial, Helvetica;
  border: 1px solid #bbb;
}

.form-fill-errors th {
  text-align: left;
  background-color: transparent;
}

.form-fill-errors tr:first-child {
  background-color: #ddd;
}

.form-fill-errors td {
  padding: 0 10px 0 0;
}

