/***********************************************************************
**  skin.css
**  Copyright 2016-2020 Petko Yotov www.pmwiki.org/petko
**  
**  Partially based on pmwiki.css:
**  Copyright 2004-2006 Patrick R. Michaud pmichaud@pobox.com
**  Copyright 2006 Hagan Fox
**  
**  This file is part of PmWiki; you can redistribute it and/or modify
**  it under the terms of the GNU General Public License as published
**  by the Free Software Foundation; either version 2 of the License, or
**  (at your option) any later version.  See pmwiki.php for full details.
**  
**  This skin was implemented with a mobile-first approach.
**  It should work reasonably well with browsers released since 2009.
**  This CSS uses relative "Reference pixel" dimensions.
***********************************************************************/
* {
  box-sizing: border-box;
}
:root {
  --theme-color: #005eb8;
  --theme-darker-color: #004a91;
  --theme-bgcolor-light: #c9edff;  
  --link-color: var(--theme-color);
  --link-color-visited: #7600b8;
  --theme-color-text: var(--theme-color);
  --ppp: #555;
  --sss: #777;
  --ooo: #888;
  --nnn: #999;
  --aaa: #aaa;
  --bbb: #bbb;
  --ccc: #ccc;
  --ddd: #ddd;
  --eee: #eee;
  --ggg: #f8f8f8;
  --text-color: #333;
  --text-color-black: black;
  --bgcolor: white;
  --orangered: #ff4400;
  --darkred: #880000;
  --text-color-header: white;
  --inputbox-bgcolor: var(--bgcolor);
  --inputbutton-bgcolor: var(--eee);
  --inputbox-color: var(--text-color);
  --heading-color: #08acfe;
  --highlight: #ffa;
  --logogreen: #bdd62d;
  --bgsalmon: #fed;
  --salmon: #fdc;
}
html { /* Raleway defined in /raleway/stylesheet.css */
  font-family: Raleway, Arial, Helvetica, sans-serif;
  line-height: 1.67;
}

@media print, screen {
  .skiptocontent {
    display: none;
  }
}
.text-color {
  color: var(--text-color);
}

a { text-decoration: none; color: var(--link-color); }
a:visited { color: var(--link-color-visited); }
#emwidth {
  position: absolute;
  top: 60px;
  left: 50%;
  width: 5em;
  transform: translate(-50%, 0);
  opacity: .5;
  background-color: white;
  text-align: center;
}
#emwidth:empty {
  display: none;
}
html, body, .bodywrap {
  padding: 0;
  margin: 0;
  font-size:1rem;
  line-height: 1.667rem;
  color: var(--text-color);
  min-height: 100%;
  position: relative;
}
html body, html.none body {
  background: var(--bgcolor); 
}
#superheader, #superheader * {
  text-size-adjust: 100%;
}
/* printable? */
#superheader, article.page p.breadcrumbs { 
  background-color: var(--theme-color);
/*   background-image: url(stripe.svg); */
  padding: 2mm;
  margin-bottom: 1em;
}
#wikihead-search-toggle:checked ~ #superheader {
  background-color: var(--theme-darker-color);
  background-image: none;
}
#superheader .toplist {
  max-width: 60rem;
  margin: 0 auto;
  padding: .1667rem 1.667rem 0 1.667rem;
/*   column-count: 6; */
}
.space-between {
  display: flex;
  justify-content: space-between;
/*   border: 1px dotted red; */
}
#superheader .toplist p.topquery {
  display: none;
  text-align: right;
/*   border: 1px dotted red; */
}
#wikihead-search-toggle:checked ~ * p.topquery {
  display: flex;
}
#wikihead-search-toggle:checked ~ * p.toplinks {
  display: none;
}
p.topquery, p.toplinks {
  height: 2rem;
}
#superheader .toplist a, article.page p.breadcrumbs a  {
  text-decoration: none;
  color: var(--text-color-header);
/*   margin-left: 1em; */
  white-space: nowrap;
}
#superheader .toplist a[href$="/SignIn"] { display: none; }
body[data-authid][data-authid=""] #superheader .toplist a[href$="/SignIn"] { display: inline; }
body[data-authid][data-authid=""] #superheader .toplist a[href$="/Settings"] { display: none; }
#wikicmds:empty, #wikicmds:empty ~ #wikicmds-toggle-label { display: none; }

