div.global {
 font-family: Lucida Sans Unicode;
}
.framed {
 background: #F7F9FA;
 border: 1px solid #8CACBB;
 border-collapse: collapse;
 padding: 0.25em 0.5em 0.25em 0.5em;
}
.boxed {
 background: #eff4f5;
 border: 1px solid #8CACBB;
 border-collapse: collapse;
 padding: 0.25em 0.5em 0.25em 0.5em;
}
.number {
 font-family: Arial;
 font-weight: bold;
 font-size: smaller;
 color: #191970;
}
.milestone {
 color: #002828;
 background-color: #edf4f0;
 padding-left: 0.5em;
 border-bottom: 1px solid #002828;
 page-break-after: avoid;
}
.part {
 font-size: 1.25em;
 font-weight: bold;
}
.section1 {
 font-size: 1.2em;
}
.section2 {
 font-size: 1em;
}
.section3 {
 font-size: 0.8em;
}
legend {
 background: transparent;
 padding: 0.5em;
 font-size: 0.9em;
 font-weight: bold;
}

fieldset {
  font-size: 0.8em;
}

fieldset p {
  margin-top: 0;
  margin-bottom: 0.5em;
}
p.sindict {
 border-width: 0;
 margin-top: 0.4em;
 margin-bottom: 0;
 margin-left: 1.5em;
 text-indent: -1.5em;
 font-size: 1em;
 line-height: 1.2em;
 text-align: justify;
 padding: 0 2em 0 2em;
}
p.elddict {
 border-width: 0;
 margin-top: 0.2em;
 margin-bottom: 0;
 margin-left: 1em;
 text-indent: -1em;
 text-align: left;
 padding: 0 1em 0 1em;
}

.xref {
  color: #6f4734;
}
.xrefre {
  color: #374630;
}

.corr {
 color: #777777;
}

.bibl {
 color: #336699;
 font-size: smaller;
}
.bibl-legacy {
 color: #601b00;
}
.bibl-mention {
 color: #0c5b00;
 font-size: smaller;
}
.comment {
 font-size: smaller;
}

small {
 font-size: smaller;
}

span.trans-lang, span.note-lang {
 border-radius: 50%;
 padding-left: 0.3em;
 padding-right: 0.3em;
 font-weight: normal;
 text-shadow: none;
 font-size: 0.5em;
 border: 1px solid #5d7088;
 color: #5d7088;
 background-color: #f0f0f0;
 text-transform: uppercase;
}

/* Search box with CSS delete cross */

form.search-box {
 display: inline-block;
 border: 1px solid #68349b;
 border-radius: 1em;
 padding: 0pt 0.8em;
 margin-right: 0.8em;
 background-color: white;
 vertical-align: middle;
}

form.search-box input[type=text] {
 border: none;
 outline: none;
 padding: 0;
}

.close-icon {
 cursor: pointer;
 border: none;
 background-color: transparent;
 display: inline-block;
 outline: 0;
 padding: 0;
 text-align: center;
 color: #68349b;
}

form.search-box input[type="text"]:not(:valid) ~ .close-icon {
 visibility: hidden;
}

/* Hide/Show detailed information CSS toggle */

label {
 cursor: pointer;
 text-indent: -9999px;
 width: 3em;
 height: 1.5em;
 border: 1px solid grey;
 background: grey;
 display: inline-block;
 border-radius: 1.5em;
 position: relative;
 vertical-align: middle;
 margin-right: 1em;
}
label:after {
 content: '';
 position: absolute;
 top: 0.25em;
 left: 0.25em;
 width: 1em;
 height: 1em;
 background: #fff;
 border-radius: 1em;
 transition: 0.3s;
}
label:active:after {
 width: 1.5em;
}

input[type=checkbox]{
 height: 0;
 width: 0;
 display: none;
}
input:checked + label {
 background: #bada55;
 border: 1px solid #bada55;
}
input:checked + label:after {
 left: calc(100% - 0.25em);
 transform: translateX(-100%);
}
input[type="checkbox"]:checked ~ .hide-show {
 display: block;
}
input[type="checkbox"]:checked ~ .show-hide {
 opacity: 0;
 transition: 0.5s;
}

.show-hide {
 display: inline-block;
 vertical-align: middle;
 font-size: 1.25em;
 line-height: 1.4em;
 opacity: 1;
 transition: 0.5;
}

.hide-show {
 display: none;
}

/* CSS popup */

.toggle-popup {
 position: fixed;
 bottom: 0;
 right: 0;
 margin: 1em;
}

.fixed-popup {
 position: fixed;
 bottom: 3em;
 right: 0;
 width: 30em;
 margin: 0.5em 2em;
}

.rounded {
 max-height: 33vh;
 overflow-y: auto;
 padding: 0.4em;
 margin-bottom: 0.4em;
 border: 1px solid black;
 border-radius: 0.5em;
 background: white;
 box-shadow: 0.2em 0.2em 0.4em rgba(0,0,0,0.5);
 font-size: 1em;
}

/* Information buttons */

.buttons {
 position: fixed;
 bottom: 0;
 left: -25px;
 transition:0.5s;
 fill: grey;
}
.buttons:hover {
 left: 0;
 transition:0.5s;
 fill: #3d5733;
}
.buttons svg {
 border-radius: 50%;
}

/* Fork Me On Github banner from https://codepo8.github.io/css-fork-on-github-ribbon/ */

#forkongithub a{background:#000;color:#fff;text-decoration:none;font-family:arial,sans-serif;text-align:center;font-weight:bold;padding:5px 40px;font-size:1rem;line-height:2rem;position:relative;transition:0.5s;}#forkongithub a:hover{background:#c11;color:#fff;}#forkongithub a::before,#forkongithub a::after{content:"";width:100%;display:block;position:absolute;top:1px;left:0;height:1px;background:#fff;}#forkongithub a::after{bottom:1px;top:auto;}@media screen and (min-width:800px){#forkongithub{position:absolute;display:block;top:0;right:0;width:200px;overflow:hidden;height:200px;z-index:9999;}#forkongithub a{width:200px;position:absolute;top:60px;right:-60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);box-shadow:4px 4px 10px rgba(0,0,0,0.8);}}

/* Media and (a bit of) responsiveness */

@media print {
  #forkongithub { display: none; }
  .toggle-popup { display: none; }
  label { display: none; }
  body { font-size: 10pt; }
}

@media screen and (max-width:900px){
  .fixed-popup {
    width: 50vw;
  }
}