.nf-condition {
  border: 1px solid #aaa;
  margin-top: 20px; }

.nf-condition-label {
  margin-bottom: 10px; }

.nf-first-when-container {
  background: #D3D3D3;
  padding: 10px; }
  .nf-first-when-container::after {
    clear: both;
    content: "";
    display: block; }

.nf-when-controls {
  float: right; }
  .nf-when-controls .fa {
    color: #2BAAE7;
    cursor: pointer;
    font-size: 22px; }
    .nf-when-controls .fa.nf-remove-condition {
      color: red; }

.nf-when-container::after,
.nf-then-container::after,
.nf-else-container::after {
  clear: both;
  content: "";
  display: block; }

.nf-when-container .nf-one-fourth .fa,
.nf-then-container .nf-one-fourth .fa,
.nf-else-container .nf-one-fourth .fa {
  font-size: 22px;
  padding-top: 15px; }

.nf-when-container .nf-one-fourth:first-child,
.nf-then-container .nf-one-fourth:first-child,
.nf-else-container .nf-one-fourth:first-child {
  width: 7.5%; }

.nf-when-container {
  background: #D3D3D3;
  padding: 0 10px 10px; }
  .nf-when-container .nf-one-fourth {
    width: 23%; }
  .nf-when-container .nf-when::after {
    clear: both;
    content: "";
    display: block; }

.nf-then-container {
  background: #fefefe;
  padding: 10px; }
  .nf-then-container .nf-one-fourth {
    width: 30.5%; }
    .nf-then-container .nf-one-fourth:first-child {
      padding-left: 12px; }
  .nf-then-container .nf-then::after {
    clear: both;
    content: "";
    display: block; }

.nf-else-container {
  background: #ddd;
  padding: 10px; }
  .nf-else-container .nf-one-fourth {
    width: 30.5%; }
    .nf-else-container .nf-one-fourth:first-child {
      padding-left: 12px; }
  .nf-else-container .nf-else::after {
    clear: both;
    content: "";
    display: block; }

.nf-add-when,
.nf-add-then,
.nf-add-else {
  color: #2BAAE7;
  cursor: pointer;
  font-size: 22px;
  margin-bottom: 5px;
  padding-left: 12px; }

.nf-remove-then,
.nf-remove-else,
.nf-remove-when {
  color: red;
  cursor: pointer; }

.nf-one-fourth {
  float: left;
  margin-bottom: 15px;
  padding: 0 2%;
  width: 25%; }
  .nf-one-fourth::after {
    clear: both;
    content: "";
    display: block; }

.nf-condition.actions .nf-when-container {
  padding: 20px; }

.nf-condition.actions .nf-one-third {
  width: 40%; }
  .nf-condition.actions .nf-one-third:nth-child(2) {
    width: 20%; }
  .nf-condition.actions .nf-one-third.action-when-label {
    padding-top: 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold; }

.nf-condition.actions .nf-one-fourth {
  width: 30.8%; }
  .nf-condition.actions .nf-one-fourth:first-child {
    width: 7.5%; }

.nf-condition.actions .nf-when::after {
  clear: both;
  content: "";
  display: block; }

/*# sourceMappingURL=builder.css.map */