/* body[data-authid][data-authid=""] #wikicmds-toggle-label { display: none; } */
/* body[data-group="Main"] #wikicmds-toggle-label { display: none; } */

body[data-group="Main"] #wikitext img, .trix-content figure img { border-radius: .2rem; }
body[data-group="Main"] #wikitext .noround img, body[data-group="Main"] #wikitext #wikiedit img { border-radius: 0px; }
#wikitext iframe, #wikitext video { border-radius: .2rem; }
#superheader .toplist p.toplinks a:first-child, article.page p.breadcrumbs a[href="/"] {
  font-weight: bold;
  margin-left: 0;
  background-image: url("briefcase-medical-solid.svg");
  background-repeat: no-repeat;
  padding-left: 1.667rem;
  background-size: 1rem 1rem;
  background-position: 0% 30%;
}
/* #wikifoot-links { border: 1px dotted red; max-width: 80em; } */
.bodywrap {
  max-width: 60em;
  margin: 0 auto;
}
#wikimid {
  padding: 1em .5em;
  background-color: var(--bgcolor);
  box-shadow: none;
  border: none;
}
html.blue #wikimid,
html.NHS-blue #wikimid,
html.teal #wikimid,
html.photo #wikimid
{
  border: 1px solid var(--ccc);
  border-radius: 1em;
  box-shadow: 4px 2px 9px rgba(0,0,0,.5);
}
#wikibody {
  position: relative;
/*   background-color: white; */
  padding: 0;
  margin: 0;
}
#wikileft, #wikicmds {
  background-color: var(--bgcolor);
  opacity: 0.1;
  display: none;
  position: absolute;
  border: 1px solid var(--ccc);
  border-radius: .4rem;
  padding: 0px;
  max-width: 90%;
  max-width: 90vw;
  height: auto;
  overflow: auto;
  top: .55rem; 
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
}
.demo #wikicmds, .demo #wikileft {
  opacity: 1;
  display: block;
}
.demo #wikicmds li.admintools, .demo #wikicmds li.admintools ~ li {
  display: none;
}
#wikihead {
  padding: 0 .667rem;
  margin: 0 auto;
  min-height: 2.2rem;
  max-width: 60rem;
/*   display: none; */
}
/* #superheader + .bodywrap #wikihead { display: block; } */
#wikilogo { display: block; }
#wikilogo img { width: 14.667rem;  vertical-align: middle;}
body[data-fullname="Main.HomePage"] #wikilogo img,
body[data-fullname="Main.App"] #wikilogo img,
body[data-fullname="Main.About"] #wikilogo img {
  width: 29.333rem;
  max-width: calc( 100% - 5.333rem );
  margin-left: 1.867rem;
}
@media screen and (max-width:519px) {
  body[data-fullname="Main.HomePage"] #wikilogo img,
  body[data-fullname="Main.App"] #wikilogo img,
  body[data-fullname="Main.About"] #wikilogo img {
    margin-left: calc( (100% - 5.333rem) * 28 / 440 );
  }
}
body[data-fullname="Main.HomePage"] #wikilogo,
body[data-fullname="Main.App"] #wikilogo,
body[data-fullname="Main.About"] #wikilogo {
  text-align: center;
}
body[data-fullname="Main.App"] .pagegroup,
body[data-fullname="Main.About"]  .pagegroup,
body[data-name="HomePage"] .pagegroup { display: none; }
body[data-fullname="Main.HomePage"] #wikititle {
  display: none;
}
#wikilogo a { text-decoration: none; color: unset; }
#wikileft { 
  right: 3.333rem;
  max-width: calc( 100vw - 6rem );
  z-index: 4;
  top: -10mm;
}
#wikicmds { 
  padding:0px;
  z-index: 6;
  white-space: nowrap; 
  right: 2.667rem;
  max-width: calc( 100vw - 2.667rem );
}
#wikitext {
  margin-top: .8rem;
}
#wikifoot {
  border-top: 1px solid var(--ccc);
  padding: .2rem;
  font-size: .9rem;
}
#wikifoot.nosidebar {
  padding-left:.2rem;
}
#wikihead-search-toggle, #wikileft-toggle, #wikicmds-toggle {
  display: none;
}
#wikihead-search-toggle-label, #wikileft-toggle-label, #wikicmds-toggle-label {
  position: relative;
  display: block;
  width: 2rem;
  height: 2rem;
  background-size: cover;
  background-repeat: no-repeat;
  float:right;
  margin: .4rem 0px 0 .4rem;
  z-index: 3;
  cursor: pointer;
}
/* #wikihead-search-toggle-label { background-image: url(xsearch.svg); } */
#wikihead-search-label-open   { background-image: url(xsearch.svg); }
#wikihead-search-label-close  { background-image: url(xclose.svg); }
#wikileft-toggle-label        { background-image: url(xmenu.svg); }
#wikicmds-toggle-label        { background-image: url(xwrench.svg); margin-right: 0.3em; }
/* #wikicmds-toggle-label        { background-image: url(briefcase-medical-solid-editortools.svg); } */
#wikihead-search-label-open, #wikihead-search-label-close   { 
  /*width: 20px; height: 20px; */
  margin: 0 0 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0% 50%;
