.toggle .header {
    display: block;
    clear: both;
    cursor: pointer;
}

/* force the arrow into the same line */
.toggle .header p {display: inline; }
/*text color for fat text*/
.toggle .header strong {color: #ffa200 }


.toggle .header:before {
    content: "⇩ ";
}

.toggle .header.open:before {
    content: "⇧ ";
}

.toggle {
    display: block;
    border: 1px solid #333333ff;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background: #eee;
}

div.findoutmore {
    background-color: #f3f3f3;
    border: 3px solid #b37100;
    box-shadow: 5px 5px 15px 0px #111;
    padding: 5px 10px 5px 10px;
    margin-bottom: 15px;
}
div.findoutmore .header {
    background-color: #ffa200;
    border: 0px solid #000;
    margin: -6px -11px -6px -11px;
    padding: 5px 10px 5px 10px;
}
div.findoutmore .header:before {
    content: "⤵ Find-out-more: ";
    color: #333;
    font-weight: bold;
}
div.findoutmore .header.open:before {
    content: "⤴ Find-out-more: ";
    color: #333;
    font-weight: bold;
}

/* make TODOslook plain and stand out at the same time
 * TODOs should not be a frequent feature in the handbook */
div.admonition-todo {
    background-color: #eee;
    border: 1px solid red;
}

div.gitusernote {
    background-color: #f3f3f3;
    border: 3px solid #5d9bbb;
    box-shadow: 5px 5px 15px 0px #111;
    padding: 5px 10px 5px 10px;
    margin-bottom: 15px;
}
div.gitusernote .header {
    background-color: #7fd5ff;
    border: 0px solid #000;
    margin: -6px -11px -6px -11px;
    padding: 5px 10px 5px 10px;
}
div.gitusernote .header:before {
    content: "🦾 Git user note: ";
    color: #333;
    font-weight: bold;
}

div.importantnote {
    background-color: #f3f3f3;
    border: 3px solid #232323;
    box-shadow: 5px 5px 15px 0px #111;
    padding: 5px 10px 5px 10px;
    margin-bottom: 15px;
}
div.importantnote .header {
    background-color: #333;
    border: 0px solid #000;
    margin: -6px -11px -6px -11px;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
}
div.importantnote ul {
    padding: 0 0 0 16px;
}

div.windows-wit {
    background-color: #f3f3f3;
    border: 3px solid #509f26;
    box-shadow: 5px 5px 15px 0px #111;
    padding: 5px 10px 5px 10px;
    margin-bottom: 15px;
}
div.windows-wit .header {
    background-color: #66cc33;
    border: 0px solid #000;
    margin: -6px -11px -6px -11px;
    padding: 5px 10px 5px 10px;
}
div.importantnote .header:before {
    content: "⚠ ";
}
div.windows-wit .header:before {
    content: "⤵ Windows-wit: ";
    color: #333;
    font-weight: bold;
}
div.windows-wit .header.open:before {
    content: "⤴ Windows-wit: ";
    color: #333;
    font-weight: bold;
}

div.sphinxsidebar {
    max-height: 100%;
    overflow-y: auto;
}

div.body p {
    text-align: justify;
    margin: 1.5em 0 1.5em 0;
}

div.body li, div.body dd {
    text-align: justify;
}

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


progress {
  color: #ffa200;
}

progress::-webkit-progress-value {
  background: #ffa200;
}

progress::-moz-progress-bar {
  background: #ffa200;
}

progress::-webkit-progress-value {
  background: #ffa200;
}

progress::-webkit-progress-bar {
  background: #ffa200;
}

.redirect {
  font-family: monospace, monospace;
}

.redirect::before {
  content: "↷ "
}

/* Get a compact URL index list */
div.book-v1-url-index.docutils.container p {
  display: inline;
}
div.book-v1-url-index.docutils.container dl.field-list {
  display: grid;
  grid-template-columns: max-content auto;
  align-items: center;
}
div.book-v1-url-index.docutils.container dl.field-list dt {
  word-break: unset !important;
}
