#pi-id {
    margin-bottom: 1rem;
    width: 60%;
}

.pi-q {
    position: relative;
}

#pattern-match {
    float: left;
    height: auto;
    font-size: 0.85rem;
}

.question-dialog {
    position: absolute;
    top:0;
    left:0;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15);
    border:1px solid rgba(0, 0, 0, 0.2);
    background: #e8f1f6;
    width: 500px;
    height:auto;
    padding:1rem;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s, visibility 0.2s;
}

.errored {
  color: white;
  position: absolute;
  width: 338px;
  height: auto;
  left: 0;
  top: 15px;
  background: red;
  padding: 1rem;
  font-size: 0.9rem;
  border-radius: 3px;
  visibility: hidden;
  opacity: 0;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15);
  transition: opacity 0.2s, visibility 0.2s;
}

.show {
    opacity: 1;
    visibility: visible;
}

.hidden {
    opacity: 0;
    visibility: hidden;
}

.select_margin {
}

.select_margin select{
    margin-bottom: 1rem; 
}

.select_margin.select_right select {
    margin-top: 0.4rem; 
    margin-bottom: 1.5rem;
}