/*   z-index: 3; */
  cursor: pointer;
  display: inline;
  vertical-align: baseline;
  padding-left: 1.333rem;
  
}
#wikihead-searchquery  {
  border-color: var(--theme-bgcolor-light);
  color: var(--text-color-header);
/*   padding: .1rem .667rem; */
/*   background-color: var(--theme-bgcolor-light); */
  background-color: transparent;
/*   border-radius: 0px; */
  width: 24em;
  max-width: calc( 100% - 1.6rem); 
  margin: 0 .5em 0 0;
  background-image: url(xsearch.svg);
}
#wikihead-searchquery::placeholder {
  color: var(--theme-bgcolor-light);
}
.topquery-span {
  width: 26em;
  max-width: calc( 100% - 15em ); 
}
#wikileft-toggle-label {
  right: 10px;
  top: -10mm;
  position: absolute;
}
#logoutlink {
  position: absolute;
  right: 10px;
  color: red;
  z-index: 2;
}
body[data-authid][data-authid=""] #logoutlink  { display: none; }
#wikicmds-toggle-label {
/*   margin: 3px; */
}
#wikifoot {
  background: url(xclose.svg) bottom right no-repeat; 
}
#wikileft-toggle:checked ~ * #wikileft-toggle-label, 
#wikicmds-toggle:checked ~ * #wikicmds-toggle-label {
  background-image: url(xclose.svg);
}
#wikileft-toggle:checked ~ * #wikileft,
#wikicmds-toggle:checked ~ * #wikicmds {   
  display: block;
  opacity: 1;
