@charset "UTF-8";
/* Bootstrap overrides */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1, publication-level header {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  publication-level publication-level header,
  h3,
  publication-level publication-level publication-level header {
    orphans: 3;
    widows: 3; }
  
  h2,
  publication-level publication-level header,
  h3,
  publication-level publication-level publication-level header {
    page-break-after: avoid; }
  select {
    background: #fff !important; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../assets/fonts/bootstrap/glyphicons-halflings-regular.eot);
  src: url(../assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2"), url(../assets/fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"), url(../assets/fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"), url(../assets/images/glyphicons-halflings-regular-89889688147bd7575d6327160d64e760.svg#glyphicons_halflingsregular) format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "*"; }

.glyphicon-plus:before {
  content: "+"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20AC"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270F"; }

.glyphicon-glass:before {
  content: "\E001"; }

.glyphicon-music:before {
  content: "\E002"; }

.glyphicon-search:before {
  content: "\E003"; }

.glyphicon-heart:before {
  content: "\E005"; }

.glyphicon-star:before {
  content: "\E006"; }

.glyphicon-star-empty:before {
  content: "\E007"; }

.glyphicon-user:before {
  content: "\E008"; }

.glyphicon-film:before {
  content: "\E009"; }

.glyphicon-th-large:before {
  content: "\E010"; }

.glyphicon-th:before {
  content: "\E011"; }

.glyphicon-th-list:before {
  content: "\E012"; }

.glyphicon-ok:before {
  content: "\E013"; }

.glyphicon-remove:before {
  content: "\E014"; }

.glyphicon-zoom-in:before {
  content: "\E015"; }

.glyphicon-zoom-out:before {
  content: "\E016"; }

.glyphicon-off:before {
  content: "\E017"; }

.glyphicon-signal:before {
  content: "\E018"; }

.glyphicon-cog:before {
  content: "\E019"; }

.glyphicon-trash:before {
  content: "\E020"; }

.glyphicon-home:before {
  content: "\E021"; }

.glyphicon-file:before {
  content: "\E022"; }

.glyphicon-time:before {
  content: "\E023"; }

.glyphicon-road:before {
  content: "\E024"; }

.glyphicon-download-alt:before {
  content: "\E025"; }

.glyphicon-download:before {
  content: "\E026"; }

.glyphicon-upload:before {
  content: "\E027"; }

.glyphicon-inbox:before {
  content: "\E028"; }

.glyphicon-play-circle:before {
  content: "\E029"; }

.glyphicon-repeat:before {
  content: "\E030"; }

.glyphicon-refresh:before {
  content: "\E031"; }

.glyphicon-list-alt:before {
  content: "\E032"; }

.glyphicon-lock:before {
  content: "\E033"; }

.glyphicon-flag:before {
  content: "\E034"; }

.glyphicon-headphones:before {
  content: "\E035"; }

.glyphicon-volume-off:before {
  content: "\E036"; }

.glyphicon-volume-down:before {
  content: "\E037"; }

.glyphicon-volume-up:before {
  content: "\E038"; }

.glyphicon-qrcode:before {
  content: "\E039"; }

.glyphicon-barcode:before {
  content: "\E040"; }

.glyphicon-tag:before {
  content: "\E041"; }

.glyphicon-tags:before {
  content: "\E042"; }

.glyphicon-book:before {
  content: "\E043"; }

.glyphicon-bookmark:before {
  content: "\E044"; }

.glyphicon-print:before {
  content: "\E045"; }

.glyphicon-camera:before {
  content: "\E046"; }

.glyphicon-font:before {
  content: "\E047"; }

.glyphicon-bold:before {
  content: "\E048"; }

.glyphicon-italic:before {
  content: "\E049"; }

.glyphicon-text-height:before {
  content: "\E050"; }

.glyphicon-text-width:before {
  content: "\E051"; }

.glyphicon-align-left:before {
  content: "\E052"; }

.glyphicon-align-center:before {
  content: "\E053"; }

.glyphicon-align-right:before {
  content: "\E054"; }

.glyphicon-align-justify:before {
  content: "\E055"; }

.glyphicon-list:before {
  content: "\E056"; }

.glyphicon-indent-left:before {
  content: "\E057"; }

.glyphicon-indent-right:before {
  content: "\E058"; }

.glyphicon-facetime-video:before {
  content: "\E059"; }

.glyphicon-picture:before {
  content: "\E060"; }

.glyphicon-map-marker:before {
  content: "\E062"; }

.glyphicon-adjust:before {
  content: "\E063"; }

.glyphicon-tint:before {
  content: "\E064"; }

.glyphicon-edit:before {
  content: "\E065"; }

.glyphicon-share:before {
  content: "\E066"; }

.glyphicon-check:before {
  content: "\E067"; }

.glyphicon-move:before {
  content: "\E068"; }

.glyphicon-step-backward:before {
  content: "\E069"; }

.glyphicon-fast-backward:before {
  content: "\E070"; }

.glyphicon-backward:before {
  content: "\E071"; }

.glyphicon-play:before {
  content: "\E072"; }

.glyphicon-pause:before {
  content: "\E073"; }

.glyphicon-stop:before {
  content: "\E074"; }

.glyphicon-forward:before {
  content: "\E075"; }

.glyphicon-fast-forward:before {
  content: "\E076"; }

.glyphicon-step-forward:before {
  content: "\E077"; }

.glyphicon-eject:before {
  content: "\E078"; }

.glyphicon-chevron-left:before {
  content: "\E079"; }

.glyphicon-chevron-right:before {
  content: "\E080"; }

.glyphicon-plus-sign:before {
  content: "\E081"; }

.glyphicon-minus-sign:before {
  content: "\E082"; }

.glyphicon-remove-sign:before {
  content: "\E083"; }

.glyphicon-ok-sign:before {
  content: "\E084"; }

.glyphicon-question-sign:before {
  content: "\E085"; }

.glyphicon-info-sign:before {
  content: "\E086"; }

.glyphicon-screenshot:before {
  content: "\E087"; }

.glyphicon-remove-circle:before {
  content: "\E088"; }

.glyphicon-ok-circle:before {
  content: "\E089"; }

.glyphicon-ban-circle:before {
  content: "\E090"; }

.glyphicon-arrow-left:before {
  content: "\E091"; }

.glyphicon-arrow-right:before {
  content: "\E092"; }

.glyphicon-arrow-up:before {
  content: "\E093"; }

.glyphicon-arrow-down:before {
  content: "\E094"; }

.glyphicon-share-alt:before {
  content: "\E095"; }

.glyphicon-resize-full:before {
  content: "\E096"; }

.glyphicon-resize-small:before {
  content: "\E097"; }

.glyphicon-exclamation-sign:before {
  content: "\E101"; }

.glyphicon-gift:before {
  content: "\E102"; }

.glyphicon-leaf:before {
  content: "\E103"; }

.glyphicon-fire:before {
  content: "\E104"; }

.glyphicon-eye-open:before {
  content: "\E105"; }

.glyphicon-eye-close:before {
  content: "\E106"; }

.glyphicon-warning-sign:before {
  content: "\E107"; }

.glyphicon-plane:before {
  content: "\E108"; }

.glyphicon-calendar:before {
  content: "\E109"; }

.glyphicon-random:before {
  content: "\E110"; }

.glyphicon-comment:before {
  content: "\E111"; }

.glyphicon-magnet:before {
  content: "\E112"; }

.glyphicon-chevron-up:before {
  content: "\E113"; }

.glyphicon-chevron-down:before {
  content: "\E114"; }

.glyphicon-retweet:before {
  content: "\E115"; }

.glyphicon-shopping-cart:before {
  content: "\E116"; }

.glyphicon-folder-close:before {
  content: "\E117"; }

.glyphicon-folder-open:before {
  content: "\E118"; }

.glyphicon-resize-vertical:before {
  content: "\E119"; }

.glyphicon-resize-horizontal:before {
  content: "\E120"; }

.glyphicon-hdd:before {
  content: "\E121"; }

.glyphicon-bullhorn:before {
  content: "\E122"; }

.glyphicon-bell:before {
  content: "\E123"; }

.glyphicon-certificate:before {
  content: "\E124"; }

.glyphicon-thumbs-up:before {
  content: "\E125"; }

.glyphicon-thumbs-down:before {
  content: "\E126"; }

.glyphicon-hand-right:before {
  content: "\E127"; }

.glyphicon-hand-left:before {
  content: "\E128"; }

.glyphicon-hand-up:before {
  content: "\E129"; }

.glyphicon-hand-down:before {
  content: "\E130"; }

.glyphicon-circle-arrow-right:before {
  content: "\E131"; }

.glyphicon-circle-arrow-left:before {
  content: "\E132"; }

.glyphicon-circle-arrow-up:before {
  content: "\E133"; }

.glyphicon-circle-arrow-down:before {
  content: "\E134"; }

.glyphicon-globe:before {
  content: "\E135"; }

.glyphicon-wrench:before {
  content: "\E136"; }

.glyphicon-tasks:before {
  content: "\E137"; }

.glyphicon-filter:before {
  content: "\E138"; }

.glyphicon-briefcase:before {
  content: "\E139"; }

.glyphicon-fullscreen:before {
  content: "\E140"; }

.glyphicon-dashboard:before {
  content: "\E141"; }

.glyphicon-paperclip:before {
  content: "\E142"; }

.glyphicon-heart-empty:before {
  content: "\E143"; }

.glyphicon-link:before {
  content: "\E144"; }

.glyphicon-phone:before {
  content: "\E145"; }

.glyphicon-pushpin:before {
  content: "\E146"; }

.glyphicon-usd:before {
  content: "\E148"; }

.glyphicon-gbp:before {
  content: "\E149"; }

.glyphicon-sort:before {
  content: "\E150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\E151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\E152"; }

.glyphicon-sort-by-order:before {
  content: "\E153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\E154"; }

.glyphicon-sort-by-attributes:before {
  content: "\E155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\E156"; }

.glyphicon-unchecked:before {
  content: "\E157"; }

.glyphicon-expand:before {
  content: "\E158"; }

.glyphicon-collapse-down:before {
  content: "\E159"; }

.glyphicon-collapse-up:before {
  content: "\E160"; }

.glyphicon-log-in:before {
  content: "\E161"; }

.glyphicon-flash:before {
  content: "\E162"; }

.glyphicon-log-out:before {
  content: "\E163"; }

.glyphicon-new-window:before {
  content: "\E164"; }

.glyphicon-record:before {
  content: "\E165"; }

.glyphicon-save:before {
  content: "\E166"; }

.glyphicon-open:before {
  content: "\E167"; }

.glyphicon-saved:before {
  content: "\E168"; }

.glyphicon-import:before {
  content: "\E169"; }

.glyphicon-export:before {
  content: "\E170"; }

.glyphicon-send:before {
  content: "\E171"; }

.glyphicon-floppy-disk:before {
  content: "\E172"; }

.glyphicon-floppy-saved:before {
  content: "\E173"; }

.glyphicon-floppy-remove:before {
  content: "\E174"; }

.glyphicon-floppy-save:before {
  content: "\E175"; }

.glyphicon-floppy-open:before {
  content: "\E176"; }

.glyphicon-credit-card:before {
  content: "\E177"; }

.glyphicon-transfer:before {
  content: "\E178"; }

.glyphicon-cutlery:before {
  content: "\E179"; }

.glyphicon-header:before {
  content: "\E180"; }

.glyphicon-compressed:before {
  content: "\E181"; }

.glyphicon-earphone:before {
  content: "\E182"; }

.glyphicon-phone-alt:before {
  content: "\E183"; }

.glyphicon-tower:before {
  content: "\E184"; }

.glyphicon-stats:before {
  content: "\E185"; }

.glyphicon-sd-video:before {
  content: "\E186"; }

.glyphicon-hd-video:before {
  content: "\E187"; }

.glyphicon-subtitles:before {
  content: "\E188"; }

.glyphicon-sound-stereo:before {
  content: "\E189"; }

.glyphicon-sound-dolby:before {
  content: "\E190"; }

.glyphicon-sound-5-1:before {
  content: "\E191"; }

.glyphicon-sound-6-1:before {
  content: "\E192"; }

.glyphicon-sound-7-1:before {
  content: "\E193"; }

.glyphicon-copyright-mark:before {
  content: "\E194"; }

.glyphicon-registration-mark:before {
  content: "\E195"; }

.glyphicon-cloud-download:before {
  content: "\E197"; }

.glyphicon-cloud-upload:before {
  content: "\E198"; }

.glyphicon-tree-conifer:before {
  content: "\E199"; }

.glyphicon-tree-deciduous:before {
  content: "\E200"; }

.glyphicon-cd:before {
  content: "\E201"; }

.glyphicon-save-file:before {
  content: "\E202"; }

.glyphicon-open-file:before {
  content: "\E203"; }

.glyphicon-level-up:before {
  content: "\E204"; }

.glyphicon-copy:before {
  content: "\E205"; }

.glyphicon-paste:before {
  content: "\E206"; }

.glyphicon-alert:before {
  content: "\E209"; }

.glyphicon-equalizer:before {
  content: "\E210"; }

.glyphicon-king:before {
  content: "\E211"; }

.glyphicon-queen:before {
  content: "\E212"; }

.glyphicon-pawn:before {
  content: "\E213"; }

.glyphicon-bishop:before {
  content: "\E214"; }

.glyphicon-knight:before {
  content: "\E215"; }

.glyphicon-baby-formula:before {
  content: "\E216"; }

.glyphicon-tent:before {
  content: "\26FA"; }

.glyphicon-blackboard:before {
  content: "\E218"; }

.glyphicon-bed:before {
  content: "\E219"; }

.glyphicon-apple:before {
  content: "\F8FF"; }

.glyphicon-erase:before {
  content: "\E221"; }

.glyphicon-hourglass:before {
  content: "\231B"; }

.glyphicon-lamp:before {
  content: "\E223"; }

.glyphicon-duplicate:before {
  content: "\E224"; }

.glyphicon-piggy-bank:before {
  content: "\E225"; }

.glyphicon-scissors:before {
  content: "\E226"; }

.glyphicon-bitcoin:before {
  content: "\E227"; }

.glyphicon-btc:before {
  content: "\E227"; }

.glyphicon-xbt:before {
  content: "\E227"; }

.glyphicon-yen:before {
  content: "\A5"; }

.glyphicon-jpy:before {
  content: "\A5"; }

.glyphicon-ruble:before {
  content: "\20BD"; }

.glyphicon-rub:before {
  content: "\20BD"; }

.glyphicon-scale:before {
  content: "\E230"; }

.glyphicon-ice-lolly:before {
  content: "\E231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\E232"; }

.glyphicon-education:before {
  content: "\E233"; }

.glyphicon-option-horizontal:before {
  content: "\E234"; }

.glyphicon-option-vertical:before {
  content: "\E235"; }

.glyphicon-menu-hamburger:before {
  content: "\E236"; }

.glyphicon-modal-window:before {
  content: "\E237"; }

.glyphicon-oil:before {
  content: "\E238"; }

.glyphicon-grain:before {
  content: "\E239"; }

.glyphicon-sunglasses:before {
  content: "\E240"; }

.glyphicon-text-size:before {
  content: "\E241"; }

.glyphicon-text-color:before {
  content: "\E242"; }

.glyphicon-text-background:before {
  content: "\E243"; }

.glyphicon-object-align-top:before {
  content: "\E244"; }

.glyphicon-object-align-bottom:before {
  content: "\E245"; }

.glyphicon-object-align-horizontal:before {
  content: "\E246"; }

.glyphicon-object-align-left:before {
  content: "\E247"; }

.glyphicon-object-align-vertical:before {
  content: "\E248"; }

.glyphicon-object-align-right:before {
  content: "\E249"; }

.glyphicon-triangle-right:before {
  content: "\E250"; }

.glyphicon-triangle-left:before {
  content: "\E251"; }

.glyphicon-triangle-bottom:before {
  content: "\E252"; }

.glyphicon-triangle-top:before {
  content: "\E253"; }

.glyphicon-console:before {
  content: "\E254"; }

.glyphicon-superscript:before {
  content: "\E255"; }

.glyphicon-subscript:before {
  content: "\E256"; }

.glyphicon-menu-left:before {
  content: "\E257"; }

.glyphicon-menu-right:before {
  content: "\E258"; }

.glyphicon-menu-down:before {
  content: "\E259"; }

.glyphicon-menu-up:before {
  content: "\E260"; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #1e1e1e;
  background-color: #f5f5f5; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #2d7099;
  text-decoration: none; }
  a:hover, a:focus {
    color: #1c455e;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.25;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #f5f5f5; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

h1, publication-level header,
h2,
publication-level publication-level header,
h3,
publication-level publication-level publication-level header, h4, publication-level publication-level publication-level publication-level header, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small, publication-level header small,
  h1 .small,
  publication-level header .small, h2 small, publication-level publication-level header small,
  h2 .small,
  publication-level publication-level header .small, h3 small, publication-level publication-level publication-level header small,
  h3 .small,
  publication-level publication-level publication-level header .small, h4 small, publication-level publication-level publication-level publication-level header small,
  h4 .small,
  publication-level publication-level publication-level publication-level header .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #77787b; }

h1, publication-level header, .h1,
h2,
publication-level publication-level header, .h2,
h3,
publication-level publication-level publication-level header, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small, publication-level header small,
  h1 .small,
  publication-level header .small, .h1 small,
  .h1 .small, h2 small, publication-level publication-level header small,
  h2 .small,
  publication-level publication-level header .small, .h2 small,
  .h2 .small, h3 small, publication-level publication-level publication-level header small,
  h3 .small,
  publication-level publication-level publication-level header .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, publication-level publication-level publication-level publication-level header, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small, publication-level publication-level publication-level publication-level header small,
  h4 .small,
  publication-level publication-level publication-level publication-level header .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, publication-level header, .h1 {
  font-size: 41px; }


h2,
publication-level publication-level header, .h2 {
  font-size: 34px; }


h3,
publication-level publication-level publication-level header, .h3 {
  font-size: 28px; }

h4, publication-level publication-level publication-level publication-level header, .h4 {
  font-size: 20px; }

h5, .h5 {
  font-size: 16px; }

h6, .h6 {
  font-size: 14px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 24px; } }

small,
.small {
  font-size: 87%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #e8e8e8; }

.text-primary {
  color: #2d7099; }

a.text-primary:hover {
  color: #215372; }

.text-success {
  color: #6db026; }

a.text-success:hover {
  color: #53861d; }

.text-info {
  color: #5bc0de; }

a.text-info:hover {
  color: #31b0d5; }

.text-warning {
  color: #f0ad4e; }

a.text-warning:hover {
  color: #ec971f; }

.text-danger {
  color: #e63205; }

a.text-danger:hover {
  color: #b42704; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #2d7099; }

a.bg-primary:hover {
  background-color: #215372; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #f5f5f5; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.25; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #e8e8e8; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 20px;
  border-left: 5px solid #f5f5f5; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.25;
    color: #e8e8e8; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014   \A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #f5f5f5;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\A0   \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.25; }

code,
kbd,
pre,
samp {
  font-family: "Source Code Pro", "Menlo", "Monaco", "Consolas", "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.25;
  word-break: break-all;
  word-wrap: break-word;
  color: #77787b;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #e8e8e8;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.25;
    vertical-align: top;
    border-top: 1px solid #a7a9ac; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #a7a9ac; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #a7a9ac; }
  .table .table {
    background-color: #f5f5f5; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #a7a9ac; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #a7a9ac; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f5f5f5; }

.table-hover > tbody > tr:hover {
  background-color: #e8e8e8; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #e8e8e8; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #dbdbdb; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #a7a9ac; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: inherit;
  color: #77787b;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.25;
  color: #1e1e1e; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.25;
  color: #1e1e1e;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #f5f5f5;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px; }
    input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
    .input-group-sm > input.input-group-addon[type="date"],
    .input-group-sm > .input-group-btn > input.btn[type="date"],
    .input-group-sm input[type="date"],
    input[type="time"].input-sm,
    .input-group-sm > input.form-control[type="time"],
    .input-group-sm > input.input-group-addon[type="time"],
    .input-group-sm > .input-group-btn > input.btn[type="time"],
    .input-group-sm
    input[type="time"],
    input[type="datetime-local"].input-sm,
    .input-group-sm > input.form-control[type="datetime-local"],
    .input-group-sm > input.input-group-addon[type="datetime-local"],
    .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
    .input-group-sm
    input[type="datetime-local"],
    input[type="month"].input-sm,
    .input-group-sm > input.form-control[type="month"],
    .input-group-sm > input.input-group-addon[type="month"],
    .input-group-sm > .input-group-btn > input.btn[type="month"],
    .input-group-sm
    input[type="month"] {
      line-height: 33px; }
    input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
    .input-group-lg > input.input-group-addon[type="date"],
    .input-group-lg > .input-group-btn > input.btn[type="date"],
    .input-group-lg input[type="date"],
    input[type="time"].input-lg,
    .input-group-lg > input.form-control[type="time"],
    .input-group-lg > input.input-group-addon[type="time"],
    .input-group-lg > .input-group-btn > input.btn[type="time"],
    .input-group-lg
    input[type="time"],
    input[type="datetime-local"].input-lg,
    .input-group-lg > input.form-control[type="datetime-local"],
    .input-group-lg > input.input-group-addon[type="datetime-local"],
    .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
    .input-group-lg
    input[type="datetime-local"],
    input[type="month"].input-lg,
    .input-group-lg > input.form-control[type="month"],
    .input-group-lg > input.input-group-addon[type="month"],
    .input-group-lg > .input-group-btn > input.btn[type="month"],
    .input-group-lg
    input[type="month"] {
      line-height: 49px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 36px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 33px;
  line-height: 33px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
  height: auto; }

.form-group-sm .form-control {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control {
  height: 33px;
  line-height: 33px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  min-height: 34px; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 49px;
  line-height: 49px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
  height: auto; }

.form-group-lg .form-control {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 49px;
  line-height: 49px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  min-height: 40px; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback {
  width: 49px;
  height: 49px;
  line-height: 49px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #6db026; }

.has-success .form-control {
  border-color: #6db026;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #53861d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a0dd5f;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a0dd5f; }

.has-success .input-group-addon {
  color: #6db026;
  border-color: #6db026;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #6db026; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #f0ad4e; }

.has-warning .form-control {
  border-color: #f0ad4e;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #ec971f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; }

.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #f0ad4e; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #e63205; }

.has-error .form-control {
  border-color: #e63205;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #b42704;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb7756;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb7756; }

.has-error .input-group-addon {
  color: #e63205;
  border-color: #e63205;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #e63205; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #5e5e5e; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.33333px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.25;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #77787b;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-default {
  color: #77787b;
  background-color: #ffffff;
  border-color: #a7a9ac; }
  .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #77787b;
    background-color: #e6e6e6;
    border-color: #888a8e; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active,
  fieldset[disabled] .btn-default,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus,
  fieldset[disabled] .btn-default:active,
  fieldset[disabled] .btn-default.active {
    background-color: #ffffff;
    border-color: #a7a9ac; }
  .btn-default .badge {
    color: #ffffff;
    background-color: #77787b; }

.btn-primary {
  color: #fff;
  background-color: #2d7099;
  border-color: #1D5070; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #215372;
    border-color: #102d3f; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus,
  fieldset[disabled] .btn-primary:active,
  fieldset[disabled] .btn-primary.active {
    background-color: #2d7099;
    border-color: #1D5070; }
  .btn-primary .badge {
    color: #2d7099;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #6db026;
  border-color: #609b21; }
  .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #53861d;
    border-color: #416917; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active,
  fieldset[disabled] .btn-success,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus,
  fieldset[disabled] .btn-success:active,
  fieldset[disabled] .btn-success.active {
    background-color: #6db026;
    border-color: #609b21; }
  .btn-success .badge {
    color: #6db026;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active,
  fieldset[disabled] .btn-info,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus,
  fieldset[disabled] .btn-info:active,
  fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
  fieldset[disabled] .btn-warning,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus,
  fieldset[disabled] .btn-warning:active,
  fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #e63205;
  border-color: #bf3004; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b42704;
    border-color: #832103; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus,
  fieldset[disabled] .btn-danger:active,
  fieldset[disabled] .btn-danger.active {
    background-color: #e63205;
    border-color: #bf3004; }
  .btn-danger .badge {
    color: #e63205;
    background-color: #fff; }

.btn-link {
  color: #2d7099;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #1c455e;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #e8e8e8;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.25;
    color: #77787b;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #6a6b6e;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #2d7099; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #e8e8e8; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.25;
  color: #e8e8e8;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #1e1e1e;
  text-align: center;
  background-color: #f5f5f5;
  border: 1px solid #e8e8e8;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 20px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #f5f5f5; }
    .nav > li.disabled > a {
      color: #e8e8e8; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #e8e8e8;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #f5f5f5;
    border-color: #2d7099; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.25;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #f5f5f5 #f5f5f5 #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #a7a9ac;
      background-color: #f5f5f5;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #2d7099; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #f5f5f5; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 20px;
  line-height: 20px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 8.5px;
    margin-bottom: 8.5px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: white; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: white; }
  .navbar-inverse .navbar-nav > li > a {
    color: white; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: white; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: white; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: white; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/\A0";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: #e8e8e8; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.25;
      text-decoration: none;
      color: #2d7099;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    color: #1c455e;
    background-color: #f5f5f5;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #2d7099;
    border-color: #2d7099;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #e8e8e8;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 20px; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 14px; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #f5f5f5; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #e8e8e8;
    background-color: #fff;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #e8e8e8; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #cfcfcf; }

.label-primary {
  background-color: #2d7099; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #215372; }

.label-success {
  background-color: #6db026; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #53861d; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #e63205; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #b42704; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #e8e8e8;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #2d7099;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #f5f5f5; }
  .jumbotron h1, .jumbotron publication-level header, publication-level .jumbotron header,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: gainsboro; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    border-radius: 6px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding: 48px 0; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1, .jumbotron publication-level header, publication-level .jumbotron header,
      .jumbotron .h1 {
        font-size: 72px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.25;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #1e1e1e; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #2d7099; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4, .alert publication-level publication-level publication-level publication-level header, publication-level publication-level publication-level publication-level .alert header {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #6db026; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #53861d; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #5bc0de; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #31b0d5; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #f0ad4e; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #ec971f; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #e63205; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #b42704; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #2d7099;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #6db026; }
  .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #e63205; }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }

a.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #f5f5f5;
  color: #e8e8e8;
  cursor: not-allowed; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #e8e8e8; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #2d7099;
  border-color: #2d7099; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #acd0e6; }

.list-group-item-success {
  color: #6db026;
  background-color: #dff0d8; }

a.list-group-item-success {
  color: #6db026; }
  a.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus {
    color: #6db026;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #6db026;
    border-color: #6db026; }

.list-group-item-info {
  color: #5bc0de;
  background-color: #d9edf7; }

a.list-group-item-info {
  color: #5bc0de; }
  a.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus {
    color: #5bc0de;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de; }

.list-group-item-warning {
  color: #f0ad4e;
  background-color: #fcf8e3; }

a.list-group-item-warning {
  color: #f0ad4e; }
  a.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus {
    color: #f0ad4e;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e; }

.list-group-item-danger {
  color: #e63205;
  background-color: #f2dede; }

a.list-group-item-danger {
  color: #e63205; }
  a.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus {
    color: #e63205;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #e63205;
    border-color: #e63205; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fcfcfc;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: -1;
    border-top-left-radius: -1; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: -1;
  border-top-left-radius: -1; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: -1;
    border-top-right-radius: -1; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: -1; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: -1; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: -1;
    border-bottom-right-radius: -1; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: -1; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: -1; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #a7a9ac; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #77787b;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #77787b; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #2d7099; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #2d7099;
    border-color: #2d7099; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #2d7099; }
    .panel-primary > .panel-heading .badge {
      color: #2d7099;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #2d7099; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #6db026;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #6db026; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #5bc0de;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #5bc0de; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #f0ad4e;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #f0ad4e; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #e63205;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #e63205; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.25px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.25; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #77787b;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #77787b; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #77787b; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #77787b; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #77787b; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #77787b; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #77787b; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #77787b; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #77787b; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.25;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal; }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 16px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        perspective: 1000; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203A'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0); }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

@font-face {
  font-family: "streamline";
  src: url(../assets/fonts/streamline/streamline.eot);
  src: url(../assets/fonts/streamline/streamline.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/streamline/streamline.woff) format("woff"), url(../assets/fonts/streamline/streamline.ttf) format("truetype"), url(../assets/images/streamline-375cee02982b7cd23b10202a5cd2c5cc.svg#streamline) format("svg");
  font-weight: normal;
  font-style: normal; }

.streamline:before, .btn-addon:before, .btn-solution.all-active:before {
  font-family: "streamline" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block; }

.streamline.lg, .lg.btn-addon, .lg.btn-solution.all-active {
  font-size: 1.33em; }

.streamline.x1, .x1.btn-addon, .x1.btn-solution.all-active {
  font-size: 24px; }

.streamline.x2, .x2.btn-addon, .x2.btn-solution.all-active {
  font-size: 2em; }

.streamline.x3, .x3.btn-addon, .x3.btn-solution.all-active {
  font-size: 3em; }

.streamline.x4, .x4.btn-addon, .x4.btn-solution.all-active {
  font-size: 4em; }

.streamline.x5, .x5.btn-addon, .x5.btn-solution.all-active {
  font-size: 5em; }

.streamline.fixed-width, .fixed-width.btn-addon, .fixed-width.btn-solution.all-active {
  width: 1.28571429em;
  text-align: center; }

.streamline.spin:before, .spin.btn-addon:before, .spin.btn-solution.all-active:before {
  animation: spin 2s infinite linear; }

.streamline.pulse:before, .pulse.btn-addon:before, .pulse.btn-solution.all-active:before {
  animation: spin 1s infinite steps(8); }

.streamline.rotate-90:before, .rotate-90.btn-addon:before, .rotate-90.btn-solution.all-active:before {
  transform: rotate(90deg); }

.streamline.rotate-180:before, .rotate-180.btn-addon:before, .rotate-180.btn-solution.all-active:before {
  transform: rotate(180deg); }

.streamline.rotate-270:before, .rotate-270.btn-addon:before, .rotate-270.btn-solution.all-active:before {
  transform: rotate(270deg); }

.streamline.flip-horizontal:before, .flip-horizontal.btn-addon:before, .flip-horizontal.btn-solution.all-active:before {
  transform: scale(-1, 1); }

.streamline.flip-vertical:before, .flip-vertical.btn-addon:before, .flip-vertical.btn-solution.all-active:before {
  transform: scale(1, -1); }

.spinner {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  margin: 0 5px -2px;
  animation: spin 0.75s infinite linear; }
  .spinner:before, .spinner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: transparent; }
  .spinner:before {
    border-color: currentColor;
    opacity: 0.25; }
  .spinner:after {
    border-top-color: currentColor; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.icon-attachements:before {
  content: "\E002"; }

.icon-typography:before {
  content: "\E003"; }

.icon-grid-thin:before {
  content: "\E004"; }

.icon-colors-thin:before {
  content: "\E005"; }

.icon-icon-thin:before {
  content: "\E006"; }

.icon-form-thin:before {
  content: "\E007"; }

.icon-publications:before {
  content: "\E009"; }

.icon-table:before {
  content: "\E00B"; }

.icon-chevron-up:before, .icon-sort-asc:before {
  content: "\E00C"; }

.icon-chevron-down:before, .icon-sort-desc:before {
  content: "\E00E"; }

.icon-warning:before {
  content: "\E015"; }

.icon-folder-closed:before {
  content: "\E018"; }

.icon-folder-open:before {
  content: "\E019"; }

.icon-view:before {
  content: "\E011"; }

.icon-edit-thin:before {
  content: "\E012"; }

.icon-move-vertical:before {
  content: "\E01A"; }

.icon-hide:before {
  content: "\E013"; }

.icon-confirm:before, .icon-success:before {
  content: "\E01C"; }

.icon-cancel:before {
  content: "\E01B"; }

.icon-add-thin:before {
  content: "\E01D"; }

.icon-minus-thin:before {
  content: "\E01E"; }

.icon-download:before {
  content: "\E01F"; }

.icon-upload:before {
  content: "\E020"; }

.icon-search-thin:before {
  content: "\E021"; }

.icon-password:before {
  content: "\E04A"; }

.icon-username:before {
  content: "\E023"; }

.icon-email:before {
  content: "\E024"; }

.icon-address-thin:before {
  content: "\E025"; }

.icon-school-thin:before {
  content: "\E026"; }

.icon-error:before {
  content: "\E027"; }

.icon-settings:before, .icon-components:before {
  content: "\E016"; }

.icon-solution:before, .btn-solution.all-active:before {
  content: "\E010"; }

.icon-chevron-left:before {
  content: "\E00D"; }

.icon-chevron-right:before {
  content: "\E00F"; }

.icon-collapse-horizontal:before, .icon-previous:before, .btn-addon.btn-menu:before {
  content: "\E110"; }

.icon-expand-horizontal:before, .icon-next:before {
  content: "\E028"; }

.icon-dashboard:before {
  content: "\E029"; }

.icon-modules:before {
  content: "\E02A"; }

.icon-publication:before {
  content: "\E02B"; }

.icon-course-module:before, module-link .module-link.interactive-module:before {
  content: "\E000"; }

.icon-course-excercise:before, module-link .module-link.interactive-exercise:before {
  content: "\E001"; }

.icon-index:before {
  content: "\E008"; }

.icon-notification:before {
  content: "\E00A"; }

.icon-conversation:before {
  content: "\E014"; }

.icon-button-thin:before {
  content: "\E02F"; }

.icon-svg-thin:before {
  content: "\E030"; }

.icon-publication-key-thin:before {
  content: "\E02C"; }

.icon-license-thin:before {
  content: "\E02D"; }

.icon-delete:before {
  content: "\E02E"; }

.icon-schedule-thin:before {
  content: "\E032"; }

.icon-calendar:before {
  content: "\E033"; }

.icon-file:before {
  content: "\E034"; }

.icon-folder:before {
  content: "\E036"; }

.icon-share:before {
  content: "\E038"; }

.icon-users:before {
  content: "\E035"; }

.icon-natuurkunde:before {
  content: "\E037"; }

.icon-aardrijkskunde-wdm:before, .icon-global:before {
  content: "\E039"; }

.icon-class:before {
  content: "\E03A"; }

.icon-learning-goals:before {
  content: "\E031"; }

.icon-keywords:before {
  content: "\E03B"; }

.icon-print-thin:before {
  content: "\E03C"; }

.icon-help:before {
  content: "\E03D"; }

.icon-fat-delete:before, note .btn-trash:before {
  content: "\E03E"; }

.icon-fat-confirm:before, note .btn-save:before {
  content: "\E03F"; }

.icon-fat-clear:before {
  content: "\E040"; }

.icon-notes:before {
  content: "\E042"; }

.icon-expand-vertical:before {
  content: "\E041"; }

.icon-collapse-vertical:before {
  content: "\E043"; }

.icon-refresh:before, .icon-reload:before,
.icon-reset:before,
.icon-sync:before {
  content: "\E044"; }

.icon-icon:before, .icon-alias:before, .icon-image:before {
  content: "\E045"; }

.icon-svg:before {
  content: "\E046"; }

.icon-grid:before {
  content: "\E047"; }

.icon-colors:before {
  content: "\E048"; }

.icon-form:before {
  content: "\E049"; }

.icon-edit:before, .icon-pencil-2:before, note .btn-edit:before, .btn-addon.btn-note:before {
  content: "\E022"; }

.icon-add:before, .btn-addon.btn-add-addon:before {
  content: "\E04B"; }

.icon-minus:before {
  content: "\E04C"; }

.icon-search:before {
  content: "\E056"; }

.icon-address:before {
  content: "\E04E"; }

.icon-school:before {
  content: "\E04F"; }

.icon-button:before {
  content: "\E050"; }

.icon-publication-key:before {
  content: "\E057"; }

.icon-license:before {
  content: "\E052"; }

.icon-schedule:before {
  content: "\E053"; }

.icon-print:before {
  content: "\E054"; }

.icon-return:before {
  content: "\E055"; }

.icon-lock:before {
  content: "\E051"; }

.icon-unlock:before {
  content: "\E04D"; }

.icon-bold:before {
  content: "\E058"; }

.icon-italic:before {
  content: "\E059"; }

.icon-align-center:before {
  content: "\E05A"; }

.icon-align-left:before {
  content: "\E05B"; }

.icon-align-right:before {
  content: "\E05C"; }

.icon-underline:before {
  content: "\E05D"; }

.icon-fullscreen:before {
  content: "\E05E"; }

.icon-exit:before {
  content: "\E05F"; }

.icon-exit-fullscreen:before {
  content: "\E060"; }

.icon-menu:before, .icon-hamburger:before {
  content: "\E061"; }

.icon-image-icon:before, .icon-thumbnail:before {
  content: "\E062"; }

.icon-action-wizard:before {
  content: "\E063"; }

.icon-round-plus:before {
  content: "\E064"; }

.icon-round-minus:before {
  content: "\E065"; }

.icon-action-wizard-stepnotselected:before {
  content: "\E066"; }

.icon-info:before, .icon-icon-info:before {
  content: "\E068"; }

.icon-text:before {
  content: "\E069"; }

.icon-scale-all:before {
  content: "\E067"; }

.icon-arrow-59:before, .icon-arrow-up:before {
  content: "\E06B"; }

.icon-lock-4:before, .icon-password-thin:before {
  content: "\E03E"; }

.margin-none {
  margin: 0; }

.margin-small {
  margin: 8px; }

.margin-default {
  margin: 15px; }

.margin-large {
  margin: 20px; }

.padding-none {
  padding: 0; }

.padding-small {
  padding: 8px; }

.padding-default {
  padding: 15px; }

.padding-large {
  padding: 20px; }

.margin-left-none {
  margin-left: 0; }

.margin-left-small {
  margin-left: 8px; }

.margin-left-default {
  margin-left: 15px; }

.margin-left-large {
  margin-left: 20px; }

.padding-left-none {
  padding-left: 0; }

.padding-left-small {
  padding-left: 8px; }

.padding-left-default {
  padding-left: 15px; }

.padding-left-large {
  padding-left: 20px; }

.margin-top-none {
  margin-top: 0; }

.margin-top-small {
  margin-top: 8px; }

.margin-top-default {
  margin-top: 15px; }

.margin-top-large {
  margin-top: 20px; }

.padding-top-none {
  padding-top: 0; }

.padding-top-small {
  padding-top: 8px; }

.padding-top-default {
  padding-top: 15px; }

.padding-top-large {
  padding-top: 20px; }

.margin-right-none {
  margin-right: 0; }

.margin-right-small {
  margin-right: 8px; }

.margin-right-default {
  margin-right: 15px; }

.margin-right-large {
  margin-right: 20px; }

.padding-right-none {
  padding-right: 0; }

.padding-right-small {
  padding-right: 8px; }

.padding-right-default {
  padding-right: 15px; }

.padding-right-large {
  padding-right: 20px; }

.margin-bottom-none {
  margin-bottom: 0; }

.margin-bottom-small {
  margin-bottom: 8px; }

.margin-bottom-default {
  margin-bottom: 15px; }

.margin-bottom-large {
  margin-bottom: 20px; }

.padding-bottom-none {
  padding-bottom: 0; }

.padding-bottom-small {
  padding-bottom: 8px; }

.padding-bottom-default {
  padding-bottom: 15px; }

.padding-bottom-large {
  padding-bottom: 20px; }

@font-face {
  font-family: "streamline";
  src: url(/assets/fonts/streamline/streamline.eot);
  src: url(/assets/fonts/streamline/streamline.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/streamline/streamline.woff) format("woff"), url(/assets/fonts/streamline/streamline.ttf) format("truetype"), url(/assets/fonts/streamline/streamline.svg#streamline) format("svg");
  font-weight: 400;
  font-style: normal; }

h1, publication-level header {
  font-size: 4.16rem; }


h2,
publication-level publication-level header {
  font-size: 3.44rem; }


h3,
publication-level publication-level publication-level header {
  font-size: 2.72rem; }

h4, publication-level publication-level publication-level publication-level header,
p.lead {
  font-size: 2rem; }

h5 {
  font-size: 1.6rem; }

h6 {
  font-size: 1.36rem; }

p, body {
  font-size: 1.6rem; }

i.streamline, i.btn-addon, i.btn-solution.all-active {
  font-size: 24px;
  line-height: inherit; }

.flex {
  display: flex; }

.flex-row {
  flex-direction: row; }

.flex-column {
  flex-direction: column; }

.flex-grows {
  flex-grow: 1; }

.level-0 {
  margin-left: 0px !important; }

.level-1 {
  margin-left: 20px !important; }

.level-2 {
  margin-left: 40px !important; }

.level-3 {
  margin-left: 60px !important; }

.level-4 {
  margin-left: 80px !important; }

.level-5 {
  margin-left: 100px !important; }

.level-6 {
  margin-left: 120px !important; }

.btn {
  line-height: 3.6rem;
  text-transform: uppercase;
  border-bottom-width: .7rem;
  padding-top: .2rem;
  padding-bottom: .2rem;
  outline: none !important;
  box-shadow: none; }
  .btn:hover {
    border-bottom-width: .9rem;
    margin-top: -0.2rem; }
  .btn:focus {
    border-bottom-width: .7rem;
    margin-top: 0; }
  .btn:active {
    border-bottom-width: .1rem;
    margin-top: .6rem; }

.btn-default:focus {
  color: #77787b;
  background-color: #ffffff;
  border-color: #a7a9ac; }

.btn-primary:focus {
  color: #fff;
  background-color: #2d7099;
  border-color: #1D5070; }

.btn-success:focus {
  color: #fff;
  background-color: #6db026;
  border-color: #609b21; }

.btn-danger:focus {
  color: #fff;
  background-color: #e63205;
  border-color: #bf3004; }

.btn-group {
  display: flex;
  align-items: flex-start; }

.btn-group-sm i.streamline, .btn-group-sm i.btn-addon, .btn-group-sm i.btn-solution.all-active,
.btn-group-xs i.streamline,
.btn-group-xs i.btn-addon,
.btn-group-xs i.btn-solution.all-active,
.btn-sm i.streamline,
.btn-group-sm > .btn i.streamline,
.btn-sm i.btn-addon,
.btn-group-sm > .btn i.btn-addon,
.btn-sm i.btn-solution.all-active,
.btn-group-sm > .btn i.btn-solution.all-active,
.btn-xs i.streamline,
.btn-group-xs > .btn i.streamline,
.btn-xs i.btn-addon,
.btn-group-xs > .btn i.btn-addon,
.btn-xs i.btn-solution.all-active,
.btn-group-xs > .btn i.btn-solution.all-active {
  font-size: 18px; }

.form-control.ng-dirty.ng-invalid {
  border-color: #e63205;
  color: #b42704;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .form-control.ng-dirty.ng-invalid:focus {
    border-color: #b42704;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb7756;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb7756; }

.form-control.ng-dirty.ng-valid {
  border-color: #6db026;
  color: #53861d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .form-control.ng-dirty.ng-valid:focus {
    border-color: #53861d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a0dd5f;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a0dd5f; }

.gu-mirror {
  position: fixed !important;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  z-index: 9999 !important;
  background-color: #ffffff;
  border: 1px solid #a7a9ac;
  border-radius: 4px;
  opacity: .9;
  padding: 4px 8px 0;
  box-sizing: content-box;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24); }

.gu-hide {
  display: none !important; }

.gu-unselectable {
  user-select: none !important; }

.gu-transit {
  opacity: 0.2; }

#ssoFrame {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: white;
  display: none; }

.application {
  position: fixed;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.main {
  flex: 1;
  position: relative; }

.main-content {
  background: #e8e8e8;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.page {
  padding: 15px 48px;
  overflow-y: auto;
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: auto; }
  @media screen and (max-width: 1510px) {
    .page {
      margin-left: 84px; } }

.content {
  width: 100%;
  position: relative;
  padding: 15px 70px;
  margin: 64px auto;
  background: #f5f5f5;
  max-width: 1170px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23); }

.page.wide {
  padding: 0 15px; }
  .page.wide .content {
    padding: 15px;
    width: auto;
    max-width: initial;
    margin: 0; }

module-publication-level .publication-level {
  position: relative; }
  module-publication-level .publication-level a {
    position: relative; }
  module-publication-level .publication-level > a.data {
    display: flex;
    color: #1e1e1e;
    padding: 0 8px;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 8px;
    font-weight: 400;
    font-style: normal; }
    module-publication-level .publication-level > a.data:hover, module-publication-level .publication-level > a.data:active {
      text-decoration: none; }
    module-publication-level .publication-level > a.data .filler {
      flex: 1; }
    module-publication-level .publication-level > a.data .sequence,
    module-publication-level .publication-level > a.data .name,
    module-publication-level .publication-level > a.data .filler {
      margin-right: 8px; }
    module-publication-level .publication-level > a.data .sequence:empty,
    module-publication-level .publication-level > a.data .name:empty,
    module-publication-level .publication-level > a.data .page-number:empty {
      display: none; }
    module-publication-level .publication-level > a.data.invisible {
      visibility: visible;
      opacity: .33; }
    module-publication-level .publication-level > a.data.aardrijkskunde.publicationlevel-1 {
      font-size: 20px;
      line-height: 27.5px;
      font-weight: 500;
      color: #ffffff;
      background-color: #a7a9ac; }
      module-publication-level .publication-level > a.data.aardrijkskunde.publicationlevel-1 .filler {
        margin-bottom: 0;
        border-bottom: none; }
    module-publication-level .publication-level > a.data.aardrijkskunde.publicationlevel-2 {
      font-weight: 700; }
    module-publication-level .publication-level > a.data.aardrijkskunde .sequence {
      min-width: 25px;
      margin-right: 8px; }
    module-publication-level .publication-level > a.data.aardrijkskunde .filler {
      margin-bottom: 4px;
      border-bottom: 1px dotted #1e1e1e; }
    module-publication-level .publication-level > a.data.aardrijkskunde .page-number {
      text-align: right;
      min-width: 15px; }
    module-publication-level .publication-level > a.data.natura, module-publication-level .publication-level > a.data.natuurwetenschappen, module-publication-level .publication-level > a.data.werkmap-aardrijkskunde, module-publication-level .publication-level > a.data.werkmap-alt-aardrijkskunde, module-publication-level .publication-level > a.data.andere-tijden {
      padding: 0 8px 0 0; }
      module-publication-level .publication-level > a.data.natura.publicationlevel-1, module-publication-level .publication-level > a.data.natuurwetenschappen.publicationlevel-1, module-publication-level .publication-level > a.data.werkmap-aardrijkskunde.publicationlevel-1, module-publication-level .publication-level > a.data.werkmap-alt-aardrijkskunde.publicationlevel-1, module-publication-level .publication-level > a.data.andere-tijden.publicationlevel-1 {
        padding-left: 200px;
        font-size: 20px;
        line-height: 27.5px;
        font-weight: 500;
        color: #ffffff;
        font-style: italic;
        background-color: #a7a9ac; }
        module-publication-level .publication-level > a.data.natura.publicationlevel-1 > .sequence, module-publication-level .publication-level > a.data.natuurwetenschappen.publicationlevel-1 > .sequence, module-publication-level .publication-level > a.data.werkmap-aardrijkskunde.publicationlevel-1 > .sequence, module-publication-level .publication-level > a.data.werkmap-alt-aardrijkskunde.publicationlevel-1 > .sequence, module-publication-level .publication-level > a.data.andere-tijden.publicationlevel-1 > .sequence {
          padding-left: 8px; }
      module-publication-level .publication-level > a.data.natura.publicationlevel-2, module-publication-level .publication-level > a.data.natuurwetenschappen.publicationlevel-2, module-publication-level .publication-level > a.data.werkmap-aardrijkskunde.publicationlevel-2, module-publication-level .publication-level > a.data.werkmap-alt-aardrijkskunde.publicationlevel-2, module-publication-level .publication-level > a.data.andere-tijden.publicationlevel-2 {
        color: #ffffff;
        background-color: #a7a9ac;
        font-weight: 500;
        margin-left: 200px;
        padding: 0 8px 0 0; }
        module-publication-level .publication-level > a.data.natura.publicationlevel-2 > .sequence, module-publication-level .publication-level > a.data.natuurwetenschappen.publicationlevel-2 > .sequence, module-publication-level .publication-level > a.data.werkmap-aardrijkskunde.publicationlevel-2 > .sequence, module-publication-level .publication-level > a.data.werkmap-alt-aardrijkskunde.publicationlevel-2 > .sequence, module-publication-level .publication-level > a.data.andere-tijden.publicationlevel-2 > .sequence {
          width: 30px;
          padding-left: 8px; }
      module-publication-level .publication-level > a.data.natura.publicationlevel-3, module-publication-level .publication-level > a.data.natuurwetenschappen.publicationlevel-3, module-publication-level .publication-level > a.data.werkmap-aardrijkskunde.publicationlevel-3, module-publication-level .publication-level > a.data.werkmap-alt-aardrijkskunde.publicationlevel-3, module-publication-level .publication-level > a.data.andere-tijden.publicationlevel-3 {
        margin-top: 20px;
        font-style: italic;
        font-weight: 700;
        color: #a7a9ac; }
        module-publication-level .publication-level > a.data.natura.publicationlevel-3 > .sequence, module-publication-level .publication-level > a.data.natuurwetenschappen.publicationlevel-3 > .sequence, module-publication-level .publication-level > a.data.werkmap-aardrijkskunde.publicationlevel-3 > .sequence, module-publication-level .publication-level > a.data.werkmap-alt-aardrijkskunde.publicationlevel-3 > .sequence, module-publication-level .publication-level > a.data.andere-tijden.publicationlevel-3 > .sequence {
          width: 200px;
          color: #1e1e1e;
          text-align: right;
          font-weight: 700; }
          module-publication-level .publication-level > a.data.natura.publicationlevel-3 > .sequence:before, module-publication-level .publication-level > a.data.natuurwetenschappen.publicationlevel-3 > .sequence:before, module-publication-level .publication-level > a.data.werkmap-aardrijkskunde.publicationlevel-3 > .sequence:before, module-publication-level .publication-level > a.data.werkmap-alt-aardrijkskunde.publicationlevel-3 > .sequence:before, module-publication-level .publication-level > a.data.andere-tijden.publicationlevel-3 > .sequence:before {
            content: 'Vraag '; }
        module-publication-level .publication-level > a.data.natura.publicationlevel-3.first .sequence:before, module-publication-level .publication-level > a.data.natuurwetenschappen.publicationlevel-3.first .sequence:before, module-publication-level .publication-level > a.data.werkmap-aardrijkskunde.publicationlevel-3.first .sequence:before, module-publication-level .publication-level > a.data.werkmap-alt-aardrijkskunde.publicationlevel-3.first .sequence:before, module-publication-level .publication-level > a.data.andere-tijden.publicationlevel-3.first .sequence:before {
          content: 'Onderzoeksvraag '; }
        module-publication-level .publication-level > a.data.natura.publicationlevel-3 > .name, module-publication-level .publication-level > a.data.natuurwetenschappen.publicationlevel-3 > .name, module-publication-level .publication-level > a.data.werkmap-aardrijkskunde.publicationlevel-3 > .name, module-publication-level .publication-level > a.data.werkmap-alt-aardrijkskunde.publicationlevel-3 > .name, module-publication-level .publication-level > a.data.andere-tijden.publicationlevel-3 > .name {
          margin-left: 30px;
          flex: 100; }
        module-publication-level .publication-level > a.data.natura.publicationlevel-3 > .page-number, module-publication-level .publication-level > a.data.natuurwetenschappen.publicationlevel-3 > .page-number, module-publication-level .publication-level > a.data.werkmap-aardrijkskunde.publicationlevel-3 > .page-number, module-publication-level .publication-level > a.data.werkmap-alt-aardrijkskunde.publicationlevel-3 > .page-number, module-publication-level .publication-level > a.data.andere-tijden.publicationlevel-3 > .page-number {
          color: #1e1e1e;
          font-weight: 700; }

module-publication-level .publication-level-toggler {
  position: absolute;
  font-style: normal;
  top: 0;
  right: -41px;
  height: 100%; }
  module-publication-level .publication-level-toggler .btn {
    display: block;
    line-height: initial;
    border-radius: 0;
    margin: 0;
    height: 100%;
    color: #ffffff; }
    module-publication-level .publication-level-toggler .btn:default, module-publication-level .publication-level-toggler .btn:hover, module-publication-level .publication-level-toggler .btn:active, module-publication-level .publication-level-toggler .btn:focus {
      color: #ffffff;
      margin-top: 0; }
    module-publication-level .publication-level-toggler .btn.invisible {
      visibility: visible;
      opacity: .33; }
    module-publication-level .publication-level-toggler .btn i {
      font-size: 10px; }
      module-publication-level .publication-level-toggler .btn i:before {
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
      module-publication-level .publication-level-toggler .btn i.closed:before {
        transform: rotate(90deg); }

module {
  position: relative;
  display: flex;
  align-items: center; }
  module a.data {
    display: flex;
    flex: 1;
    align-items: center;
    color: #1e1e1e;
    padding: 0 8px 0 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    margin-bottom: 8px;
    margin-left: 33px;
    overflow: hidden; }
    module a.data .icon-container {
      margin-right: 33px; }
    module a.data .sequence {
      min-width: 110px;
      margin-right: 8px;
      font-weight: 500; }
    module a.data .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex: 1; }
    module a.data .filler {
      height: 0;
      flex: 1; }
  module .scene-thumb {
    position: absolute;
    display: none;
    width: 265px;
    height: 22px;
    align-items: center;
    z-index: 1;
    top: 12px;
    right: 49px; }
    module .scene-thumb.visible {
      display: flex; }
    module .scene-thumb .thumb {
      z-index: 2;
      display: block;
      padding: 4px;
      background-color: #ffffff;
      border: 1px solid #a7a9ac;
      border-radius: 4px; }
    module .scene-thumb:before, module .scene-thumb:after {
      content: '';
      position: absolute;
      top: 50%; }
    module .scene-thumb:before {
      z-index: 3;
      border: 8px solid transparent;
      right: -16px;
      margin-top: -8px;
      border-left-color: #a7a9ac; }
    module .scene-thumb:after {
      z-index: 4;
      border: 7px solid transparent;
      right: -14px;
      margin-top: -7px;
      border-left-color: #ffffff; }
  module .icon-container {
    width: 38px;
    height: 38px; }
    module .icon-container i {
      width: 38px;
      height: 38px;
      display: block;
      text-align: center;
      padding: 4px 0 0 0;
      background-color: #ffffff;
      border-radius: 50%;
      font-size: 24px; }
      module .icon-container i.icon-course-excercise, module .icon-container module-link i.module-link.interactive-exercise, module-link module .icon-container i.module-link.interactive-exercise {
        border: 3px solid #ff9933;
        color: #ff9933; }
      module .icon-container i.icon-course-module, module .icon-container module-link i.module-link.interactive-module, module-link module .icon-container i.module-link.interactive-module {
        border: 3px solid #2d7099;
        color: #2d7099; }
      module .icon-container i.icon-icon, module .icon-container i.icon-alias:before, module .icon-container i.icon-image {
        background-color: transparent;
        color: #2d7099;
        border-radius: 0;
        padding: 7px;
        margin: 0;
        width: 24px;
        height: 24px; }
        module .icon-container i.icon-icon.exercise, module .icon-container i.exercise.icon-alias:before, module .icon-container i.exercise.icon-image {
          color: #ff9933; }
  module a.data:hover .filler,
  module a.data:focus .filler,
  module a.data:active .filler {
    border-bottom: 1px dotted #1e1e1e;
    margin: 0 8px; }
  module a.data.muted {
    opacity: .33; }
    module a.data.muted + .scene-thumb img {
      opacity: .33; }

.natuurwetenschappen module,
.natura module,
.werkmap-aardrijkskunde module,
.werkmap-alt-aardrijkskunde module,
.andere-tijden module {
  margin-left: 200px; }
  .natuurwetenschappen module > a.data,
  .natura module > a.data,
  .werkmap-aardrijkskunde module > a.data,
  .werkmap-alt-aardrijkskunde module > a.data,
  .andere-tijden module > a.data {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: -30px; }
    .natuurwetenschappen module > a.data .filler,
    .natura module > a.data .filler,
    .werkmap-aardrijkskunde module > a.data .filler,
    .werkmap-alt-aardrijkskunde module > a.data .filler,
    .andere-tijden module > a.data .filler {
      display: none; }
    .natuurwetenschappen module > a.data .name,
    .natura module > a.data .name,
    .werkmap-aardrijkskunde module > a.data .name,
    .werkmap-alt-aardrijkskunde module > a.data .name,
    .andere-tijden module > a.data .name {
      max-width: 100%; }
    .natuurwetenschappen module > a.data .streamline, .natuurwetenschappen module > a.data .btn-addon, .natuurwetenschappen module > a.data .btn-solution.all-active,
    .natura module > a.data .streamline,
    .natura module > a.data .btn-addon,
    .natura module > a.data .btn-solution.all-active,
    .werkmap-aardrijkskunde module > a.data .streamline,
    .werkmap-aardrijkskunde module > a.data .btn-addon,
    .werkmap-aardrijkskunde module > a.data .btn-solution.all-active,
    .werkmap-alt-aardrijkskunde module > a.data .streamline,
    .werkmap-alt-aardrijkskunde module > a.data .btn-addon,
    .werkmap-alt-aardrijkskunde module > a.data .btn-solution.all-active,
    .andere-tijden module > a.data .streamline,
    .andere-tijden module > a.data .btn-addon,
    .andere-tijden module > a.data .btn-solution.all-active {
      margin-left: 0;
      margin-right: 30px; }
  .natuurwetenschappen module > .scene-thumb,
  .natura module > .scene-thumb,
  .werkmap-aardrijkskunde module > .scene-thumb,
  .werkmap-alt-aardrijkskunde module > .scene-thumb,
  .andere-tijden module > .scene-thumb {
    left: -305px;
    margin-right: -265px; }
    .natuurwetenschappen module > .scene-thumb:before,
    .natura module > .scene-thumb:before,
    .werkmap-aardrijkskunde module > .scene-thumb:before,
    .werkmap-alt-aardrijkskunde module > .scene-thumb:before,
    .andere-tijden module > .scene-thumb:before {
      left: auto;
      right: -15px;
      border-left-color: #a7a9ac;
      border-right-color: transparent; }
    .natuurwetenschappen module > .scene-thumb:after,
    .natura module > .scene-thumb:after,
    .werkmap-aardrijkskunde module > .scene-thumb:after,
    .werkmap-alt-aardrijkskunde module > .scene-thumb:after,
    .andere-tijden module > .scene-thumb:after {
      left: auto;
      right: -13px;
      border-left-color: #ffffff;
      border-right-color: transparent; }

ui-sidebar {
  position: relative;
  width: 330px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  bottom: 0;
  top: 0;
  left: 0;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  background: #1D5070;
  background: linear-gradient(0deg, #1D5070 0%, #2d7099 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$stop',GradientType=0); }
  ui-sidebar .icon {
    line-height: 0; }
  ui-sidebar .logo {
    padding: 10px 10px 0;
    align-items: center;
    line-height: initial; }
    ui-sidebar .logo img {
      width: 63px;
      margin-top: -3px;
      margin-bottom: -3px; }
    ui-sidebar .logo span {
      color: #ffffff;
      font-size: 14px;
      padding-left: 26px;
      letter-spacing: 1px;
      overflow: hidden;
      opacity: 1;
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
  ui-sidebar .menus {
    overflow: auto;
    margin-top: 20px;
    height: 100%;
    display: flex;
    flex-direction: column; }
    ui-sidebar .menus .publications-menu {
      overflow-y: auto; }
  ui-sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 15px; }
  ui-sidebar li a {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    color: #f5f5f5;
    margin: 0;
    height: 40px;
    opacity: .6; }
    ui-sidebar li a:before {
      content: '';
      display: block;
      padding: 1.5px;
      margin-left: 15px;
      background-color: rgba(245, 245, 245, 0.4);
      border-radius: 100%; }
    ui-sidebar li a:after {
      content: '';
      position: absolute;
      width: 1px;
      height: 31px;
      top: -15px;
      left: 16px;
      border-left: 1px solid rgba(245, 245, 245, 0.4); }
    ui-sidebar li a .sequence {
      margin-left: 8px;
      margin-top: 16px;
      background: #f5f5f5;
      color: #2d7099;
      width: 14px;
      height: 14px;
      border-radius: 100%;
      font-size: 11px;
      text-align: center;
      z-index: 1;
      line-height: 12px;
      border: 1px solid #2d7099; }
    ui-sidebar li a span.icon {
      position: relative;
      left: 14px; }
    ui-sidebar li a span.menu-item-label {
      position: absolute;
      left: 85px;
      word-wrap: break-word;
      white-space: nowrap;
      flex: 1;
      font-size: 14px;
      letter-spacing: 1px;
      transition: all 225ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
    ui-sidebar li a:hover, ui-sidebar li a:hover, ui-sidebar li a:focus {
      outline: none;
      text-decoration: none;
      color: #f5f5f5;
      opacity: 1; }
      ui-sidebar li a:hover:before, ui-sidebar li a:hover:before, ui-sidebar li a:focus:before {
        background-color: #f5f5f5;
        box-shadow: 0 0 4px 1px #f5f5f5; }
  ui-sidebar li:first-child a:after {
    content: initial; }
  ui-sidebar li.active a {
    color: #f5f5f5;
    opacity: 1; }
    ui-sidebar li.active a:before {
      background-color: #ff9933;
      box-shadow: 0 0 4px 1px #ff9933; }
  ui-sidebar .divider {
    margin: 0 15px; }
  ui-sidebar .filler {
    flex: 1; }
  ui-sidebar .footer {
    padding: 0 40px;
    margin-bottom: 10px;
    margin-top: 20px;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
    ui-sidebar .footer button.toggle-button {
      outline: none !important;
      display: block;
      width: 100%;
      border: none;
      background: transparent;
      text-align: right;
      padding: 0 15px;
      color: rgba(245, 245, 245, 0.4); }
      ui-sidebar .footer button.toggle-button i {
        display: block;
        width: 24px;
        height: 24px;
        float: right;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
      ui-sidebar .footer button.toggle-button:hover, ui-sidebar .footer button.toggle-button:active, ui-sidebar .footer button.toggle-button:focus {
        color: #f5f5f5; }
  ui-sidebar .notification-info {
    color: rgba(245, 245, 245, 0.4);
    display: flex;
    justify-content: space-between; }
    ui-sidebar .notification-info a {
      white-space: nowrap;
      color: inherit;
      font-size: 16px; }
      ui-sidebar .notification-info a:hover {
        text-decoration: none; }
      ui-sidebar .notification-info a:focus, ui-sidebar .notification-info a:active {
        color: #f5f5f5;
        text-decoration: none; }
    ui-sidebar .notification-info i.streamline, ui-sidebar .notification-info i.btn-addon, ui-sidebar .notification-info i.btn-solution.all-active {
      font-size: 16px; }
  ui-sidebar.closed {
    width: 84px; }
    ui-sidebar.closed .logo span,
    ui-sidebar.closed span.menu-item-label {
      opacity: 0;
      display: none; }
    ui-sidebar.closed .footer {
      padding: 0 20px; }
      ui-sidebar.closed .footer button.toggle-button i {
        transform: rotate(-180deg);
        float: left; }
    ui-sidebar.closed .notification-info .notification-info-text {
      display: none; }
  @media screen and (max-width: 1510px) {
    ui-sidebar {
      position: absolute; } }

publication-toggler {
  position: absolute;
  font-style: normal;
  right: -41px;
  height: 100%;
  margin-top: -2px; }
  publication-toggler .btn {
    line-height: initial;
    border-radius: 0;
    margin: 0;
    height: 100%; }
    publication-toggler .btn:default, publication-toggler .btn:hover, publication-toggler .btn:active, publication-toggler .btn:focus {
      color: #ffffff;
      margin-top: 0; }
    publication-toggler .btn i {
      font-size: 10px; }
      publication-toggler .btn i:before {
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
      publication-toggler .btn i.closed:before {
        transform: rotate(90deg); }

ui-navbar {
  position: relative;
  background: gainsboro;
  border-radius: 0;
  margin: 0;
  z-index: 1;
  height: 60px;
  overflow-y: hidden;
  border-bottom: 5px solid #2d7099;
  align-items: center;
  display: flex; }
  ui-navbar class-selector {
    padding: 5px 15px; }
  ui-navbar .date {
    flex: 1; }

loading-indicator .loader-wrapper {
  position: relative; }
  loading-indicator .loader-wrapper .loader-content {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1; }
    loading-indicator .loader-wrapper .loader-content .loader {
      position: absolute;
      left: 0;
      margin: auto;
      right: 0;
      width: 32px;
      height: 32px;
      bottom: 0;
      top: 0; }
      loading-indicator .loader-wrapper .loader-content .loader .spinner {
        width: 100%;
        height: 100%;
        margin: 0; }
        loading-indicator .loader-wrapper .loader-content .loader .spinner:before, loading-indicator .loader-wrapper .loader-content .loader .spinner:after {
          border-width: 4px; }

route-preloader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
  route-preloader .loader {
    position: absolute;
    left: 0;
    margin: auto;
    right: 0;
    width: 32px;
    height: 32px;
    bottom: 0;
    top: 0; }
    route-preloader .loader .spinner {
      width: 100%;
      height: 100%;
      margin: 0; }
      route-preloader .loader .spinner:before, route-preloader .loader .spinner:after {
        border-width: 4px; }

.lightbox {
  position: relative; }
  .lightbox .backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 0;
    display: none; }
  .lightbox .frame {
    position: relative;
    z-index: 1; }
    .lightbox .frame button {
      color: #1e1e1e;
      background-color: #ffffff;
      border: 1px solid #e8e8e8;
      opacity: 1;
      outline: none !important;
      width: 32px;
      height: 32px;
      display: block;
      user-select: none;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
      .lightbox .frame button:hover {
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23); }
      .lightbox .frame button:active {
        box-shadow: 0 0 0 0 transparent; }
      .lightbox .frame button.button-close {
        border-radius: 50%;
        position: absolute;
        top: -8px;
        right: -8px;
        margin: -16px;
        opacity: 1;
        display: none;
        font-weight: bold;
        z-index: 2;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24); }
        .lightbox .frame button.button-close:hover, .lightbox .frame button.button-close:active, .lightbox .frame button.button-close:focus {
          opacity: 1;
          outline: none; }
      .lightbox .frame button.button-zoom-in {
        border-radius: 16px 16px 0 0;
        border-bottom: none; }
      .lightbox .frame button.button-zoom-out {
        border-radius: 0 0 16px 16px;
        border-top: none; }
    .lightbox .frame .lightbox-content {
      position: relative;
      z-index: 0;
      overflow: hidden; }
    .lightbox .frame .zoom-value-container {
      width: 32px;
      height: 140px;
      border: 1px solid #e8e8e8;
      background-color: #ffffff;
      padding: 4px; }
    .lightbox .frame .zoom-value {
      height: 128px;
      writing-mode: bt-lr;
      /* IE */
      -webkit-appearance: slider-vertical;
      /* WebKit */ }
    .lightbox .frame .zoom {
      position: absolute;
      z-index: 1;
      right: -8px;
      display: none;
      top: 50%;
      margin-top: -102px;
      margin-right: -16px;
      margin-bottom: -102px;
      margin-left: -16px;
      border-radius: 16px; }
  .lightbox.fullscreen {
    z-index: 10; }
    .lightbox.fullscreen .backdrop {
      display: block; }
    .lightbox.fullscreen .frame {
      background-color: #f5f5f5;
      box-shadow: 0 0 0 15px white, 0 3px 10px 15px rgba(0, 0, 0, 0.23); }
    .lightbox.fullscreen .lightbox-content * {
      pointer-events: none;
      user-select: none; }
    .lightbox.fullscreen button.button-close,
    .lightbox.fullscreen .zoom {
      display: block; }

font-size-picker {
  display: flex;
  align-items: center; }

.font-size-picker {
  margin: 6px 15px; }
  .font-size-picker .btn {
    width: 20px;
    height: 30px;
    padding: 0;
    line-height: 38px;
    text-align: center;
    border: none;
    border-radius: 0;
    background-color: transparent; }
    .font-size-picker .btn:active, .font-size-picker .btn:hover {
      margin-top: 0; }
  .font-size-picker .btn-primary {
    color: #ff9933; }
  .font-size-picker .size-1 {
    font-size: 14px;
    line-height: 50px; }
  .font-size-picker .size-2 {
    font-size: 19.2px;
    line-height: 46px; }
  .font-size-picker .size-3 {
    font-size: 24px;
    line-height: 44px; }
  .font-size-picker .size-4 {
    font-size: 28.8px; }

li[ui-menu] a:empty,
li[ui-menu] ul:empty {
  display: none; }

user-card {
  border-top: 1px solid rgba(245, 245, 245, 0.4);
  border-bottom: 1px solid rgba(245, 245, 245, 0.4);
  display: flex;
  align-items: center;
  flex-direction: row;
  font-size: 16px;
  margin: 20px 0;
  padding: 20px 0; }
  user-card .avatar {
    height: 46px;
    width: 46px;
    padding: 0; }
    user-card .avatar img {
      max-width: 44px;
      min-height: 44px;
      border-radius: 50%;
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
  user-card .info {
    flex: 1;
    height: 46px;
    display: flex;
    flex-direction: column;
    padding: 0; }
    user-card .info a.profile {
      line-height: 24px;
      height: 22px;
      color: rgba(245, 245, 245, 0.4);
      flex: 1;
      white-space: nowrap;
      overflow: hidden;
      max-width: 206px; }
      user-card .info a.profile:hover, user-card .info a.profile:active, user-card .info a.profile:focus {
        text-decoration: none;
        color: #f5f5f5;
        opacity: 1; }
    user-card .info button.logout {
      white-space: nowrap;
      outline: none !important;
      padding: 0;
      margin: 0;
      border: none;
      background: transparent;
      color: #ffffff;
      text-align: left;
      overflow: hidden; }

.closed user-card .info {
  display: none; }

school-class-selector {
  display: flex;
  padding: 0 8px; }
  school-class-selector select {
    min-width: 15rem; }
  @media screen and (max-width: 1510px) {
    school-class-selector {
      margin-left: 84px; } }

.splash {
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  background-color: #2d7099; }
  .splash .center {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .splash .logo {
    display: block;
    margin: 0 auto;
    margin-bottom: 50px; }
  .splash .spinner {
    color: #ffffff;
    width: 2em;
    height: 2em; }
    .splash .spinner:after, .splash .spinner:before {
      border-width: 0.4rem; }

action-menu {
  font-style: normal; }
  action-menu .actions {
    margin-left: 15px; }
    action-menu .actions .btn {
      font-size: 18px;
      line-height: 1.25em;
      border-bottom-width: 1px; }
      action-menu .actions .btn:active, action-menu .actions .btn:hover {
        margin-top: 0; }
      action-menu .actions .btn.disabled {
        opacity: 1;
        background-color: #f5f5f5;
        color: #c1c3c5; }
    action-menu .actions .streamline, action-menu .actions .btn-addon, action-menu .actions .btn-solution.all-active {
      font-size: inherit; }
  action-menu .menu {
    margin: 0;
    position: relative; }
    action-menu .menu li > a {
      display: flex;
      font-size: 18px; }
      action-menu .menu li > a .streamline, action-menu .menu li > a .btn-addon, action-menu .menu li > a .btn-solution.all-active {
        font-size: inherit;
        margin-right: 15px; }
      action-menu .menu li > a span {
        flex: 1; }
  action-menu .invisible {
    opacity: 0 !important; }
  @media screen and (max-width: 1199px) {
    action-menu span.menu-label {
      display: none; }
    action-menu i.caret {
      margin-left: 0;
      margin-right: 0;
      margin-top: -3px; } }

settings-publication-level {
  user-select: none; }
  settings-publication-level .invisible {
    visibility: visible; }
    settings-publication-level .invisible.data .sequence,
    settings-publication-level .invisible.data .code,
    settings-publication-level .invisible.data .name,
    settings-publication-level .invisible.data .filler,
    settings-publication-level .invisible.data .page-number,
    settings-publication-level .invisible.data .article-type,
    settings-publication-level .invisible .data .sequence,
    settings-publication-level .invisible .data .code,
    settings-publication-level .invisible .data .name,
    settings-publication-level .invisible .data .filler,
    settings-publication-level .invisible .data .page-number,
    settings-publication-level .invisible .data .article-type {
      opacity: .33; }
    settings-publication-level .invisible .eye {
      color: #bf3004; }
      settings-publication-level .invisible .eye.icon-view {
        opacity: .33; }
    settings-publication-level .invisible + .publication-levels {
      opacity: .33; }
  settings-publication-level .eye {
    color: #609b21; }
  settings-publication-level .data {
    position: relative;
    display: flex;
    line-height: 2em; }
    settings-publication-level .data > div {
      margin: 0 4px 0 0; }
      settings-publication-level .data > div:last-child {
        margin: 0; }
    settings-publication-level .data .article-type {
      min-width: 96px;
      font-weight: 300; }
      settings-publication-level .data .article-type + .name,
      settings-publication-level .data .article-type + .filler {
        margin-left: 29px; }
    settings-publication-level .data .sequence,
    settings-publication-level .data .page-number {
      min-width: 25px; }
    settings-publication-level .data .page-number {
      text-align: right; }
    settings-publication-level .data .filler {
      border-bottom: 1px dotted #000000;
      flex: 1;
      margin-bottom: 0.5em; }
  settings-publication-level .publication-levels,
  settings-publication-level .articles {
    padding-left: 29px; }
  settings-publication-level.publication > .data {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin: 8px 0; }
    settings-publication-level.publication > .data .sequence {
      display: none; }
    settings-publication-level.publication > .data .filler {
      border: none; }
  settings-publication-level.publication-level.indent-0 {
    font-weight: 700;
    font-size: 18px; }
  settings-publication-level.publication-level.indent-1 {
    font-weight: 500;
    font-size: 18px; }
  settings-publication-level.gu-mirror {
    padding: 8px;
    width: 100%;
    box-sizing: content-box; }
    settings-publication-level.gu-mirror > .data {
      min-height: 36px; }
  settings-publication-level.gu-transit {
    display: block;
    opacity: .3; }
    settings-publication-level.gu-transit > .data {
      padding: 0; }

.aardrijkskunde settings-publication-level .data {
  position: relative;
  padding: 0 0 0 8px;
  font-weight: 400;
  font-size: 16px; }

.aardrijkskunde settings-publication-level .publication-levels {
  padding-left: 0; }

.aardrijkskunde settings-publication-level.publication > .data {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  margin: 8px 0; }

.aardrijkskunde settings-publication-level.publication-level.indent-0 > .data {
  font-weight: 500;
  font-size: 20px;
  line-height: 27.5px;
  margin-bottom: 8px;
  color: white; }
  .aardrijkskunde settings-publication-level.publication-level.indent-0 > .data .filler {
    border: none; }
  .aardrijkskunde settings-publication-level.publication-level.indent-0 > .data .page-number {
    padding-right: 133px; }
  .aardrijkskunde settings-publication-level.publication-level.indent-0 > .data action-menu {
    position: absolute;
    right: 0;
    top: 0; }

.aardrijkskunde settings-publication-level.publication-level.indent-1 > .data {
  font-weight: 700; }

.natura settings-publication-level .data,
.natuurwetenschappen settings-publication-level .data {
  position: relative;
  padding: 0 0 0 8px;
  font-weight: 400;
  font-size: 16px; }
  .natura settings-publication-level .data .article-type,
  .natuurwetenschappen settings-publication-level .data .article-type {
    font-weight: 400; }

.natura settings-publication-level .publication-levels,
.natuurwetenschappen settings-publication-level .publication-levels {
  padding-left: 0; }

.natura settings-publication-level.publication > .data,
.natuurwetenschappen settings-publication-level.publication > .data {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  margin: 8px 0; }

.natura settings-publication-level.publication-level.indent-0 > .data,
.natura settings-publication-level.publication-level.indent-1 > .data,
.natuurwetenschappen settings-publication-level.publication-level.indent-0 > .data,
.natuurwetenschappen settings-publication-level.publication-level.indent-1 > .data {
  margin-bottom: 8px;
  color: white; }
  .natura settings-publication-level.publication-level.indent-0 > .data .filler,
  .natura settings-publication-level.publication-level.indent-1 > .data .filler,
  .natuurwetenschappen settings-publication-level.publication-level.indent-0 > .data .filler,
  .natuurwetenschappen settings-publication-level.publication-level.indent-1 > .data .filler {
    border: none; }
  .natura settings-publication-level.publication-level.indent-0 > .data .page-number,
  .natura settings-publication-level.publication-level.indent-1 > .data .page-number,
  .natuurwetenschappen settings-publication-level.publication-level.indent-0 > .data .page-number,
  .natuurwetenschappen settings-publication-level.publication-level.indent-1 > .data .page-number {
    padding-right: 133px; }
  .natura settings-publication-level.publication-level.indent-0 > .data action-menu,
  .natura settings-publication-level.publication-level.indent-1 > .data action-menu,
  .natuurwetenschappen settings-publication-level.publication-level.indent-0 > .data action-menu,
  .natuurwetenschappen settings-publication-level.publication-level.indent-1 > .data action-menu {
    position: absolute;
    right: 0;
    top: -0.5; }

.natura settings-publication-level.publication-level.indent-0 > .data,
.natuurwetenschappen settings-publication-level.publication-level.indent-0 > .data {
  font-size: 20px;
  line-height: 27.5px;
  font-weight: 700;
  font-style: italic; }
  .natura settings-publication-level.publication-level.indent-0 > .data .sequence,
  .natuurwetenschappen settings-publication-level.publication-level.indent-0 > .data .sequence {
    margin-left: 8px; }

.natura settings-publication-level.publication-level.indent-0 > .data,
.natura settings-publication-level.publication-level.indent-0 > .publication-levels,
.natuurwetenschappen settings-publication-level.publication-level.indent-0 > .data,
.natuurwetenschappen settings-publication-level.publication-level.indent-0 > .publication-levels {
  padding-left: 175px; }

.natura settings-publication-level.publication-level.indent-1 > .data,
.natuurwetenschappen settings-publication-level.publication-level.indent-1 > .data {
  font-size: 18px;
  line-height: 25px; }
  .natura settings-publication-level.publication-level.indent-1 > .data action-menu,
  .natuurwetenschappen settings-publication-level.publication-level.indent-1 > .data action-menu {
    top: -1.5px; }

.natura settings-publication-level.publication-level.indent-2 > .data,
.natuurwetenschappen settings-publication-level.publication-level.indent-2 > .data {
  font-weight: 700;
  font-style: italic; }
  .natura settings-publication-level.publication-level.indent-2 > .data .sequence,
  .natuurwetenschappen settings-publication-level.publication-level.indent-2 > .data .sequence {
    text-align: right;
    box-sizing: content-box;
    width: 142px;
    margin-left: -135px;
    padding-right: 15px;
    color: #1e1e1e; }
  .natura settings-publication-level.publication-level.indent-2 > .data .page-number,
  .natuurwetenschappen settings-publication-level.publication-level.indent-2 > .data .page-number {
    color: #1e1e1e; }

settings-article {
  user-select: none;
  position: relative; }
  settings-article > .data {
    position: relative;
    display: flex;
    line-height: 2em; }
    settings-article > .data > div {
      margin: 0 4px 0 0; }
      settings-article > .data > div:last-child {
        margin: 0; }
    settings-article > .data .article-type {
      min-width: 96px;
      font-weight: 300; }
      settings-article > .data .article-type + .name,
      settings-article > .data .article-type + .filler {
        margin-left: 29px; }
    settings-article > .data .sequence,
    settings-article > .data .page-number {
      min-width: 25px; }
    settings-article > .data .page-number {
      text-align: right; }
    settings-article > .data .filler {
      border-bottom: 1px dotted #000000;
      flex: 1;
      margin-bottom: 0.5em; }
  settings-article .code:empty,
  settings-article .name:empty,
  settings-article .type:empty {
    display: none; }
  settings-article.gu-mirror > .data,
  settings-article.gu-transit > .data {
    min-height: 36px;
    width: 100%;
    padding: 0 0 0 8px; }

settings-module {
  user-select: none;
  position: relative; }
  settings-module .data {
    margin-left: 29px;
    position: relative;
    display: flex;
    line-height: 2em;
    align-items: center; }
    settings-module .data a {
      display: flex;
      flex: 1;
      color: #1e1e1e; }
      settings-module .data a:focus, settings-module .data a:hover, settings-module .data a:active {
        text-decoration: none; }
        settings-module .data a:focus + .thumbnail, settings-module .data a:hover + .thumbnail, settings-module .data a:active + .thumbnail {
          display: block; }
    settings-module .data .type,
    settings-module .data .code,
    settings-module .data .name {
      margin-right: 8px; }
    settings-module .data .code {
      min-width: 110px; }
    settings-module .data .thumbnail {
      display: none;
      position: absolute;
      z-index: 1;
      top: -62px;
      right: 77px; }
      @media screen and (min-width: 1200px) {
        settings-module .data .thumbnail {
          right: 130px; } }
      settings-module .data .thumbnail:before, settings-module .data .thumbnail:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        z-index: 100; }
      settings-module .data .thumbnail:before {
        left: -12px;
        margin-top: -12px;
        border: 6px solid transparent;
        border-right-color: lightgray; }
      settings-module .data .thumbnail:after {
        left: -8px;
        margin-top: -10px;
        border: 4px solid transparent;
        border-right-color: white; }
  @media screen and (min-width: 1830px) {
    settings-module .data .thumbnail {
      right: auto;
      left: -270px; }
      settings-module .data .thumbnail:before {
        left: auto;
        right: -12px;
        border-right-color: transparent;
        border-left-color: lightgray; }
      settings-module .data .thumbnail:after {
        left: auto;
        right: -8px;
        border-right-color: transparent;
        border-left-color: white; } }
  settings-module.gu-mirror {
    padding-left: 29px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    opacity: 1;
    box-shadow: none; }
    settings-module.gu-mirror .thumbnail {
      display: none !important; }
    settings-module.gu-mirror .data {
      min-height: 36px;
      width: 100%;
      padding: 0 8px;
      margin: 0;
      background-color: #ffffff;
      border: 1px solid #a7a9ac;
      border-radius: 4px;
      opacity: .9;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24); }
  settings-module.gu-transit {
    display: block;
    opacity: .3; }

.module-thumbnail {
  display: inline-block; }

.nav-tabs > li > a {
  font-size: 16px; }

.page-header h1, .page-header publication-level header, publication-level .page-header header {
  font-size: 41.6px; }

.btn-addon {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: relative;
  display: block;
  background-color: black;
  min-width: 46px;
  min-height: 46px;
  outline: none !important;
  margin-bottom: 8px;
  padding: 0;
  border: none;
  border-radius: 50%;
  z-index: 1; }
  .btn-addon:before {
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
    content: '';
    color: black;
    position: absolute;
    background: #ffffff;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border-radius: 50%;
    border: 1px solid black;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    font-weight: 700; }
  .btn-addon:hover:before, .btn-addon:focus:before {
    box-shadow: none;
    background: #707070; }
  .btn-addon:active, .btn-addon.active {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    color: #ffffff; }
    .btn-addon:active:before, .btn-addon.active:before {
      background-color: black;
      color: #ffffff; }
  .btn-addon.inactive {
    opacity: .5;
    display: none; }

addon-container {
  position: absolute;
  right: -61px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
  addon-container .btn-addon.btn-menu {
    display: none; }
  addon-container.container-collapsed {
    flex-direction: row-reverse; }
    addon-container.container-collapsed .btn-addon {
      margin: 0;
      display: none; }
    addon-container.container-collapsed .btn-addon.btn-menu {
      display: block; }
    addon-container.container-collapsed.menu-open .btn-addon {
      display: block;
      margin: 0 0 0 15px; }
    addon-container.container-collapsed.menu-open .btn-menu:before {
      transform: rotate(180deg); }

.btn-addon.btn-menu {
  line-height: 1.6em; }

.btn-loading:before {
  font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  animation: pulse .75s infinite;
  text-align: left;
  line-height: 0;
  padding: 10px;
  font-weight: 700; }

@keyframes pulse {
  0% {
    content: ''; }
  33% {
    content: '.'; }
  66% {
    content: '..'; }
  99% {
    content: '...'; } }

module-link .module-link.interactive-module {
  background: #2d7099; }
  module-link .module-link.interactive-module:before {
    color: #2d7099;
    border-color: #2d7099; }
  module-link .module-link.interactive-module:hover:before, module-link .module-link.interactive-module:focus:before {
    box-shadow: none;
    background: #bbd9eb; }
  module-link .module-link.interactive-module:active {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    color: #ffffff; }
    module-link .module-link.interactive-module:active:before {
      background-color: #2d7099;
      color: #ffffff; }

module-link .module-link.interactive-exercise {
  background: #ff9933; }
  module-link .module-link.interactive-exercise:before {
    color: #ff9933;
    border-color: #ff9933;
    font-size: 32px; }
  module-link .module-link.interactive-exercise:hover:before, module-link .module-link.interactive-exercise:focus:before {
    box-shadow: none;
    background: white; }
  module-link .module-link.interactive-exercise:active {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    color: #ffffff; }
    module-link .module-link.interactive-exercise:active:before {
      background-color: #ff9933;
      color: #ffffff; }

note {
  position: relative; }
  note .btn-edit {
    background: #2d7099; }
    note .btn-edit:before {
      color: #2d7099;
      border-color: #2d7099; }
    note .btn-edit:hover:before, note .btn-edit:focus:before {
      box-shadow: none;
      background: #bbd9eb; }
    note .btn-edit:active {
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      color: #ffffff; }
      note .btn-edit:active:before {
        background-color: #2d7099;
        color: #ffffff; }
  note .btn-trash {
    background: #e63205; }
    note .btn-trash:before {
      color: #e63205;
      border-color: #e63205; }
    note .btn-trash:hover:before, note .btn-trash:focus:before {
      box-shadow: none;
      background: #fed7cd; }
    note .btn-trash:active {
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      color: #ffffff; }
      note .btn-trash:active:before {
        background-color: #e63205;
        color: #ffffff; }
  note .btn-save {
    background: #6db026; }
    note .btn-save:before {
      color: #6db026;
      border-color: #6db026; }
    note .btn-save:hover:before, note .btn-save:focus:before {
      box-shadow: none;
      background: #dcf2c4; }
    note .btn-save:active {
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      color: #ffffff; }
      note .btn-save:active:before {
        background-color: #6db026;
        color: #ffffff; }

.btn-addon.btn-note {
  background: #61a71e; }
  .btn-addon.btn-note:before {
    color: #61a71e;
    border-color: #61a71e; }
  .btn-addon.btn-note:hover:before, .btn-addon.btn-note:focus:before {
    box-shadow: none;
    background: #d2f2b4; }
  .btn-addon.btn-note.active, .btn-addon.btn-note:active {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    color: #ffffff;
    background-color: #61a71e; }
    .btn-addon.btn-note.active:before, .btn-addon.btn-note:active:before {
      background-color: #61a71e;
      color: #ffffff; }

article.note {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
  position: absolute;
  width: 64rem;
  background: #fefdef;
  top: 0;
  right: 7rem;
  z-index: 5; }
  article.note > section header {
    font-weight: 700;
    padding: 15px; }
  article.note > section main {
    padding: 15px;
    border-top: 1px solid #a7a9ac;
    border-bottom: 1px solid #a7a9ac; }
  article.note > section footer {
    padding: 15px;
    display: flex;
    justify-content: center; }
    article.note > section footer .btn-addon {
      margin: 0 15px 0 0; }
      article.note > section footer .btn-addon:last-child {
        margin: 0; }

section.editing header input {
  width: 100%;
  padding: 5px 15px;
  margin: 0;
  background-color: #f5f5f5;
  border: 1px solid #CCC; }

element-image button {
  font-weight: bold;
  background-color: #ffffff;
  color: #1e1e1e;
  border: 1px solid #e8e8e8;
  background: #ffffff;
  outline: none !important; }

element-image button.close {
  position: absolute;
  right: -15px;
  top: -15px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  opacity: 1;
  display: none;
  font-weight: bold;
  background-color: #ffffff;
  color: #1e1e1e;
  border: 1px solid #e8e8e8;
  z-index: 2;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24); }
  element-image button.close:hover, element-image button.close:active, element-image button.close:focus {
    opacity: 1;
    outline: none; }

element-image .zoom-buttons {
  position: absolute;
  z-index: 2;
  display: none;
  right: -20px;
  top: 64px;
  border-radius: 16px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23); }

element-image .btn-zoom {
  border: none;
  display: block;
  margin: 0;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  width: 32px;
  height: 32px; }
  element-image .btn-zoom.btn-zoom-in {
    border-top: 1px solid #e8e8e8;
    border-radius: 16px 16px 0 0; }
  element-image .btn-zoom.btn-zoom-out {
    border-radius: 0 0 16px 16px; }

element-image .image-element ::selection {
  background: transparent; }

element-image .image-element .image-container {
  position: relative;
  z-index: 0;
  box-sizing: content-box; }
  element-image .image-element .image-container img {
    width: 100%;
    height: auto; }
  element-image .image-element .image-container .image {
    z-index: 1; }
  element-image .image-element .image-container .image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0); }
  element-image .image-element .image-container .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em;
    font-size: 72px;
    color: white; }
    element-image .image-element .image-container .spinner:before, element-image .image-element .image-container .spinner:after {
      border-width: 5px; }
  element-image .image-element .image-container element-article-element {
    margin: 0; }
    element-image .image-element .image-container element-article-element .level-0 {
      margin-left: 0 !important; }
    element-image .image-element .image-container element-article-element .level-1 {
      margin-left: 0 !important; }
    element-image .image-element .image-container element-article-element .level-2 {
      margin-left: 0 !important; }
    element-image .image-element .image-container element-article-element .level-3 {
      margin-left: 0 !important; }
    element-image .image-element .image-container element-article-element .level-4 {
      margin-left: 0 !important; }
    element-image .image-element .image-container element-article-element .level-5 {
      margin-left: 0 !important; }
    element-image .image-element .image-container element-article-element .level-6 {
      margin-left: 0 !important; }

element-image .image-element.fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 10; }
  element-image .image-element.fullscreen .image-container {
    border-radius: 8px;
    border: 8px solid #ffffff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
    transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
  element-image .image-element.fullscreen .image {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  element-image .image-element.fullscreen button.close,
  element-image .image-element.fullscreen .zoom-buttons {
    display: block; }
  element-image .image-element.fullscreen img {
    background: #f5f5f5; }

.publication-page .image-label-container {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 4px 15px;
  color: #1e1e1e;
  border: 1px solid; }
  .publication-page .image-label-container .image-code,
  .publication-page .image-label-container .code {
    font-weight: 500;
    color: #5e6c7c;
    float: left; }
  .publication-page .image-label-container .image-label,
  .publication-page .image-label-container .name {
    margin-left: 8px; }

.publication-page .fullscreen .image-label-container {
  position: absolute; }

.publication-page.aardrijkskunde .image-label-container {
  background: #f5f5f5;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24); }
  .publication-page.aardrijkskunde .image-label-container:empty,
  .publication-page.aardrijkskunde .image-label-container .image-label:empty,
  .publication-page.aardrijkskunde .image-label-container .name:empty,
  .publication-page.aardrijkskunde .image-label-container .image-code:empty,
  .publication-page.aardrijkskunde .image-label-container .code:empty {
    display: none; }
  .publication-page.aardrijkskunde .image-label-container .image-code:before,
  .publication-page.aardrijkskunde .image-label-container .code:before {
    content: 'fig. '; }

.publication-page.natura .image-label-container, .publication-page.natuurwetenschappen .image-label-container {
  padding: 0;
  border: none;
  display: flex;
  margin: 5px;
  color: #5e6c7c; }
  .publication-page.natura .image-label-container .image-code,
  .publication-page.natura .image-label-container .code, .publication-page.natuurwetenschappen .image-label-container .image-code,
  .publication-page.natuurwetenschappen .image-label-container .code {
    background: #dbdde2;
    margin: 0;
    padding: 4px 20px 4px 8px;
    border-radius: 15px 0 0 15px; }
  .publication-page.natura .image-label-container .image-label,
  .publication-page.natura .image-label-container .name, .publication-page.natuurwetenschappen .image-label-container .image-label,
  .publication-page.natuurwetenschappen .image-label-container .name {
    margin: 0;
    padding: 4px 20px;
    border-bottom: 1px solid #dbdde2;
    background: #f5f5f5; }
    .publication-page.natura .image-label-container .image-label:empty,
    .publication-page.natura .image-label-container .name:empty, .publication-page.natuurwetenschappen .image-label-container .image-label:empty,
    .publication-page.natuurwetenschappen .image-label-container .name:empty {
      display: none; }

element-input .element-input {
  padding: 0;
  display: flex;
  flex-wrap: wrap; }
  element-input .element-input label {
    padding-top: .2rem;
    margin: 0 4px 0 0; }
    element-input .element-input label:empty {
      display: none; }
  element-input .element-input .input {
    position: relative;
    background: transparent;
    display: inline-block;
    flex: 1; }
    element-input .element-input .input input[type="text"] {
      border: none;
      outline: none;
      padding: 0 0.2rem 0 0;
      height: 2.6rem;
      text-align: inherit;
      background-position-y: 2.1rem;
      min-width: 0;
      width: 0;
      margin: 0;
      font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-weight: 500;
      font-style: italic;
      color: #92278f;
      background-color: transparent;
      background-size: 2.2rem 2.2rem;
      background-image: linear-gradient(to bottom, #bfdbec 0.1rem, transparent 0);
      background-position: 0 1.8rem; }

element-input .label-after label {
  order: 2;
  margin-right: 0; }

element-input .label-after .input {
  order: 1;
  flex: initial;
  margin-right: 8px; }

element-input span.width {
  opacity: 1;
  pointer-events: none;
  display: block;
  position: fixed;
  left: -1000px;
  top: -1000px;
  padding: 0 0.2rem 0 0;
  font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  font-style: italic;
  color: #92278f; }

element-option-list, element-option-list > div > element-article-element > .article-element element-input > .element-input .input input[type="text"] {
  width: auto; }

.justified element-input .element-input .input,
.justified element-input .element-input .input input {
  width: 100%; }

.justified element-input .element-input label {
  flex: initial; }

element-input-group {
  display: flex;
  flex-wrap: wrap; }
  element-input-group > element-article-element {
    margin-right: 8px; }
    element-input-group > element-article-element:last-of-type {
      margin-right: 0; }

element-line-connect .spinner-container {
  display: flex;
  justify-content: center;
  align-items: center; }
  element-line-connect .spinner-container .spinner {
    font-size: 32px; }

element-list ol {
  list-style-type: none;
  padding: 0 0 0 20px;
  margin-bottom: 0; }
  element-list ol.type-ordered {
    list-style-type: decimal; }
    element-list ol.type-ordered.style-decimal {
      list-style-type: decimal; }
    element-list ol.type-ordered.style-decimal-leading-zero {
      list-style-type: decimal-leading-zero; }
    element-list ol.type-ordered.style-lower-alpha {
      list-style-type: lower-alpha; }
    element-list ol.type-ordered.style-upper-alpha {
      list-style-type: upper-alpha; }
    element-list ol.type-ordered.style-lower-roman {
      list-style-type: lower-roman; }
    element-list ol.type-ordered.style-upper-roman {
      list-style-type: upper-roman; }
    element-list ol.type-ordered.style-sticker-decimal {
      list-style: none;
      counter-reset: sticker; }
      element-list ol.type-ordered.style-sticker-decimal li::before {
        display: inline-block;
        counter-increment: sticker;
        content: counters(sticker, ".") " ";
        background: #ffffff;
        border-radius: 100%;
        width: 3.3rem;
        height: 3.3rem;
        border: 0.2rem solid #000000;
        overflow: hidden;
        font-weight: 400;
        vertical-align: middle;
        font-size: 2.4rem;
        line-height: 3.2rem;
        text-align: center;
        margin-right: 8px;
        margin-bottom: .7rem; }
  element-list ol.type-unordered {
    list-style-type: disc; }
    element-list ol.type-unordered.style-disc {
      list-style-type: disc; }
    element-list ol.type-unordered.style-circle {
      list-style-type: circle; }
    element-list ol.type-unordered.style-square {
      list-style-type: square; }

.natura ol,
.natura ul,
.natuurwetenschappen ol,
.natuurwetenschappen ul {
  list-style-type: none;
  padding: 0 0 0 20px;
  position: relative; }
  .natura ol.type-ordered, .natura ol.type-ordered.style-decimal,
  .natura ul.type-ordered,
  .natura ul.type-ordered.style-decimal,
  .natuurwetenschappen ol.type-ordered,
  .natuurwetenschappen ol.type-ordered.style-decimal,
  .natuurwetenschappen ul.type-ordered,
  .natuurwetenschappen ul.type-ordered.style-decimal {
    list-style-type: none; }
  .natura ol li:before,
  .natura ul li:before,
  .natuurwetenschappen ol li:before,
  .natuurwetenschappen ul li:before {
    position: absolute;
    left: 0;
    width: 20px;
    overflow: hidden; }

.natura ol,
.natuurwetenschappen ol {
  counter-reset: natuurwetenschappen; }
  .natura ol li:before,
  .natuurwetenschappen ol li:before {
    counter-increment: natuurwetenschappen;
    content: counters(natuurwetenschappen, ".") " "; }

.natura ul li:before,
.natuurwetenschappen ul li:before {
  content: '\2022'; }

element-list > ol > li > element-article-element .level-0 {
  margin-left: 0 !important; }

element-list > ol > li > element-article-element .level-1 {
  margin-left: 0 !important; }

element-list > ol > li > element-article-element .level-2 {
  margin-left: 0 !important; }

element-list > ol > li > element-article-element .level-3 {
  margin-left: 0 !important; }

element-list > ol > li > element-article-element .level-4 {
  margin-left: 0 !important; }

element-list > ol > li > element-article-element .level-5 {
  margin-left: 0 !important; }

element-list > ol > li > element-article-element .level-6 {
  margin-left: 0 !important; }

element-list-item > span:empty {
  display: none; }

element-optionlist {
  display: inline; }
  element-optionlist > div {
    padding: 0; }
    element-optionlist > div > element-article-element {
      display: inline-block;
      margin-right: 4px; }
      element-optionlist > div > element-article-element > .article-element,
      element-optionlist > div > element-article-element > .article-element * {
        display: inline; }
      element-optionlist > div > element-article-element:last-child {
        margin-right: 0; }
    element-optionlist > div input[type="checkbox"] {
      display: none !important; }
    element-optionlist > div label {
      position: relative; }
      element-optionlist > div label:after {
        content: normal; }
  element-optionlist .list > element-article-element {
    display: block; }
    element-optionlist .list > element-article-element:before {
      content: "\2022";
      display: inline-block;
      min-width: 20px;
      padding-left: 4px; }
    element-optionlist .list > element-article-element > div {
      display: inline-block; }

element-optionlist-option input[type="checkbox"] {
  display: none; }

element-optionlist-option label {
  color: #419cb2; }

element-optionlist-option span.separator {
  padding-left: 4px; }
  element-optionlist-option span.separator:empty {
    display: none; }

.marked element-optionlist-option .show-solution input[type="checkbox"]:checked + label {
  background: rgba(146, 39, 143, 0.33); }

.scratch element-optionlist-option label {
  white-space: nowrap; }

.scratch element-optionlist-option .show-solution input[type="checkbox"] + label:after {
  content: '';
  position: absolute;
  border-bottom: 0.2rem solid #92278f;
  left: 0;
  right: 0;
  top: 56%; }

.scratch element-optionlist-option .show-solution input[type="checkbox"]:checked + label:after {
  content: initial; }

.circle element-optionlist-option label {
  padding: 0;
  border-radius: 50%;
  border: 0.1rem solid #419cb2;
  width: 2.2rem;
  text-align: center; }

element-optionlist > div.circle > element-article-element > .article-element label {
  display: inline-block; }

element-subtask > p.element-subtask {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.25rem;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap; }
  element-subtask > p.element-subtask span.name {
    margin-right: 8px; }
  element-subtask > p.element-subtask span.elements {
    min-width: 22px;
    flex: 1; }
  element-subtask > p.element-subtask span:empty {
    display: none; }

element-svg .image-container svg {
  width: 100%;
  height: auto; }

table.table, .article-exercise element-table table.table.default,
.article-info element-table table.table.default,
.article-educational element-table table.table.default,
.article-technique element-table table.table.default,
.article-study-tip element-table table.table.default {
  margin: 0; }
  table.table tr.table-header > td, .article-exercise element-table table.table.default tr.table-header > td, .article-info element-table table.table.default tr.table-header > td, .article-educational element-table table.table.default tr.table-header > td, .article-technique element-table table.table.default tr.table-header > td, .article-study-tip element-table table.table.default tr.table-header > td,
  table.table tr.table-header > td,
  .article-exercise element-table table.table.default tr.table-header > td,
  .article-info element-table table.table.default tr.table-header > td,
  .article-educational element-table table.table.default tr.table-header > td,
  .article-technique element-table table.table.default tr.table-header > td,
  .article-study-tip element-table table.table.default tr.table-header > td,
  table.table td.header,
  .article-exercise element-table table.table.default td.header,
  .article-info element-table table.table.default td.header,
  .article-educational element-table table.table.default td.header,
  .article-technique element-table table.table.default td.header,
  .article-study-tip element-table table.table.default td.header {
    vertical-align: middle;
    border: 1px solid #ffffff; }
    table.table tr.table-header > td.text-left,
    table.table tr.table-header > td.text-left,
    table.table td.text-left.header {
      text-align: left; }
    table.table tr.table-header > td.text-right,
    table.table tr.table-header > td.text-right,
    table.table td.text-right.header {
      text-align: right; }
  table.table tr.table-sub-header > td, .article-exercise element-table table.table.default tr.table-sub-header > td, .article-info element-table table.table.default tr.table-sub-header > td, .article-educational element-table table.table.default tr.table-sub-header > td, .article-technique element-table table.table.default tr.table-sub-header > td, .article-study-tip element-table table.table.default tr.table-sub-header > td,
  table.table tr.table-sub-header > td,
  .article-exercise element-table table.table.default tr.table-sub-header > td,
  .article-info element-table table.table.default tr.table-sub-header > td,
  .article-educational element-table table.table.default tr.table-sub-header > td,
  .article-technique element-table table.table.default tr.table-sub-header > td,
  .article-study-tip element-table table.table.default tr.table-sub-header > td,
  table.table td.sub-header,
  .article-exercise element-table table.table.default td.sub-header,
  .article-info element-table table.table.default td.sub-header,
  .article-educational element-table table.table.default td.sub-header,
  .article-technique element-table table.table.default td.sub-header,
  .article-study-tip element-table table.table.default td.sub-header {
    vertical-align: middle;
    border: 1px solid #ffffff; }
    table.table tr.table-sub-header > td.text-left,
    table.table tr.table-sub-header > td.text-left,
    table.table td.text-left.sub-header {
      text-align: left; }
    table.table tr.table-sub-header > td.text-right,
    table.table tr.table-sub-header > td.text-right,
    table.table td.text-right.sub-header {
      text-align: right; }
  table.table tr.table-header + tr.table-row td,
  table.table tr.table-sub-header + tr.table-row td {
    border-top: 2px solid #ffffff; }
  table.table > tbody > tr > td, .article-exercise element-table table.table.default > tbody > tr > td, .article-info element-table table.table.default > tbody > tr > td, .article-educational element-table table.table.default > tbody > tr > td, .article-technique element-table table.table.default > tbody > tr > td, .article-study-tip element-table table.table.default > tbody > tr > td {
    background-color: transparent;
    border: 1px solid #a7a9ac;
    padding: 8px 4px;
    text-align: inherit;
    vertical-align: inherit; }
    table.table > tbody > tr > td span:empty, .article-exercise element-table table.table.default > tbody > tr > td span:empty, .article-info element-table table.table.default > tbody > tr > td span:empty, .article-educational element-table table.table.default > tbody > tr > td span:empty, .article-technique element-table table.table.default > tbody > tr > td span:empty, .article-study-tip element-table table.table.default > tbody > tr > td span:empty {
      display: none; }
    table.table > tbody > tr > td .element-image .image-label, .article-exercise element-table table.table.default > tbody > tr > td .element-image .image-label, .article-info element-table table.table.default > tbody > tr > td .element-image .image-label, .article-educational element-table table.table.default > tbody > tr > td .element-image .image-label, .article-technique element-table table.table.default > tbody > tr > td .element-image .image-label, .article-study-tip element-table table.table.default > tbody > tr > td .element-image .image-label {
      position: relative;
      margin: -15px auto 0;
      left: initial;
      bottom: initial;
      box-shadow: none;
      text-align: center;
      background: rgba(245, 245, 245, 0.7); }
    table.table > tbody > tr > td [class^="element-"], .article-exercise element-table table.table.default > tbody > tr > td [class^="element-"], .article-info element-table table.table.default > tbody > tr > td [class^="element-"], .article-educational element-table table.table.default > tbody > tr > td [class^="element-"], .article-technique element-table table.table.default > tbody > tr > td [class^="element-"], .article-study-tip element-table table.table.default > tbody > tr > td [class^="element-"] {
      padding: 0;
      margin: 0; }
    table.table > tbody > tr > td.text-center, .article-exercise element-table table.table.default > tbody > tr > td.text-center, .article-info element-table table.table.default > tbody > tr > td.text-center, .article-educational element-table table.table.default > tbody > tr > td.text-center, .article-technique element-table table.table.default > tbody > tr > td.text-center, .article-study-tip element-table table.table.default > tbody > tr > td.text-center {
      text-align: center; }
    table.table > tbody > tr > td.cell-base-light, .article-exercise element-table table.table.default > tbody > tr > td.cell-base-light, .article-info element-table table.table.default > tbody > tr > td.cell-base-light, .article-educational element-table table.table.default > tbody > tr > td.cell-base-light, .article-technique element-table table.table.default > tbody > tr > td.cell-base-light, .article-study-tip element-table table.table.default > tbody > tr > td.cell-base-light {
      background-color: #faf2e2;
      border: 1px solid #ffffff; }
    table.table > tbody > tr > td.cell-base, .article-exercise element-table table.table.default > tbody > tr > td.cell-base, .article-info element-table table.table.default > tbody > tr > td.cell-base, .article-educational element-table table.table.default > tbody > tr > td.cell-base, .article-technique element-table table.table.default > tbody > tr > td.cell-base, .article-study-tip element-table table.table.default > tbody > tr > td.cell-base {
      background-color: #f2dfbf;
      border: 1px solid #ffffff; }
    table.table > tbody > tr > td.cell-base-dark, .article-exercise element-table table.table.default > tbody > tr > td.cell-base-dark, .article-info element-table table.table.default > tbody > tr > td.cell-base-dark, .article-educational element-table table.table.default > tbody > tr > td.cell-base-dark, .article-technique element-table table.table.default > tbody > tr > td.cell-base-dark, .article-study-tip element-table table.table.default > tbody > tr > td.cell-base-dark {
      background-color: #eecf9e;
      border: 1px solid #ffffff; }
    table.table > tbody > tr > td.cell-interactive, .article-exercise element-table table.table.default > tbody > tr > td.cell-interactive, .article-info element-table table.table.default > tbody > tr > td.cell-interactive, .article-educational element-table table.table.default > tbody > tr > td.cell-interactive, .article-technique element-table table.table.default > tbody > tr > td.cell-interactive, .article-study-tip element-table table.table.default > tbody > tr > td.cell-interactive {
      background-color: #eff4f7;
      border: 1px solid #a7a9ac; }
      table.table > tbody > tr > td.cell-interactive:last-of-type, .article-exercise element-table table.table.default > tbody > tr > td.cell-interactive:last-of-type, .article-info element-table table.table.default > tbody > tr > td.cell-interactive:last-of-type, .article-educational element-table table.table.default > tbody > tr > td.cell-interactive:last-of-type, .article-technique element-table table.table.default > tbody > tr > td.cell-interactive:last-of-type, .article-study-tip element-table table.table.default > tbody > tr > td.cell-interactive:last-of-type {
        border-right: none; }
      table.table > tbody > tr > td.cell-interactive:first-of-type, .article-exercise element-table table.table.default > tbody > tr > td.cell-interactive:first-of-type, .article-info element-table table.table.default > tbody > tr > td.cell-interactive:first-of-type, .article-educational element-table table.table.default > tbody > tr > td.cell-interactive:first-of-type, .article-technique element-table table.table.default > tbody > tr > td.cell-interactive:first-of-type, .article-study-tip element-table table.table.default > tbody > tr > td.cell-interactive:first-of-type {
        border-left: none; }
  table.table .border-none, .article-exercise element-table table.table.default .border-none, .article-info element-table table.table.default .border-none, .article-educational element-table table.table.default .border-none, .article-technique element-table table.table.default .border-none, .article-study-tip element-table table.table.default .border-none, table.table.border-none, .article-exercise element-table table.border-none.table.default,
  .article-info element-table table.border-none.table.default,
  .article-educational element-table table.border-none.table.default,
  .article-technique element-table table.border-none.table.default,
  .article-study-tip element-table table.border-none.table.default,
  table.table.border-none > tbody,
  .article-exercise element-table table.border-none.table.default > tbody,
  .article-info element-table table.border-none.table.default > tbody,
  .article-educational element-table table.border-none.table.default > tbody,
  .article-technique element-table table.border-none.table.default > tbody,
  .article-study-tip element-table table.border-none.table.default > tbody,
  table.table.border-none > tbody > tr,
  .article-exercise element-table table.border-none.table.default > tbody > tr,
  .article-info element-table table.border-none.table.default > tbody > tr,
  .article-educational element-table table.border-none.table.default > tbody > tr,
  .article-technique element-table table.border-none.table.default > tbody > tr,
  .article-study-tip element-table table.border-none.table.default > tbody > tr,
  table.table.border-none > tbody > tr > td,
  .article-exercise element-table table.border-none.table.default > tbody > tr > td,
  .article-info element-table table.border-none.table.default > tbody > tr > td,
  .article-educational element-table table.border-none.table.default > tbody > tr > td,
  .article-technique element-table table.border-none.table.default > tbody > tr > td,
  .article-study-tip element-table table.border-none.table.default > tbody > tr > td {
    border: none !important; }
  table.table.align-left, .article-exercise element-table table.align-left.table.default,
  .article-info element-table table.align-left.table.default,
  .article-educational element-table table.align-left.table.default,
  .article-technique element-table table.align-left.table.default,
  .article-study-tip element-table table.align-left.table.default,
  table.table .align-left,
  .article-exercise element-table table.table.default .align-left,
  .article-info element-table table.table.default .align-left,
  .article-educational element-table table.table.default .align-left,
  .article-technique element-table table.table.default .align-left,
  .article-study-tip element-table table.table.default .align-left {
    text-align: left !important; }
  table.table .align-center, .article-exercise element-table table.table.default .align-center, .article-info element-table table.table.default .align-center, .article-educational element-table table.table.default .align-center, .article-technique element-table table.table.default .align-center, .article-study-tip element-table table.table.default .align-center {
    text-align: center !important; }
  table.table .align-right, .article-exercise element-table table.table.default .align-right, .article-info element-table table.table.default .align-right, .article-educational element-table table.table.default .align-right, .article-technique element-table table.table.default .align-right, .article-study-tip element-table table.table.default .align-right {
    text-align: right !important; }
  table.table .valign-top, .article-exercise element-table table.table.default .valign-top, .article-info element-table table.table.default .valign-top, .article-educational element-table table.table.default .valign-top, .article-technique element-table table.table.default .valign-top, .article-study-tip element-table table.table.default .valign-top {
    vertical-align: top !important; }
  table.table .valign-middle, .article-exercise element-table table.table.default .valign-middle, .article-info element-table table.table.default .valign-middle, .article-educational element-table table.table.default .valign-middle, .article-technique element-table table.table.default .valign-middle, .article-study-tip element-table table.table.default .valign-middle {
    vertical-align: middle !important; }
  table.table .valign-center, .article-exercise element-table table.table.default .valign-center, .article-info element-table table.table.default .valign-center, .article-educational element-table table.table.default .valign-center, .article-technique element-table table.table.default .valign-center, .article-study-tip element-table table.table.default .valign-center {
    vertical-align: middle !important; }
  table.table .valign-bottom, .article-exercise element-table table.table.default .valign-bottom, .article-info element-table table.table.default .valign-bottom, .article-educational element-table table.table.default .valign-bottom, .article-technique element-table table.table.default .valign-bottom, .article-study-tip element-table table.table.default .valign-bottom {
    vertical-align: bottom !important; }
  table.table .text-default, .article-exercise element-table table.table.default .text-default, .article-info element-table table.table.default .text-default, .article-educational element-table table.table.default .text-default, .article-technique element-table table.table.default .text-default, .article-study-tip element-table table.table.default .text-default {
    text-transform: none !important; }
  table.table tr:first-child td.cell-base-light,
  table.table tr:first-child td.cell-base,
  table.table tr:first-child td.cell-base-dark {
    border-top: 1px solid #ec8e1c; }
  table.table tr:first-child td.cell-interactive {
    border-top: none; }
  table.table tr:last-child td.cell-base-light,
  table.table tr:last-child td.cell-base,
  table.table tr:last-child td.cell-base-dark {
    border-bottom: 1px solid #ec8e1c; }
  table.table tr:last-child td.cell-interactive {
    border-bottom: none; }

table.table.table-striped tr td, .article-exercise element-table table.table-striped.table.default tr td, .article-info element-table table.table-striped.table.default tr td, .article-educational element-table table.table-striped.table.default tr td, .article-technique element-table table.table-striped.table.default tr td, .article-study-tip element-table table.table-striped.table.default tr td {
  border: none; }

table.table.table-striped tr:nth-child(2n) td {
  background-color: #e8e8e8; }
  table.table.table-striped tr:nth-child(2n) td.cell-interactive {
    background-color: #dee8ef; }
  table.table.table-striped tr:nth-child(2n) td.cell-base-light {
    background-color: #f2dfbf; }
  table.table.table-striped tr:nth-child(2n) td.cell-base {
    background-color: #eecf9e; }
  table.table.table-striped tr:nth-child(2n) td.cell-base-dark {
    background-color: #f2dfbf; }

.publication-page.natura table.table tr.table-header > td,
.publication-page.natura table.table tr.table-header > td,
.publication-page.natura table.table td.header,
.publication-page.natuurwetenschappen table.table tr.table-header > td,
.publication-page.natuurwetenschappen table.table tr.table-header > td,
.publication-page.natuurwetenschappen table.table td.header {
  background-color: #6a9f4e;
  border: 1px solid #ffffff; }

.publication-page.natura table.table tr.table-sub-header > td,
.publication-page.natura table.table tr.table-sub-header > td,
.publication-page.natura table.table td.sub-header,
.publication-page.natuurwetenschappen table.table tr.table-sub-header > td,
.publication-page.natuurwetenschappen table.table tr.table-sub-header > td,
.publication-page.natuurwetenschappen table.table td.sub-header {
  background-color: #91b679;
  border: 1px solid #ffffff; }

.publication-page.natura table.table td.cell-base-light,
.publication-page.natuurwetenschappen table.table td.cell-base-light {
  background-color: #d0dec4;
  border: 1px solid #ffffff; }

.publication-page.natura table.table td.cell-base,
.publication-page.natuurwetenschappen table.table td.cell-base {
  background-color: #91b679;
  border: 1px solid #ffffff; }

.publication-page.natura table.table td.cell-base-dark,
.publication-page.natuurwetenschappen table.table td.cell-base-dark {
  background-color: #6a9f4e;
  border: 1px solid #ffffff; }

.publication-page.natura table.table td.cell-interactive,
.publication-page.natuurwetenschappen table.table td.cell-interactive {
  background-color: #eff4f7;
  border: 1px solid #ffffff; }

.article-info element-table table.table td, .article-info element-table table.table.default td {
  background-color: transparent; }

.article-info element-table table.table tr.table-header > td,
.article-info element-table table.table tr.table-header > td,
.article-info element-table table.table td.header {
  background-color: #deac39;
  color: #1e1e1e; }

.article-educational element-table table.table td, .article-educational element-table table.table.default td {
  background-color: transparent; }

.article-educational element-table table.table tr.table-header > td,
.article-educational element-table table.table tr.table-header > td,
.article-educational element-table table.table td.header {
  background-color: #6cad51;
  color: #1e1e1e; }

.article-technique element-table table.table td, .article-technique element-table table.table.default td {
  background-color: transparent; }

.article-technique element-table table.table tr.table-header > td,
.article-technique element-table table.table tr.table-header > td,
.article-technique element-table table.table td.header {
  background-color: #d4502d;
  color: #1e1e1e; }

.article-study-tip element-table table.table td, .article-study-tip element-table table.table.default td {
  background-color: transparent; }

.article-study-tip element-table table.table tr.table-header > td,
.article-study-tip element-table table.table tr.table-header > td,
.article-study-tip element-table table.table td.header {
  background-color: #4f9984;
  color: #1e1e1e; }

element-task > p.element-task {
  font-weight: 400;
  font-style: italic;
  font-size: 1.6rem;
  line-height: 2.25rem;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap; }
  element-task > p.element-task span.name {
    margin-right: 8px; }
  element-task > p.element-task span.elements {
    min-width: 22px;
    flex: 1; }
  element-task > p.element-task span:empty {
    display: none; }

element-title > p.element-title {
  font-size: 1.6rem;
  font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  min-height: 2rem;
  line-height: 2rem;
  display: flex;
  flex-wrap: wrap; }
  element-title > p.element-title span.name {
    padding: 8px 15px;
    background: #dbdde2;
    color: #5e6c7c;
    font-weight: 700; }
  element-title > p.element-title span.elements {
    min-width: 22px;
    flex: 1; }
  element-title > p.element-title span:empty {
    display: none; }

.publication-article.article-basic {
  position: relative; }

element-educational {
  position: relative; }
  element-educational .title-container {
    display: flex;
    margin-bottom: 15px; }
    element-educational .title-container .type {
      display: flex;
      background-color: #6cad51;
      color: #ffffff;
      min-width: 15rem;
      padding: 8px;
      align-items: center; }
    element-educational .title-container .title {
      display: flex;
      flex: 1;
      background-color: #edf2e7;
      color: #6cad51;
      padding: 8px;
      align-items: center; }
  element-educational .elements {
    padding: 15px;
    background-color: #edf2e7; }

.natura element-educational,
.natuurwetenschappen element-educational {
  display: block;
  margin-top: 40px;
  position: relative;
  border: 1px solid #80ad53;
  background: #d9e7cc;
  border-radius: 15px 15px 0 0;
  padding: 8px 15px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23); }
  .natura element-educational:before,
  .natuurwetenschappen element-educational:before {
    content: 'Antwoord';
    font-style: italic;
    font-size: 1.25em;
    top: -1.1em;
    position: absolute;
    left: 15px;
    font-weight: 700;
    color: #80ad53; }
  .natura element-educational .title-container,
  .natuurwetenschappen element-educational .title-container {
    display: none; }
  .natura element-educational .elements,
  .natuurwetenschappen element-educational .elements {
    background-color: transparent; }
  .natura element-educational p:last-child,
  .natura element-educational ul:last-child,
  .natura element-educational ol:last-child,
  .natuurwetenschappen element-educational p:last-child,
  .natuurwetenschappen element-educational ul:last-child,
  .natuurwetenschappen element-educational ol:last-child {
    margin-bottom: 0; }

element-generic {
  position: relative; }
  element-generic .title-container {
    display: flex;
    margin-bottom: 15px; }
    element-generic .title-container .type {
      display: flex;
      background-color: #a7a9ac;
      color: #ffffff;
      min-width: 15rem;
      padding: 8px;
      align-items: center; }
    element-generic .title-container .title {
      display: flex;
      flex: 1;
      background-color: #e8e8e8;
      color: #a7a9ac;
      padding: 8px;
      align-items: center; }
  element-generic .elements {
    padding: 15px;
    background-color: rgba(0, 0, 0, 0); }

article-study-tip .title-container {
  display: flex;
  margin-bottom: 15px; }
  article-study-tip .title-container .type {
    display: flex;
    background-color: #4f9984;
    color: #ffffff;
    min-width: 15rem;
    padding: 8px;
    align-items: center; }
  article-study-tip .title-container .title {
    display: flex;
    flex: 1;
    background-color: #e6edea;
    color: #4f9984;
    padding: 8px;
    align-items: center; }

article-study-tip .elements {
  padding: 15px;
  background-color: #e6edea; }

article-did-you-know .title-container {
  display: flex;
  margin-bottom: 15px; }
  article-did-you-know .title-container .type {
    display: flex;
    background-color: #a154a1;
    color: #f0e8f3;
    min-width: 15rem;
    padding: 8px;
    align-items: center; }
  article-did-you-know .title-container .title {
    display: flex;
    flex: 1;
    background-color: #f0e8f3;
    color: #a154a1;
    padding: 8px;
    align-items: center; }

article-did-you-know .elements {
  padding: 15px;
  background-color: #f0e8f3; }

.natura article-did-you-know .title-container .type,
.natuurwetenschappen article-did-you-know .title-container .type {
  background-color: #4d9383; }

.natura article-did-you-know .title-container .title,
.natuurwetenschappen article-did-you-know .title-container .title {
  background-color: #e6eeea;
  color: #4d9383; }

.natura article-did-you-know .elements,
.natuurwetenschappen article-did-you-know .elements {
  background-color: #e6eeea; }

index-link a {
  display: flex; }

index-link span:empty {
  display: none; }

.solution-wrapper {
  position: absolute;
  left: -61px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center; }

element-experiment .solution-wrapper,
element-educational .solution-wrapper,
element-info .solution-wrapper,
element-technique .solution-wrapper {
  left: -76px; }

.btn-solution {
  background-color: #8c3eb9; }
  .btn-solution i.streamline, .btn-solution i.btn-addon, .btn-solution i.btn-solution.all-active {
    font-size: 16px;
    display: none;
    box-shadow: 0 0 0 2px #8c3eb9, 0 3px 10px rgba(0, 0, 0, 0.23);
    position: absolute;
    border-radius: 50%;
    border: 1px solid #461f5c;
    color: #ffffff;
    background-color: #8c3eb9;
    z-index: 1;
    bottom: -8px;
    right: -8px;
    width: 27px;
    height: 27px;
    padding: 0;
    line-height: 27px; }
  .btn-solution:before {
    content: '?';
    color: #8c3eb9;
    background: #ffffff;
    font-size: 32px;
    font-weight: 700 !important;
    font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
  .btn-solution:hover:before, .btn-solution:focus:before {
    background: #eee2f5; }
  .btn-solution.active:before, .btn-solution:active:before {
    color: #ffffff;
    background-color: #8c3eb9; }
  .btn-solution.active:before {
    font-size: 24px;
    line-height: 36px; }
  .btn-solution.all-active:before {
    background-color: #8c3eb9; }
  .btn-solution.school i.streamline.icon-school, .btn-solution.school i.icon-school.btn-addon, .btn-solution.school i.icon-school.btn-solution.all-active {
    display: block; }
  .btn-solution.school-class i.streamline.icon-class, .btn-solution.school-class i.icon-class.btn-addon, .btn-solution.school-class i.icon-class.btn-solution.all-active {
    display: block; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.publication-page.index a {
  color: #1e1e1e;
  display: flex; }
  .publication-page.index a:hover {
    text-decoration: none; }
  .publication-page.index a span {
    display: block; }

.publication-page.index h2, .publication-page.index publication-level publication-level header, publication-level publication-level .publication-page.index header {
  font-size: 20px;
  line-height: 27.5px;
  padding: 0 8px;
  position: relative; }
  .publication-page.index h2 a, .publication-page.index publication-level publication-level header a, publication-level publication-level .publication-page.index header a {
    color: #ffffff; }

.publication-page.index h3, .publication-page.index publication-level publication-level publication-level header, publication-level publication-level publication-level .publication-page.index header,
.publication-page.index h4,
.publication-page.index publication-level publication-level publication-level publication-level header,
publication-level publication-level publication-level publication-level .publication-page.index header,
.publication-page.index h5,
.publication-page.index h6 {
  font-size: 16px;
  line-height: 22px;
  padding: 0 8px;
  margin: 0 0 8px;
  font-weight: 400;
  font-style: normal; }

.publication-page.index h3, .publication-page.index publication-level publication-level publication-level header, publication-level publication-level publication-level .publication-page.index header {
  font-weight: 700;
  position: relative; }

.publication-page.index h5 {
  margin-left: 33px;
  position: relative; }

.publication-page.index .sequence:empty {
  display: none; }

.publication-page.index > .aardrijkskunde span.sequence {
  min-width: 25px;
  margin-right: 8px; }
  .publication-page.index > .aardrijkskunde span.sequence:after {
    content: initial; }

.publication-page.index > .aardrijkskunde h5.article span.sequence {
  min-width: 97px; }

.publication-page.index > .aardrijkskunde span.name {
  margin-right: 8px; }

.publication-page.index > .aardrijkskunde span.filler {
  flex: 1;
  margin-bottom: 4px;
  border-bottom: 1px dotted #1e1e1e; }

.publication-page.index > .aardrijkskunde span.page-number {
  text-align: right;
  margin-left: 8px; }

.publication-page.index > .aardrijkskunde ul {
  list-style: none;
  padding-left: 23px; }
  .publication-page.index > .aardrijkskunde ul li {
    width: 100%;
    font-size: 16px;
    line-height: 32px; }
    .publication-page.index > .aardrijkskunde ul li a {
      display: flex; }
      .publication-page.index > .aardrijkskunde ul li a span:first-of-type {
        margin-right: 15px; }
      .publication-page.index > .aardrijkskunde ul li a span:nth-child(2) {
        flex-grow: 1; }
      .publication-page.index > .aardrijkskunde ul li a span:last-of-type {
        margin-left: 15px; }
  .publication-page.index > .aardrijkskunde ul.menu-depth-0 > li {
    font-size: 20px;
    font-weight: bold; }
  .publication-page.index > .aardrijkskunde ul.menu-depth-1 li {
    font-weight: bold; }
  .publication-page.index > .aardrijkskunde ul.menu-depth-2 li {
    font-weight: 500; }

.publication-page.index > .aardrijkskunde h2.theme .filler, .publication-page.index > .aardrijkskunde publication-level publication-level header.theme .filler, publication-level publication-level .publication-page.index > .aardrijkskunde header.theme .filler {
  display: none; }

.publication-page.index > .natuurwetenschappen h2 a, .publication-page.index > .natuurwetenschappen publication-level publication-level header a, publication-level publication-level .publication-page.index > .natuurwetenschappen header a,
.publication-page.index > .natuurwetenschappen h3 a,
.publication-page.index > .natuurwetenschappen publication-level publication-level publication-level header a,
publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header a,
.publication-page.index > .natuurwetenschappen h4 a,
.publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header a,
publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header a,
.publication-page.index > .natuurwetenschappen h5 a,
.publication-page.index > .natuurwetenschappen h6 a {
  color: inherit;
  font: inherit;
  text-decoration: inherit;
  padding: 0;
  margin: 0;
  display: inherit;
  flex: 1; }

.publication-page.index > .natuurwetenschappen h2 index-link, .publication-page.index > .natuurwetenschappen publication-level publication-level header index-link, publication-level publication-level .publication-page.index > .natuurwetenschappen header index-link,
.publication-page.index > .natuurwetenschappen h3 index-link,
.publication-page.index > .natuurwetenschappen publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header index-link,
.publication-page.index > .natuurwetenschappen h4 index-link,
.publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header index-link,
.publication-page.index > .natuurwetenschappen h5 index-link,
.publication-page.index > .natuurwetenschappen h6 index-link {
  display: inherit;
  width: 100%; }

.publication-page.index > .natuurwetenschappen h3, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level header, publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header,
.publication-page.index > .natuurwetenschappen h4,
.publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header,
publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header,
.publication-page.index > .natuurwetenschappen h5,
.publication-page.index > .natuurwetenschappen h6 {
  padding: 0;
  display: flex; }

.publication-page.index > .natuurwetenschappen span.name {
  flex: 1; }

.publication-page.index > .natuurwetenschappen span.filler {
  display: none; }

.publication-page.index > .natuurwetenschappen span.page-number,
.publication-page.index > .natuurwetenschappen span.page {
  font-style: normal;
  padding: 0 8px;
  float: initial; }

.publication-page.index > .natuurwetenschappen h2.theme, .publication-page.index > .natuurwetenschappen publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .natuurwetenschappen header.theme {
  color: #ffffff;
  font-style: italic;
  padding-left: 200px; }
  .publication-page.index > .natuurwetenschappen h2.theme a, .publication-page.index > .natuurwetenschappen publication-level publication-level header.theme a, publication-level publication-level .publication-page.index > .natuurwetenschappen header.theme a {
    display: flex; }
  .publication-page.index > .natuurwetenschappen h2.theme .sequence, .publication-page.index > .natuurwetenschappen publication-level publication-level header.theme .sequence, publication-level publication-level .publication-page.index > .natuurwetenschappen header.theme .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .natuurwetenschappen h3.chapter, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.chapter {
  color: #ffffff;
  font-weight: 500;
  margin-left: 200px;
  padding: 0; }
  .publication-page.index > .natuurwetenschappen h3.chapter .sequence, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level header.chapter .sequence, publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.chapter .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .natuurwetenschappen h4.topic, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic {
  margin-top: 20px;
  font-style: italic;
  font-weight: 700; }
  .publication-page.index > .natuurwetenschappen h4.topic .sequence, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic .sequence {
    width: 200px;
    color: #000000;
    text-align: right;
    font-weight: 700; }
    .publication-page.index > .natuurwetenschappen h4.topic .sequence:before, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic .sequence:before {
      content: 'Vraag '; }
  .publication-page.index > .natuurwetenschappen h4.topic.first .sequence:before, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic.first .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic.first .sequence:before {
    content: 'Onderzoeksvraag '; }
  .publication-page.index > .natuurwetenschappen h4.topic .name, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .natuurwetenschappen h4.topic .page-number, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic .page-number, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic .page-number {
    color: #000000;
    font-weight: 700; }

.publication-page.index > .natuurwetenschappen h5.article {
  font-style: italic; }
  .publication-page.index > .natuurwetenschappen h5.article .sequence {
    width: 105px;
    margin-right: 15px;
    text-align: right; }

.publication-page.index > .natuurwetenschappen h6.experiment {
  font-style: italic; }
  .publication-page.index > .natuurwetenschappen h6.experiment .sequence {
    display: inline; }
    .publication-page.index > .natuurwetenschappen h6.experiment .sequence:after {
      display: inline-block;
      content: ': ';
      margin-right: 4px; }
  .publication-page.index > .natuurwetenschappen h6.experiment.proef .sequence:before {
    content: 'proef '; }
  .publication-page.index > .natuurwetenschappen h6.experiment.excursieopdracht .sequence:before {
    content: 'excursieopdracht '; }

.publication-page.index > .natuurwetenschappen h5.article.collection {
  margin-left: 0;
  font-weight: 700; }

@media (min-width: 768px) {
  .publication-page.index > .natuurwetenschappen h2.theme, .publication-page.index > .natuurwetenschappen publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .natuurwetenschappen header.theme {
    padding-left: 0; }
  .publication-page.index > .natuurwetenschappen h3.chapter, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.chapter {
    margin-left: 0; }
  .publication-page.index > .natuurwetenschappen h4.topic .sequence, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic .sequence {
    text-align: left;
    width: 30px;
    padding-left: 8px; }
    .publication-page.index > .natuurwetenschappen h4.topic .sequence:before, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic .sequence:before {
      content: none; }
  .publication-page.index > .natuurwetenschappen h4.topic .name, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic .name {
    margin-left: 0; }
  .publication-page.index > .natuurwetenschappen h4.topic.first .sequence:before, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic.first .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic.first .sequence:before {
    content: none; }
  .publication-page.index > .natuurwetenschappen h5.article {
    margin-left: 30px; }
    .publication-page.index > .natuurwetenschappen h5.article.collection {
      margin-left: 30px; }
  .publication-page.index > .natuurwetenschappen h6.experiment {
    margin-left: 30px; }
    .publication-page.index > .natuurwetenschappen h6.experiment .sequence {
      width: 105px;
      margin-right: 15px;
      text-align: right; }
      .publication-page.index > .natuurwetenschappen h6.experiment .sequence:after {
        content: none; }
    .publication-page.index > .natuurwetenschappen h6.experiment.excursieopdracht .sequence:before {
      content: 'excursie '; } }

@media (min-width: 992px) {
  .publication-page.index > .natuurwetenschappen h2.theme, .publication-page.index > .natuurwetenschappen publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .natuurwetenschappen header.theme {
    padding-left: 200px; }
  .publication-page.index > .natuurwetenschappen h3.chapter, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.chapter {
    margin-left: 200px; }
  .publication-page.index > .natuurwetenschappen h4.topic .sequence, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic .sequence {
    width: 200px;
    text-align: right; }
    .publication-page.index > .natuurwetenschappen h4.topic .sequence:before, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic .sequence:before {
      content: 'Vraag '; }
  .publication-page.index > .natuurwetenschappen h4.topic .name, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .natuurwetenschappen h4.topic.first .sequence:before, .publication-page.index > .natuurwetenschappen publication-level publication-level publication-level publication-level header.topic.first .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .natuurwetenschappen header.topic.first .sequence:before {
    content: 'Onderzoeksvraag '; }
  .publication-page.index > .natuurwetenschappen h5.article {
    margin-left: 230px; }
    .publication-page.index > .natuurwetenschappen h5.article .sequence {
      text-align: left; }
    .publication-page.index > .natuurwetenschappen h5.article.collection {
      margin-left: 0; }
  .publication-page.index > .natuurwetenschappen h6.experiment {
    margin-left: 350px; }
    .publication-page.index > .natuurwetenschappen h6.experiment .sequence {
      text-align: left;
      width: auto; }
      .publication-page.index > .natuurwetenschappen h6.experiment .sequence:after {
        content: ': '; } }

.publication-page.index > .natura h2 a, .publication-page.index > .natura publication-level publication-level header a, publication-level publication-level .publication-page.index > .natura header a,
.publication-page.index > .natura h3 a,
.publication-page.index > .natura publication-level publication-level publication-level header a,
publication-level publication-level publication-level .publication-page.index > .natura header a,
.publication-page.index > .natura h4 a,
.publication-page.index > .natura publication-level publication-level publication-level publication-level header a,
publication-level publication-level publication-level publication-level .publication-page.index > .natura header a,
.publication-page.index > .natura h5 a,
.publication-page.index > .natura h6 a {
  color: inherit;
  font: inherit;
  text-decoration: inherit;
  padding: 0;
  margin: 0;
  display: inherit;
  flex: 1; }

.publication-page.index > .natura h2 index-link, .publication-page.index > .natura publication-level publication-level header index-link, publication-level publication-level .publication-page.index > .natura header index-link,
.publication-page.index > .natura h3 index-link,
.publication-page.index > .natura publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level .publication-page.index > .natura header index-link,
.publication-page.index > .natura h4 index-link,
.publication-page.index > .natura publication-level publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level publication-level .publication-page.index > .natura header index-link,
.publication-page.index > .natura h5 index-link,
.publication-page.index > .natura h6 index-link {
  display: inherit;
  width: 100%; }

.publication-page.index > .natura h3, .publication-page.index > .natura publication-level publication-level publication-level header, publication-level publication-level publication-level .publication-page.index > .natura header,
.publication-page.index > .natura h4,
.publication-page.index > .natura publication-level publication-level publication-level publication-level header,
publication-level publication-level publication-level publication-level .publication-page.index > .natura header,
.publication-page.index > .natura h5,
.publication-page.index > .natura h6 {
  padding: 0;
  display: flex; }

.publication-page.index > .natura span.name {
  flex: 1; }

.publication-page.index > .natura span.filler {
  display: none; }

.publication-page.index > .natura span.page-number,
.publication-page.index > .natura span.page {
  font-style: normal;
  padding: 0 8px;
  float: initial; }

.publication-page.index > .natura h2.theme, .publication-page.index > .natura publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .natura header.theme {
  color: #ffffff;
  font-style: italic;
  padding-left: 200px; }
  .publication-page.index > .natura h2.theme a, .publication-page.index > .natura publication-level publication-level header.theme a, publication-level publication-level .publication-page.index > .natura header.theme a {
    display: flex; }
  .publication-page.index > .natura h2.theme .sequence, .publication-page.index > .natura publication-level publication-level header.theme .sequence, publication-level publication-level .publication-page.index > .natura header.theme .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .natura h3.chapter, .publication-page.index > .natura publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .natura header.chapter {
  color: #ffffff;
  font-weight: 500;
  margin-left: 200px;
  padding: 0; }
  .publication-page.index > .natura h3.chapter .sequence, .publication-page.index > .natura publication-level publication-level publication-level header.chapter .sequence, publication-level publication-level publication-level .publication-page.index > .natura header.chapter .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .natura h4.topic, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic {
  margin-top: 20px;
  font-style: italic;
  font-weight: 700; }
  .publication-page.index > .natura h4.topic .sequence, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic .sequence {
    width: 200px;
    color: #000000;
    text-align: right;
    font-weight: 700; }
    .publication-page.index > .natura h4.topic .sequence:before, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic .sequence:before {
      content: 'Vraag '; }
  .publication-page.index > .natura h4.topic.first .sequence:before, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic.first .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic.first .sequence:before {
    content: 'Onderzoeksvraag '; }
  .publication-page.index > .natura h4.topic .name, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .natura h4.topic .page-number, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic .page-number, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic .page-number {
    color: #000000;
    font-weight: 700; }

.publication-page.index > .natura h5.article {
  font-style: italic; }
  .publication-page.index > .natura h5.article .sequence {
    width: 105px;
    margin-right: 15px;
    text-align: right; }

.publication-page.index > .natura h6.experiment {
  font-style: italic; }
  .publication-page.index > .natura h6.experiment .sequence {
    display: inline; }
    .publication-page.index > .natura h6.experiment .sequence:after {
      display: inline-block;
      content: ': ';
      margin-right: 4px; }
  .publication-page.index > .natura h6.experiment.proef .sequence:before {
    content: 'proef '; }
  .publication-page.index > .natura h6.experiment.excursieopdracht .sequence:before {
    content: 'excursieopdracht '; }

.publication-page.index > .natura h5.article.collection {
  margin-left: 0;
  font-weight: 700; }

@media (min-width: 768px) {
  .publication-page.index > .natura h2.theme, .publication-page.index > .natura publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .natura header.theme {
    padding-left: 0; }
  .publication-page.index > .natura h3.chapter, .publication-page.index > .natura publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .natura header.chapter {
    margin-left: 0; }
  .publication-page.index > .natura h4.topic .sequence, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic .sequence {
    text-align: left;
    width: 30px;
    padding-left: 8px; }
    .publication-page.index > .natura h4.topic .sequence:before, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic .sequence:before {
      content: none; }
  .publication-page.index > .natura h4.topic .name, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic .name {
    margin-left: 0; }
  .publication-page.index > .natura h4.topic.first .sequence:before, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic.first .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic.first .sequence:before {
    content: none; }
  .publication-page.index > .natura h5.article {
    margin-left: 30px; }
    .publication-page.index > .natura h5.article.collection {
      margin-left: 30px; }
  .publication-page.index > .natura h6.experiment {
    margin-left: 30px; }
    .publication-page.index > .natura h6.experiment .sequence {
      width: 105px;
      margin-right: 15px;
      text-align: right; }
      .publication-page.index > .natura h6.experiment .sequence:after {
        content: none; }
    .publication-page.index > .natura h6.experiment.excursieopdracht .sequence:before {
      content: 'excursie '; } }

@media (min-width: 992px) {
  .publication-page.index > .natura h2.theme, .publication-page.index > .natura publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .natura header.theme {
    padding-left: 200px; }
  .publication-page.index > .natura h3.chapter, .publication-page.index > .natura publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .natura header.chapter {
    margin-left: 200px; }
  .publication-page.index > .natura h4.topic .sequence, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic .sequence {
    width: 200px;
    text-align: right; }
    .publication-page.index > .natura h4.topic .sequence:before, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic .sequence:before {
      content: 'Vraag '; }
  .publication-page.index > .natura h4.topic .name, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .natura h4.topic.first .sequence:before, .publication-page.index > .natura publication-level publication-level publication-level publication-level header.topic.first .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .natura header.topic.first .sequence:before {
    content: 'Onderzoeksvraag '; }
  .publication-page.index > .natura h5.article {
    margin-left: 230px; }
    .publication-page.index > .natura h5.article .sequence {
      text-align: left; }
    .publication-page.index > .natura h5.article.collection {
      margin-left: 0; }
  .publication-page.index > .natura h6.experiment {
    margin-left: 350px; }
    .publication-page.index > .natura h6.experiment .sequence {
      text-align: left;
      width: auto; }
      .publication-page.index > .natura h6.experiment .sequence:after {
        content: ': '; } }

.publication-page.index > .geoactief h2 a, .publication-page.index > .geoactief publication-level publication-level header a, publication-level publication-level .publication-page.index > .geoactief header a,
.publication-page.index > .geoactief h3 a,
.publication-page.index > .geoactief publication-level publication-level publication-level header a,
publication-level publication-level publication-level .publication-page.index > .geoactief header a,
.publication-page.index > .geoactief h4 a,
.publication-page.index > .geoactief publication-level publication-level publication-level publication-level header a,
publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header a,
.publication-page.index > .geoactief h5 a,
.publication-page.index > .geoactief h6 a {
  color: inherit;
  font: inherit;
  text-decoration: inherit;
  padding: 0;
  margin: 0;
  display: inherit;
  flex: 1; }

.publication-page.index > .geoactief h2 index-link, .publication-page.index > .geoactief publication-level publication-level header index-link, publication-level publication-level .publication-page.index > .geoactief header index-link,
.publication-page.index > .geoactief h3 index-link,
.publication-page.index > .geoactief publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level .publication-page.index > .geoactief header index-link,
.publication-page.index > .geoactief h4 index-link,
.publication-page.index > .geoactief publication-level publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header index-link,
.publication-page.index > .geoactief h5 index-link,
.publication-page.index > .geoactief h6 index-link {
  display: inherit;
  width: 100%; }

.publication-page.index > .geoactief h3, .publication-page.index > .geoactief publication-level publication-level publication-level header, publication-level publication-level publication-level .publication-page.index > .geoactief header,
.publication-page.index > .geoactief h4,
.publication-page.index > .geoactief publication-level publication-level publication-level publication-level header,
publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header,
.publication-page.index > .geoactief h5,
.publication-page.index > .geoactief h6 {
  padding: 0;
  display: flex; }

.publication-page.index > .geoactief span.name {
  flex: 1; }

.publication-page.index > .geoactief span.filler {
  display: none; }

.publication-page.index > .geoactief span.page-number,
.publication-page.index > .geoactief span.page {
  font-style: normal;
  padding: 0 8px;
  float: initial; }

.publication-page.index > .geoactief h2.theme, .publication-page.index > .geoactief publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .geoactief header.theme {
  color: #ffffff;
  font-style: italic;
  padding-left: 200px; }
  .publication-page.index > .geoactief h2.theme a, .publication-page.index > .geoactief publication-level publication-level header.theme a, publication-level publication-level .publication-page.index > .geoactief header.theme a {
    display: flex; }
  .publication-page.index > .geoactief h2.theme .sequence, .publication-page.index > .geoactief publication-level publication-level header.theme .sequence, publication-level publication-level .publication-page.index > .geoactief header.theme .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .geoactief h3.chapter, .publication-page.index > .geoactief publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .geoactief header.chapter {
  color: #ffffff;
  font-weight: 500;
  margin-left: 200px;
  padding: 0; }
  .publication-page.index > .geoactief h3.chapter .sequence, .publication-page.index > .geoactief publication-level publication-level publication-level header.chapter .sequence, publication-level publication-level publication-level .publication-page.index > .geoactief header.chapter .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .geoactief h4.topic, .publication-page.index > .geoactief publication-level publication-level publication-level publication-level header.topic, publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header.topic {
  margin-top: 20px;
  font-style: italic;
  font-weight: 700; }
  .publication-page.index > .geoactief h4.topic .sequence, .publication-page.index > .geoactief publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header.topic .sequence {
    width: 200px;
    color: #000000;
    text-align: right;
    font-weight: 700; }
    .publication-page.index > .geoactief h4.topic .sequence:before, .publication-page.index > .geoactief publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header.topic .sequence:before {
      content: 'Vraag '; }
  .publication-page.index > .geoactief h4.topic .name, .publication-page.index > .geoactief publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .geoactief h4.topic .page-number, .publication-page.index > .geoactief publication-level publication-level publication-level publication-level header.topic .page-number, publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header.topic .page-number {
    color: #000000;
    font-weight: 700; }

.publication-page.index > .geoactief h5.article {
  font-style: italic; }
  .publication-page.index > .geoactief h5.article .sequence {
    width: 105px;
    margin-right: 15px;
    text-align: right; }

.publication-page.index > .geoactief h6.experiment {
  font-style: italic; }
  .publication-page.index > .geoactief h6.experiment .sequence {
    display: inline; }
    .publication-page.index > .geoactief h6.experiment .sequence:after {
      display: inline-block;
      content: ': ';
      margin-right: 4px; }
  .publication-page.index > .geoactief h6.experiment.proef .sequence:before {
    content: 'proef '; }
  .publication-page.index > .geoactief h6.experiment.excursieopdracht .sequence:before {
    content: 'excursieopdracht '; }

.publication-page.index > .geoactief h5.article.collection {
  margin-left: 0;
  font-weight: 700; }

@media (min-width: 768px) {
  .publication-page.index > .geoactief h2.theme, .publication-page.index > .geoactief publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .geoactief header.theme {
    padding-left: 0; }
  .publication-page.index > .geoactief h3.chapter, .publication-page.index > .geoactief publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .geoactief header.chapter {
    margin-left: 0; }
  .publication-page.index > .geoactief h4.topic .sequence, .publication-page.index > .geoactief publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header.topic .sequence {
    text-align: left;
    width: 30px;
    padding-left: 8px; }
    .publication-page.index > .geoactief h4.topic .sequence:before, .publication-page.index > .geoactief publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header.topic .sequence:before {
      content: none; }
  .publication-page.index > .geoactief h4.topic .name, .publication-page.index > .geoactief publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header.topic .name {
    margin-left: 0; }
  .publication-page.index > .geoactief h4.topic.first .sequence:before, .publication-page.index > .geoactief publication-level publication-level publication-level publication-level header.topic.first .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header.topic.first .sequence:before {
    content: none; }
  .publication-page.index > .geoactief h5.article {
    margin-left: 30px; }
    .publication-page.index > .geoactief h5.article.collection {
      margin-left: 30px; }
  .publication-page.index > .geoactief h6.experiment {
    margin-left: 30px; }
    .publication-page.index > .geoactief h6.experiment .sequence {
      width: 105px;
      margin-right: 15px;
      text-align: right; }
      .publication-page.index > .geoactief h6.experiment .sequence:after {
        content: none; }
    .publication-page.index > .geoactief h6.experiment.excursieopdracht .sequence:before {
      content: 'excursie '; } }

@media (min-width: 992px) {
  .publication-page.index > .geoactief h2.theme, .publication-page.index > .geoactief publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .geoactief header.theme {
    padding-left: 200px; }
  .publication-page.index > .geoactief h3.chapter, .publication-page.index > .geoactief publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .geoactief header.chapter {
    margin-left: 200px; }
  .publication-page.index > .geoactief h4.topic .sequence, .publication-page.index > .geoactief publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header.topic .sequence {
    width: 200px;
    text-align: right; }
    .publication-page.index > .geoactief h4.topic .sequence:before, .publication-page.index > .geoactief publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header.topic .sequence:before {
      content: 'Vraag '; }
  .publication-page.index > .geoactief h4.topic .name, .publication-page.index > .geoactief publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .geoactief h4.topic.first .sequence:before, .publication-page.index > .geoactief publication-level publication-level publication-level publication-level header.topic.first .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .geoactief header.topic.first .sequence:before {
    content: 'Vraag '; }
  .publication-page.index > .geoactief h5.article {
    margin-left: 230px; }
    .publication-page.index > .geoactief h5.article .sequence {
      text-align: left; }
    .publication-page.index > .geoactief h5.article.collection {
      margin-left: 0; }
  .publication-page.index > .geoactief h6.experiment {
    margin-left: 350px; }
    .publication-page.index > .geoactief h6.experiment .sequence {
      text-align: left;
      width: auto; }
      .publication-page.index > .geoactief h6.experiment .sequence:after {
        content: ': '; } }

.werkmap-aardrijkskunde, .werkmap-aardrijkskunde * {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.8rem; }

.publication-page.index > .werkmap-aardrijkskunde h2 a, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level header a, publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header a,
.publication-page.index > .werkmap-aardrijkskunde h3 a,
.publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level header a,
publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header a,
.publication-page.index > .werkmap-aardrijkskunde h4 a,
.publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header a,
publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header a,
.publication-page.index > .werkmap-aardrijkskunde h5 a,
.publication-page.index > .werkmap-aardrijkskunde h6 a, .publication-page.index > .werkmap-alt-aardrijkskunde h2 a, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level header a, publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header a,
.publication-page.index > .werkmap-alt-aardrijkskunde h3 a,
.publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level header a,
publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header a,
.publication-page.index > .werkmap-alt-aardrijkskunde h4 a,
.publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header a,
publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header a,
.publication-page.index > .werkmap-alt-aardrijkskunde h5 a,
.publication-page.index > .werkmap-alt-aardrijkskunde h6 a {
  color: inherit;
  font: inherit;
  text-decoration: inherit;
  padding: 0;
  margin: 0;
  display: inherit;
  flex: 1; }

.publication-page.index > .werkmap-aardrijkskunde h2 index-link, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level header index-link, publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header index-link,
.publication-page.index > .werkmap-aardrijkskunde h3 index-link,
.publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header index-link,
.publication-page.index > .werkmap-aardrijkskunde h4 index-link,
.publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header index-link,
.publication-page.index > .werkmap-aardrijkskunde h5 index-link,
.publication-page.index > .werkmap-aardrijkskunde h6 index-link, .publication-page.index > .werkmap-alt-aardrijkskunde h2 index-link, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level header index-link, publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header index-link,
.publication-page.index > .werkmap-alt-aardrijkskunde h3 index-link,
.publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header index-link,
.publication-page.index > .werkmap-alt-aardrijkskunde h4 index-link,
.publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header index-link,
.publication-page.index > .werkmap-alt-aardrijkskunde h5 index-link,
.publication-page.index > .werkmap-alt-aardrijkskunde h6 index-link {
  display: inherit;
  width: 100%; }

.publication-page.index > .werkmap-aardrijkskunde h3, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level header, publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header,
.publication-page.index > .werkmap-aardrijkskunde h4,
.publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header,
publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header,
.publication-page.index > .werkmap-aardrijkskunde h5,
.publication-page.index > .werkmap-aardrijkskunde h6, .publication-page.index > .werkmap-alt-aardrijkskunde h3, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level header, publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header,
.publication-page.index > .werkmap-alt-aardrijkskunde h4,
.publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header,
publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header,
.publication-page.index > .werkmap-alt-aardrijkskunde h5,
.publication-page.index > .werkmap-alt-aardrijkskunde h6 {
  padding: 0;
  display: flex; }

.publication-page.index > .werkmap-aardrijkskunde span.name, .publication-page.index > .werkmap-alt-aardrijkskunde span.name {
  flex: 1; }

.publication-page.index > .werkmap-aardrijkskunde span.filler, .publication-page.index > .werkmap-alt-aardrijkskunde span.filler {
  display: none; }

.publication-page.index > .werkmap-aardrijkskunde span.page-number,
.publication-page.index > .werkmap-aardrijkskunde span.page, .publication-page.index > .werkmap-alt-aardrijkskunde span.page-number,
.publication-page.index > .werkmap-alt-aardrijkskunde span.page {
  font-style: normal;
  padding: 0 8px;
  float: initial; }

.publication-page.index > .werkmap-aardrijkskunde h2.theme, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.theme, .publication-page.index > .werkmap-alt-aardrijkskunde h2.theme, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.theme {
  color: #ffffff;
  font-style: italic;
  padding-left: 200px; }
  .publication-page.index > .werkmap-aardrijkskunde h2.theme a, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level header.theme a, publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.theme a, .publication-page.index > .werkmap-alt-aardrijkskunde h2.theme a, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level header.theme a, publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.theme a {
    display: flex; }
  .publication-page.index > .werkmap-aardrijkskunde h2.theme .sequence, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level header.theme .sequence, publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.theme .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde h2.theme .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level header.theme .sequence, publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.theme .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .werkmap-aardrijkskunde h3.chapter, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.chapter, .publication-page.index > .werkmap-alt-aardrijkskunde h3.chapter, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.chapter {
  color: #ffffff;
  font-weight: 500;
  margin-left: 200px;
  padding: 0; }
  .publication-page.index > .werkmap-aardrijkskunde h3.chapter .sequence, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level header.chapter .sequence, publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.chapter .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde h3.chapter .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level header.chapter .sequence, publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.chapter .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .werkmap-aardrijkskunde h4.topic, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header.topic, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.topic, .publication-page.index > .werkmap-alt-aardrijkskunde h4.topic, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic {
  margin-top: 20px;
  font-style: italic;
  font-weight: 700; }
  .publication-page.index > .werkmap-aardrijkskunde h4.topic .sequence, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.topic .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde h4.topic .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic .sequence {
    width: 200px;
    color: #000000;
    text-align: right;
    font-weight: 700; }
    .publication-page.index > .werkmap-aardrijkskunde h4.topic .sequence:before, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.topic .sequence:before, .publication-page.index > .werkmap-alt-aardrijkskunde h4.topic .sequence:before, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic .sequence:before {
      content: 'Vraag '; }
  .publication-page.index > .werkmap-aardrijkskunde h4.topic .name, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.topic .name, .publication-page.index > .werkmap-alt-aardrijkskunde h4.topic .name, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .werkmap-aardrijkskunde h4.topic .page-number, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .page-number, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.topic .page-number, .publication-page.index > .werkmap-alt-aardrijkskunde h4.topic .page-number, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .page-number, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic .page-number {
    color: #000000;
    font-weight: 700; }

.publication-page.index > .werkmap-aardrijkskunde h5.article, .publication-page.index > .werkmap-alt-aardrijkskunde h5.article {
  font-style: italic; }
  .publication-page.index > .werkmap-aardrijkskunde h5.article .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde h5.article .sequence {
    width: 105px;
    margin-right: 15px;
    text-align: right; }

.publication-page.index > .werkmap-aardrijkskunde h6.experiment, .publication-page.index > .werkmap-alt-aardrijkskunde h6.experiment {
  font-style: italic; }
  .publication-page.index > .werkmap-aardrijkskunde h6.experiment .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde h6.experiment .sequence {
    display: inline; }
    .publication-page.index > .werkmap-aardrijkskunde h6.experiment .sequence:after, .publication-page.index > .werkmap-alt-aardrijkskunde h6.experiment .sequence:after {
      display: inline-block;
      content: ': ';
      margin-right: 4px; }
  .publication-page.index > .werkmap-aardrijkskunde h6.experiment.proef .sequence:before, .publication-page.index > .werkmap-alt-aardrijkskunde h6.experiment.proef .sequence:before {
    content: 'proef '; }
  .publication-page.index > .werkmap-aardrijkskunde h6.experiment.excursieopdracht .sequence:before, .publication-page.index > .werkmap-alt-aardrijkskunde h6.experiment.excursieopdracht .sequence:before {
    content: 'excursieopdracht '; }

.publication-page.index > .werkmap-aardrijkskunde h5.article.collection, .publication-page.index > .werkmap-alt-aardrijkskunde h5.article.collection {
  margin-left: 0;
  font-weight: 700; }

@media (min-width: 768px) {
  .publication-page.index > .werkmap-aardrijkskunde h2.theme, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.theme, .publication-page.index > .werkmap-alt-aardrijkskunde h2.theme, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.theme {
    padding-left: 0; }
  .publication-page.index > .werkmap-aardrijkskunde h3.chapter, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.chapter, .publication-page.index > .werkmap-alt-aardrijkskunde h3.chapter, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.chapter {
    margin-left: 0; }
  .publication-page.index > .werkmap-aardrijkskunde h4.topic .sequence, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.topic .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde h4.topic .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic .sequence {
    text-align: left;
    width: 30px;
    padding-left: 8px; }
    .publication-page.index > .werkmap-aardrijkskunde h4.topic .sequence:before, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.topic .sequence:before, .publication-page.index > .werkmap-alt-aardrijkskunde h4.topic .sequence:before, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic .sequence:before {
      content: none; }
  .publication-page.index > .werkmap-aardrijkskunde h4.topic .name, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.topic .name, .publication-page.index > .werkmap-alt-aardrijkskunde h4.topic .name, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic .name {
    margin-left: 0; }
  .publication-page.index > .werkmap-aardrijkskunde h5.article, .publication-page.index > .werkmap-alt-aardrijkskunde h5.article {
    margin-left: 30px; }
    .publication-page.index > .werkmap-aardrijkskunde h5.article.collection, .publication-page.index > .werkmap-alt-aardrijkskunde h5.article.collection {
      margin-left: 30px; }
  .publication-page.index > .werkmap-aardrijkskunde h6.experiment, .publication-page.index > .werkmap-alt-aardrijkskunde h6.experiment {
    margin-left: 30px; }
    .publication-page.index > .werkmap-aardrijkskunde h6.experiment .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde h6.experiment .sequence {
      width: 105px;
      margin-right: 15px;
      text-align: right; }
      .publication-page.index > .werkmap-aardrijkskunde h6.experiment .sequence:after, .publication-page.index > .werkmap-alt-aardrijkskunde h6.experiment .sequence:after {
        content: none; }
    .publication-page.index > .werkmap-aardrijkskunde h6.experiment.excursieopdracht .sequence:before, .publication-page.index > .werkmap-alt-aardrijkskunde h6.experiment.excursieopdracht .sequence:before {
      content: 'excursie '; } }

@media (min-width: 992px) {
  .publication-page.index > .werkmap-aardrijkskunde h2.theme, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.theme, .publication-page.index > .werkmap-alt-aardrijkskunde h2.theme, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.theme {
    padding-left: 200px; }
  .publication-page.index > .werkmap-aardrijkskunde h3.chapter, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.chapter, .publication-page.index > .werkmap-alt-aardrijkskunde h3.chapter, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.chapter {
    margin-left: 200px; }
  .publication-page.index > .werkmap-aardrijkskunde h4.topic .sequence, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.topic .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde h4.topic .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic .sequence {
    width: 200px;
    text-align: right; }
    .publication-page.index > .werkmap-aardrijkskunde h4.topic .sequence:before, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.topic .sequence:before, .publication-page.index > .werkmap-alt-aardrijkskunde h4.topic .sequence:before, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic .sequence:before {
      content: 'Vraag '; }
  .publication-page.index > .werkmap-aardrijkskunde h4.topic .name, .publication-page.index > .werkmap-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde header.topic .name, .publication-page.index > .werkmap-alt-aardrijkskunde h4.topic .name, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .werkmap-aardrijkskunde h5.article, .publication-page.index > .werkmap-alt-aardrijkskunde h5.article {
    margin-left: 230px; }
    .publication-page.index > .werkmap-aardrijkskunde h5.article .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde h5.article .sequence {
      text-align: left; }
    .publication-page.index > .werkmap-aardrijkskunde h5.article.collection, .publication-page.index > .werkmap-alt-aardrijkskunde h5.article.collection {
      margin-left: 0; }
  .publication-page.index > .werkmap-aardrijkskunde h6.experiment, .publication-page.index > .werkmap-alt-aardrijkskunde h6.experiment {
    margin-left: 350px; }
    .publication-page.index > .werkmap-aardrijkskunde h6.experiment .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde h6.experiment .sequence {
      text-align: left;
      width: auto; }
      .publication-page.index > .werkmap-aardrijkskunde h6.experiment .sequence:after, .publication-page.index > .werkmap-alt-aardrijkskunde h6.experiment .sequence:after {
        content: ': '; } }

.publication-page.index > .werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt h4.topic, .publication-page.index > .werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt publication-level publication-level publication-level publication-level header.topic, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt header.topic, .publication-page.index > .werkmap-aardrijkskunde.werkmap-alt-aardrijkskunde h4.topic, .publication-page.index > .werkmap-aardrijkskunde.werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde.werkmap-alt-aardrijkskunde header.topic {
  margin-left: 200px; }

.publication-page.index > .werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt h4.topic index-link .sequence, .publication-page.index > .werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt publication-level publication-level publication-level publication-level header.topic index-link .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt header.topic index-link .sequence, .publication-page.index > .werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt h5.article index-link .sequence, .publication-page.index > .werkmap-aardrijkskunde.werkmap-alt-aardrijkskunde h4.topic index-link .sequence, .publication-page.index > .werkmap-aardrijkskunde.werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic index-link .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde.werkmap-alt-aardrijkskunde header.topic index-link .sequence, .publication-page.index > .werkmap-aardrijkskunde.werkmap-alt-aardrijkskunde h5.article index-link .sequence {
  margin-left: -90px;
  width: 90px;
  margin-right: 0;
  color: black;
  font-weight: bold; }

.publication-page.index > .werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt h4.topic .name, .publication-page.index > .werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt header.topic .name, .publication-page.index > .werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt h5.article .name, .publication-page.index > .werkmap-aardrijkskunde.werkmap-alt-aardrijkskunde h4.topic .name, .publication-page.index > .werkmap-aardrijkskunde.werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-aardrijkskunde.werkmap-alt-aardrijkskunde header.topic .name, .publication-page.index > .werkmap-aardrijkskunde.werkmap-alt-aardrijkskunde h5.article .name {
  color: black;
  font-weight: bold; }

.publication-page.index > .werkmap-alt-aardrijkskunde h3.chapter, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.chapter {
  margin-left: 160px;
  line-height: 27.5px; }
  .publication-page.index > .werkmap-alt-aardrijkskunde h3.chapter .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level header.chapter .sequence, publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.chapter .sequence {
    width: 7rem; }

.publication-page.index > .werkmap-alt-aardrijkskunde h4.topic, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic {
  margin-left: 200px; }

.publication-page.index > .werkmap-alt-aardrijkskunde h4.topic index-link .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic index-link .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic index-link .sequence, .publication-page.index > .werkmap-alt-aardrijkskunde h5.article index-link .sequence {
  margin-left: -90px;
  width: 90px;
  margin-right: 0;
  color: black;
  font-weight: bold; }

.publication-page.index > .werkmap-alt-aardrijkskunde h4.topic index-link .sequence:before, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic index-link .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic index-link .sequence:before, .publication-page.index > .werkmap-alt-aardrijkskunde h5.article index-link .sequence:before {
  display: none; }

.publication-page.index > .werkmap-alt-aardrijkskunde h4.topic .name, .publication-page.index > .werkmap-alt-aardrijkskunde publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .werkmap-alt-aardrijkskunde header.topic .name, .publication-page.index > .werkmap-alt-aardrijkskunde h5.article .name {
  color: black;
  font-weight: bold; }

.andere-tijden, .andere-tijden * {
  font-family: 'Source Sans Pro', sans-serif; }

.publication-page.index > .andere-tijden h2 a, .publication-page.index > .andere-tijden publication-level publication-level header a, publication-level publication-level .publication-page.index > .andere-tijden header a,
.publication-page.index > .andere-tijden h3 a,
.publication-page.index > .andere-tijden publication-level publication-level publication-level header a,
publication-level publication-level publication-level .publication-page.index > .andere-tijden header a,
.publication-page.index > .andere-tijden h4 a,
.publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header a,
publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header a,
.publication-page.index > .andere-tijden h5 a,
.publication-page.index > .andere-tijden h6 a {
  color: inherit;
  font: inherit;
  text-decoration: inherit;
  padding: 0;
  margin: 0;
  display: inherit;
  flex: 1; }

.publication-page.index > .andere-tijden h2 index-link, .publication-page.index > .andere-tijden publication-level publication-level header index-link, publication-level publication-level .publication-page.index > .andere-tijden header index-link,
.publication-page.index > .andere-tijden h3 index-link,
.publication-page.index > .andere-tijden publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level .publication-page.index > .andere-tijden header index-link,
.publication-page.index > .andere-tijden h4 index-link,
.publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header index-link,
.publication-page.index > .andere-tijden h5 index-link,
.publication-page.index > .andere-tijden h6 index-link {
  display: inherit;
  width: 100%; }

.publication-page.index > .andere-tijden h3, .publication-page.index > .andere-tijden publication-level publication-level publication-level header, publication-level publication-level publication-level .publication-page.index > .andere-tijden header,
.publication-page.index > .andere-tijden h4,
.publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header,
publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header,
.publication-page.index > .andere-tijden h5,
.publication-page.index > .andere-tijden h6 {
  padding: 0;
  display: flex; }

.publication-page.index > .andere-tijden span.name {
  flex: 1; }

.publication-page.index > .andere-tijden span.filler {
  display: none; }

.publication-page.index > .andere-tijden span.page-number,
.publication-page.index > .andere-tijden span.page {
  font-style: normal;
  padding: 0 8px;
  float: initial; }

.publication-page.index > .andere-tijden h2.theme, .publication-page.index > .andere-tijden publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .andere-tijden header.theme {
  color: #ffffff;
  font-style: italic;
  padding-left: 200px; }
  .publication-page.index > .andere-tijden h2.theme a, .publication-page.index > .andere-tijden publication-level publication-level header.theme a, publication-level publication-level .publication-page.index > .andere-tijden header.theme a {
    display: flex; }
  .publication-page.index > .andere-tijden h2.theme .sequence, .publication-page.index > .andere-tijden publication-level publication-level header.theme .sequence, publication-level publication-level .publication-page.index > .andere-tijden header.theme .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .andere-tijden h3.chapter, .publication-page.index > .andere-tijden publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .andere-tijden header.chapter {
  color: #ffffff;
  font-weight: 500;
  margin-left: 200px;
  padding: 0; }
  .publication-page.index > .andere-tijden h3.chapter .sequence, .publication-page.index > .andere-tijden publication-level publication-level publication-level header.chapter .sequence, publication-level publication-level publication-level .publication-page.index > .andere-tijden header.chapter .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .andere-tijden h4.topic, .publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header.topic, publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header.topic {
  margin-top: 20px;
  font-style: italic;
  font-weight: 700; }
  .publication-page.index > .andere-tijden h4.topic .sequence, .publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header.topic .sequence {
    width: 200px;
    color: #000000;
    text-align: right;
    font-weight: 700; }
    .publication-page.index > .andere-tijden h4.topic .sequence:before, .publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header.topic .sequence:before {
      content: 'Vraag '; }
  .publication-page.index > .andere-tijden h4.topic .name, .publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .andere-tijden h4.topic .page-number, .publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header.topic .page-number, publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header.topic .page-number {
    color: #000000;
    font-weight: 700; }

.publication-page.index > .andere-tijden h5.article {
  font-style: italic; }
  .publication-page.index > .andere-tijden h5.article .sequence {
    margin-right: 15px;
    text-align: right; }

.publication-page.index > .andere-tijden h6.experiment {
  font-style: italic; }
  .publication-page.index > .andere-tijden h6.experiment .sequence {
    display: inline; }
    .publication-page.index > .andere-tijden h6.experiment .sequence:after {
      display: inline-block;
      content: ': ';
      margin-right: 4px; }
  .publication-page.index > .andere-tijden h6.experiment.proef .sequence:before {
    content: 'proef '; }
  .publication-page.index > .andere-tijden h6.experiment.excursieopdracht .sequence:before {
    content: 'excursieopdracht '; }

.publication-page.index > .andere-tijden h5.article.collection {
  margin-left: 0;
  font-weight: 700; }

@media (min-width: 768px) {
  .publication-page.index > .andere-tijden h2.theme, .publication-page.index > .andere-tijden publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .andere-tijden header.theme {
    padding-left: 0; }
  .publication-page.index > .andere-tijden h3.chapter, .publication-page.index > .andere-tijden publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .andere-tijden header.chapter {
    margin-left: 0; }
  .publication-page.index > .andere-tijden h4.topic .sequence, .publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header.topic .sequence {
    text-align: left;
    width: 30px;
    padding-left: 8px; }
    .publication-page.index > .andere-tijden h4.topic .sequence:before, .publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header.topic .sequence:before {
      content: none; }
  .publication-page.index > .andere-tijden h4.topic .name, .publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header.topic .name {
    margin-left: 0; }
  .publication-page.index > .andere-tijden h5.article {
    margin-left: 30px; }
    .publication-page.index > .andere-tijden h5.article.collection {
      margin-left: 30px; }
  .publication-page.index > .andere-tijden h6.experiment {
    margin-left: 30px; }
    .publication-page.index > .andere-tijden h6.experiment .sequence {
      width: 105px;
      margin-right: 15px;
      text-align: right; }
      .publication-page.index > .andere-tijden h6.experiment .sequence:after {
        content: none; }
    .publication-page.index > .andere-tijden h6.experiment.excursieopdracht .sequence:before {
      content: 'excursie '; } }

@media (min-width: 992px) {
  .publication-page.index > .andere-tijden h2.theme, .publication-page.index > .andere-tijden publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .andere-tijden header.theme {
    padding-left: 200px; }
  .publication-page.index > .andere-tijden h3.chapter, .publication-page.index > .andere-tijden publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .andere-tijden header.chapter {
    margin-left: 200px; }
  .publication-page.index > .andere-tijden h4.topic .sequence, .publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header.topic .sequence {
    width: 200px;
    text-align: right; }
    .publication-page.index > .andere-tijden h4.topic .sequence:before, .publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header.topic .sequence:before {
      content: 'Vraag '; }
  .publication-page.index > .andere-tijden h4.topic .name, .publication-page.index > .andere-tijden publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .andere-tijden header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .andere-tijden h5.article {
    margin-left: 230px; }
    .publication-page.index > .andere-tijden h5.article .sequence {
      text-align: left; }
    .publication-page.index > .andere-tijden h5.article.collection {
      margin-left: 0; }
  .publication-page.index > .andere-tijden h6.experiment {
    margin-left: 350px; }
    .publication-page.index > .andere-tijden h6.experiment .sequence {
      text-align: left;
      width: auto; }
      .publication-page.index > .andere-tijden h6.experiment .sequence:after {
        content: ': '; } }

.verstedelijking, .verstedelijking *,
.kosmografie-atmosfeer, .kosmografie-atmosfeer *,
.kosmografie, .kosmografie * {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.6rem; }

.publication-page.index > .verstedelijking h2 a, .publication-page.index > .verstedelijking publication-level publication-level header a, publication-level publication-level .publication-page.index > .verstedelijking header a,
.publication-page.index > .verstedelijking h3 a,
.publication-page.index > .verstedelijking publication-level publication-level publication-level header a,
publication-level publication-level publication-level .publication-page.index > .verstedelijking header a,
.publication-page.index > .verstedelijking h4 a,
.publication-page.index > .verstedelijking publication-level publication-level publication-level publication-level header a,
publication-level publication-level publication-level publication-level .publication-page.index > .verstedelijking header a,
.publication-page.index > .verstedelijking h5 a,
.publication-page.index > .verstedelijking h6 a,
.publication-page.index > .kosmografie-atmosfeer h2 a,
.publication-page.index > .kosmografie-atmosfeer publication-level publication-level header a,
publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header a,
.publication-page.index > .kosmografie-atmosfeer h3 a,
.publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level header a,
publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header a,
.publication-page.index > .kosmografie-atmosfeer h4 a,
.publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level publication-level header a,
publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header a,
.publication-page.index > .kosmografie-atmosfeer h5 a,
.publication-page.index > .kosmografie-atmosfeer h6 a,
.publication-page.index > .kosmografie h2 a,
.publication-page.index > .kosmografie publication-level publication-level header a,
publication-level publication-level .publication-page.index > .kosmografie header a,
.publication-page.index > .kosmografie h3 a,
.publication-page.index > .kosmografie publication-level publication-level publication-level header a,
publication-level publication-level publication-level .publication-page.index > .kosmografie header a,
.publication-page.index > .kosmografie h4 a,
.publication-page.index > .kosmografie publication-level publication-level publication-level publication-level header a,
publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie header a,
.publication-page.index > .kosmografie h5 a,
.publication-page.index > .kosmografie h6 a {
  color: inherit;
  font: inherit;
  text-decoration: inherit;
  padding: 0;
  margin: 0;
  display: inherit;
  flex: 1; }

.publication-page.index > .verstedelijking h2 index-link, .publication-page.index > .verstedelijking publication-level publication-level header index-link, publication-level publication-level .publication-page.index > .verstedelijking header index-link,
.publication-page.index > .verstedelijking h3 index-link,
.publication-page.index > .verstedelijking publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level .publication-page.index > .verstedelijking header index-link,
.publication-page.index > .verstedelijking h4 index-link,
.publication-page.index > .verstedelijking publication-level publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level publication-level .publication-page.index > .verstedelijking header index-link,
.publication-page.index > .verstedelijking h5 index-link,
.publication-page.index > .verstedelijking h6 index-link,
.publication-page.index > .kosmografie-atmosfeer h2 index-link,
.publication-page.index > .kosmografie-atmosfeer publication-level publication-level header index-link,
publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header index-link,
.publication-page.index > .kosmografie-atmosfeer h3 index-link,
.publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header index-link,
.publication-page.index > .kosmografie-atmosfeer h4 index-link,
.publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header index-link,
.publication-page.index > .kosmografie-atmosfeer h5 index-link,
.publication-page.index > .kosmografie-atmosfeer h6 index-link,
.publication-page.index > .kosmografie h2 index-link,
.publication-page.index > .kosmografie publication-level publication-level header index-link,
publication-level publication-level .publication-page.index > .kosmografie header index-link,
.publication-page.index > .kosmografie h3 index-link,
.publication-page.index > .kosmografie publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level .publication-page.index > .kosmografie header index-link,
.publication-page.index > .kosmografie h4 index-link,
.publication-page.index > .kosmografie publication-level publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie header index-link,
.publication-page.index > .kosmografie h5 index-link,
.publication-page.index > .kosmografie h6 index-link {
  display: inherit;
  width: 100%; }

.publication-page.index > .verstedelijking h3, .publication-page.index > .verstedelijking publication-level publication-level publication-level header, publication-level publication-level publication-level .publication-page.index > .verstedelijking header,
.publication-page.index > .verstedelijking h4,
.publication-page.index > .verstedelijking publication-level publication-level publication-level publication-level header,
publication-level publication-level publication-level publication-level .publication-page.index > .verstedelijking header,
.publication-page.index > .verstedelijking h5,
.publication-page.index > .verstedelijking h6,
.publication-page.index > .kosmografie-atmosfeer h3,
.publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level header,
publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header,
.publication-page.index > .kosmografie-atmosfeer h4,
.publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level publication-level header,
publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header,
.publication-page.index > .kosmografie-atmosfeer h5,
.publication-page.index > .kosmografie-atmosfeer h6,
.publication-page.index > .kosmografie h3,
.publication-page.index > .kosmografie publication-level publication-level publication-level header,
publication-level publication-level publication-level .publication-page.index > .kosmografie header,
.publication-page.index > .kosmografie h4,
.publication-page.index > .kosmografie publication-level publication-level publication-level publication-level header,
publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie header,
.publication-page.index > .kosmografie h5,
.publication-page.index > .kosmografie h6 {
  padding: 0;
  display: flex; }

.publication-page.index > .verstedelijking span.name,
.publication-page.index > .kosmografie-atmosfeer span.name,
.publication-page.index > .kosmografie span.name {
  flex: 1; }

.publication-page.index > .verstedelijking span.filler,
.publication-page.index > .kosmografie-atmosfeer span.filler,
.publication-page.index > .kosmografie span.filler {
  display: none; }

.publication-page.index > .verstedelijking span.page-number,
.publication-page.index > .verstedelijking span.page,
.publication-page.index > .kosmografie-atmosfeer span.page-number,
.publication-page.index > .kosmografie-atmosfeer span.page,
.publication-page.index > .kosmografie span.page-number,
.publication-page.index > .kosmografie span.page {
  font-style: normal;
  padding: 0 8px;
  float: initial; }

.publication-page.index > .verstedelijking h2.theme, .publication-page.index > .verstedelijking publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .verstedelijking header.theme,
.publication-page.index > .kosmografie-atmosfeer h2.theme,
.publication-page.index > .kosmografie-atmosfeer publication-level publication-level header.theme,
publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.theme,
.publication-page.index > .kosmografie h2.theme,
.publication-page.index > .kosmografie publication-level publication-level header.theme,
publication-level publication-level .publication-page.index > .kosmografie header.theme {
  color: #ffffff;
  font-style: italic;
  padding-left: 200px; }
  .publication-page.index > .verstedelijking h2.theme a, .publication-page.index > .verstedelijking publication-level publication-level header.theme a, publication-level publication-level .publication-page.index > .verstedelijking header.theme a,
  .publication-page.index > .kosmografie-atmosfeer h2.theme a,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level header.theme a,
  publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.theme a,
  .publication-page.index > .kosmografie h2.theme a,
  .publication-page.index > .kosmografie publication-level publication-level header.theme a,
  publication-level publication-level .publication-page.index > .kosmografie header.theme a {
    display: flex; }
  .publication-page.index > .verstedelijking h2.theme .sequence, .publication-page.index > .verstedelijking publication-level publication-level header.theme .sequence, publication-level publication-level .publication-page.index > .verstedelijking header.theme .sequence,
  .publication-page.index > .kosmografie-atmosfeer h2.theme .sequence,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level header.theme .sequence,
  publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.theme .sequence,
  .publication-page.index > .kosmografie h2.theme .sequence,
  .publication-page.index > .kosmografie publication-level publication-level header.theme .sequence,
  publication-level publication-level .publication-page.index > .kosmografie header.theme .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .verstedelijking h3.chapter, .publication-page.index > .verstedelijking publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .verstedelijking header.chapter,
.publication-page.index > .kosmografie-atmosfeer h3.chapter,
.publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level header.chapter,
publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.chapter,
.publication-page.index > .kosmografie h3.chapter,
.publication-page.index > .kosmografie publication-level publication-level publication-level header.chapter,
publication-level publication-level publication-level .publication-page.index > .kosmografie header.chapter {
  color: #ffffff;
  font-weight: 500;
  margin-left: 200px;
  padding: 0; }
  .publication-page.index > .verstedelijking h3.chapter .sequence, .publication-page.index > .verstedelijking publication-level publication-level publication-level header.chapter .sequence, publication-level publication-level publication-level .publication-page.index > .verstedelijking header.chapter .sequence,
  .publication-page.index > .kosmografie-atmosfeer h3.chapter .sequence,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level header.chapter .sequence,
  publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.chapter .sequence,
  .publication-page.index > .kosmografie h3.chapter .sequence,
  .publication-page.index > .kosmografie publication-level publication-level publication-level header.chapter .sequence,
  publication-level publication-level publication-level .publication-page.index > .kosmografie header.chapter .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .verstedelijking h4.topic, .publication-page.index > .verstedelijking publication-level publication-level publication-level publication-level header.topic, publication-level publication-level publication-level publication-level .publication-page.index > .verstedelijking header.topic,
.publication-page.index > .kosmografie-atmosfeer h4.topic,
.publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level publication-level header.topic,
publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.topic,
.publication-page.index > .kosmografie h4.topic,
.publication-page.index > .kosmografie publication-level publication-level publication-level publication-level header.topic,
publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie header.topic {
  margin-top: 20px;
  font-style: italic;
  font-weight: 700; }
  .publication-page.index > .verstedelijking h4.topic .sequence, .publication-page.index > .verstedelijking publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .verstedelijking header.topic .sequence,
  .publication-page.index > .kosmografie-atmosfeer h4.topic .sequence,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level publication-level header.topic .sequence,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.topic .sequence,
  .publication-page.index > .kosmografie h4.topic .sequence,
  .publication-page.index > .kosmografie publication-level publication-level publication-level publication-level header.topic .sequence,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie header.topic .sequence {
    width: 200px;
    color: #000000;
    text-align: right;
    font-weight: 700; }
  .publication-page.index > .verstedelijking h4.topic .name, .publication-page.index > .verstedelijking publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .verstedelijking header.topic .name,
  .publication-page.index > .kosmografie-atmosfeer h4.topic .name,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level publication-level header.topic .name,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.topic .name,
  .publication-page.index > .kosmografie h4.topic .name,
  .publication-page.index > .kosmografie publication-level publication-level publication-level publication-level header.topic .name,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .verstedelijking h4.topic .page-number, .publication-page.index > .verstedelijking publication-level publication-level publication-level publication-level header.topic .page-number, publication-level publication-level publication-level publication-level .publication-page.index > .verstedelijking header.topic .page-number,
  .publication-page.index > .kosmografie-atmosfeer h4.topic .page-number,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level publication-level header.topic .page-number,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.topic .page-number,
  .publication-page.index > .kosmografie h4.topic .page-number,
  .publication-page.index > .kosmografie publication-level publication-level publication-level publication-level header.topic .page-number,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie header.topic .page-number {
    color: #000000;
    font-weight: 700; }

.publication-page.index > .verstedelijking h5.article,
.publication-page.index > .kosmografie-atmosfeer h5.article,
.publication-page.index > .kosmografie h5.article {
  font-style: italic; }
  .publication-page.index > .verstedelijking h5.article .sequence,
  .publication-page.index > .kosmografie-atmosfeer h5.article .sequence,
  .publication-page.index > .kosmografie h5.article .sequence {
    margin-right: 15px;
    text-align: right; }

.publication-page.index > .verstedelijking h6.experiment,
.publication-page.index > .kosmografie-atmosfeer h6.experiment,
.publication-page.index > .kosmografie h6.experiment {
  font-style: italic; }
  .publication-page.index > .verstedelijking h6.experiment .sequence,
  .publication-page.index > .kosmografie-atmosfeer h6.experiment .sequence,
  .publication-page.index > .kosmografie h6.experiment .sequence {
    display: inline; }
    .publication-page.index > .verstedelijking h6.experiment .sequence:after,
    .publication-page.index > .kosmografie-atmosfeer h6.experiment .sequence:after,
    .publication-page.index > .kosmografie h6.experiment .sequence:after {
      display: inline-block;
      content: ': ';
      margin-right: 4px; }
  .publication-page.index > .verstedelijking h6.experiment.proef .sequence:before,
  .publication-page.index > .kosmografie-atmosfeer h6.experiment.proef .sequence:before,
  .publication-page.index > .kosmografie h6.experiment.proef .sequence:before {
    content: 'proef '; }
  .publication-page.index > .verstedelijking h6.experiment.excursieopdracht .sequence:before,
  .publication-page.index > .kosmografie-atmosfeer h6.experiment.excursieopdracht .sequence:before,
  .publication-page.index > .kosmografie h6.experiment.excursieopdracht .sequence:before {
    content: 'excursieopdracht '; }

.publication-page.index > .verstedelijking h5.article.collection,
.publication-page.index > .kosmografie-atmosfeer h5.article.collection,
.publication-page.index > .kosmografie h5.article.collection {
  margin-left: 0;
  font-weight: 700; }

@media (min-width: 768px) {
  .publication-page.index > .verstedelijking h2.theme, .publication-page.index > .verstedelijking publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .verstedelijking header.theme,
  .publication-page.index > .kosmografie-atmosfeer h2.theme,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level header.theme,
  publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.theme,
  .publication-page.index > .kosmografie h2.theme,
  .publication-page.index > .kosmografie publication-level publication-level header.theme,
  publication-level publication-level .publication-page.index > .kosmografie header.theme {
    padding-left: 0; }
  .publication-page.index > .verstedelijking h3.chapter, .publication-page.index > .verstedelijking publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .verstedelijking header.chapter,
  .publication-page.index > .kosmografie-atmosfeer h3.chapter,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level header.chapter,
  publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.chapter,
  .publication-page.index > .kosmografie h3.chapter,
  .publication-page.index > .kosmografie publication-level publication-level publication-level header.chapter,
  publication-level publication-level publication-level .publication-page.index > .kosmografie header.chapter {
    margin-left: 0; }
  .publication-page.index > .verstedelijking h4.topic .sequence, .publication-page.index > .verstedelijking publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .verstedelijking header.topic .sequence,
  .publication-page.index > .kosmografie-atmosfeer h4.topic .sequence,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level publication-level header.topic .sequence,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.topic .sequence,
  .publication-page.index > .kosmografie h4.topic .sequence,
  .publication-page.index > .kosmografie publication-level publication-level publication-level publication-level header.topic .sequence,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie header.topic .sequence {
    text-align: left;
    width: 30px;
    padding-left: 8px; }
    .publication-page.index > .verstedelijking h4.topic .sequence:before, .publication-page.index > .verstedelijking publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .verstedelijking header.topic .sequence:before,
    .publication-page.index > .kosmografie-atmosfeer h4.topic .sequence:before,
    .publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level publication-level header.topic .sequence:before,
    publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.topic .sequence:before,
    .publication-page.index > .kosmografie h4.topic .sequence:before,
    .publication-page.index > .kosmografie publication-level publication-level publication-level publication-level header.topic .sequence:before,
    publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie header.topic .sequence:before {
      content: none; }
  .publication-page.index > .verstedelijking h4.topic .name, .publication-page.index > .verstedelijking publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .verstedelijking header.topic .name,
  .publication-page.index > .kosmografie-atmosfeer h4.topic .name,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level publication-level header.topic .name,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.topic .name,
  .publication-page.index > .kosmografie h4.topic .name,
  .publication-page.index > .kosmografie publication-level publication-level publication-level publication-level header.topic .name,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie header.topic .name {
    margin-left: 0; }
  .publication-page.index > .verstedelijking h5.article,
  .publication-page.index > .kosmografie-atmosfeer h5.article,
  .publication-page.index > .kosmografie h5.article {
    margin-left: 30px; }
    .publication-page.index > .verstedelijking h5.article.collection,
    .publication-page.index > .kosmografie-atmosfeer h5.article.collection,
    .publication-page.index > .kosmografie h5.article.collection {
      margin-left: 30px; }
  .publication-page.index > .verstedelijking h6.experiment,
  .publication-page.index > .kosmografie-atmosfeer h6.experiment,
  .publication-page.index > .kosmografie h6.experiment {
    margin-left: 30px; }
    .publication-page.index > .verstedelijking h6.experiment .sequence,
    .publication-page.index > .kosmografie-atmosfeer h6.experiment .sequence,
    .publication-page.index > .kosmografie h6.experiment .sequence {
      width: 105px;
      margin-right: 15px;
      text-align: right; }
      .publication-page.index > .verstedelijking h6.experiment .sequence:after,
      .publication-page.index > .kosmografie-atmosfeer h6.experiment .sequence:after,
      .publication-page.index > .kosmografie h6.experiment .sequence:after {
        content: none; }
    .publication-page.index > .verstedelijking h6.experiment.excursieopdracht .sequence:before,
    .publication-page.index > .kosmografie-atmosfeer h6.experiment.excursieopdracht .sequence:before,
    .publication-page.index > .kosmografie h6.experiment.excursieopdracht .sequence:before {
      content: 'excursie '; } }

@media (min-width: 992px) {
  .publication-page.index > .verstedelijking h2.theme, .publication-page.index > .verstedelijking publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .verstedelijking header.theme,
  .publication-page.index > .kosmografie-atmosfeer h2.theme,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level header.theme,
  publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.theme,
  .publication-page.index > .kosmografie h2.theme,
  .publication-page.index > .kosmografie publication-level publication-level header.theme,
  publication-level publication-level .publication-page.index > .kosmografie header.theme {
    padding-left: 200px; }
  .publication-page.index > .verstedelijking h3.chapter, .publication-page.index > .verstedelijking publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .verstedelijking header.chapter,
  .publication-page.index > .kosmografie-atmosfeer h3.chapter,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level header.chapter,
  publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.chapter,
  .publication-page.index > .kosmografie h3.chapter,
  .publication-page.index > .kosmografie publication-level publication-level publication-level header.chapter,
  publication-level publication-level publication-level .publication-page.index > .kosmografie header.chapter {
    margin-left: 200px; }
  .publication-page.index > .verstedelijking h4.topic .sequence, .publication-page.index > .verstedelijking publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .verstedelijking header.topic .sequence,
  .publication-page.index > .kosmografie-atmosfeer h4.topic .sequence,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level publication-level header.topic .sequence,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.topic .sequence,
  .publication-page.index > .kosmografie h4.topic .sequence,
  .publication-page.index > .kosmografie publication-level publication-level publication-level publication-level header.topic .sequence,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie header.topic .sequence {
    width: 200px;
    text-align: right; }
  .publication-page.index > .verstedelijking h4.topic .name, .publication-page.index > .verstedelijking publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .verstedelijking header.topic .name,
  .publication-page.index > .kosmografie-atmosfeer h4.topic .name,
  .publication-page.index > .kosmografie-atmosfeer publication-level publication-level publication-level publication-level header.topic .name,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie-atmosfeer header.topic .name,
  .publication-page.index > .kosmografie h4.topic .name,
  .publication-page.index > .kosmografie publication-level publication-level publication-level publication-level header.topic .name,
  publication-level publication-level publication-level publication-level .publication-page.index > .kosmografie header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .verstedelijking h5.article,
  .publication-page.index > .kosmografie-atmosfeer h5.article,
  .publication-page.index > .kosmografie h5.article {
    margin-left: 230px; }
    .publication-page.index > .verstedelijking h5.article .sequence,
    .publication-page.index > .kosmografie-atmosfeer h5.article .sequence,
    .publication-page.index > .kosmografie h5.article .sequence {
      text-align: left; }
    .publication-page.index > .verstedelijking h5.article.collection,
    .publication-page.index > .kosmografie-atmosfeer h5.article.collection,
    .publication-page.index > .kosmografie h5.article.collection {
      margin-left: 0; }
  .publication-page.index > .verstedelijking h6.experiment,
  .publication-page.index > .kosmografie-atmosfeer h6.experiment,
  .publication-page.index > .kosmografie h6.experiment {
    margin-left: 350px; }
    .publication-page.index > .verstedelijking h6.experiment .sequence,
    .publication-page.index > .kosmografie-atmosfeer h6.experiment .sequence,
    .publication-page.index > .kosmografie h6.experiment .sequence {
      text-align: left;
      width: auto; }
      .publication-page.index > .verstedelijking h6.experiment .sequence:after,
      .publication-page.index > .kosmografie-atmosfeer h6.experiment .sequence:after,
      .publication-page.index > .kosmografie h6.experiment .sequence:after {
        content: ': '; } }

.HB-AT, .HB-AT * {
  font-family: 'Source Sans Pro', sans-serif; }

.publication-page.index > .hb-at h2 a, .publication-page.index > .hb-at publication-level publication-level header a, publication-level publication-level .publication-page.index > .hb-at header a,
.publication-page.index > .hb-at h3 a,
.publication-page.index > .hb-at publication-level publication-level publication-level header a,
publication-level publication-level publication-level .publication-page.index > .hb-at header a,
.publication-page.index > .hb-at h4 a,
.publication-page.index > .hb-at publication-level publication-level publication-level publication-level header a,
publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header a,
.publication-page.index > .hb-at h5 a,
.publication-page.index > .hb-at h6 a {
  color: inherit;
  font: inherit;
  text-decoration: inherit;
  padding: 0;
  margin: 0;
  display: inherit;
  flex: 1; }

.publication-page.index > .hb-at h2 index-link, .publication-page.index > .hb-at publication-level publication-level header index-link, publication-level publication-level .publication-page.index > .hb-at header index-link,
.publication-page.index > .hb-at h3 index-link,
.publication-page.index > .hb-at publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level .publication-page.index > .hb-at header index-link,
.publication-page.index > .hb-at h4 index-link,
.publication-page.index > .hb-at publication-level publication-level publication-level publication-level header index-link,
publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header index-link,
.publication-page.index > .hb-at h5 index-link,
.publication-page.index > .hb-at h6 index-link {
  display: inherit;
  width: 100%; }

.publication-page.index > .hb-at h3, .publication-page.index > .hb-at publication-level publication-level publication-level header, publication-level publication-level publication-level .publication-page.index > .hb-at header,
.publication-page.index > .hb-at h4,
.publication-page.index > .hb-at publication-level publication-level publication-level publication-level header,
publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header,
.publication-page.index > .hb-at h5,
.publication-page.index > .hb-at h6 {
  padding: 0;
  display: flex; }

.publication-page.index > .hb-at span.name {
  flex: 1; }

.publication-page.index > .hb-at span.filler {
  display: none; }

.publication-page.index > .hb-at span.page-number,
.publication-page.index > .hb-at span.page {
  font-style: normal;
  padding: 0 8px;
  float: initial; }

.publication-page.index > .hb-at h2.theme, .publication-page.index > .hb-at publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .hb-at header.theme {
  color: #ffffff;
  font-style: italic;
  padding-left: 200px; }
  .publication-page.index > .hb-at h2.theme a, .publication-page.index > .hb-at publication-level publication-level header.theme a, publication-level publication-level .publication-page.index > .hb-at header.theme a {
    display: flex; }
  .publication-page.index > .hb-at h2.theme .sequence, .publication-page.index > .hb-at publication-level publication-level header.theme .sequence, publication-level publication-level .publication-page.index > .hb-at header.theme .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .hb-at h3.chapter, .publication-page.index > .hb-at publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .hb-at header.chapter {
  color: #ffffff;
  font-weight: 500;
  margin-left: 200px;
  padding: 0; }
  .publication-page.index > .hb-at h3.chapter .sequence, .publication-page.index > .hb-at publication-level publication-level publication-level header.chapter .sequence, publication-level publication-level publication-level .publication-page.index > .hb-at header.chapter .sequence {
    width: 30px;
    padding-left: 8px; }

.publication-page.index > .hb-at h4.topic, .publication-page.index > .hb-at publication-level publication-level publication-level publication-level header.topic, publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header.topic {
  margin-top: 20px;
  font-style: italic;
  font-weight: 700; }
  .publication-page.index > .hb-at h4.topic .sequence, .publication-page.index > .hb-at publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header.topic .sequence {
    width: 200px;
    color: #000000;
    text-align: right;
    font-weight: 700; }
    .publication-page.index > .hb-at h4.topic .sequence:before, .publication-page.index > .hb-at publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header.topic .sequence:before {
      content: 'Vraag '; }
  .publication-page.index > .hb-at h4.topic .name, .publication-page.index > .hb-at publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .hb-at h4.topic .page-number, .publication-page.index > .hb-at publication-level publication-level publication-level publication-level header.topic .page-number, publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header.topic .page-number {
    color: #000000;
    font-weight: 700; }

.publication-page.index > .hb-at h5.article {
  font-style: italic; }
  .publication-page.index > .hb-at h5.article .sequence {
    margin-right: 15px;
    text-align: right; }

.publication-page.index > .hb-at h6.experiment {
  font-style: italic; }
  .publication-page.index > .hb-at h6.experiment .sequence {
    display: inline; }
    .publication-page.index > .hb-at h6.experiment .sequence:after {
      display: inline-block;
      content: ': ';
      margin-right: 4px; }
  .publication-page.index > .hb-at h6.experiment.proef .sequence:before {
    content: 'proef '; }
  .publication-page.index > .hb-at h6.experiment.excursieopdracht .sequence:before {
    content: 'excursieopdracht '; }

.publication-page.index > .hb-at h5.article.collection {
  margin-left: 0;
  font-weight: 700; }

.publication-page.index > .hb-at .others .sequence {
  text-transform: capitalize; }

.publication-page.index > .hb-at .others .name {
  display: none; }

@media (min-width: 768px) {
  .publication-page.index > .hb-at h2.theme, .publication-page.index > .hb-at publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .hb-at header.theme {
    padding-left: 0; }
  .publication-page.index > .hb-at h3.chapter, .publication-page.index > .hb-at publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .hb-at header.chapter {
    margin-left: 0; }
  .publication-page.index > .hb-at h4.topic .sequence, .publication-page.index > .hb-at publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header.topic .sequence {
    text-align: left;
    width: 30px;
    padding-left: 8px; }
    .publication-page.index > .hb-at h4.topic .sequence:before, .publication-page.index > .hb-at publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header.topic .sequence:before {
      content: none; }
  .publication-page.index > .hb-at h4.topic .name, .publication-page.index > .hb-at publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header.topic .name {
    margin-left: 0; }
  .publication-page.index > .hb-at h5.article {
    margin-left: 30px; }
    .publication-page.index > .hb-at h5.article.collection {
      margin-left: 30px; }
  .publication-page.index > .hb-at h6.experiment {
    margin-left: 30px; }
    .publication-page.index > .hb-at h6.experiment .sequence {
      width: 105px;
      margin-right: 15px;
      text-align: right; }
      .publication-page.index > .hb-at h6.experiment .sequence:after {
        content: none; }
    .publication-page.index > .hb-at h6.experiment.excursieopdracht .sequence:before {
      content: 'excursie '; } }

@media (min-width: 992px) {
  .publication-page.index > .hb-at h2.theme, .publication-page.index > .hb-at publication-level publication-level header.theme, publication-level publication-level .publication-page.index > .hb-at header.theme {
    padding-left: 200px; }
  .publication-page.index > .hb-at h3.chapter, .publication-page.index > .hb-at publication-level publication-level publication-level header.chapter, publication-level publication-level publication-level .publication-page.index > .hb-at header.chapter {
    margin-left: 200px; }
  .publication-page.index > .hb-at h4.topic .sequence, .publication-page.index > .hb-at publication-level publication-level publication-level publication-level header.topic .sequence, publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header.topic .sequence {
    width: 200px;
    text-align: right;
    color: #1d88b4; }
    .publication-page.index > .hb-at h4.topic .sequence:before, .publication-page.index > .hb-at publication-level publication-level publication-level publication-level header.topic .sequence:before, publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header.topic .sequence:before {
      color: #1d88b4;
      content: 'Vraag '; }
  .publication-page.index > .hb-at h4.topic .name, .publication-page.index > .hb-at publication-level publication-level publication-level publication-level header.topic .name, publication-level publication-level publication-level publication-level .publication-page.index > .hb-at header.topic .name {
    margin-left: 30px; }
  .publication-page.index > .hb-at h5.article {
    margin-left: 230px; }
    .publication-page.index > .hb-at h5.article .sequence {
      text-align: left; }
    .publication-page.index > .hb-at h5.article.collection {
      margin-left: 0; }
  .publication-page.index > .hb-at h6.experiment {
    margin-left: 350px; }
    .publication-page.index > .hb-at h6.experiment .sequence {
      text-align: left;
      width: auto; }
      .publication-page.index > .hb-at h6.experiment .sequence:after {
        content: ': '; } }

.publication-page.index .index-page-header h1, .publication-page.index .index-page-header publication-level header, publication-level .publication-page.index .index-page-header header {
  font-size: 41.6px; }

.publication-page.index .translucent {
  opacity: .5; }

.json-test.input-panel {
  margin-bottom: 25px; }
  .json-test.input-panel textarea {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Consolas", "Courier New", monospace;
    width: 100%;
    display: block;
    resize: vertical; }

.publication-page.keywords {
  background-color: rgba(94, 159, 57, 0.15);
  position: relative;
  margin: -15px -70px;
  padding: 15px 70px; }
  .publication-page.keywords h3, .publication-page.keywords publication-level publication-level publication-level header, publication-level publication-level publication-level .publication-page.keywords header {
    color: #5e9f39; }
  .publication-page.keywords ul.unstyled {
    padding: 0;
    margin-bottom: 15px; }
    .publication-page.keywords ul.unstyled li {
      display: flex;
      margin-bottom: 8px; }
      .publication-page.keywords ul.unstyled li .code {
        font-weight: bold;
        min-width: 26rem;
        margin-right: 15px; }
      .publication-page.keywords ul.unstyled li .description {
        flex: 1;
        min-width: 26rem; }

.landing-page h1, .landing-page publication-level header, publication-level .landing-page header {
  font-size: 25px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 25px; }

.landing-page .dashboard {
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.landing-page a.dashboard-widget {
  display: block;
  text-align: center;
  font-size: 16px;
  min-width: 200px;
  margin-bottom: 25px; }
  .landing-page a.dashboard-widget:hover, .landing-page a.dashboard-widget:active, .landing-page a.dashboard-widget:focus {
    outline: none;
    text-decoration: none; }
  .landing-page a.dashboard-widget span.circle {
    display: block;
    border: none;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    margin: 0 auto 20px auto;
    margin-top: 20px;
    position: relative;
    color: #2d7099; }
    .landing-page a.dashboard-widget span.circle:before {
      content: '';
      position: absolute;
      top: -10px;
      right: -10px;
      bottom: -10px;
      left: -10px;
      border-radius: 50%;
      background: linear-gradient(to bottom, #2d7099 0%, #1D5070 100%);
      z-index: 0;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24); }
    .landing-page a.dashboard-widget span.circle:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: 50%;
      background: #f5f5f5;
      z-index: 1; }
  .landing-page a.dashboard-widget span.badge {
    font-size: 16px;
    border: 2px solid #2d7099;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    bottom: -10px;
    width: 26px;
    height: 26px;
    background-color: #f5f5f5;
    color: #2d7099;
    z-index: 4;
    display: block;
    padding: 0;
    line-height: 20px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23); }
  .landing-page a.dashboard-widget i {
    color: #2d7099;
    font-size: 65px;
    position: absolute;
    z-index: 3;
    display: block;
    top: 50%;
    margin-left: -32px;
    margin-top: -38px;
    left: 50%; }

.publication-page.learning-goal {
  position: relative;
  margin: -15px -70px;
  padding: 15px 70px; }
  .publication-page.learning-goal .background {
    background: rgba(255, 255, 255, 0.75);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .publication-page.learning-goal .knowledge,
  .publication-page.learning-goal .ability {
    position: relative; }
    .publication-page.learning-goal .knowledge ul.unstyled,
    .publication-page.learning-goal .ability ul.unstyled {
      padding: 0;
      margin-bottom: 15px; }
      .publication-page.learning-goal .knowledge ul.unstyled li,
      .publication-page.learning-goal .ability ul.unstyled li {
        display: flex;
        margin-bottom: 8px; }
        .publication-page.learning-goal .knowledge ul.unstyled li .code,
        .publication-page.learning-goal .ability ul.unstyled li .code {
          font-weight: bold;
          min-width: 5.5rem; }
        .publication-page.learning-goal .knowledge ul.unstyled li .description,
        .publication-page.learning-goal .ability ul.unstyled li .description {
          flex: 1; }

.topic-switcher {
  z-index: 1;
  position: absolute;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .topic-switcher.top {
    top: -50px;
    line-height: 46px; }
  .topic-switcher.bottom {
    bottom: -50px;
    line-height: 52px; }
  .topic-switcher .switch-button {
    width: 40px;
    height: 40px;
    line-height: inherit;
    font-size: 24px;
    text-align: center;
    background: #ffffff;
    border-radius: 20px;
    opacity: .65;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24); }
    .topic-switcher .switch-button a {
      display: block; }
    .topic-switcher .switch-button:hover {
      opacity: 1;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23); }
    .topic-switcher .switch-button:active {
      opacity: 1;
      box-shadow: none; }

.publication-page.topic header.theme {
  position: relative;
  margin: -15px -70px 0;
  min-height: 10rem;
  display: flex; }
  .publication-page.topic header.theme .theme-name {
    background: rgba(245, 245, 245, 0.8);
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 8px 8px 0 8px; }
    .publication-page.topic header.theme .theme-name h1, .publication-page.topic header.theme .theme-name publication-level header, publication-level .publication-page.topic header.theme .theme-name header {
      font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-weight: 400;
      font-size: 4.8rem;
      margin: 0 0 -0.8rem;
      text-align: right;
      text-overflow: clip;
      max-width: 100%; }
  .publication-page.topic header.theme .theme-sequence {
    width: 12rem;
    font-weight: 300;
    font-style: italic;
    color: #f5f5f5;
    font-size: 10rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    .publication-page.topic header.theme .theme-sequence .sequence {
      line-height: 7rem; }
      .publication-page.topic header.theme .theme-sequence .sequence:after {
        content: ''; }

.publication-page.topic .publication-chapter > h2, .publication-page.topic publication-level publication-level .publication-chapter > header, publication-level publication-level .publication-page.topic .publication-chapter > header,
.publication-page.topic .publication-topic > h3,
.publication-page.topic publication-level publication-level publication-level .publication-topic > header,
publication-level publication-level publication-level .publication-page.topic .publication-topic > header {
  position: relative;
  display: flex;
  line-height: normal;
  font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  padding: 0 8px; }

.publication-page.topic .publication-chapter > h2, .publication-page.topic publication-level publication-level .publication-chapter > header, publication-level publication-level .publication-page.topic .publication-chapter > header {
  color: #f5f5f5; }
  .publication-page.topic .publication-chapter > h2 span.chapter-sequence, .publication-page.topic publication-level publication-level .publication-chapter > header span.chapter-sequence, publication-level publication-level .publication-page.topic .publication-chapter > header span.chapter-sequence {
    margin-right: 15px; }
  .publication-page.topic .publication-chapter > h2 span.chapter-name, .publication-page.topic publication-level publication-level .publication-chapter > header span.chapter-name, publication-level publication-level .publication-page.topic .publication-chapter > header span.chapter-name {
    flex: 1; }


.publication-page.topic .publication-topic > h3,
.publication-page.topic publication-level publication-level publication-level .publication-topic > header,
publication-level publication-level publication-level .publication-page.topic .publication-topic > header {
  font-weight: 700; }
  .publication-page.topic .publication-topic > h3 span.topic-sequence, .publication-page.topic publication-level publication-level publication-level .publication-topic > header span.topic-sequence, publication-level publication-level publication-level .publication-page.topic .publication-topic > header span.topic-sequence {
    margin-right: 15px; }
  .publication-page.topic .publication-topic > h3 span.topic-name, .publication-page.topic publication-level publication-level publication-level .publication-topic > header span.topic-name, publication-level publication-level publication-level .publication-page.topic .publication-topic > header span.topic-name {
    flex: 1; }
  .publication-page.topic .publication-topic > h3 span.topic-sequence, .publication-page.topic publication-level publication-level publication-level .publication-topic > header span.topic-sequence, publication-level publication-level publication-level .publication-page.topic .publication-topic > header span.topic-sequence {
    margin-right: 15px; }
    .publication-page.topic .publication-topic > h3 span.topic-sequence:before, .publication-page.topic publication-level publication-level publication-level .publication-topic > header span.topic-sequence:before, publication-level publication-level publication-level .publication-page.topic .publication-topic > header span.topic-sequence:before {
      content: attr(data-chapter) "."; }

.publication-page.topic .publication-article {
  margin: 20px 0;
  position: relative;
  display: block; }
  .publication-page.topic .publication-article:last-child {
    margin-bottom: 0; }
  .publication-page.topic .publication-article .element {
    position: relative; }

.publication-page.topic.aardrijkskunde article-exercise .article-element.level-0 .sequence {
  color: #5e6c7c;
  font-weight: 500; }

.publication-page.topic.aardrijkskunde .publication-article.exercise > h5 .sequence {
  font-weight: 500; }
  .publication-page.topic.aardrijkskunde .publication-article.exercise > h5 .sequence:before {
    content: 'OEFENING '; }
  .publication-page.topic.aardrijkskunde .publication-article.exercise > h5 .sequence:after {
    content: ':'; }

.publication-page.topic.natuurwetenschappen section.publication-theme header.theme {
  flex-direction: row-reverse; }
  .publication-page.topic.natuurwetenschappen section.publication-theme header.theme .theme-name {
    background: transparent;
    color: #f5f5f5; }
    .publication-page.topic.natuurwetenschappen section.publication-theme header.theme .theme-name h1, .publication-page.topic.natuurwetenschappen section.publication-theme header.theme .theme-name publication-level header, publication-level .publication-page.topic.natuurwetenschappen section.publication-theme header.theme .theme-name header {
      color: inherit !important;
      text-align: left;
      font-style: italic;
      width: 100%;
      margin: 0; }
  .publication-page.topic.natuurwetenschappen section.publication-theme header.theme .theme-sequence {
    font-weight: 900;
    width: 24rem;
    text-align: center; }
    .publication-page.topic.natuurwetenschappen section.publication-theme header.theme .theme-sequence .sequence {
      font-size: 12rem;
      font-weight: 400;
      line-height: .74; }

.publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter h2, .publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter publication-level publication-level header, publication-level publication-level .publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter header {
  padding: 15px 20px;
  border-radius: 15px;
  font-size: 3rem; }

.publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter section.publication-topic > h3, .publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header, publication-level publication-level publication-level .publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter section.publication-topic > header {
  padding: 0;
  font-weight: normal;
  display: flex;
  font-size: 1.8rem; }
  .publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-sequence, .publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-sequence, publication-level publication-level publication-level .publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter section.publication-topic > header .topic-sequence {
    color: #ffffff;
    margin: 0 4px 0 0;
    padding: 4px 8px;
    background-color: #2d7099;
    font-size: .75em;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-sequence:before, .publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-sequence:before, publication-level publication-level publication-level .publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter section.publication-topic > header .topic-sequence:before {
      content: 'Vraag'; }
  .publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-name, .publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-name, publication-level publication-level publication-level .publication-page.topic.natuurwetenschappen section.publication-theme section.publication-chapter section.publication-topic > header .topic-name {
    background-color: #dbdde2;
    color: #ae3b46 !important;
    padding: 0 8px;
    align-items: center;
    display: flex;
    flex: 1; }

.publication-page.topic.natuurwetenschappen .sequence-background .sequence {
  width: 2.2rem;
  height: 2.2rem;
  float: left;
  color: #ffffff;
  background-color: #5e6c7c;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  padding-right: .1rem;
  margin: 0 .5rem 0 -.5rem; }
  .publication-page.topic.natuurwetenschappen .sequence-background .sequence:after {
    content: initial; }

.publication-page.topic.natuurwetenschappen .sequence {
  min-width: 20px;
  float: left; }
  .publication-page.topic.natuurwetenschappen .sequence:after {
    content: initial; }

.publication-page.topic.natuurwetenschappen .publication-article.exercise > h5 .sequence {
  font-weight: 500; }
  .publication-page.topic.natuurwetenschappen .publication-article.exercise > h5 .sequence:before {
    display: inline-block;
    content: 'OPDRACHT';
    margin-right: 4px; }
  .publication-page.topic.natuurwetenschappen .publication-article.exercise > h5 .sequence:after {
    content: ''; }

.publication-page.topic.natuurwetenschappen .publication-article.exercise > h5 .name {
  font-weight: 500; }

.publication-page.topic.natura section.publication-theme header.theme {
  flex-direction: row-reverse; }
  .publication-page.topic.natura section.publication-theme header.theme .theme-name {
    background: transparent;
    color: #f5f5f5; }
    .publication-page.topic.natura section.publication-theme header.theme .theme-name h1, .publication-page.topic.natura section.publication-theme header.theme .theme-name publication-level header, publication-level .publication-page.topic.natura section.publication-theme header.theme .theme-name header {
      color: inherit !important;
      text-align: left;
      font-style: italic;
      width: 100%;
      margin: 0; }
  .publication-page.topic.natura section.publication-theme header.theme .theme-sequence {
    font-weight: 900;
    width: 24rem;
    text-align: center; }
    .publication-page.topic.natura section.publication-theme header.theme .theme-sequence .sequence {
      font-size: 12rem;
      font-weight: 400;
      line-height: .74; }

.publication-page.topic.natura section.publication-theme section.publication-chapter h2, .publication-page.topic.natura section.publication-theme section.publication-chapter publication-level publication-level header, publication-level publication-level .publication-page.topic.natura section.publication-theme section.publication-chapter header {
  padding: 15px 20px;
  border-radius: 15px;
  font-size: 3rem; }

.publication-page.topic.natura section.publication-theme section.publication-chapter section.publication-topic > h3, .publication-page.topic.natura section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header, publication-level publication-level publication-level .publication-page.topic.natura section.publication-theme section.publication-chapter section.publication-topic > header {
  padding: 0;
  font-weight: normal;
  display: flex;
  font-size: 1.8rem; }
  .publication-page.topic.natura section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-sequence, .publication-page.topic.natura section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-sequence, publication-level publication-level publication-level .publication-page.topic.natura section.publication-theme section.publication-chapter section.publication-topic > header .topic-sequence {
    color: #ffffff;
    margin: 0 4px 0 0;
    padding: 4px 8px;
    background-color: #2d7099;
    font-size: .75em;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .publication-page.topic.natura section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-sequence:before, .publication-page.topic.natura section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-sequence:before, publication-level publication-level publication-level .publication-page.topic.natura section.publication-theme section.publication-chapter section.publication-topic > header .topic-sequence:before {
      content: 'Vraag'; }
  .publication-page.topic.natura section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-name, .publication-page.topic.natura section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-name, publication-level publication-level publication-level .publication-page.topic.natura section.publication-theme section.publication-chapter section.publication-topic > header .topic-name {
    background-color: #dbdde2;
    color: #ae3b46 !important;
    padding: 0 8px;
    align-items: center;
    display: flex;
    flex: 1; }

.publication-page.topic.natura .sequence-background .sequence {
  width: 2.2rem;
  height: 2.2rem;
  float: left;
  color: #ffffff;
  background-color: #5e6c7c;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  padding-right: .1rem;
  margin: 0 .5rem 0 -.5rem; }
  .publication-page.topic.natura .sequence-background .sequence:after {
    content: initial; }

.publication-page.topic.natura .sequence {
  min-width: 20px;
  float: left; }
  .publication-page.topic.natura .sequence:after {
    content: initial; }

.publication-page.topic.natura .publication-article.exercise > h5 .sequence {
  font-weight: 500; }
  .publication-page.topic.natura .publication-article.exercise > h5 .sequence:before {
    display: inline-block;
    content: 'OPDRACHT';
    margin-right: 4px; }
  .publication-page.topic.natura .publication-article.exercise > h5 .sequence:after {
    content: ''; }

.publication-page.topic.natura .publication-article.exercise > h5 .name {
  font-weight: 500; }

.publication-page.topic.geoactief section.publication-theme header.theme {
  flex-direction: row-reverse; }
  .publication-page.topic.geoactief section.publication-theme header.theme .theme-name {
    background: transparent;
    color: #f5f5f5; }
    .publication-page.topic.geoactief section.publication-theme header.theme .theme-name h1, .publication-page.topic.geoactief section.publication-theme header.theme .theme-name publication-level header, publication-level .publication-page.topic.geoactief section.publication-theme header.theme .theme-name header {
      color: inherit !important;
      text-align: left;
      font-style: italic;
      width: 100%;
      margin: 0; }
  .publication-page.topic.geoactief section.publication-theme header.theme .theme-sequence {
    font-weight: 900;
    width: 24rem;
    text-align: center; }
    .publication-page.topic.geoactief section.publication-theme header.theme .theme-sequence .sequence {
      font-size: 12rem;
      font-weight: 400;
      line-height: .74; }

.publication-page.topic.geoactief section.publication-theme section.publication-chapter h2, .publication-page.topic.geoactief section.publication-theme section.publication-chapter publication-level publication-level header, publication-level publication-level .publication-page.topic.geoactief section.publication-theme section.publication-chapter header {
  padding: 15px 20px;
  border-radius: 15px;
  font-size: 3rem; }

.publication-page.topic.geoactief section.publication-theme section.publication-chapter section.publication-topic > h3, .publication-page.topic.geoactief section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header, publication-level publication-level publication-level .publication-page.topic.geoactief section.publication-theme section.publication-chapter section.publication-topic > header {
  padding: 0;
  font-weight: normal;
  display: flex;
  font-size: 1.8rem; }
  .publication-page.topic.geoactief section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-sequence, .publication-page.topic.geoactief section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-sequence, publication-level publication-level publication-level .publication-page.topic.geoactief section.publication-theme section.publication-chapter section.publication-topic > header .topic-sequence {
    color: #ffffff;
    margin: 0 4px 0 0;
    padding: 4px 8px;
    background-color: #2d7099;
    font-size: .75em;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .publication-page.topic.geoactief section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-sequence:before, .publication-page.topic.geoactief section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-sequence:before, publication-level publication-level publication-level .publication-page.topic.geoactief section.publication-theme section.publication-chapter section.publication-topic > header .topic-sequence:before {
      content: 'Vraag'; }
  .publication-page.topic.geoactief section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-name, .publication-page.topic.geoactief section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-name, publication-level publication-level publication-level .publication-page.topic.geoactief section.publication-theme section.publication-chapter section.publication-topic > header .topic-name {
    background-color: #dbdde2;
    color: #ae3b46 !important;
    padding: 0 8px;
    align-items: center;
    display: flex;
    flex: 1; }

.publication-page.topic.geoactief .sequence-background .sequence {
  width: 2.2rem;
  height: 2.2rem;
  float: left;
  color: #ffffff;
  background-color: #5e6c7c;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  padding-right: .1rem;
  margin: 0 .5rem 0 -.5rem; }
  .publication-page.topic.geoactief .sequence-background .sequence:after {
    content: initial; }

.publication-page.topic.geoactief .sequence {
  min-width: 20px;
  float: left; }
  .publication-page.topic.geoactief .sequence:after {
    content: initial; }

.publication-page.topic.geoactief .publication-article.exercise > h5 .sequence {
  font-weight: 500; }
  .publication-page.topic.geoactief .publication-article.exercise > h5 .sequence:before {
    display: inline-block;
    content: 'OPDRACHT';
    margin-right: 4px; }
  .publication-page.topic.geoactief .publication-article.exercise > h5 .sequence:after {
    content: ''; }

.publication-page.topic.geoactief .publication-article.exercise > h5 .name {
  font-weight: 500; }

.publication-page.topic.werkmap-aardrijkskunde section.publication-theme header.theme {
  flex-direction: row-reverse; }
  .publication-page.topic.werkmap-aardrijkskunde section.publication-theme header.theme .theme-name {
    background: transparent;
    color: #f5f5f5; }
    .publication-page.topic.werkmap-aardrijkskunde section.publication-theme header.theme .theme-name h1, .publication-page.topic.werkmap-aardrijkskunde section.publication-theme header.theme .theme-name publication-level header, publication-level .publication-page.topic.werkmap-aardrijkskunde section.publication-theme header.theme .theme-name header {
      color: inherit !important;
      text-align: left;
      font-style: italic;
      width: 100%;
      margin: 0; }
  .publication-page.topic.werkmap-aardrijkskunde section.publication-theme header.theme .theme-sequence {
    font-weight: 900;
    width: 24rem;
    text-align: center; }
    .publication-page.topic.werkmap-aardrijkskunde section.publication-theme header.theme .theme-sequence .sequence {
      font-size: 12rem;
      font-weight: 400;
      line-height: .74; }

.publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter h2, .publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter publication-level publication-level header, publication-level publication-level .publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter header {
  padding: 15px 20px;
  border-radius: 15px;
  font-size: 3rem; }

.publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter section.publication-topic > h3, .publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header, publication-level publication-level publication-level .publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter section.publication-topic > header {
  padding: 0;
  font-weight: normal;
  display: flex;
  font-size: 1.8rem; }
  .publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-sequence, .publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-sequence, publication-level publication-level publication-level .publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter section.publication-topic > header .topic-sequence {
    color: #ffffff;
    margin: 0 4px 0 0;
    padding: 4px 8px;
    background-color: #2d7099;
    font-size: .75em;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-sequence:before, .publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-sequence:before, publication-level publication-level publication-level .publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter section.publication-topic > header .topic-sequence:before {
      content: 'Vraag'; }
  .publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-name, .publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-name, publication-level publication-level publication-level .publication-page.topic.werkmap-aardrijkskunde section.publication-theme section.publication-chapter section.publication-topic > header .topic-name {
    background-color: #dbdde2;
    color: #ae3b46 !important;
    padding: 0 8px;
    align-items: center;
    display: flex;
    flex: 1; }

.publication-page.topic.werkmap-aardrijkskunde .sequence-background .sequence {
  width: 2.2rem;
  height: 2.2rem;
  float: left;
  color: #ffffff;
  background-color: #5e6c7c;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  padding-right: .1rem;
  margin: 0 .5rem 0 -.5rem; }
  .publication-page.topic.werkmap-aardrijkskunde .sequence-background .sequence:after {
    content: initial; }

.publication-page.topic.werkmap-aardrijkskunde .sequence {
  min-width: 20px;
  float: left; }
  .publication-page.topic.werkmap-aardrijkskunde .sequence:after {
    content: initial; }

.publication-page.topic.werkmap-aardrijkskunde .subtitle {
  padding: 3px 10px 3px 10px;
  display: inline-block;
  color: #77787b;
  background-color: #d5d5d5; }

.publication-page.topic.werkmap-aardrijkskunde .publication-article.exercise > h5 .sequence {
  font-weight: 500; }
  .publication-page.topic.werkmap-aardrijkskunde .publication-article.exercise > h5 .sequence:before {
    display: inline-block;
    content: 'OPDRACHT';
    margin-right: 4px; }
  .publication-page.topic.werkmap-aardrijkskunde .publication-article.exercise > h5 .sequence:after {
    content: ''; }

.publication-page.topic.werkmap-aardrijkskunde .publication-article.exercise > h5 .name {
  font-weight: 500; }

.publication-page.topic.werkmap-aardrijkskunde.id .publication-article.exercise > h5 .sequence:before, .publication-page.topic.werkmap-aardrijkskunde.synthese .publication-article.exercise > h5 .sequence:before {
  content: initial; }

.publication-page.topic.werkmap-aardrijkskunde .light-task .sequence-background .sequence {
  color: #3d5e86 !important;
  background-color: #ffffff !important; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme header.theme {
  display: none; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter h2, .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter publication-level publication-level header, publication-level publication-level .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter header {
  background-color: #e7e7e8 !important;
  color: #ae3b46;
  padding: 2rem 2rem 0 2rem;
  margin: -2rem -7rem 5rem -7rem;
  border-radius: 0;
  height: 12rem;
  display: flex;
  align-items: flex-end; }
  .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter h2 .chapter-sequence, .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter publication-level publication-level header .chapter-sequence, publication-level publication-level .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter header .chapter-sequence {
    font-size: 12rem;
    padding: 0 4rem;
    margin-bottom: -3rem; }
  .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter h2 .chapter-name, .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter publication-level publication-level header .chapter-name, publication-level publication-level .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter header .chapter-name {
    font-size: 4rem;
    margin-bottom: -1rem; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter section.publication-topic > h3, .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header, publication-level publication-level publication-level .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter section.publication-topic > header {
  padding: 0;
  font-weight: normal;
  display: flex;
  font-size: 1.8rem; }
  .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-sequence, .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-sequence, publication-level publication-level publication-level .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter section.publication-topic > header .topic-sequence {
    display: none; }
  .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-name, .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-name, publication-level publication-level publication-level .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter section.publication-topic > header .topic-name {
    color: #1e1e1e !important;
    font-weight: bold;
    background-color: transparent;
    border-bottom: solid 2px #ae3b46 !important;
    padding: 0;
    align-items: center;
    display: flex;
    flex: 1; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter section.publication-topic h3.question .topic-sequence, .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter section.publication-topic publication-level publication-level publication-level header.question .topic-sequence, publication-level publication-level publication-level .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter section.publication-topic header.question .topic-sequence {
  display: flex !important; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter section.publication-topic h3.question .topic-name, .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter section.publication-topic publication-level publication-level publication-level header.question .topic-name, publication-level publication-level publication-level .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt section.publication-theme section.publication-chapter section.publication-topic header.question .topic-name {
  color: #ae3b46 !important;
  font-weight: bold;
  background-color: #e8e8e8 !important;
  border-bottom: none !important;
  margin-left: 1rem;
  padding: 0.5rem;
  align-items: center;
  display: flex;
  flex: 1; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt .sequence-background .sequence {
  width: 2.2rem;
  height: 2.2rem;
  float: left;
  color: #ffffff;
  background-color: #5e6c7c;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  padding-right: .1rem;
  margin: 0 .5rem 0 -.5rem; }
  .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt .sequence-background .sequence:after {
    content: initial; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt .sequence {
  min-width: 20px;
  float: left; }
  .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt .sequence:after {
    content: initial; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt .subtitle {
  padding: 3px 10px 3px 10px;
  display: inline-block;
  color: #77787b;
  background-color: #d5d5d5; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt .publication-article.exercise > h5 .sequence {
  font-weight: 500; }
  .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt .publication-article.exercise > h5 .sequence:before {
    display: inline-block;
    content: '';
    margin-right: 4px; }
  .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt .publication-article.exercise > h5 .sequence:after {
    content: ''; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt .publication-article.exercise > h5 .name {
  font-weight: 500; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt.id .publication-article.exercise > h5 .sequence:before, .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt.synthese .publication-article.exercise > h5 .sequence:before {
  content: initial; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt .light-task .sequence-background .sequence {
  color: #3d5e86 !important;
  background-color: #ffffff !important; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt .fake {
  display: flex; }
  .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt .fake .topic-sequence {
    display: flex !important;
    color: #ffffff;
    margin: 0 4px 0 0;
    padding: 4px 8px;
    background-color: #2d7099;
    font-size: .75em;
    line-height: 1;
    flex-direction: column;
    align-items: center; }
  .publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt .fake .topic-sequence::before {
    content: 'Vraag';
    box-sizing: border-box;
    line-height: 1;
    font-size: .75em;
    color: #ffffff; }

.publication-page.topic.werkmap-alt-aardrijkskunde header.theme {
  background-color: #e1e2e4 !important;
  display: flex;
  flex-direction: row-reverse;
  height: 125px; }
  .publication-page.topic.werkmap-alt-aardrijkskunde header.theme .theme-sequence {
    background-color: var(--theme-color) !important;
    border-bottom-right-radius: 25px;
    font-family: "Source Sans Pro", sans-serif;
    width: 220px;
    padding-left: 12rem; }
    .publication-page.topic.werkmap-alt-aardrijkskunde header.theme .theme-sequence .sequence {
      font-size: 15rem;
      line-height: 10rem !important; }
  .publication-page.topic.werkmap-alt-aardrijkskunde header.theme .theme-name {
    background-color: transparent;
    justify-content: flex-start; }
    .publication-page.topic.werkmap-alt-aardrijkskunde header.theme .theme-name h1, .publication-page.topic.werkmap-alt-aardrijkskunde header.theme .theme-name publication-level header, publication-level .publication-page.topic.werkmap-alt-aardrijkskunde header.theme .theme-name header {
      margin-left: 2rem;
      font-style: italic; }

.publication-page.topic.werkmap-alt-aardrijkskunde section.publication-chapter h2, .publication-page.topic.werkmap-alt-aardrijkskunde section.publication-chapter publication-level publication-level header, publication-level publication-level .publication-page.topic.werkmap-alt-aardrijkskunde section.publication-chapter header {
  background: transparent !important;
  border-bottom: solid 2.5px var(--theme-color);
  font-weight: bold;
  color: #1e1e1e;
  padding: 0; }
  .publication-page.topic.werkmap-alt-aardrijkskunde section.publication-chapter h2 .chapter-sequence, .publication-page.topic.werkmap-alt-aardrijkskunde section.publication-chapter publication-level publication-level header .chapter-sequence, publication-level publication-level .publication-page.topic.werkmap-alt-aardrijkskunde section.publication-chapter header .chapter-sequence {
    margin-right: 4rem; }

.publication-page.topic.werkmap-alt-aardrijkskunde section.publication-chapter section.publication-topic > h3, .publication-page.topic.werkmap-alt-aardrijkskunde section.publication-chapter publication-level publication-level publication-level section.publication-topic > header, publication-level publication-level publication-level .publication-page.topic.werkmap-alt-aardrijkskunde section.publication-chapter section.publication-topic > header {
  background-color: #dce1e6;
  color: #5e6c7c !important;
  padding: 8px; }
  .publication-page.topic.werkmap-alt-aardrijkskunde section.publication-chapter section.publication-topic > h3 .topic-sequence::before, .publication-page.topic.werkmap-alt-aardrijkskunde section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-sequence::before, publication-level publication-level publication-level .publication-page.topic.werkmap-alt-aardrijkskunde section.publication-chapter section.publication-topic > header .topic-sequence::before {
    content: ""; }

.publication-page.topic.werkmap-alt-aardrijkskunde .sequence-background .sequence {
  width: 2.2rem;
  height: 2.2rem;
  float: left;
  color: #ffffff;
  background-color: #5e6c7c;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  padding-right: .1rem;
  margin: 0 .5rem 0 -.5rem; }
  .publication-page.topic.werkmap-alt-aardrijkskunde .sequence-background .sequence:after {
    content: initial; }

.publication-page.topic.werkmap-alt-aardrijkskunde .sequence {
  min-width: 20px;
  float: left; }
  .publication-page.topic.werkmap-alt-aardrijkskunde .sequence:after {
    content: initial; }

.publication-page.topic.werkmap-alt-aardrijkskunde .subtitle {
  padding: 3px 10px 3px 10px;
  display: inline-block;
  color: #77787b;
  background-color: #d5d5d5; }

.publication-page.topic.werkmap-alt-aardrijkskunde .publication-article.exercise > h5 .sequence {
  font-weight: 500; }
  .publication-page.topic.werkmap-alt-aardrijkskunde .publication-article.exercise > h5 .sequence:before {
    display: inline-block;
    content: '';
    margin-right: 4px; }
  .publication-page.topic.werkmap-alt-aardrijkskunde .publication-article.exercise > h5 .sequence:after {
    content: ''; }

.publication-page.topic.werkmap-alt-aardrijkskunde .publication-article.exercise > h5 .name {
  font-weight: 500; }

.publication-page.topic.werkmap-alt-aardrijkskunde.id .publication-article.exercise > h5 .sequence:before, .publication-page.topic.werkmap-alt-aardrijkskunde.synthese .publication-article.exercise > h5 .sequence:before {
  content: initial; }

.publication-page.topic.werkmap-alt-aardrijkskunde .light-task .sequence-background .sequence {
  color: #3d5e86 !important;
  background-color: #ffffff !important; }

.publication-page.topic.werkmap-alt-aardrijkskunde .fake {
  display: flex; }
  .publication-page.topic.werkmap-alt-aardrijkskunde .fake .topic-sequence {
    display: flex !important;
    color: #ffffff;
    margin: 0 4px 0 0;
    padding: 4px 8px;
    background-color: #2d7099;
    font-size: .75em;
    line-height: 1;
    flex-direction: column;
    align-items: center; }
  .publication-page.topic.werkmap-alt-aardrijkskunde .fake .topic-sequence::before {
    content: 'Vraag';
    box-sizing: border-box;
    line-height: 1;
    font-size: .75em;
    color: #ffffff; }

.publication-page.topic.werkmap-alt-aardrijkskunde .image-label-container {
  padding: 4px 0;
  border: none;
  color: #1e1e1e; }
  .publication-page.topic.werkmap-alt-aardrijkskunde .image-label-container .image-code {
    background-color: #dce1e6;
    width: 4rem;
    color: #1e1e1e;
    padding: 2px;
    border-radius: 50px 0 0 50px; }
  .publication-page.topic.werkmap-alt-aardrijkskunde .image-label-container .image-label {
    padding: 2px 0 4px 4px;
    margin: 0;
    border-bottom: solid 1px #dce1e6; }

.publication-page.topic.andere-tijden header.theme {
  display: none; }

.publication-page.topic.andere-tijden .article-element .element-task {
  font-style: normal; }

.publication-page.topic.andere-tijden .article-element .sequence:after {
  content: unset; }

.publication-page.topic.andere-tijden .article-element.level-0 .sequence {
  color: #8acde6;
  font-size: 2.5rem;
  font-weight: 300; }

.publication-page.topic.andere-tijden .article-element.level-0 .level-0 .sequence {
  color: #1e1e1e;
  font-size: 1.6rem; }

.publication-page.topic.andere-tijden .docRef {
  background-color: #595758;
  color: white;
  font-weight: normal;
  padding: 0 0.3rem; }
  .publication-page.topic.andere-tijden .docRef:before {
    content: 'Doc';
    color: var(--theme-color);
    padding-right: 0.3rem; }

.publication-page.topic.andere-tijden:not(.zelftest) section.publication-chapter h2, .publication-page.topic.andere-tijden:not(.zelftest) section.publication-chapter publication-level publication-level header, publication-level publication-level .publication-page.topic.andere-tijden:not(.zelftest) section.publication-chapter header {
  background-color: #e7e7e8 !important;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 12rem;
  display: flex;
  align-items: flex-end; }
  .publication-page.topic.andere-tijden:not(.zelftest) section.publication-chapter h2 .chapter-sequence, .publication-page.topic.andere-tijden:not(.zelftest) section.publication-chapter publication-level publication-level header .chapter-sequence, publication-level publication-level .publication-page.topic.andere-tijden:not(.zelftest) section.publication-chapter header .chapter-sequence {
    width: 20rem;
    display: flex;
    padding: 0 2rem;
    align-items: baseline;
    height: 100%;
    justify-content: end;
    font-size: 15rem;
    line-height: 0.9;
    background-color: var(--theme-color);
    border-radius: 0 0 30px 0;
    font-style: italic; }
  .publication-page.topic.andere-tijden:not(.zelftest) section.publication-chapter h2 .chapter-name, .publication-page.topic.andere-tijden:not(.zelftest) section.publication-chapter publication-level publication-level header .chapter-name, publication-level publication-level .publication-page.topic.andere-tijden:not(.zelftest) section.publication-chapter header .chapter-name {
    color: var(--theme-color);
    font-size: 5rem;
    line-height: 0.75;
    font-style: italic; }

.publication-page.topic.andere-tijden:not(.zelftest) section.publication-chapter .publication-topic {
  margin-top: 15rem; }

.publication-page.topic.andere-tijden:is(.zelftest) h2, .publication-page.topic.andere-tijden:is(.zelftest) publication-level publication-level header, publication-level publication-level .publication-page.topic.andere-tijden:is(.zelftest) header {
  background-color: transparent !important;
  padding: 0; }
  .publication-page.topic.andere-tijden:is(.zelftest) h2 .chapter-sequence, .publication-page.topic.andere-tijden:is(.zelftest) publication-level publication-level header .chapter-sequence, publication-level publication-level .publication-page.topic.andere-tijden:is(.zelftest) header .chapter-sequence {
    display: none; }
  .publication-page.topic.andere-tijden:is(.zelftest) h2 .chapter-name, .publication-page.topic.andere-tijden:is(.zelftest) publication-level publication-level header .chapter-name, publication-level publication-level .publication-page.topic.andere-tijden:is(.zelftest) header .chapter-name {
    color: var(--theme-color);
    font-size: 2.5rem;
    font-weight: bold; }

.publication-page.topic.andere-tijden:is(.zelftest) .article-element.level-0 .sequence {
  color: #1e1e1e;
  font-size: 1.6rem;
  font-weight: normal; }

.publication-page.topic.andere-tijden section.publication-topic > h3, .publication-page.topic.andere-tijden publication-level publication-level publication-level section.publication-topic > header, publication-level publication-level publication-level .publication-page.topic.andere-tijden section.publication-topic > header {
  padding: 0;
  font-weight: normal;
  display: flex;
  font-size: 1.8rem; }
  .publication-page.topic.andere-tijden section.publication-topic > h3 .topic-sequence, .publication-page.topic.andere-tijden publication-level publication-level publication-level section.publication-topic > header .topic-sequence, publication-level publication-level publication-level .publication-page.topic.andere-tijden section.publication-topic > header .topic-sequence {
    width: 15rem;
    border-radius: 0 0 0 15px;
    color: #595758;
    margin: 0 4px 0 0;
    padding-right: 4px;
    background-color: #dde3e3;
    font-size: 2rem;
    font-weight: bold;
    text-align: right; }
    .publication-page.topic.andere-tijden section.publication-topic > h3 .topic-sequence:before, .publication-page.topic.andere-tijden publication-level publication-level publication-level section.publication-topic > header .topic-sequence:before, publication-level publication-level publication-level .publication-page.topic.andere-tijden section.publication-topic > header .topic-sequence:before {
      content: 'VRAAG'; }
  .publication-page.topic.andere-tijden section.publication-topic > h3 .topic-name, .publication-page.topic.andere-tijden publication-level publication-level publication-level section.publication-topic > header .topic-name, publication-level publication-level publication-level .publication-page.topic.andere-tijden section.publication-topic > header .topic-name {
    color: #ce4152;
    padding: 0 4px;
    font-weight: 500;
    font-style: italic;
    align-items: center;
    font-size: 2rem;
    display: flex;
    flex: 1; }

.publication-page.topic.andere-tijden .publication-article.exercise > h5 {
  border-bottom: #ce4152 solid 1.5px;
  background-color: transparent; }
  .publication-page.topic.andere-tijden .publication-article.exercise > h5 .sequence {
    color: #ce4152;
    margin-left: 0;
    font-weight: bold;
    line-height: unset; }
    .publication-page.topic.andere-tijden .publication-article.exercise > h5 .sequence:before {
      display: inline-block;
      content: 'OPDRACHT';
      margin-right: 4px; }
    .publication-page.topic.andere-tijden .publication-article.exercise > h5 .sequence:after {
      content: '';
      margin-right: 20px; }
  .publication-page.topic.andere-tijden .publication-article.exercise > h5 .sequence[data-custom-type]:not(.sequence[data-custom-type=""]):before {
    content: attr(data-custom-type); }
  .publication-page.topic.andere-tijden .publication-article.exercise > h5 .name {
    line-height: unset;
    color: #595758;
    font-weight: bold; }

.publication-page.topic.verstedelijking section.publication-theme header.theme,
.publication-page.topic.kosmografie-atmosfeer section.publication-theme header.theme {
  flex-direction: row-reverse; }
  .publication-page.topic.verstedelijking section.publication-theme header.theme .theme-name,
  .publication-page.topic.kosmografie-atmosfeer section.publication-theme header.theme .theme-name {
    background: transparent;
    color: #f5f5f5; }
    .publication-page.topic.verstedelijking section.publication-theme header.theme .theme-name h1, .publication-page.topic.verstedelijking section.publication-theme header.theme .theme-name publication-level header, publication-level .publication-page.topic.verstedelijking section.publication-theme header.theme .theme-name header,
    .publication-page.topic.kosmografie-atmosfeer section.publication-theme header.theme .theme-name h1,
    .publication-page.topic.kosmografie-atmosfeer section.publication-theme header.theme .theme-name publication-level header,
    publication-level .publication-page.topic.kosmografie-atmosfeer section.publication-theme header.theme .theme-name header {
      color: inherit !important;
      text-align: left;
      font-style: italic;
      width: 100%;
      margin: 0; }
  .publication-page.topic.verstedelijking section.publication-theme header.theme .theme-sequence,
  .publication-page.topic.kosmografie-atmosfeer section.publication-theme header.theme .theme-sequence {
    font-weight: 900;
    width: 24rem;
    text-align: center; }
    .publication-page.topic.verstedelijking section.publication-theme header.theme .theme-sequence .sequence,
    .publication-page.topic.kosmografie-atmosfeer section.publication-theme header.theme .theme-sequence .sequence {
      font-size: 12rem;
      font-weight: 400;
      line-height: .74; }

.publication-page.topic.verstedelijking section.publication-theme section.publication-chapter h2, .publication-page.topic.verstedelijking section.publication-theme section.publication-chapter publication-level publication-level header, publication-level publication-level .publication-page.topic.verstedelijking section.publication-theme section.publication-chapter header,
.publication-page.topic.kosmografie-atmosfeer section.publication-theme section.publication-chapter h2,
.publication-page.topic.kosmografie-atmosfeer section.publication-theme section.publication-chapter publication-level publication-level header,
publication-level publication-level .publication-page.topic.kosmografie-atmosfeer section.publication-theme section.publication-chapter header {
  padding: 15px 20px;
  border-radius: 15px;
  font-size: 3rem; }

.publication-page.topic.verstedelijking section.publication-theme section.publication-chapter section.publication-topic > h3, .publication-page.topic.verstedelijking section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header, publication-level publication-level publication-level .publication-page.topic.verstedelijking section.publication-theme section.publication-chapter section.publication-topic > header,
.publication-page.topic.kosmografie-atmosfeer section.publication-theme section.publication-chapter section.publication-topic > h3,
.publication-page.topic.kosmografie-atmosfeer section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header,
publication-level publication-level publication-level .publication-page.topic.kosmografie-atmosfeer section.publication-theme section.publication-chapter section.publication-topic > header {
  padding: 0;
  font-weight: normal;
  display: flex;
  font-size: 1.8rem; }
  .publication-page.topic.verstedelijking section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-sequence, .publication-page.topic.verstedelijking section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-sequence, publication-level publication-level publication-level .publication-page.topic.verstedelijking section.publication-theme section.publication-chapter section.publication-topic > header .topic-sequence,
  .publication-page.topic.kosmografie-atmosfeer section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-sequence,
  .publication-page.topic.kosmografie-atmosfeer section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-sequence,
  publication-level publication-level publication-level .publication-page.topic.kosmografie-atmosfeer section.publication-theme section.publication-chapter section.publication-topic > header .topic-sequence {
    color: #ffffff;
    margin: 0 4px 0 0;
    padding: 4px 8px;
    background-color: #2d7099;
    font-size: .75em;
    line-height: 1;
    display: flex;
    flex-direction: row;
    align-items: center; }
  .publication-page.topic.verstedelijking section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-name, .publication-page.topic.verstedelijking section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-name, publication-level publication-level publication-level .publication-page.topic.verstedelijking section.publication-theme section.publication-chapter section.publication-topic > header .topic-name,
  .publication-page.topic.kosmografie-atmosfeer section.publication-theme section.publication-chapter section.publication-topic > h3 .topic-name,
  .publication-page.topic.kosmografie-atmosfeer section.publication-theme section.publication-chapter publication-level publication-level publication-level section.publication-topic > header .topic-name,
  publication-level publication-level publication-level .publication-page.topic.kosmografie-atmosfeer section.publication-theme section.publication-chapter section.publication-topic > header .topic-name {
    background-color: #dbdde2;
    color: #ae3b46 !important;
    padding: 0 8px;
    align-items: center;
    display: flex;
    flex: 1; }

.publication-page.topic.verstedelijking .sequence-background .sequence,
.publication-page.topic.kosmografie-atmosfeer .sequence-background .sequence {
  width: 2.2rem;
  height: 2.2rem;
  float: left;
  color: #ffffff;
  background-color: #5e6c7c;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  padding-right: .1rem;
  margin: 0 .5rem 0 -.5rem; }
  .publication-page.topic.verstedelijking .sequence-background .sequence:after,
  .publication-page.topic.kosmografie-atmosfeer .sequence-background .sequence:after {
    content: initial; }

.publication-page.topic.verstedelijking .sequence,
.publication-page.topic.kosmografie-atmosfeer .sequence {
  min-width: 20px;
  float: left; }
  .publication-page.topic.verstedelijking .sequence:after,
  .publication-page.topic.kosmografie-atmosfeer .sequence:after {
    content: initial; }

.publication-page.topic.verstedelijking .publication-article.exercise > h5 .sequence,
.publication-page.topic.kosmografie-atmosfeer .publication-article.exercise > h5 .sequence {
  font-weight: 500; }
  .publication-page.topic.verstedelijking .publication-article.exercise > h5 .sequence:after,
  .publication-page.topic.kosmografie-atmosfeer .publication-article.exercise > h5 .sequence:after {
    content: ''; }

.publication-page.topic.verstedelijking .publication-article.exercise > h5 .name,
.publication-page.topic.kosmografie-atmosfeer .publication-article.exercise > h5 .name {
  font-weight: 500; }

.publication-page.topic.verstedelijking .gray,
.publication-page.topic.kosmografie-atmosfeer .gray {
  background: #dee1ea;
  color: #6d7989;
  padding: 8px 4px; }

.publication-page.topic.verstedelijking p.html-task-normal,
.publication-page.topic.kosmografie-atmosfeer p.html-task-normal {
  padding: 0;
  margin: 0; }

.publication-page.topic.verstedelijking ul.html-task-normal,
.publication-page.topic.kosmografie-atmosfeer ul.html-task-normal {
  list-style-type: none;
  margin-top: 0;
  margin-left: -30px; }

.publication-page.topic.verstedelijking ul.html-task-normal li:before,
.publication-page.topic.kosmografie-atmosfeer ul.html-task-normal li:before {
  content: '-';
  position: absolute;
  margin-left: -10px; }

.publication-page.topic.verstedelijking.id .publication-article.exercise > h5 .sequence:before, .publication-page.topic.verstedelijking.synthese .publication-article.exercise > h5 .sequence:before,
.publication-page.topic.kosmografie-atmosfeer.id .publication-article.exercise > h5 .sequence:before,
.publication-page.topic.kosmografie-atmosfeer.synthese .publication-article.exercise > h5 .sequence:before {
  content: initial; }

.publication-page.topic.verstedelijking element-html .soapstone,
.publication-page.topic.kosmografie-atmosfeer element-html .soapstone {
  color: #63707f;
  background-color: #dee9d4;
  padding: 8px;
  display: inline-block; }

.publication-page.topic.verstedelijking element-html .title,
.publication-page.topic.kosmografie-atmosfeer element-html .title {
  border-left: 15px solid #c5c7cf;
  padding-left: 8px;
  color: #2d7099; }

.publication-page.topic.hb-at header.theme {
  display: none; }

.publication-page.topic.hb-at .article-element .element-task {
  font-style: normal; }

.publication-page.topic.hb-at .article-element .sequence:after {
  content: unset; }

.publication-page.topic.hb-at .article-element.level-0 .sequence {
  color: #8acde6;
  font-size: 2.5rem;
  font-weight: 300; }

.publication-page.topic.hb-at .article-element.level-0 .level-0 .sequence {
  color: #1e1e1e;
  font-size: 1.6rem; }

.publication-page.topic.hb-at .docRef {
  background-color: #595758;
  color: white;
  font-weight: normal;
  padding: 0 0.3rem; }
  .publication-page.topic.hb-at .docRef:before {
    content: 'Doc';
    color: var(--theme-color);
    padding-right: 0.3rem; }

.publication-page.topic.hb-at:not(.zelftest) section.publication-chapter h2, .publication-page.topic.hb-at:not(.zelftest) section.publication-chapter publication-level publication-level header, publication-level publication-level .publication-page.topic.hb-at:not(.zelftest) section.publication-chapter header {
  background-color: #e7e7e8 !important;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 12rem;
  display: flex;
  align-items: flex-end; }
  .publication-page.topic.hb-at:not(.zelftest) section.publication-chapter h2 .chapter-sequence, .publication-page.topic.hb-at:not(.zelftest) section.publication-chapter publication-level publication-level header .chapter-sequence, publication-level publication-level .publication-page.topic.hb-at:not(.zelftest) section.publication-chapter header .chapter-sequence {
    width: 20rem;
    display: flex;
    padding: 0 2rem;
    align-items: baseline;
    height: 100%;
    justify-content: end;
    font-size: 15rem;
    line-height: 0.9;
    background-color: var(--theme-color);
    border-radius: 0 0 30px 0;
    font-style: italic; }
  .publication-page.topic.hb-at:not(.zelftest) section.publication-chapter h2 .chapter-name, .publication-page.topic.hb-at:not(.zelftest) section.publication-chapter publication-level publication-level header .chapter-name, publication-level publication-level .publication-page.topic.hb-at:not(.zelftest) section.publication-chapter header .chapter-name {
    color: var(--theme-color);
    font-size: 5rem;
    line-height: 0.75;
    font-style: italic; }

.publication-page.topic.hb-at:not(.zelftest) section.publication-chapter .publication-topic {
  margin-top: 15rem; }

.publication-page.topic.hb-at:is(.zelftest) h2, .publication-page.topic.hb-at:is(.zelftest) publication-level publication-level header, publication-level publication-level .publication-page.topic.hb-at:is(.zelftest) header {
  background-color: transparent !important;
  padding: 0; }
  .publication-page.topic.hb-at:is(.zelftest) h2 .chapter-sequence, .publication-page.topic.hb-at:is(.zelftest) publication-level publication-level header .chapter-sequence, publication-level publication-level .publication-page.topic.hb-at:is(.zelftest) header .chapter-sequence {
    display: none; }
  .publication-page.topic.hb-at:is(.zelftest) h2 .chapter-name, .publication-page.topic.hb-at:is(.zelftest) publication-level publication-level header .chapter-name, publication-level publication-level .publication-page.topic.hb-at:is(.zelftest) header .chapter-name {
    color: var(--theme-color);
    font-size: 2.5rem;
    font-weight: bold; }

.publication-page.topic.hb-at:is(.zelftest) .article-element.level-0 .sequence {
  color: #1e1e1e;
  font-size: 1.6rem;
  font-weight: normal; }

.publication-page.topic.hb-at section.publication-topic > h3, .publication-page.topic.hb-at publication-level publication-level publication-level section.publication-topic > header, publication-level publication-level publication-level .publication-page.topic.hb-at section.publication-topic > header {
  padding: 8px;
  font-weight: normal;
  display: flex;
  background-color: #dde3e3;
  color: #ce4152;
  font-size: 1.8rem; }
  .publication-page.topic.hb-at section.publication-topic > h3 .topic-sequence, .publication-page.topic.hb-at publication-level publication-level publication-level section.publication-topic > header .topic-sequence, publication-level publication-level publication-level .publication-page.topic.hb-at section.publication-topic > header .topic-sequence {
    color: #ce4152 !important;
    font-size: 2rem;
    font-weight: bold;
    text-align: right; }
    .publication-page.topic.hb-at section.publication-topic > h3 .topic-sequence:before, .publication-page.topic.hb-at publication-level publication-level publication-level section.publication-topic > header .topic-sequence:before, publication-level publication-level publication-level .publication-page.topic.hb-at section.publication-topic > header .topic-sequence:before {
      content: 'VRAAG'; }
  .publication-page.topic.hb-at section.publication-topic > h3 .topic-name, .publication-page.topic.hb-at publication-level publication-level publication-level section.publication-topic > header .topic-name, publication-level publication-level publication-level .publication-page.topic.hb-at section.publication-topic > header .topic-name {
    color: #ce4152;
    padding: 0 4px;
    font-weight: 500;
    font-style: italic;
    align-items: center;
    font-size: 2rem;
    display: flex;
    flex: 1; }

.publication-page.topic.hb-at .publication-article.exercise > h5 {
  background-color: transparent; }
  .publication-page.topic.hb-at .publication-article.exercise > h5 .sequence {
    color: #1d88b4;
    margin-left: 0;
    font-size: xx-large;
    line-height: unset; }
    .publication-page.topic.hb-at .publication-article.exercise > h5 .sequence:after {
      content: '';
      margin-right: 20px; }
  .publication-page.topic.hb-at .publication-article.exercise > h5 .sequence[data-custom-type]:not(.sequence[data-custom-type=""]):before {
    content: attr(data-custom-type); }
  .publication-page.topic.hb-at .publication-article.exercise > h5 .name {
    line-height: unset;
    color: #595758;
    font-weight: bold; }

.publication-page.topic.hb-at .publication-article.exercise .sequence:empty {
  display: none; }

.publication-page.topic.hb-at .publication-article.exercise:has(.sequence:not(:empty)) .elements {
  padding-left: 5rem; }

.publication-page.topic.hb-at .publication-article.exercise:has(.sequence:empty) .elements {
  padding-left: 0; }

.publication-page.topic.HB-AT.overzicht:not(.zelftest) section.publication-chapter h2, .publication-page.topic.HB-AT.overzicht:not(.zelftest) section.publication-chapter publication-level publication-level header, publication-level publication-level .publication-page.topic.HB-AT.overzicht:not(.zelftest) section.publication-chapter header {
  background-color: transparent !important;
  position: relative;
  height: unset;
  padding: 2rem 0;
  font-size: 4rem;
  font-weight: bold;
  font-style: italic; }
  .publication-page.topic.HB-AT.overzicht:not(.zelftest) section.publication-chapter h2 .chapter-sequence, .publication-page.topic.HB-AT.overzicht:not(.zelftest) section.publication-chapter publication-level publication-level header .chapter-sequence, publication-level publication-level .publication-page.topic.HB-AT.overzicht:not(.zelftest) section.publication-chapter header .chapter-sequence {
    width: unset;
    display: block;
    padding: 0 1rem 0;
    height: unset;
    font-size: unset;
    line-height: 0.9;
    background-color: transparent;
    border-radius: unset;
    font-style: normal;
    color: #1e1e1e;
    text-transform: uppercase; }
  .publication-page.topic.HB-AT.overzicht:not(.zelftest) section.publication-chapter h2 .chapter-name, .publication-page.topic.HB-AT.overzicht:not(.zelftest) section.publication-chapter publication-level publication-level header .chapter-name, publication-level publication-level .publication-page.topic.HB-AT.overzicht:not(.zelftest) section.publication-chapter header .chapter-name {
    color: #1e1e1e;
    font-size: unset;
    line-height: 0.75;
    font-style: italic; }

.publication-page.topic.HB-AT.overzicht:not(.zelftest) section.publication-chapter .publication-topic {
  margin-top: unset; }

.publication-page.topic.HB-AT.samenhang:not(.zelftest) section.publication-chapter h2, .publication-page.topic.HB-AT.samenhang:not(.zelftest) section.publication-chapter publication-level publication-level header, publication-level publication-level .publication-page.topic.HB-AT.samenhang:not(.zelftest) section.publication-chapter header {
  background-color: transparent !important;
  padding: 0 0 2rem 0;
  margin: 0;
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  right: 7rem;
  height: 12rem;
  display: flex;
  align-items: flex-end; }
  .publication-page.topic.HB-AT.samenhang:not(.zelftest) section.publication-chapter h2 .chapter-sequence, .publication-page.topic.HB-AT.samenhang:not(.zelftest) section.publication-chapter publication-level publication-level header .chapter-sequence, publication-level publication-level .publication-page.topic.HB-AT.samenhang:not(.zelftest) section.publication-chapter header .chapter-sequence {
    position: absolute;
    top: 0;
    width: 40rem;
    display: flex;
    padding: 0px 4rem 3rem;
    align-items: end;
    height: 140px;
    justify-content: end;
    font-size: 6rem;
    line-height: 0.9;
    background-color: var(--theme-color);
    border-radius: 0 0 30px 0;
    font-style: italic; }
  .publication-page.topic.HB-AT.samenhang:not(.zelftest) section.publication-chapter h2 .chapter-name, .publication-page.topic.HB-AT.samenhang:not(.zelftest) section.publication-chapter publication-level publication-level header .chapter-name, publication-level publication-level .publication-page.topic.HB-AT.samenhang:not(.zelftest) section.publication-chapter header .chapter-name {
    color: var(--theme-color);
    padding-left: 42rem;
    font-size: 5rem;
    line-height: 0.75;
    font-style: italic; }

.publication-page.topic.HB-AT.samenhang:not(.zelftest) section.publication-chapter .publication-topic {
  margin-top: 10rem;
  border: solid 2px var(--theme-color);
  padding: 5px; }

.publication-type-page {
  margin: -15px -70px;
  padding: 15px 70px; }
  .publication-type-page article-info,
  .publication-type-page article-educational,
  .publication-type-page element-info,
  .publication-type-page element-educational {
    margin-bottom: 20px; }
    .publication-type-page article-info > .title-container,
    .publication-type-page article-educational > .title-container,
    .publication-type-page element-info > .title-container,
    .publication-type-page element-educational > .title-container {
      display: block;
      margin-bottom: 8px; }
      .publication-type-page article-info > .title-container .type,
      .publication-type-page article-info > .title-container .title:empty,
      .publication-type-page article-educational > .title-container .type,
      .publication-type-page article-educational > .title-container .title:empty,
      .publication-type-page element-info > .title-container .type,
      .publication-type-page element-info > .title-container .title:empty,
      .publication-type-page element-educational > .title-container .type,
      .publication-type-page element-educational > .title-container .title:empty {
        display: none; }
      .publication-type-page article-info > .title-container .title,
      .publication-type-page article-educational > .title-container .title,
      .publication-type-page element-info > .title-container .title,
      .publication-type-page element-educational > .title-container .title {
        display: inline-block;
        background: transparent;
        padding: 0; }
      .publication-type-page article-info > .title-container.empty,
      .publication-type-page article-educational > .title-container.empty,
      .publication-type-page element-info > .title-container.empty,
      .publication-type-page element-educational > .title-container.empty {
        display: none; }
    .publication-type-page article-info > .elements,
    .publication-type-page article-educational > .elements,
    .publication-type-page element-info > .elements,
    .publication-type-page element-educational > .elements {
      padding: 0;
      background: transparent; }
  .publication-type-page .element-html ul,
  .publication-type-page .element-html ol {
    padding: 0 0 0 20px; }
  .publication-type-page.info {
    background-color: rgba(222, 172, 57, 0.15); }
    .publication-type-page.info h3, .publication-type-page.info publication-level publication-level publication-level header, publication-level publication-level publication-level .publication-type-page.info header,
    .publication-type-page.info .title-container {
      color: #deac39; }
  .publication-type-page.educational {
    background-color: rgba(108, 173, 81, 0.15); }
    .publication-type-page.educational h3, .publication-type-page.educational publication-level publication-level publication-level header, publication-level publication-level publication-level .publication-type-page.educational header,
    .publication-type-page.educational .title-container {
      color: #6cad51; }

:root {
  --theme-color: #c83444; }

.publication-page label {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.25rem;
  display: inline; }

.publication-page article-educational h5,
.publication-page article-educational h6,
.publication-page article-info h5,
.publication-page article-info h6,
.publication-page article-study-tip h5,
.publication-page article-study-tip h6,
.publication-page article-technique h5,
.publication-page article-technique h6,
.publication-page element-educational h5,
.publication-page element-educational h6,
.publication-page element-experiment h5,
.publication-page element-experiment h6,
.publication-page element-info h5,
.publication-page element-info h6,
.publication-page element-study-tip h5,
.publication-page element-study-tip h6,
.publication-page element-technique h5,
.publication-page element-technique h6 {
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 8px;
  color: inherit; }

.publication-page.werkmap-aardrijkskunde label, .publication-page.werkmap-alt-aardrijkskunde label {
  font-size: 1.8rem; }

.publication-page.topic .publication-article.exercise {
  position: relative; }
  .publication-page.topic .publication-article.exercise > h5 {
    font-size: 1.6rem;
    font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    min-height: 2rem;
    line-height: 2rem;
    padding-right: 15px;
    margin: 20px 0 15px;
    display: flex;
    background: #dbdde2;
    color: #5e6c7c; }
    .publication-page.topic .publication-article.exercise > h5 .sequence {
      height: 100%;
      display: block;
      line-height: 3.5rem;
      margin: 0 8px;
      vertical-align: middle; }
    .publication-page.topic .publication-article.exercise > h5 .name {
      flex: 1;
      line-height: 3.5rem;
      margin: 0;
      vertical-align: middle; }
  .publication-page.topic .publication-article.exercise > .element {
    padding-left: 28px; }

.editable-text-solutions {
  position: relative; }
  .editable-text-solutions.focused {
    margin-top: 15px; }
    .editable-text-solutions.focused:before {
      content: '';
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.75);
      z-index: 10; }
    .editable-text-solutions.focused .transcluded {
      position: relative;
      z-index: 11;
      background: #f5f5f5;
      padding: 20px;
      padding-bottom: 40px;
      margin: -20px;
      border-radius: 3px;
      box-shadow: 0 6px 10px rgba(0, 0, 0, 0.23); }
    .editable-text-solutions.focused .btn-group {
      bottom: -10px;
      display: flex;
      z-index: 12;
      align-items: stretch; }
      .editable-text-solutions.focused .btn-group label {
        margin-left: 8px;
        white-space: nowrap;
        text-align: left;
        line-height: 2.4; }
      .editable-text-solutions.focused .btn-group button {
        box-sizing: border-box;
        border: 4px solid #a7a9ac;
        background-color: #f5f5f5;
        color: #a7a9ac;
        font-weight: 700;
        border-radius: 50% !important;
        display: block;
        height: 44px;
        width: 44px;
        font-size: 24px;
        margin-right: 8px; }
        .editable-text-solutions.focused .btn-group button.btn-submit {
          border-color: #6db026;
          color: #609b21; }
        .editable-text-solutions.focused .btn-group button.btn-reset {
          border-color: #2d7099;
          color: #2d7099; }
        .editable-text-solutions.focused .btn-group button.btn-danger {
          border-color: #e63205;
          color: #bf3004; }
  .editable-text-solutions .btn-group {
    position: absolute;
    display: none;
    z-index: 1; }
  .editable-text-solutions .transcluded.editable {
    padding-left: 15px; }
  .editable-text-solutions .editable-icon {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer; }
    .editable-text-solutions .editable-icon i {
      font-size: 16px; }

element-article-element {
  position: relative;
  display: block;
  margin-bottom: 15px; }
  element-article-element > .article-element {
    position: relative; }
    element-article-element > .article-element .element.focused {
      position: absolute;
      z-index: 999;
      width: 100%; }
    element-article-element > .article-element .sequence {
      display: inline-block;
      min-width: 20px;
      float: left; }
      element-article-element > .article-element .sequence:empty {
        display: none; }
        element-article-element > .article-element .sequence:empty:after {
          content: initial; }
      element-article-element > .article-element .sequence:after {
        content: '.'; }
    element-article-element > .article-element > div {
      flex: 1; }
  element-article-element .no-space-before {
    margin-left: -4px !important; }
  element-article-element.element-educational > .article-element > .sequence, element-article-element.element-experiment > .article-element > .sequence, element-article-element.element-info > .article-element > .sequence, element-article-element.element-study-tip > .article-element > .sequence, element-article-element.element-technique > .article-element > .sequence {
    display: none; }
  element-article-element .justified {
    flex: 1; }
  element-article-element:last-child,
  element-article-element element-article-element {
    margin-bottom: 0; }
  element-article-element .element-experiment > .elements > element-article-element > solution-button,
  element-article-element element-educational > .elements > element-article-element > solution-button,
  element-article-element element-info > .elements > element-article-element > solution-button,
  element-article-element element-technique > .elements > element-article-element > solution-button {
    display: block; }
  element-article-element element-flex .element-experiment > .elements > element-article-element > solution-button,
  element-article-element element-flex element-educational > .elements > element-article-element > solution-button,
  element-article-element element-flex element-info > .elements > element-article-element > solution-button,
  element-article-element element-flex element-technique > .elements > element-article-element > solution-button,
  element-article-element element-group .element-experiment > .elements > element-article-element > solution-button,
  element-article-element element-group element-educational > .elements > element-article-element > solution-button,
  element-article-element element-group element-info > .elements > element-article-element > solution-button,
  element-article-element element-group element-technique > .elements > element-article-element > solution-button {
    display: none; }
  element-article-element element-article-element > solution-button {
    display: none; }

.justified .article-element,
.justified .article-element * {
  flex: 1; }

.header, table.table tr.table-header > td, .article-exercise element-table table.table.default tr.table-header > td, .article-info element-table table.table.default tr.table-header > td, .article-educational element-table table.table.default tr.table-header > td, .article-technique element-table table.table.default tr.table-header > td, .article-study-tip element-table table.table.default tr.table-header > td,
table.table td.header,
.article-exercise element-table table.table.default td.header,
.article-info element-table table.table.default td.header,
.article-educational element-table table.table.default td.header,
.article-technique element-table table.table.default td.header,
.article-study-tip element-table table.table.default td.header {
  background-color: #ec8e1c;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  line-height: 25px; }

.sub-header, table.table tr.table-sub-header > td, .article-exercise element-table table.table.default tr.table-sub-header > td, .article-info element-table table.table.default tr.table-sub-header > td, .article-educational element-table table.table.default tr.table-sub-header > td, .article-technique element-table table.table.default tr.table-sub-header > td, .article-study-tip element-table table.table.default tr.table-sub-header > td,
table.table td.sub-header,
.article-exercise element-table table.table.default td.sub-header,
.article-info element-table table.table.default td.sub-header,
.article-educational element-table table.table.default td.sub-header,
.article-technique element-table table.table.default td.sub-header,
.article-study-tip element-table table.table.default td.sub-header {
  background-color: #eaac5e;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center; }

@media (max-width: 1200px) {
  .header, table.table tr.table-header > td, .article-exercise element-table table.table.default tr.table-header > td, .article-info element-table table.table.default tr.table-header > td, .article-educational element-table table.table.default tr.table-header > td, .article-technique element-table table.table.default tr.table-header > td, .article-study-tip element-table table.table.default tr.table-header > td,
  table.table td.header,
  .article-exercise element-table table.table.default td.header,
  .article-info element-table table.table.default td.header,
  .article-educational element-table table.table.default td.header,
  .article-technique element-table table.table.default td.header,
  .article-study-tip element-table table.table.default td.header, .sub-header, table.table tr.table-sub-header > td, .article-exercise element-table table.table.default tr.table-sub-header > td, .article-info element-table table.table.default tr.table-sub-header > td, .article-educational element-table table.table.default tr.table-sub-header > td, .article-technique element-table table.table.default tr.table-sub-header > td, .article-study-tip element-table table.table.default tr.table-sub-header > td,
  table.table td.sub-header,
  .article-exercise element-table table.table.default td.sub-header,
  .article-info element-table table.table.default td.sub-header,
  .article-educational element-table table.table.default td.sub-header,
  .article-technique element-table table.table.default td.sub-header,
  .article-study-tip element-table table.table.default td.sub-header {
    letter-spacing: 0; } }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

[font-family^="'Ubuntu"] {
  font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

[font-family="'Ubuntu-Bold'"] {
  font-weight: 700; }

[font-family="'Ubuntu-Italic'"] {
  font-style: italic; }

[font-family^="'SourceSansPro"],
[style*=SourceSansPro] {
  font-family: 'Source Sans Pro', sans-serif !important; }

[font-family="'SourceSansPro-Bold'"],
[style*=SourceSansPro-Bold] {
  font-weight: 700; }

[font-family="'SourceSansPro-Italic'"],
[style*=SourceSansPro-Italic] {
  font-style: italic; }

.natura element-article-element .sequence:after,
.natuurwetenschappen element-article-element .sequence:after {
  content: initial; }

.publication-page.topic .publication-article .publication-article-element.element-experiment {
  position: relative;
  border: 1px solid #3d5e86;
  background: #c4d3e4;
  border-radius: 15px 15px 0 0;
  padding: 15px; }
  .publication-page.topic .publication-article .publication-article-element.element-experiment .title-container {
    position: relative;
    background: #3d5e86;
    color: #ffffff;
    padding: 15px;
    margin: -15px;
    margin-bottom: 8px;
    border-radius: 15px 15px 0 0; }
    .publication-page.topic .publication-article .publication-article-element.element-experiment .title-container .title:empty {
      display: none; }
  .publication-page.topic .publication-article .publication-article-element.element-experiment input,
  .publication-page.topic .publication-article .publication-article-element.element-experiment textarea {
    background-color: transparent;
    background-size: 2.2rem 2.2rem;
    background-image: linear-gradient(to bottom, #3d5e86 0.1rem, transparent 0);
    background-position: 0 1.8rem; }
  .publication-page.topic .publication-article .publication-article-element.element-experiment element-input .element-input .input {
    background-color: transparent; }
  .publication-page.topic .publication-article .publication-article-element.element-experiment .cell-interactive input,
  .publication-page.topic .publication-article .publication-article-element.element-experiment .cell-interactive textarea {
    background-color: transparent;
    background-size: 2.2rem 2.2rem;
    background-image: linear-gradient(to bottom, #c4d3e4 0.1rem, transparent 0);
    background-position: 0 1.8rem; }
  .publication-page.topic .publication-article .publication-article-element.element-experiment > solution-button {
    display: none; }
  .publication-page.topic .publication-article .publication-article-element.element-experiment .solution-wrapper {
    left: -76px; }
  .publication-page.topic .publication-article .publication-article-element.element-experiment .sequence-background .sequence {
    color: #3d5e86;
    background-color: #ffffff; }

element-flex .flex {
  display: flex; }

element-flex .flex-row {
  flex-direction: row; }
  element-flex .flex-row > .element-flex-child {
    padding-right: 8px; }

element-flex .flex-column {
  display: initial; }
  element-flex .flex-column > .element-flex-child {
    padding-bottom: 8px; }

element-flex .flex-center-horizontal {
  justify-content: center !important; }

element-flex .flex-valign-top {
  align-items: flex-start !important; }

element-flex .flex-valign-center {
  align-items: center !important; }

element-flex .flex-align-center-vertical {
  align-items: center !important; }

element-flex .flex-valign-bottom {
  align-items: flex-end !important; }

element-flex .flex-align-left {
  justify-content: flex-start !important; }

element-flex .flex-align-center {
  justify-content: center !important; }

element-flex .flex-align-right {
  justify-content: flex-end !important; }

element-flex .element-flex-child {
  margin: 0;
  padding: 0;
  box-sizing: content-box; }
  element-flex .element-flex-child:last-child {
    padding: 0; }

element-group > div.bordered {
  border: 5px solid #5e9f39;
  border-radius: 15px;
  padding: 0;
  overflow: hidden; }
  element-group > div.bordered .element-image {
    margin: 0; }

element-group > div.inline > element-article-element {
  display: inline-block;
  margin-left: 4px;
  margin-bottom: 0; }
  element-group > div.inline > element-article-element:first-child {
    margin-right: 0; }

element-group > div.section-d, element-group div.section-da {
  padding: 0rem; }

element-group > div.section-da::after, element-group > div.section-d::after {
  border-right: solid 5px #ffd861;
  content: ' ';
  position: absolute;
  left: -1rem;
  top: 0;
  bottom: 0; }

element-group > div.section-da::before, element-group > div.section-d::before {
  position: absolute;
  color: #ffd861;
  content: 'DA';
  font-size: 3rem;
  top: 0;
  left: -5rem; }

element-group > div.section-d::after {
  border-right: solid 5px #d4705c; }

element-group > div.section-d::before {
  color: #d4705c;
  content: 'D'; }

element-group > div.section-d-zonder::before, element-group > div.section-da-zonder::before {
  content: ' '; }

element-group > div.gray-side:before {
  position: absolute;
  content: ' ';
  background-color: #dedfe3;
  top: 0;
  bottom: 0;
  left: -7rem;
  width: 6rem; }

element-group > div.gray-side .section-da:before, element-group > div.gray-side .section-d:before {
  text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; }

.publication-page.topic.werkmap-aardrijkskunde.werkmap-aardrijkskunde-alt element-group > div.bordered {
  border-color: #236087; }

element-textarea label {
  margin: 0;
  font-weight: normal; }
  element-textarea label:empty {
    display: none; }

element-textarea .textarea-wrapper {
  display: block;
  width: 100%;
  padding: 0;
  line-height: 2.2rem; }
  element-textarea .textarea-wrapper textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    resize: none;
    overflow: hidden;
    font-family: "Ubuntu", "Verdana", "Geneva", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    font-style: italic;
    color: #92278f;
    background-color: transparent;
    background-size: 2.2rem 2.2rem;
    background-image: linear-gradient(to bottom, #bfdbec 0.1rem, transparent 0);
    background-position: 0 1.8rem; }

element-textarea .focused .textarea-wrapper {
  padding: 20px;
  margin: -20px;
  border-radius: 3px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.23); }

element-textarea .header, element-textarea table.table tr.table-header > td, table.table element-textarea tr.table-header > td, element-textarea .article-exercise element-table table.table.default tr.table-header > td, .article-exercise element-table table.table.default element-textarea tr.table-header > td, element-textarea .article-info element-table table.table.default tr.table-header > td, .article-info element-table table.table.default element-textarea tr.table-header > td, element-textarea .article-educational element-table table.table.default tr.table-header > td, .article-educational element-table table.table.default element-textarea tr.table-header > td, element-textarea .article-technique element-table table.table.default tr.table-header > td, .article-technique element-table table.table.default element-textarea tr.table-header > td, element-textarea .article-study-tip element-table table.table.default tr.table-header > td, .article-study-tip element-table table.table.default element-textarea tr.table-header > td,
element-textarea table.table td.header, table.table element-textarea td.header,
element-textarea .article-exercise element-table table.table.default td.header, .article-exercise element-table table.table.default element-textarea td.header,
element-textarea .article-info element-table table.table.default td.header, .article-info element-table table.table.default element-textarea td.header,
element-textarea .article-educational element-table table.table.default td.header, .article-educational element-table table.table.default element-textarea td.header,
element-textarea .article-technique element-table table.table.default td.header, .article-technique element-table table.table.default element-textarea td.header,
element-textarea .article-study-tip element-table table.table.default td.header, .article-study-tip element-table table.table.default element-textarea td.header,
element-textarea .sub-header,
element-textarea table.table tr.table-sub-header > td,
table.table element-textarea tr.table-sub-header > td,
element-textarea .article-exercise element-table table.table.default tr.table-sub-header > td,
.article-exercise element-table table.table.default element-textarea tr.table-sub-header > td,
element-textarea .article-info element-table table.table.default tr.table-sub-header > td,
.article-info element-table table.table.default element-textarea tr.table-sub-header > td,
element-textarea .article-educational element-table table.table.default tr.table-sub-header > td,
.article-educational element-table table.table.default element-textarea tr.table-sub-header > td,
element-textarea .article-technique element-table table.table.default tr.table-sub-header > td,
.article-technique element-table table.table.default element-textarea tr.table-sub-header > td,
element-textarea .article-study-tip element-table table.table.default tr.table-sub-header > td,
.article-study-tip element-table table.table.default element-textarea tr.table-sub-header > td,
element-textarea table.table td.sub-header,
table.table element-textarea td.sub-header,
element-textarea .article-exercise element-table table.table.default td.sub-header,
.article-exercise element-table table.table.default element-textarea td.sub-header,
element-textarea .article-info element-table table.table.default td.sub-header,
.article-info element-table table.table.default element-textarea td.sub-header,
element-textarea .article-educational element-table table.table.default td.sub-header,
.article-educational element-table table.table.default element-textarea td.sub-header,
element-textarea .article-technique element-table table.table.default td.sub-header,
.article-technique element-table table.table.default element-textarea td.sub-header,
element-textarea .article-study-tip element-table table.table.default td.sub-header,
.article-study-tip element-table table.table.default element-textarea td.sub-header {
  background: none !important;
  padding: 0; }
  element-textarea .header .textarea-wrapper textarea, element-textarea table.table tr.table-header > td .textarea-wrapper textarea, table.table element-textarea tr.table-header > td .textarea-wrapper textarea, element-textarea .article-exercise element-table table.table.default td.header .textarea-wrapper textarea, .article-exercise element-table table.table.default element-textarea td.header .textarea-wrapper textarea, element-textarea .article-info element-table table.table.default td.header .textarea-wrapper textarea, .article-info element-table table.table.default element-textarea td.header .textarea-wrapper textarea, element-textarea .article-educational element-table table.table.default td.header .textarea-wrapper textarea, .article-educational element-table table.table.default element-textarea td.header .textarea-wrapper textarea, element-textarea .article-technique element-table table.table.default td.header .textarea-wrapper textarea, .article-technique element-table table.table.default element-textarea td.header .textarea-wrapper textarea, element-textarea .article-study-tip element-table table.table.default td.header .textarea-wrapper textarea, .article-study-tip element-table table.table.default element-textarea td.header .textarea-wrapper textarea,
  element-textarea .sub-header .textarea-wrapper textarea,
  element-textarea table.table tr.table-sub-header > td .textarea-wrapper textarea,
  table.table element-textarea tr.table-sub-header > td .textarea-wrapper textarea,
  element-textarea .article-exercise element-table table.table.default td.sub-header .textarea-wrapper textarea,
  .article-exercise element-table table.table.default element-textarea td.sub-header .textarea-wrapper textarea,
  element-textarea .article-info element-table table.table.default td.sub-header .textarea-wrapper textarea,
  .article-info element-table table.table.default element-textarea td.sub-header .textarea-wrapper textarea,
  element-textarea .article-educational element-table table.table.default td.sub-header .textarea-wrapper textarea,
  .article-educational element-table table.table.default element-textarea td.sub-header .textarea-wrapper textarea,
  element-textarea .article-technique element-table table.table.default td.sub-header .textarea-wrapper textarea,
  .article-technique element-table table.table.default element-textarea td.sub-header .textarea-wrapper textarea,
  element-textarea .article-study-tip element-table table.table.default td.sub-header .textarea-wrapper textarea,
  .article-study-tip element-table table.table.default element-textarea td.sub-header .textarea-wrapper textarea {
    background-color: #eff4f7; }

element-textarea .header label, element-textarea table.table tr.table-header > td label, table.table element-textarea tr.table-header > td label, element-textarea .article-exercise element-table table.table.default tr.table-header > td label, .article-exercise element-table table.table.default element-textarea tr.table-header > td label, element-textarea .article-info element-table table.table.default tr.table-header > td label, .article-info element-table table.table.default element-textarea tr.table-header > td label, element-textarea .article-educational element-table table.table.default tr.table-header > td label, .article-educational element-table table.table.default element-textarea tr.table-header > td label, element-textarea .article-technique element-table table.table.default tr.table-header > td label, .article-technique element-table table.table.default element-textarea tr.table-header > td label, element-textarea .article-study-tip element-table table.table.default tr.table-header > td label, .article-study-tip element-table table.table.default element-textarea tr.table-header > td label, element-textarea table.table td.header label, table.table element-textarea td.header label, element-textarea .article-exercise element-table table.table.default td.header label, .article-exercise element-table table.table.default element-textarea td.header label, element-textarea .article-info element-table table.table.default td.header label, .article-info element-table table.table.default element-textarea td.header label, element-textarea .article-educational element-table table.table.default td.header label, .article-educational element-table table.table.default element-textarea td.header label, element-textarea .article-technique element-table table.table.default td.header label, .article-technique element-table table.table.default element-textarea td.header label, element-textarea .article-study-tip element-table table.table.default td.header label, .article-study-tip element-table table.table.default element-textarea td.header label {
  display: block;
  background-color: #ec8e1c !important;
  padding: 4px 0; }

element-textarea .sub-header label, element-textarea table.table tr.table-sub-header > td label, table.table element-textarea tr.table-sub-header > td label, element-textarea .article-exercise element-table table.table.default tr.table-sub-header > td label, .article-exercise element-table table.table.default element-textarea tr.table-sub-header > td label, element-textarea .article-info element-table table.table.default tr.table-sub-header > td label, .article-info element-table table.table.default element-textarea tr.table-sub-header > td label, element-textarea .article-educational element-table table.table.default tr.table-sub-header > td label, .article-educational element-table table.table.default element-textarea tr.table-sub-header > td label, element-textarea .article-technique element-table table.table.default tr.table-sub-header > td label, .article-technique element-table table.table.default element-textarea tr.table-sub-header > td label, element-textarea .article-study-tip element-table table.table.default tr.table-sub-header > td label, .article-study-tip element-table table.table.default element-textarea tr.table-sub-header > td label, element-textarea table.table td.sub-header label, table.table element-textarea td.sub-header label, element-textarea .article-exercise element-table table.table.default td.sub-header label, .article-exercise element-table table.table.default element-textarea td.sub-header label, element-textarea .article-info element-table table.table.default td.sub-header label, .article-info element-table table.table.default element-textarea td.sub-header label, element-textarea .article-educational element-table table.table.default td.sub-header label, .article-educational element-table table.table.default element-textarea td.sub-header label, element-textarea .article-technique element-table table.table.default td.sub-header label, .article-technique element-table table.table.default element-textarea td.sub-header label, element-textarea .article-study-tip element-table table.table.default td.sub-header label, .article-study-tip element-table table.table.default element-textarea td.sub-header label {
  display: block;
  background-color: #eaac5e !important; }

.publication-page.natura element-textarea .header label, .publication-page.natura element-textarea table.table tr.table-header > td label, table.table .publication-page.natura element-textarea tr.table-header > td label,
.publication-page.natuurwetenschappen element-textarea .header label,
.publication-page.natuurwetenschappen element-textarea table.table tr.table-header > td label,
table.table .publication-page.natuurwetenschappen element-textarea tr.table-header > td label {
  background-color: #6a9f4e !important; }

.publication-page.natura element-textarea .sub-header label, .publication-page.natura element-textarea table.table tr.table-sub-header > td label, table.table .publication-page.natura element-textarea tr.table-sub-header > td label,
.publication-page.natuurwetenschappen element-textarea .sub-header label,
.publication-page.natuurwetenschappen element-textarea table.table tr.table-sub-header > td label,
table.table .publication-page.natuurwetenschappen element-textarea tr.table-sub-header > td label {
  background-color: #91b679 !important; }

element-table element-input-group .sub-element-textarea {
  width: 100%; }

element-sticker .element-sticker {
  background: #ffffff;
  border-radius: 100%;
  width: 3.6rem;
  height: 3.6rem;
  border: 0.2rem solid #000000;
  overflow: hidden;
  font-weight: 500;
  vertical-align: middle;
  font-size: 2rem;
  line-height: 3.2rem;
  text-align: center;
  margin-top: -7px;
  margin-left: -7px;
  margin-bottom: 10px; }
  element-sticker .element-sticker.solution {
    color: #92278f; }

element-article-element.element-sticker,
element-article-element element-article-element > .article-element {
  position: initial; }

element-image div.element-sticker,
element-svg div.element-sticker {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0; }

element-scratch .element-scratch {
  display: flex;
  padding: 0;
  flex-wrap: wrap; }
  element-scratch .element-scratch > div {
    margin: 0;
    margin-right: 8px; }
    element-scratch .element-scratch > div:last-of-type {
      margin-right: 0; }
  element-scratch .element-scratch label {
    color: #419cb2; }
  element-scratch .element-scratch input[type=checkbox] {
    display: none; }
    element-scratch .element-scratch input[type=checkbox] + label:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: none; }
    element-scratch .element-scratch input[type=checkbox]:checked + label:before {
      height: 0.4rem;
      background: #92278f;
      top: 1.1rem; }
  element-scratch .element-scratch .checkbox-inline {
    padding-left: 0;
    vertical-align: inherit;
    margin-left: 0;
    font-style: italic; }
  element-scratch .element-scratch.marked.solved input[type=checkbox] + label:before {
    background: rgba(146, 39, 143, 0.3); }
  element-scratch .element-scratch.marked.solved input[type=checkbox]:checked + label:before {
    background: none; }

.element-table .element-scratch {
  display: block; }
  .element-table .element-scratch > div {
    display: inline-block; }

element-label {
  padding: 0;
  display: flex; }

element-html .marked {
  background: rgba(146, 39, 143, 0.5);
  padding: 0 2px;
  margin: 0 -2px; }

element-html p:last-child {
  margin-bottom: 0; }

element-html .multi-column-1 .element-html {
  column-count: 1; }

element-html .multi-column-2 .element-html {
  column-count: 2; }

element-html .multi-column-3 .element-html {
  column-count: 3; }

element-html .multi-column-4 .element-html {
  column-count: 4; }

element-html .multi-column-5 .element-html {
  column-count: 5; }

element-html .multi-column-6 .element-html {
  column-count: 6; }

.article-element.multi-column-1 .element-html {
  column-count: 1; }

.article-element.multi-column-2 .element-html {
  column-count: 2; }

.article-element.multi-column-3 .element-html {
  column-count: 3; }

.article-element.multi-column-4 .element-html {
  column-count: 4; }

.article-element.multi-column-5 .element-html {
  column-count: 5; }

.article-element.multi-column-6 .element-html {
  column-count: 6; }

element-spacing .spacing-xs {
  height: 4px; }

element-spacing .spacing-sm {
  height: 8px; }

element-spacing .spacing-md {
  height: 15px; }

element-spacing .spacing-lg {
  height: 20px; }

element-spacing .spacing-xl {
  height: 25px; }

.element-multiple-choice label {
  display: block; }

element-info .title-container {
  display: flex;
  margin-bottom: 15px; }
  element-info .title-container .type {
    display: flex;
    background-color: #deac39;
    color: #ffffff;
    min-width: 15rem;
    padding: 8px;
    align-items: center; }
  element-info .title-container .title {
    display: flex;
    flex: 1;
    background-color: #faf3e5;
    color: #deac39;
    padding: 8px;
    align-items: center; }

element-info .elements {
  padding: 15px;
  background-color: #faf3e5; }

element-technique {
  position: relative; }
  element-technique .title-container {
    display: flex;
    margin-bottom: 15px; }
    element-technique .title-container .type {
      display: flex;
      background-color: #d4502d;
      color: #ffffff;
      min-width: 15rem;
      padding: 8px;
      align-items: center; }
    element-technique .title-container .title {
      display: flex;
      flex: 1;
      background-color: #f8e8de;
      color: #d4502d;
      padding: 8px;
      align-items: center; }
  element-technique .elements {
    padding: 15px;
    background-color: #f8e8de; }
    element-technique .elements element-textarea .textarea-wrapper > textarea {
      background-color: transparent;
      background-size: 2.2rem 2.2rem;
      background-image: linear-gradient(to bottom, #1e1e1e 0.1rem, transparent 0);
      background-position: 0 1.8rem; }

alert-container {
  z-index: 99;
  position: fixed;
  top: 60px;
  right: 15px;
  width: 50%;
  padding: 15px; }
  alert-container:empty {
    display: none; }
  alert-container .alert {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
    border-radius: 0;
    margin-bottom: 15px;
    display: flex;
    align-items: center; }
    alert-container .alert .alert-message {
      margin: 0 8px;
      flex: 1; }

.ql-editor {
  min-height: 128px; }

ng-quill-editor > div {
  background-color: #f5f5f5; }

body {
  background-color: #2d7099;
  user-select: none; }

.progress {
  position: relative;
  height: 4px;
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  background-clip: padding-box;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden; }
  .progress .indeterminate {
    background-color: #f5f5f5; }
    .progress .indeterminate:before {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
    .progress .indeterminate:after {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      animation-delay: 1.15s; }

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}