#ie {
  display: none;
  width: 100%;
  height: 100%;
  margin: 2% auto;
  color: black;
  font-size: 2em;
  text-align: center;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.container {
  width: 80%;
  height: 90%;
  border: 1px solid #dddddd;
  background-color: #dddddd;
}

.att {
  margin-top: 10%;
}

p {
  font-style: normal;
  font-size: large;
  font-weight: 200;
}

#button {
  background-color: #707070;
  color: white;
  font-weight: 400;
  width: 10%;
  text-align: center;
  padding: 5px;
  border: none;
  margin-bottom: 8%;
  margin-top: 4%;
}

/* Fishbone */
#fishbone-svg {
  cursor: auto;
}
.label-0 {
  font-size: 1.2em;
  text-transform: capitalize;
}
.label-1 {
  font-size: 1.2em;
  fill: #111;
  text-transform: capitalize;
}
.node .label-1:hover {
  fill: #c51162;
}

.label-2 {
  font-size: 12px;
  font-weight: 600;
  fill: #444;
}
.node .label-2:hover {
  fill: #c51162;
}

.label-3 {
  font-size: 12px;
  fill: #888;
}
.node .label-3:hover {
  fill: #c51162;
}

.label-4 {
  font-size: 12px;
  fill: #aaa;
}
.node .label-4:hover {
  fill: #c51162;
}

.link-0 {
  stroke: #000;
  stroke-width: 2px;
}
.link-1 {
  stroke: #333;
  stroke-width: 1px;
}
.link-2,
.link-3,
.link-4 {
  stroke: #666;
  stroke-width: 0.5px;
}

.node:hover {
  cursor: pointer;
}

.confirmed {
  fill: #00b140;
}
.hypothesis {
  fill: #005eb8;
}
.dismissed {
  fill: #e60d2e;
}