div.flow-picture {
  margin: 20px 0;
  border: 1px solid lightgray;
  max-width: 600px;
  padding: 20px;
  text-align: center;
}

.flow-picture .phase {
  padding: 25px;
  margin: 20px 0;
}

.flow-picture .phase-title {
  font-size: 25px;
}

.flow-picture p {
  margin: 0;
}

.flow-picture .step {
  background-color: #fff;
  border: 1px solid lightgray;
  padding: 20px;
  margin: 15px;
}

.flow-picture .step.optional {
  border-style: dashed;
}

.flow-picture .title {
  font-size: 20px;
  margin-bottom: 10px;
}

.flow-picture .step img {
  width: 80%;
  margin: 10px;
}

.flow-picture table {
  margin: 10px 0 0 0;
  width: 100%;
}

.flow-picture table th {
  width: 50px;
}

.flow-picture .allow-bottom {
  padding-bottom: 10px;
}

.flow-picture .allow-bottom p {
  width: 20px;
  height: 20px;
  border-top: 4px solid gray;
  border-right: 4px solid gray;
  transform: rotate(135deg);
  margin: 0 auto;
}

.flow-picture .phase.prepare {
  background-color: rgb(205, 239, 255);
}

.flow-picture .phase.hold {
  background-color: rgb(225, 255, 205);
}

.flow-picture .phase.posted {
  background-color: rgb(255, 223, 205);
}