/* Styles for animated visualizationx */

.acv {
    display: inline;
    position: absolute;
    font-family: "Lucida Sans Typewriter", monospace;
    box-sizing: border-box;
    font-size: 15pt;
}
.acv-structure {
    padding: 0px;
    background-color: #333333;
    color: white;
    font-size: 20pt;
    text-align: center;
}
.acv-element {
    border-radius: 10px;
    padding: 5px;
    background-color: #bbbbbb;
    color: black;
    font-size: 20pt;
}
.acv-index {
    color: white;
    font-size: 15pt;
}
.acv-correct {
    border-radius: 10px;
    padding: 5px;
    background-color: lightgreen;
    color: black;
    font-family: Helvetica, sans-serif;
    font-size: 13pt;
}
.acv-incorrect {
    border-radius: 10px;
    padding: 5px;
    background-color: indianred;
    color: black;
    font-family: Helvetica, sans-serif;
    font-size: 13pt;
}

/* structure/element colors: structure background is dark with white text, element color is lighter. */
.acv-element.grayed {
    background-color: #555555;
}
.acv-structure.brown {
    background-color: saddlebrown;
}
.acv-element.brown {
    background-color: #b37848;
}
.acv-structure.blue {
    background-color: darkblue;
}
.acv-element.blue {
    background-color: dodgerblue;
}
.acv-element.dkblue {
    background-color: #3b3ff6;
}
.acv-structure.purple {
    background-color: #6c34ff;
}
.acv-element.purple {
    background-color: #996dff;
}
.acv-structure.green {
    background-color: darkgreen;
}
.acv-element.green {
    background-color: #2fa73d;
}
.acv-structure.red {
    background-color: #580002;
}
.acv-element.red {
    background-color: #c01720;
}
.acv-element.orange {
    background-color: #c06515;
}
.acv-element.yellow {
    background-color: #c0ae24;
}

/* Form styles */
a.glossary {
  color: black;
  text-decoration: none;
  border-bottom: 1px gray dotted;
}
.pcCheckbox {
    /*position: relative;*/
    margin-left: 1em;
    display: inline-block;
}
.hidden-div {
    display: none;
}

/* Parsley form validation styles */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}
.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}
.parsley-errors-list.filled {
  opacity: 1;
}