/* transition doesn't appear to work   */
  animation: fadein 1s;
}
#wikioverlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0; 
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, .2);
  z-index: 2;
  display: none;
}
#wikileft-toggle:checked ~ #wikioverlay,
#wikicmds-toggle:checked ~ #wikioverlay {   
  display: block;
}
/* These are for the left-sidebar. */
#wikileft .vspace { margin-top:1.333rem; }
#wikileft ul { list-style:none; padding:0px; margin:0px; }
#wikileft li { margin: 2mm 0px; padding-left: 0; }
#wikileft li ul { 
  padding-left: 8mm; 
  margin-left: 0mm; 
  list-style-type: square; 
  background-color: var(--bgcolor);
}
.sidehead {
  margin:0px; padding:4px 2px 2px 2px;
  font-weight:bold; font-style:normal; 
}
.sidehead a 
  { color:#505050; font-weight:bold; font-style:normal; }
  
#wikileft a { text-decoration:none; color:var(--text-color-black); padding: 1mm 4mm; }
/* #wikileft a:hover { text-decoration:underline; color:blue; } */
#wikileft a { display: block; }
#wikileft a:hover { background-color: var(--theme-bgcolor-light); }
#wikileft ul ul li a { padding-left: 1mm; }
/* body[data-group="Main"] #wikileft li a:hover { background-color: var(--theme-bgcolor-light); } */
#wikicmds ul { list-style:none; margin:2mm 0; padding:0px; }
#wikicmds li { margin: 0 ; padding: 0px; border-top:0px solid var(--ccc);}
#wikicmds li:first-child {border-top:none;}
#wikicmds li a, #wikileft li a { text-decoration:none; color:var(--text-color-black); border: none; display: block; padding: 1mm 4mm; }
#wikicmds li a.createlink { display:none; }
#wikicmds li a:hover {  background-color: var(--theme-bgcolor-light); }
/* These primarily adjust the size and spacing of heading elements,
** most browsers have atrocious defaults for these. */
h1, h2, h3, h4, h5, h6 { margin-top:1rem; margin-bottom:.6rem; }
h1, h2, h3, h6 { font-weight:normal; }
h4, h5 { font-weight:bold; }
h1 { 
  font-size:1.4rem; 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
h2 { font-size:1.3rem; }
h3 { font-size:1.2rem; }
h4 { font-size:1.1rem; }
h5 { font-size:1rem; }
h6 { font-size:1rem; }
.pagegroup { line-height:2rem; }
.pagetitle { 
  line-height:1.2;
  margin:0px; 
  font-size:1.6rem; 
  font-weight:normal;
}
.wikiaction { margin-top:4px; margin-bottom:4px; }
/* These control the fixed-width text elements of the page */
pre, code { font-size:.95em; }
pre, code, .diffmarkup { font-family:'Lucida Console','Andale Mono','Courier New',Courier,monospace; }
pre { line-height: 1.3em; }
pre code, code code, pre pre { font-size:100%; }
pre, code.escaped { max-width: 100%; overflow: auto; }
/* Large tables can scroll */
div.scrollable { max-width: 100%; overflow: auto; border: 1px dotted red;}
#wikiedit form { margin:0px; width:100%; max-width:100%; }
#wikiedit textarea { width:99.5%; max-width:99.5%; max-height: 60vh; }
#wikiedit input { max-width:99.5%; }
.wikimessage { margin-top:4px; margin-bottom:4px; font-style:italic; }
input, img, iframe {
  max-width: 100%;
}
dd {
  margin-left: 1rem;
}
ul, ol {
  margin: 0; 
/*   padding: 0 0 0 20px; */
}
select, textarea, input {
  font-size: 1.1rem; /*16px? disable zoom-in on some phones*/
}
.inputbox, textarea {
  background-color: var(--inputbox-bgcolor);
  color: var(--inputbox-color);
}
.inputbutton, select {
  background-color: var(--inputbutton-bgcolor);
  color: var(--text-color);
}
.inputbox::placeholder, textarea::placeholder {
  color: #888;
}
select {
  border-width: 1px;
  border-radius: 3px;
  /* line-height: 1.7em; */
  padding: .4rem .667rem;
  max-width: 100%;
  border-color: var(--555);
}
.inputbox, .inputbutton, textarea {
  border-width: 1px;
  border-radius: .4em;
  /* line-height: 1.7em; */
  padding: .4rem .667rem;
  max-width: 99%;
  border-color: var(--555);
}
.inputbutton:hover {
/*   background-color: buttonface; */
}
.inputbox:focus, textarea:focus {
  outline-color: var(--link-color);
}
.inputbox[type="search"] {
  border-radius: 1em;
  background-image: url(search-grey.svg);
  background-size: 1.2em;
  background-repeat: no-repeat;
  background-position: 0.5em  center;
  padding: .4rem .667rem .4rem calc(16px + .9em);
  max-width: 99%;
}


summary, .inputbutton { cursor: pointer; }
details.commentform {
  margin-top: 1em;
}
details.commentform summary { 
  color: var(--orangered) ; 
  font-weight: bold; 
}
/* pmwiki.php */
ul, ol, pre, dl, p { margin-top:0px; margin-bottom:0px; }
code.escaped { 
  white-space: pre; 
  display: inline-block;
  vertical-align: bottom;
  text-indent: 0;
}
.vspace { margin-top:1.667rem; }
.indent { margin-left:1rem; }
.outdent { margin-left:1rem; text-indent:-1rem; }
a.createlinktext { text-decoration:none; border-bottom:1px dotted gray; }
a.createlink { text-decoration:none; position:relative; top:-7px;
  font-weight:bold; font-size:smaller; border-bottom:none; }
img { border:0px; }
/* Prevent white space below vertically stacked images */
div.imgonly img, div.imgcaption img:first-child { vertical-align: bottom; }
/* wikistyles.php */
.frame { 
  border:1px solid var(--ccc); padding:4px; background-color:var(--ggg);
  padding: .333rem .667rem; 
  border-radius: .2rem;
}
frame:empty {display: none; }
.lfloat { float:left; margin-right:.5rem; z-index: 2; position: relative; }
.rfloat { float:right; margin-left:.5rem; z-index: 2; position: relative; }
/* stdmarkup.php */
table.markup { border:2px dotted #ccf; width:100%; }
/* td.markup1, td.markup2 { padding-left:0px; padding-right:0px; } */
table.horiz td.markup1, table.vert td.markup1 { 
  border-bottom:1px solid #ccf; border-right: none; width: auto; }
table.horiz td.markup1, table.horiz td.markup2 {
  /* horizontal markup tables to vertical */
  display: block; }
table.markup caption { text-align:left; }
div.faq p, div.faq pre { margin-left:1rem; }
div.faq p.question { margin: 0; font-weight:bold; }
div.faqtoc div.faq * { display:none; }
div.faqtoc div.faq p.question 
  { display:block; font-weight:normal; margin:.5rem 0 .5rem 1rem; line-height:normal; }
div.faqtoc div.faq p.question * { display:inline; }    
/* simuledit.php */
.editconflict { color:green; 
  font-style:italic; margin-top:1.667rem; margin-bottom:1.667rem; }
/* pagerev.php */
.diffbox { border-left:1px #999 solid; margin-top:1.667rem; font-size:.8rem;  }
.diffauthor { font-weight:bold; }
.diffchangesum { font-weight:bold; }
.difftime { background-color:#ddd; }
.difftype { font-weight:bold; }
.diffadd { border-left:5px #9f9 solid; padding-left:5px; }
.diffdel { border-left:5px #ff9 solid; padding-left:5px; }
.diffrestore { margin:20px 0px; }
.diffmarkup { font-size:.95rem;  } 
.diffmarkup del { background:#ff9; text-decoration: none; }
.diffmarkup ins { background:#9f9; text-decoration: none; }
/* urlapprove.php */
.apprlink { font-size:smaller; }
/* vardoc.php */
a.varlink { text-decoration:none; }
#wikiedit-minoredit {
  white-space: nowrap;
}
/* In HTML5 only styles are valid for alignment */
td.left,   th.left   { text-align: left;}
td.center, th.center { text-align: center;}
td.right,  th.right  { text-align: right;}
td.top,    th.top    { vertical-align: top;}
td.bottom, th.bottom { vertical-align: bottom;}
td.middle, th.middle { vertical-align: middle;}
/*
.noPmTOC {display:none;}
.PmTOCdiv { display: inline-block; font-size: 13px; overflow: auto; max-height: 500px;}
.PmTOCdiv a { text-decoration: none;}
.back-arrow {font-size: .9em; text-decoration: none;}
#PmTOCchk + label {cursor: pointer;}
#PmTOCchk {display: none;}
#PmTOCchk:not(:checked) + label > .pmtoc-show {display: none;}
#PmTOCchk:checked + label > .pmtoc-hide {display: none;}
#PmTOCchk:checked + label + div {display: none;}*/
.noPmTOC {display:none;}
.PmTOCdiv { display: inline-block; font-size: .8rem; 
  overflow: auto; max-height: 500px; padding: .667rem !important;}
.PmTOCdiv a { text-decoration: none; display: block; line-height: 1; margin: .4em 0;}
.PmTOCdiv a.pmtoc-indent1 { margin-left: 1rem; }
.PmTOCdiv a.pmtoc-indent2 { margin-left: 2rem; }
.PmTOCdiv a.pmtoc-indent3 { margin-left: 3rem; }
.PmTOCdiv a.pmtoc-indent4 { margin-left: 4rem; }
.PmTOCdiv a.pmtoc-indent5 { margin-left: 5rem; }
.PmTOCdiv a.pmtoc-indent6 { margin-left: 6rem; }
.back-arrow {font-size: .8rem; text-decoration: none; vertical-align: text-top;}
#PmTOCchk + label {cursor: pointer;}
#PmTOCchk {display: none;}
#PmTOCchk:not(:checked) + label > .pmtoc-show {display: none;}
#PmTOCchk:checked + label > .pmtoc-hide {display: none;}
#PmTOCchk:checked + label + div {display: none;}
table.simpletable {
  border-collapse: collapse;
}
table.simpletable tr:nth-child(odd) {
  background-color: var(--eee);
}
table.simpletable th {
  background-color: var(--eee);
}
table.simpletable th, table.simpletable td {
  border: 1px solid #888;
}
table.sortable th {
  cursor: pointer;
}
table.sortable th:hover::after {
  color: inherit;
  content: "\00A0\025B8";
}
table.sortable th::after {
  color: transparent;
  content: "\00A0\025B8";
}
table.sortable th.dir-u::after {
  color: inherit;
  content: "\00A0\025BE";
}
table.sortable th.dir-d::after {
  color: inherit;
  content: "\00A0\025B4";
}
*[data-pmtoggle], .pmtoggleall {
  cursor: pointer;
  font-weight: bold;
}
*[data-pmtoggle]::before {
  content: "\025BE\00A0";
  float: left;
}
*[data-pmtoggle="closed"]::before {
  content: "\025B8\00A0";
}
*[data-pmtoggle] + * {
  margin-left: .8em;
}
*[data-pmtoggle="closed"] + * {
  display: none;
}
/* These affect the printed appearance of the web view (not the separate
** print view) of pages.  The sidebar and action links aren't printed. */
@media print {
  body { width:100%; margin:0; padding:0; }
  #wikileft, #wikicmds { display:none; }
/*   .footnav, #wikifoot { display:none; } */
  #wikifoot { margin-top: .5rem;  padding: .2rem 0 0 0; }
  *[data-pmtoggle="closed"] + * { display: inherit; }
  *[data-pmtoggle="closed"]::before { content: "\025BE\00A0"; }
  .noprint {
    display: none;
  }
}
/* Fade-in animation */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.trix-content h2, .trix-content h3 {
/*   background-color: #c7ecff !important; */
}
div.cover img { 
  border-radius: .5rem;
  max-width: 100%;
  max-height: 40vh;
  height: auto;
}
.hidemob { display: none; }
@media screen and (min-width:40em) {
  .text1col { width: 33.3%; float: left; padding: 0 .6em; margin:0; }
  .text2col { width: 66.6%; float: left; padding: 0 .6em; }
  .text, .text3col, .clear { clear: both; }
  .hidemob { display: block; }
  .hidedesk { display: none; }
}
.text1col, .text2col, .text3col {
    text-align: center;
}
#selectclass {
  font-size: 90%;
  float: right;
}
#toggle_authform2 {
  border-radius: .2rem;
  padding: .8rem;
}
.emphasize {
    text-align: center;
    font-size: 3em;
    line-height: 1.1em;
    margin: 0.5em 0; 
    color: var(--link-color);
}
.topmore, .more { line-height: 12mm; margin: 4mm 0 0 0; text-align: center; }
.topmore { margin-top: 1.6rem; }
.topmore a, .more a { border: 1px solid var(--ddd); border-radius: 2mm; background-color: #eef; padding: 1mm 3mm; margin: 0 2mm; white-space: pre; color: var(--text-color-black); }
.img.imgonly { margin-bottom: .5em; }
/* iframe[src*="ape-osmap.html"] {display: none !important; } */
@media screen and (max-width:45em) {
  #wikifoot-links .narrowhide1, .topquery .narrowhide1 { display: none; }
}
@media screen and (max-width:42em) {
  .topquery .min40em { display: none; }
}
@media screen and (max-width:34em) {
  .topquery .min36em { display: none; }
  .topquery-span { max-width: calc( 100% - 8em ); } 
}
@media screen and (max-width:31em) {
  #superheader .toplist {
    padding-left: 0;
    padding-right: 0;
  }
  #wikifoot-links .narrowhide2 { display: none;  }
  #superheader .narrowhide2 { 
    display: none;
  }
  #superheader .toplist a:first-child {
    padding-left: 1.2rem;
    background-size: 1.2rem 1.2rem;
  }
}
@media screen and (max-width:25em) {
  #superheader .narrowhide3 { display: none; }
  #wikifoot-links .narrowhide3 { display: none; }
}
@media screen and (max-width:21em) {
  #superheader .toplist a[href$="/Hospitals"] { display: none; }
  #wikifoot-links .narrowhide4 { display: none; }
  #superheader .narrowhide4 { display: none; }
}
@media screen and (max-width:15em) {
  #wikifoot-links .narrowhide5 { display: none; }
  #superheader .narrowhide5 { display: none; }
}
#wikicmds li.toolhead {
  padding: 1mm 4mm;
  background-color: var(--eee);
  font-weight:bold;
}
#wikileft .wikicmds li.noblock,
#wikicmds li.noblock  {
  padding: 1mm 2mm;
  background-color: var(--eee);
}
#wikileft .wikicmds li.noblock a,
#wikicmds li.noblock a {
  display: inline;
  padding: 1mm 2mm;
}
#wikicmds #m_claim, #wikicmds #m_clear {
  color: var(--link-color);
  cursor: pointer;
  padding: 1mm 2mm;
  margin-left: 2mm;
}
#wikicmds #m_claim:hover, #wikicmds #m_clear:hover {
  background-color: var(--theme-bgcolor-light);
}
#m_chk {
  display: none;
}
#m_chk + label {
  cursor: pointer;
}
#m_chk:checked + label {
  font-weight: bold;
}
#m_chk:not(:checked) + label ~ * {
  display: none;
}
p.breadcrumbs a {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  min-width: 2em;
}
li.breadcrumbs a:not(:last-child):after {
  content: '/';
  color: #333;
  margin: 0 .1em;
}
p.breadcrumbs a:after {
  content: '/';
  color: #333;
  margin: 0 .1em;
}
p.breadcrumbs {
  max-width: calc( 100% - 2.667rem );
  text-align: left;
  display: flex;
}
article.page .toclink {
  background-color: transparent;
  padding: 2mm;
}
article.page .toclink a {
  color: var(--text-color-header);
}
article.page p.breadcrumbs {
  display: block;
  padding-bottom: 0;
  width: 100%;
  max-width: 100%;
  color: var(--text-color-header);
}
article.page p.breadcrumbs a::after {
  color: var(--text-color-header);
}
/*#fipinput,
form.wikisearch .searchbox  {
  border-radius: .2rem;
  padding: .4rem .667rem .4rem 2rem;
  background-image: url(search-grey.svg);
  background-repeat: no-repeat;
  background-position: 0.6em 50%;
  background-size: 1.2em;
  max-width: 99%;
  box-sizing: border-box;
}*/
form.wikisearch .searchbutton {
  display: none;
}
.newsite {
  text-align: center;
  margin: 1rem .5rem;
}
.theme-color {
  color: var(--theme-color);
}
.link-color {
  color: var(--link-color);
}
.heading-color {
  color: var(--heading-color);
}
.theme-bgcolor {
  background-color: var(--theme-color);
}
.theme-bgcolor-light {
  background-color: var(--theme-bgcolor-light);
}
.theme-border {
  border: 1px solid var(--link-color);
}
.transparent {
  background-color: transparent;
}
a.inputbutton {
  white-space: nowrap;
  color: var(--text-color);
  padding: .1em .2em;
  border: 1px outset var(--link-color);
}
a.orangered, a.orangered:visited, .orangered {
  color: var(--orangered);
}
.darkred {
  color: var(--darkred);
}
li.nobullet {
  list-style-type: none;
}
li.noindent {
  margin-left: -1.6em;
}

#appheader {
  display: flex;
  justify-content: space-between;
}
#appheader a {
  display: inline-block;
  vertical-align: middle;
}

#appheader .headermenu,
#appheader .headerback {
  width: 2em;
  height: 2em;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(back-btn.png);
}

#appheader .headermenu {
  background-image: url(menu-btn.png);
}

#appheader > * {
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#appheader .headerlink {
  max-width: calc(100% - 4.2em);
  color: var(--bgcolor);
  line-height: 1;
  margin: .1em 0;
}

body.appmockup #appheader {
  display: flex !important;
}

i.grey {
  color: var(--sss);
}

