/* Examples and exercises */

.rounded_box {
  padding: 1em;
  background: #EEEEEE;
  color: black;
  border: 2px solid black;
  border-radius: 10px;
  margin-bottom: 12px;
  padding-bottom: 0;
}

/* Animation boxes */

div.anim_box {
  padding: 1em;
  text-align: center;
  background: #FFFFFF;
  color: black;
  border: 2px solid black;
  border-radius: 10px;
  margin-bottom: 12px;
  padding-bottom: 0.5em;
}

iframe {
  padding:0px;
  margin:0px;
  border:0px;
}

/* Todo blocks */

div.todo {
  padding: 0.5em 1em 0.5em 1em;
  color: black;
  border: 2px solid #CCCCCC;
  border-radius: 10px;
  margin-bottom: 12px;
}

div.todo span.todo-msg {
  margin-left: 10px;
}

/* Technical sections */

div.technical {
  padding: 1em;
  color: black;
  border: 2px solid #CCCCCC;
  border-radius: 10px;
  margin-bottom: 12px;
}

div.technical div.technical-contents {
  display: none; /* hide technical div content on load... */
}

div.technical i.fa {
  cursor: pointer;
}

div.technical a.technical-toggle {
  margin-left: 10px;
  margin-bottom: 1em;
  cursor: pointer;
}

div.technical hr {
  margin: 1em 0px !important;
  height: 2px !important;
}

div.technical div.technical-contents > :first-child {
  margin-top: 0 !important;
}

div.technical div.technical-contents > :last-child,
div.technical div.technical-contents > :last-child p {
  margin-bottom: 0 !important;
}

div.technical div.technical-contents table {
  width: auto !important;
  margin: 0 auto;
}