/**
 * DokuWiki Mikio Template CSS (Compiled)
 *
 * @link    http://dokuwiki.org/template:mikio
 * @author  James Collins <james.collins@outlook.com.au>
 * @license GPLv2 (http://www.gnu.org/licenses/gpl-2.0.html)
 */

:root[data-theme-auto="true"] {
  --display-theme-light: none !important;
  --display-theme-dark: none !important;
  --display-theme-auto: inline-block !important;
}

:root[data-theme="theme-light"] {
  --text: #333333;
  --link: #2b73b7;
  --link-hover: #2b73b7;
  --link-visited: #2b73b7;
  --link-active: #2b73b7;
  --existing: #008800;
  --existing-hover: #008800;
  --existing-visited: #008800;
  --existing-active: #008800;
  --missing: #dd3300;
  --missing-hover: #dd3300;
  --missing-visited: #dd3300;
  --missing-active: #dd3300;
  --background: #ffffff;
  --admin-background-color: #f2f2f2;
  --code-text-color: #e83e8c;
  --code-border-color: transparent;
  --code-background-color: transparent;
  --control-text-color: #495057;
  --control-border-color: #6c757d;
  --control-background-color: #ffffff;
  --input-border-color: #ced4da;
  --button-text-color: #6c757d;
  --button-background-color: #ffffff;
  --button-border-color: #ced4da;
  --button-text-hover-color: #6c757d;
  --button-background-hover-color: #dddddd;
  --button-border-hover-color: #ced4da;
  --button-search-text-color: #ffffff;
  --button-search-background-color: #666666;
  --button-search-border-color: #666666;
  --button-search-text-hover-color: #ffffff;
  --button-search-background-hover-color: #666666;
  --button-search-border-hover-color: #666666;
  --button-default-text-color: #ffffff;
  --button-default-background-color: #007bff;
  --button-default-border-color: #007bff;
  --button-default-text-hover-color: #ffffff;
  --button-default-background-hover-color: #0069d9;
  --button-default-border-hover-color: #0062cc;
  --topheader-background-color: #ffffff;
  --header-background-color: #ffffff;
  --navbar-background-color: #ffffff;
  --navbar-border-color: #e5e5e5;
  --navbar-brand-text-color: #1a1a1a;
  --navbar-brand-tagline-color: #6c757d;
  --navbar-link-color: #1a1a1a;
  --navbar-link-hover-color: #1a1a1a;
  --subnavbar-text-color: #666666;
  --subnavbar-link-color: #666666;
  --subnavbar-link-hover-color: #000000;
  --subnavbar-background-color: #f8f8f8;
  --subnavbar-border-color: #e5e5e5;
  --tag-background-color: #999999;
  --tag-text-color: #ff0000;
  --breadcrumb-background-color: #cccccc;
  --breadcrumb-text-color: #808080;
  --breadcrumb-link-color: #666666;
  --breadcrumb-link-hover-color: #000000;
  --hero-title-color: #000000;
  --hero-subtitle-color: #666666;
  --hero-background-color: #ddf7fb;
  --sidebar-text-color: #666666;
  --sidebar-link-color: #666666;
  --sidebar-link-hover-color: #333333;
  --sidebar-background-color: #f2f2f2;
  --sidebar-border-color: #e5e5e5;
  --content-background: #ffffff;
  --toc-background-color: #ffffff;
  --toc-border-color: #e5e5e5;
  --toc-link-color: #666666;
  --toc-link-hover-color: #000000;
  --pagetools-color: #cccccc;
  --pagetools-hover-color: #666666;
  --footer-text-color: #737373;
  --footer-link-color: #666666;
  --footer-link-hover-color: #333333;
  --footer-background-color: #cccccc;
  --table-header-row-background-color: #dddddd;
  --table-header-row-text-color: #000000;
  --table-row-border-color: #e5e5e5;
  --table-odd-row-background-color: #ffffff;
  --table-odd-row-text-color: #000000;
  --table-even-row-background-color: #f2f2f2;
  --table-even-row-text-color: #000000;
  --dropdown-color: #1a1a1a;
  --dropdown-hover-color: #e5e5e5;
  --dropdown-border-color: #e5e5e5;
  --dropdown-background-color: #ffffff;
  --section-edit-highlight: rgba(255, 255, 0, 0.3);
  --tree-background-color: #ffffff;
  --tree-border-color: #e5e5e5;
  --tab-color: #333333;
  --tab-background-color: transparent;
  --tab-border-color: transparent;
  --tab-hover-color: #333333;
  --tab-background-hover-color: #ffffff;
  --tab-border-hover-color: #dddddd;
  --tab-active-color: #333333;
  --tab-active-background-color: #ffffff;
  --tab-active-border-color: #dddddd;
  --display-theme-light: inline-block;
  --display-theme-dark: none;
  --display-theme-auto: none;
}

:root[data-theme="theme-dark"] {
  --text: #ffffff;
  --link: #00bc8c;
  --link-hover: #009670;
  --link-visited: #00bc8c;
  --link-active: #00bc8c;
  --existing: #00bc8c;
  --existing-hover: #00bc8c;
  --existing-visited: #00bc8c;
  --existing-active: #00bc8c;
  --missing: #ff0000;
  --missing-hover: #ff0000;
  --missing-visited: #ff0000;
  --missing-active: #ff0000;
  --background: #222222;
  --admin-background-color: #222222;
  --code-text-color: #e83e8c;
  --code-border-color: transparent;
  --code-background-color: transparent;
  --control-text-color: #303030;
  --control-border-color: #222222;
  --control-background-color: #ffffff;
  --input-border-color: #222222;
  --button-text-color: #ffffff;
  --button-background-color: #444444;
  --button-border-color: #333333;
  --button-text-hover-color: #ffffff;
  --button-background-hover-color: #363636;
  --button-border-hover-color: #363636;
  --button-search-text-color: #ffffff;
  --button-search-background-color: #444444;
  --button-search-border-color: #333333;
  --button-search-text-hover-color: #ffffff;
  --button-search-background-hover-color: #363636;
  --button-search-border-hover-color: #363636;
  --button-default-text-color: #ffffff;
  --button-default-background-color: #007bff;
  --button-default-border-color: #007bff;
  --button-default-text-hover-color: #ffffff;
  --button-default-background-hover-color: #0069d9;
  --button-default-border-hover-color: #0062cc;
  --topheader-background-color: #222222;
  --header-background-color: #222222;
  --navbar-background-color: #375a7f;
  --navbar-border-color: #375a7f;
  --navbar-brand-text-color: #ffffff;
  --navbar-brand-tagline-color: #dddddd;
  --navbar-link-color: rgba(255, 255, 255, 0.6);
  --navbar-link-hover-color: #ffffff;
  --subnavbar-text-color: #222222;
  --subnavbar-link-color: rgba(34, 34, 34, 0.7);
  --subnavbar-link-hover-color: #222222;
  --subnavbar-background-color: #adb5bd;
  --subnavbar-border-color: #adb5bd;
  --tag-background-color: #00bc8c;
  --tag-text-color: #ff0000;
  --breadcrumb-background-color: #333333;
  --breadcrumb-text-color: #666666;
  --breadcrumb-link-color: #777777;
  --breadcrumb-link-hover-color: #ffffff;
  --hero-title-color: #ffffff;
  --hero-subtitle-color: #dddddd;
  --hero-background-color: #00bc8c;
  --sidebar-text-color: #888888;
  --sidebar-link-color: #999999;
  --sidebar-link-hover-color: #cccccc;
  --sidebar-background-color: #111111;
  --sidebar-border-color: #333333;
  --content-background: #222222;
  --toc-background-color: #303030;
  --toc-border-color: #444444;
  --toc-link-color: #ffffff;
  --toc-link-hover-color: #ffffff;
  --pagetools-color: #444444;
  --pagetools-hover-color: #555555;
  --footer-text-color: #888888;
  --footer-link-color: #999999;
  --footer-link-hover-color: #cccccc;
  --footer-background-color: #111111;
  --table-header-row-background-color: #00bc8c;
  --table-header-row-text-color: #ffffff;
  --table-row-border-color: #444444;
  --table-odd-row-background-color: #222222;
  --table-odd-row-text-color: #ffffff;
  --table-even-row-background-color: #333333;
  --table-even-row-text-color: #ffffff;
  --dropdown-color: #ffffff;
  --dropdown-hover-color: #375a7f;
  --dropdown-border-color: #444444;
  --dropdown-background-color: #222222;
  --section-edit-highlight: #cccc00;
  --tree-background-color: #333333;
  --tree-border-color: #444444;
  --tab-color: #cccccc;
  --tab-background-color: transparent;
  --tab-border-color: transparent;
  --tab-hover-color: #ffffff;
  --tab-background-hover-color: transparent;
  --tab-border-hover-color: #444444;
  --tab-active-color: #ffffff;
  --tab-active-background-color: #333333;
  --tab-active-border-color: #444444;
  --display-theme-light: none;
  --display-theme-dark: inline-block;
  --display-theme-auto: none;
}

.mikio-sticky {
  position: -webkit-sticky;
  position: sticky;
}

.mikio-pre-wrap {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
}

.mikio-controls button,
.mikio-controls input,
.mikio-controls optgroup,
.mikio-controls select,
.mikio-controls textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: .25rem;
  box-sizing: border-box;
  vertical-align: middle;
  padding: .375rem .75rem;
  color: var(--control-text-color);
  background-color: var(--control-background-color);
  border-color: var(--input-border-color);
  line-height: inherit;
}

.mikio-controls button[type=color],
.mikio-controls input[type=color],
.mikio-controls optgroup[type=color],
.mikio-controls select[type=color],
.mikio-controls textarea[type=color] {
  padding: 0;
}

.mikio-controls button,
.mikio-controls input[type=button],
.mikio-controls input[type=image] {
  display: inline-block;
  text-align: center;
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  line-height: 1.5;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: capitalize;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.mikio-controls button:hover:not(:disabled),
.mikio-controls input[type=button]:hover:not(:disabled),
.mikio-controls input[type=image]:hover:not(:disabled) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--button-text-hover-color);
  background-color: var(--button-background-hover-color);
  border-color: var(--button-border-hover-color);
}

.mikio-controls button:disabled,
.mikio-controls input[type=button]:disabled,
.mikio-controls input[type=image]:disabled {
  opacity: .65;
}

.mikio-controls button#edbtn__save,
.mikio-controls button[name="run[save]"] {
  color: var(--button-default-text-color);
  background-color: var(--button-default-background-color);
  border-color: var(--button-default-border-color);
}

.mikio-controls button#edbtn__save:hover,
.mikio-controls button[name="run[save]"]:hover {
  color: var(--button-default-text-hover-color);
  background-color: var(--button-default-background-hover-color);
  border-color: var(--button-default-border-hover-color);
}

.mikio-controls input[type=text],
.mikio-controls input[type=search],
.mikio-controls input[type=password],
.mikio-controls input[type=email] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

.mikio-controls textarea {
  margin-bottom: 1rem;
  width: 100%;
  word-wrap: break-word;
  overflow: auto;
  resize: vertical;
  white-space: pre-wrap;
}

.mikio-controls select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  height: 2.25rem;
}

.mikio-controls .toolbutton {
  border-radius: 0;
  border-right-width: 0;
  border-color: var(--input-border-color);
}

.mikio-controls .toolbutton:first-of-type {
  border-radius: .25rem 0 0 .25rem;
}

.mikio-controls .toolbutton:last-of-type {
  border-radius: 0 .25rem .25rem 0;
  border-right-width: 1px;
}

html {
  overflow-x: auto;
  overflow-y: scroll;
  display: block;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -0.01em;
  padding: 0;
}

html,
body {
  background-color: var(--background);
  color: var(--text);
  margin: 0;
}

#dokuwiki__site {
  min-height: 100vh;
}

.mikio .site {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.mikio-container {
  max-width: 100%;
  margin: 0 auto;
}

.mikio-page-topheader {
  padding: 0 2rem;
  border-bottom: 1px solid var(--navbar-border-color);
  background-color: var(--topheader-background-color);
  box-sizing: border-box;
  width: 100%;
  z-index: 1001;
}

.mikio-page-header {
  padding: 0 2rem;
  background-color: var(--header-background-color);
  box-sizing: border-box;
  width: 100%;
  z-index: 999;
}

.mikio-sidebar-header {
  border-bottom: 1px solid var(--sidebar-border-color);
}

.mikio-sidebar-footer {
  border-top: 1px solid var(--sidebar-border-color);
}

.mikio-admin {
  background-color: var(--admin-background-color);
}

.mikio-small-only {
  display: none;
}

.mikio .mikio-breadcrumbs,
.mikio .mikio-youarehere {
  padding: .5rem 1rem;
  background-color: var(--breadcrumb-background-color);
  border: 1px solid var(--breadcrumb-background-color);
  border-radius: 4px;
  font-size: 80%;
  color: var(--breadcrumb-text-color);
}

.mikio .mikio-breadcrumbs .mikio-container,
.mikio .mikio-youarehere .mikio-container {
  flex-direction: row;
}

.mikio .mikio-breadcrumbs span.curid a,
.mikio .mikio-breadcrumbs span.curid a:visited,
.mikio .mikio-breadcrumbs span.curid a:active,
.mikio .mikio-breadcrumbs a,
.mikio .mikio-breadcrumbs a:visited,
.mikio .mikio-breadcrumbs a:active,
.mikio .mikio-youarehere span.curid a,
.mikio .mikio-youarehere span.curid a:visited,
.mikio .mikio-youarehere span.curid a:active,
.mikio .mikio-youarehere a,
.mikio .mikio-youarehere a:visited,
.mikio .mikio-youarehere a:active {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--breadcrumb-link-color);
  font-weight: normal;
}

.mikio .mikio-breadcrumbs span.curid a:hover,
.mikio .mikio-breadcrumbs span.curid a:visited:hover,
.mikio .mikio-breadcrumbs span.curid a:active:hover,
.mikio .mikio-breadcrumbs a:hover,
.mikio .mikio-breadcrumbs a:visited:hover,
.mikio .mikio-breadcrumbs a:active:hover,
.mikio .mikio-youarehere span.curid a:hover,
.mikio .mikio-youarehere span.curid a:visited:hover,
.mikio .mikio-youarehere span.curid a:active:hover,
.mikio .mikio-youarehere a:hover,
.mikio .mikio-youarehere a:visited:hover,
.mikio .mikio-youarehere a:active:hover {
  color: var(--breadcrumb-link-hover-color);
}

.mikio .mikio-breadcrumbs ul,
.mikio .mikio-youarehere ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mikio .mikio-breadcrumbs bdi,
.mikio .mikio-youarehere bdi {
  margin-left: .5rem;
  margin-right: .5rem;
}

.mikio .mikio-breadcrumbs li,
.mikio .mikio-breadcrumbs span.bchead,
.mikio .mikio-youarehere li,
.mikio .mikio-youarehere span.bchead {
  display: inline-block;
}

.mikio .mikio-breadcrumbs svg,
.mikio .mikio-youarehere svg {
  width: .9rem;
  height: .9rem;
}

.mikio-navbar {
  position: relative;
  padding: .5rem 1rem .5rem 2rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--navbar-border-color);
  background-color: var(--navbar-background-color);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  box-sizing: border-box;
  z-index: 1000;
}

.mikio-navbar .mikio-container {
  display: flex;
  flex: 1;
  align-items: center;
}

.mikio-navbar .mikio-navbar-brand {
  display: flex;
}

.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-image {
  max-width: 3rem;
  max-height: 3rem;
  margin-right: .5rem;
}

.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-title {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}

.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-title-text {
  color: var(--navbar-brand-text-color);
  margin: 0;
  font-weight: 500;
  font-size: 1.2rem;
}

.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-title-tagline {
  margin: 0;
  color: var(--navbar-brand-tagline-color);
}

.mikio-navbar .mikio-navbar-toggle {
  display: none;
  font-size: 1rem;
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  width: 1rem;
  height: 1rem;
  padding: 0;
  cursor: pointer;
  transition: transform .15s ease-in-out;
  vertical-align: middle;
  border: 0 none;
  background: transparent;
}

.mikio-navbar .mikio-navbar-toggle:before,
.mikio-navbar .mikio-navbar-toggle:after {
  content: "";
}

.mikio-navbar .mikio-navbar-toggle:before,
.mikio-navbar .mikio-navbar-toggle .icon,
.mikio-navbar .mikio-navbar-toggle:after {
  display: block;
  width: 100%;
  height: 0.2em;
  margin: 0 0 0.2em;
  transition: transform .15s ease-in-out;
  border-radius: 0.05em;
  background: var(--control-text-color);
}

.mikio-navbar .mikio-navbar-toggle.open .icon {
  transform: scale(0);
}

.mikio-navbar .mikio-navbar-toggle.open:before {
  transform: translateY(0.4em) rotate(135deg);
}

.mikio-navbar .mikio-navbar-toggle.open:after {
  transform: translateY(-0.4em) rotate(-135deg);
}

.mikio-navbar .mikio-navbar-collapse {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}

.mikio-navbar a,
.mikio-navbar a:visited,
.mikio-navbar a:active {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--navbar-link-color);
  transition: all .15s ease-in-out;
}

.mikio-navbar a:hover,
.mikio-navbar a:visited:hover,
.mikio-navbar a:active:hover {
  color: var(--navbar-link-hover-color);
}

.mikio-navbar .mikio-nav-dropdown a:after,
.mikio-navbar .mikio-nav-dropdown a:visited:after,
.mikio-navbar .mikio-nav-dropdown a:active:after {
  border-color: var(--navbar-link-color) !important;
}

.mikio-navbar .mikio-nav-dropdown a:hover:after,
.mikio-navbar .mikio-nav-dropdown a:visited:hover:after,
.mikio-navbar .mikio-nav-dropdown a:active:hover:after {
  border-color: var(--navbar-link-hover-color) !important;
}

.mikio-navbar .mikio-search {
  margin: 0 .5rem;
}

.mikio-navbar .mikio-button,
.mikio-navbar .mikio-button:visited,
.mikio-navbar .mikio-button:active {
  background-color: transparent;
  border-color: transparent;
}

.mikio-navbar .mikio-button:hover:not(:disabled),
.mikio-navbar .mikio-button:visited:hover:not(:disabled),
.mikio-navbar .mikio-button:active:hover:not(:disabled) {
  background-color: transparent;
  border-color: transparent;
  color: var(--navbar-link-hover-color);
}

.mikio-navbar.mikio-sub-navbar {
  color: var(--subnavbar-text-color);
  justify-content: center;
  padding: .75rem 1rem;
  border-color: var(--subnavbar-border-color);
  background-color: var(--subnavbar-background-color);
  z-index: 999;
}

.mikio-navbar.mikio-sub-navbar ul,
.mikio-navbar.mikio-sub-navbar ol,
.mikio-navbar.mikio-sub-navbar p {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mikio-navbar.mikio-sub-navbar ul,
.mikio-navbar.mikio-sub-navbar ol {
  list-style: none;
}

.mikio-navbar.mikio-sub-navbar li {
  display: inline-block;
  padding: 0 .2rem;
  margin: 0 .5rem;
}

.mikio-navbar.mikio-sub-navbar a,
.mikio-navbar.mikio-sub-navbar a:visited,
.mikio-navbar.mikio-sub-navbar a:active {
  color: var(--subnavbar-link-color);
}

.mikio-navbar.mikio-sub-navbar a:hover,
.mikio-navbar.mikio-sub-navbar a:visited:hover,
.mikio-navbar.mikio-sub-navbar a:active:hover {
  color: var(--subnavbar-link-hover-color);
}

.mikio-hero {
  background-color: var(--hero-background-color);
}

.mikio-hero .mikio-container {
  display: flex;
  flex: 1;
}

.mikio-hero .mikio-hero-text {
  flex: 1;
  min-height: 5rem;
  padding: 2rem;
}

.mikio-hero .mikio-hero-text .mikio-breadcrumbs,
.mikio-hero .mikio-hero-text .mikio-youarehere {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  margin: 0;
}

.mikio-hero .mikio-hero-text h1 {
  margin: .75rem 0 1rem 0;
  color: var(--hero-title-color);
  line-height: 1.2;
}

.mikio-hero .mikio-hero-text h2 {
  margin: 0;
  font-weight: normal;
  font-size: 1.25rem;
  color: var(--hero-subtitle-color);
}

.mikio-hero .mikio-hero-image {
  display: flex;
  flex: 0 0 33%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  align-items: flex-end;
}

.mikio-hero .mikio-hero-image-resize {
  height: 15rem;
}

.mikio .mikio-tags {
  display: block;
  width: 100%;
  text-align: right;
  padding-right: .5rem;
  margin-bottom: .5rem;
}

.mikio .mikio-tags a,
.mikio .mikio-tags a:visited,
.mikio .mikio-tags a:active {
  margin: 0 .25rem;
  font-size: 80%;
  padding: .25rem .75rem;
  border: 1px solid var(--tag-background-color);
  border-radius: 1rem;
  background-color: var(--tag-background-color);
  color: var(--tag-text-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all .15s ease-in-out;
}

.mikio .mikio-tags a:hover,
.mikio .mikio-tags a:visited:hover,
.mikio .mikio-tags a:active:hover {
  background-color: transparent;
  color: var(--tag-background-color);
}

.mikio-sidebar {
  width: 14rem;
  flex-shrink: 0;
  background-color: var(--sidebar-background-color);
  padding: 1rem;
  font-size: 90%;
  color: var(--sidebar-text-color);
}

.mikio-sidebar.mikio-sidebar-left {
  border-left-width: 0;
  border-right: 1px solid var(--sidebar-border-color);
}

.mikio-sidebar.mikio-sidebar-right {
  border-left: 1px solid var(--sidebar-border-color);
  border-right-width: 0;
}

.mikio-sidebar .mikio-sidebar-toggle {
  display: none;
  margin: 0 1rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}

.mikio-sidebar .mikio-sidebar-toggle .icon:before,
.mikio-sidebar .mikio-sidebar-toggle .icon:after {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.1em;
  margin: 0 0 0.2em;
  transition: transform .15s ease-in-out;
  border-radius: 0.05em;
  background: rgba(0, 0, 0, 0.6);
}

.mikio-sidebar .mikio-sidebar-toggle .icon:before {
  transform: translateX(0.1rem) translateY(0) rotate(-135deg);
}

.mikio-sidebar .mikio-sidebar-toggle .icon:after {
  transform: translateX(-0.1rem) translateY(0) rotate(135deg);
}

.mikio-sidebar .mikio-sidebar-toggle .open .icon:before {
  transform: translateX(0.1rem) rotate(135deg);
}

.mikio-sidebar .mikio-sidebar-toggle .open .icon:after {
  transform: translateX(-0.1rem) rotate(-135deg);
}

.mikio-sidebar .mikio-sidebar-toggle.closed+.mikio-sidebar-collapse {
  display: block;
}

.mikio-sidebar .mikio-user-info {
  margin-bottom: 1rem;
  margin: 0 -1rem;
  padding: 0 1rem 1rem 1rem;
  border-bottom: 1px solid var(--sidebar-border-color);
}

.mikio-sidebar .mikio-search {
  margin: 1rem 0 1rem 0;
}

.mikio-sidebar .mikio-sidebar-content {
  overflow-wrap: break-word;
  margin-bottom: 1rem;
}

.mikio-sidebar .mikio-sidebar-content a,
.mikio-sidebar .mikio-sidebar-content a:visited,
.mikio-sidebar .mikio-sidebar-content a:active {
  display: block;
  margin: 1rem 0;
  color: var(--sidebar-link-color);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.mikio-sidebar .mikio-sidebar-content a:hover,
.mikio-sidebar .mikio-sidebar-content a:visited:hover,
.mikio-sidebar .mikio-sidebar-content a:active:hover {
  color: var(--sidebar-link-hover-color);
}

.mikio-sidebar .mikio-sidebar-content ul,
.mikio-sidebar .mikio-sidebar-content ul.idx {
  margin: 0;
  padding: 0;
}

.mikio-sidebar .mikio-sidebar-content ul ul,
.mikio-sidebar .mikio-sidebar-content ul.idx ul {
  padding-left: 1rem;
}

.mikio-sidebar .mikio-sidebar-content ul li,
.mikio-sidebar .mikio-sidebar-content ul li.closed,
.mikio-sidebar .mikio-sidebar-content ul li.open,
.mikio-sidebar .mikio-sidebar-content ul.idx li,
.mikio-sidebar .mikio-sidebar-content ul.idx li.closed,
.mikio-sidebar .mikio-sidebar-content ul.idx li.open {
  list-style: none;
}

.mikio-sidebar .mikio-tags {
  margin: 0 0 1rem 0;
  text-align: center;
}

.mikio-sidebar .mikio-tags a {
  display: inline-block;
  margin: 0 .25rem .25rem .25rem;
}

.mikio-page .mikio-container {
  display: flex;
  padding: 0;
}

.mikio-page a {
  color: var(--link);
  transition: all .15s ease-in-out;
}

.mikio-page a.wikilink1 {
  color: var(--existing);
}

.mikio-page a.wikilink1:hover {
  color: var(--existing-hover);
}

.mikio-page a.wikilink1:visited {
  color: var(--existing-visited);
}

.mikio-page a.wikilink1:visited:hover {
  color: var(--existing-hover);
}

.mikio-page a.wikilink1:active {
  color: var(--existing-active);
}

.mikio-page a.wikilink2 {
  color: var(--missing);
}

.mikio-page a.wikilink2:hover {
  color: var(--missing-hover);
}

.mikio-page a.wikilink2:visited {
  color: var(--missing-visited);
}

.mikio-page a.wikilink2:visited:hover {
  color: var(--missing-hover);
}

.mikio-page a.wikilink2:active {
  color: var(--missing-active);
}

.mikio-page a:hover {
  color: var(--link-hover);
}

.mikio-page a:visited {
  color: var(--link-visited);
}

.mikio-page a:visited:hover {
  color: var(--link-hover);
}

.mikio-page a:active {
  color: var(--link-active);
}

.mikio-page-fill {
  display: flex;
  flex: 1;
}

.mikio .mikio-content .mikio-article {
  margin: 0 auto;
}

.mikio .mikio-content .mikio-article.toc-full {
  display: flex;
}

.mikio .mikio-content .mikio-article.toc-full .mikio-toc {
  margin-top: 1rem;
  order: 2;
  position: sticky;
  position: -webkit-sticky;
  top: 1rem;
  align-self: flex-start;
  overflow: scroll;
  max-height: 95vh;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.mikio .mikio-content .mikio-article.toc-full .mikio-toc::-webkit-scrollbar {
  display: none;
}

.mikio .mikio-content .mikio-article.toc-full .mikio-article-content {
  flex: 1;
}

.mikio-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  background-color: var(--content-background);
  padding: .5rem 2rem;
}

.mikio.dokuwiki div.preview {
  background-color: var(--content-background);
  padding: 1rem 2rem;
}

.mikio-footer {
  padding: 2rem;
  color: var(--footer-text-color);
  background-color: var(--footer-background-color);
  font-size: 80%;
  text-align: center;
}

.mikio-footer a,
.mikio-footer a:visited,
.mikio-footer a:active {
  color: var(--footer-link-color);
}

.mikio-footer a:hover,
.mikio-footer a:visited:hover,
.mikio-footer a:active:hover {
  color: var(--footer-link-hover-color);
}

.mikio-footer .dw__pagetools {
  margin-top: 1rem;
}

.mikio-footer .dw__pagetools .tools {
  list-style-type: none;
}

.mikio-footer .dw__pagetools .tools li {
  display: inline-block;
  margin: 0 .5rem;
}

.mikio-footer .dw__pagetools .tools a svg,
.mikio-footer .dw__pagetools .tools a:visited svg,
.mikio-footer .dw__pagetools .tools a:active svg {
  fill: var(--footer-link-color);
}

.mikio-footer .dw__pagetools .tools a:hover svg,
.mikio-footer .dw__pagetools .tools a:visited:hover svg,
.mikio-footer .dw__pagetools .tools a:active:hover svg {
  fill: var(--footer-link-hover-color);
}

.mikio-footer .mikio-nav {
  margin-top: 1rem;
}

.mikio-footer .mikio-footer-search {
  margin-top: .5rem;
  display: inline-block;
}

.mikio-footer .license {
  margin-top: .5rem;
}

.mikio-footer .license img {
  vertical-align: middle;
  margin: 0 1rem;
}

.mikio .site>div.no {
  display: none;
}

.mikio-control {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: .25rem;
  box-sizing: border-box;
  vertical-align: middle;
  padding: .375rem .75rem;
  color: var(--control-text-color);
  background-color: var(--control-background-color);
}

.mikio-control[type=color] {
  padding: 0;
}

.mikio-button,
.mikio-button:visited,
.mikio-button:active {
  display: inline-block;
  text-align: center;
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  line-height: 1.5;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: capitalize;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.mikio-button:hover:not(:disabled),
.mikio-button:visited:hover:not(:disabled),
.mikio-button:active:hover:not(:disabled) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--button-text-hover-color);
  background-color: var(--button-background-hover-color);
  border-color: var(--button-border-hover-color);
}

.mikio-button:disabled,
.mikio-button:visited:disabled,
.mikio-button:active:disabled {
  opacity: .65;
}

.mikio-button-small {
  padding: .1rem .75rem;
  font-size: 80% !important;
  min-width: 3rem;
}

.mikio-button-submit,
.mikio-button-submit:visited,
.mikio-button-submit:active {
  color: var(--button-default-text-color);
  background-color: var(--button-default-background-color);
  border-color: var(--button-default-border-color);
}

.mikio-button-submit:hover,
.mikio-button-submit:visited:hover,
.mikio-button-submit:active:hover {
  color: var(--button-default-text-hover-color);
  background-color: var(--button-default-background-hover-color);
  border-color: var(--button-default-border-hover-color);
}

.mikio-button-danger,
.mikio-button-danger:visited,
.mikio-button-danger:active {
  color: #fff;
  border-color: #dc3545;
  background-color: #dc3545;
}

.mikio-button-danger:hover,
.mikio-button-danger:visited:hover,
.mikio-button-danger:active:hover {
  color: #fff;
  background-color: #c03040;
  border-color: #c03040;
}

.mikio-input-text {
  border-color: var(--input-border-color);
  line-height: inherit;
}

.mikio-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  height: 2.25rem;
}

.mikio-toolbar-button {
  border-radius: 0;
  border-right-width: 0;
  border-color: var(--input-border-color);
}

.mikio-toolbar-button:first-of-type {
  border-radius: .25rem 0 0 .25rem;
}

.mikio-toolbar-button:last-of-type {
  border-radius: 0 .25rem .25rem 0;
  border-right-width: 1px;
}

.mikio-dialog .mikio-article {
  max-width: 40rem;
}

.mikio-dialog fieldset legend {
  font-size: 1.75rem;
  font-weight: 400;
}

.mikio-dialog fieldset label.block input.edit,
.mikio-dialog fieldset select {
  width: 100%;
}

.mikio-dialog fieldset label {
  text-align: left;
  font-weight: normal;
  display: block;
}

.mikio-dialog fieldset label.simple {
  text-align: center;
}

.mikio-dialog fieldset label.block {
  position: relative;
}

.mikio-dialog fieldset label.block span {
  position: absolute;
  padding: .4rem .9rem;
  color: rgba(0, 0, 0, 0.3);
}

.mikio-dialog fieldset button {
  display: block;
  width: 100%;
}

.mikio-dialog fieldset button[type=submit] {
  color: var(--button-default-text-color);
  background-color: var(--button-default-background-color);
  border-color: var(--button-default-border-color);
}

.mikio-dialog fieldset button[type=submit]:hover {
  color: var(--button-default-text-hover-color);
  background-color: var(--button-default-background-hover-color);
  border-color: var(--button-default-border-hover-color);
}

.mikio-dialog fieldset input[type=checkbox] {
  vertical-align: middle;
}

.mikio .mikio-navbar .mikio-search,
.mikio .mikio-sidebar .mikio-search,
.mikio .mikio-footer .mikio-search,
.mikio .mikio-search {
  display: flex;
}

.mikio .mikio-navbar .mikio-search input,
.mikio .mikio-sidebar .mikio-search input,
.mikio .mikio-footer .mikio-search input,
.mikio .mikio-search input {
  width: 1%;
  flex: 1 1 auto;
  border-radius: .25rem 0 0 .25rem;
}

.mikio .mikio-navbar .mikio-search button,
.mikio .mikio-sidebar .mikio-search button,
.mikio .mikio-footer .mikio-search button,
.mikio .mikio-search button {
  color: var(--button-search-text-color);
  background-color: var(--button-search-background-color);
  border-radius: 0 .25rem .25rem 0;
  border-color: var(--button-search-border-color);
}

.mikio .mikio-navbar .mikio-search button:hover,
.mikio .mikio-sidebar .mikio-search button:hover,
.mikio .mikio-footer .mikio-search button:hover,
.mikio .mikio-search button:hover {
  color: var(--button-search-text-hover-color);
  background-color: var(--button-search-background--hover-color);
  border-color: var(--button-search-border-hover-color);
}

.mikio .mikio-navbar .mikio-search .mikio-iicon,
.mikio .mikio-sidebar .mikio-search .mikio-iicon,
.mikio .mikio-footer .mikio-search .mikio-iicon,
.mikio .mikio-search .mikio-iicon {
  margin: 0 -4px 0 -4px;
}

#dw__pagetools {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  align-self: flex-start;
  padding: 3rem .5rem 0 .5rem;
}

#dw__pagetools ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#dw__pagetools a,
#dw__pagetools a:visited,
#dw__pagetools a:active {
  display: block;
}

#dw__pagetools a svg,
#dw__pagetools a:visited svg,
#dw__pagetools a:active svg {
  fill: var(--pagetools-color);
}

#dw__pagetools a:hover svg,
#dw__pagetools a:visited:hover svg,
#dw__pagetools a:active:hover svg {
  fill: var(--pagetools-hover-color);
}

.toolbar.group {
  margin-bottom: .5rem;
}

#wiki__editbar {
  overflow: hidden;
  margin-bottom: .5em;
}

#wiki__editbar #size__ctl {
  float: right;
}

#wiki__editbar .editButtons {
  display: inline;
  margin-right: 1rem;
}

#wiki__editbar .editButtons button {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}

#wiki__editbar .summary {
  display: inline;
}

.mode_admin .mikio-toc {
  background-color: var(--admin-background-color);
}

.mode_admin .mikio-toc #dw__toc {
  background-color: var(--toc-background-color);
}

.mikio .mode_admin .mikio-toc #dw__toc {
  background-color: var(--toc-background-color);
}

.mikio .mikio-toc {
  float: right;
  padding-left: 1rem;
  padding-bottom: 1rem;
  margin-top: 1rem;
}

.mikio .mikio-toc #dw__toc {
  color: var(--toc-link-color);
  background-color: var(--toc-background-color);
  border: 1px solid var(--toc-border-color);
  border-radius: .25rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  padding: .5rem;
  max-width: 12rem;
  float: none;
  width: auto;
  margin: 0;
}

.mikio .mikio-toc #dw__toc ul {
  padding-left: 0;
  margin: 0;
  list-style-type: none;
}

.mikio .mikio-toc #dw__toc ul ul {
  padding-left: .5rem;
}

.mikio .mikio-toc #dw__toc>div {
  padding: .2em .5em;
}

.mikio .mikio-toc h3.toggle {
  margin: 0;
  padding-right: 2rem;
  font-size: 80%;
  position: relative;
  height: 1rem;
  white-space: nowrap;
}

.mikio .mikio-toc h3.toggle .hamburger {
  width: 1rem;
  height: 1rem;
}

.mikio .mikio-toc h3.toggle .down-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  background-color: var(--toc-background-color);
}

.mikio .mikio-toc h3.toggle.open .hamburger {
  display: none;
}

.mikio .mikio-toc h3.toggle.closed {
  font-size: 0;
  width: 2rem;
  padding-right: 0;
}

.mikio .mikio-toc h3.toggle.closed .down-arrow {
  right: -4px;
}

.mikio .mikio-toc h3.toggle span {
  display: none;
}

.mikio .mikio-toc a,
.mikio .mikio-toc a:visited,
.mikio .mikio-toc a:active {
  display: block;
  font-size: 80%;
  color: var(--toc-link-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: .2rem 0;
}

.mikio .mikio-toc a:hover,
.mikio .mikio-toc a:visited:hover,
.mikio .mikio-toc a:active:hover {
  color: var(--toc-link-hover-color);
}

.mikio-icon {
  margin-right: .25rem;
}

.mikio-icon svg {
  vertical-align: middle;
  fill: currentColor;
}

.mikio-iicon {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background-size: 1.2rem;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: .25rem;
  fill: currentColor;
}

.mikio .mode_show table,
.mikio.dokuwiki .mode_showtag table.ul,
.mikio .mode_admin table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
  font-size: 90%;
  border-bottom: 1px solid var(--table-row-border-color);
}

.mikio .mode_show table tr,
.mikio.dokuwiki .mode_showtag table.ul tr,
.mikio .mode_admin table tr {
  border-top: 1px solid var(--table-row-border-color);
}

.mikio .mode_show table td,
.mikio .mode_show table th,
.mikio.dokuwiki .mode_showtag table.ul td,
.mikio.dokuwiki .mode_showtag table.ul th,
.mikio .mode_admin table td,
.mikio .mode_admin table th {
  padding: .75rem;
  text-align: left;
}

.mikio .mode_show table thead tr,
.mikio.dokuwiki .mode_showtag table.ul thead tr,
.mikio .mode_admin table thead tr {
  background-color: var(--table-header-row-background-color);
  color: var(--table-header-row-text-color);
}

.mikio .mode_show table tbody tr:nth-child(odd),
.mikio.dokuwiki .mode_showtag table.ul tbody tr:nth-child(odd),
.mikio .mode_admin table tbody tr:nth-child(odd) {
  background-color: var(--table-odd-row-background-color);
  color: var(--table-odd-row-text-color);
}

.mikio .mode_show table tbody tr:nth-child(even),
.mikio.dokuwiki .mode_showtag table.ul tbody tr:nth-child(even),
.mikio .mode_admin table tbody tr:nth-child(even) {
  background-color: var(--table-even-row-background-color);
  color: var(--table-even-row-text-color);
}

.mikio-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.mikio-nav .mikio-nav-item,
.mikio-nav .mikio-nav-dropdown {
  display: inline-block;
  padding: .5rem .2rem;
  margin: 0 .5rem;
}

.mikio-nav .mikio-nav-dropdown {
  position: relative;
}

.mikio-nav .mikio-nav-dropdown>a {
  display: inline-block;
  padding: .2rem 1.2rem .2rem 0rem;
  position: relative;
}

.mikio-nav .mikio-nav-dropdown>a::after {
  position: absolute;
  content: '';
  top: 10px;
  right: 6px;
  width: 6px;
  height: 6px;
  border-left: 2px solid var(--text);
  border-bottom: 2px solid var(--text);
  transform: rotateZ(-45deg);
}

.mikio-nav a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.mikio-dropdown {
  display: block;
  position: absolute;
  z-index: 10000;
  min-width: 12rem;
  right: 0;
  padding: 1rem 1.5rem;
  border: 1px solid var(--dropdown-border-color);
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  background-color: var(--dropdown-background-color);
  color: var(--dropdown-color);
}

.mikio-dropdown.closed {
  display: none;
}

.mikio-dropdown .mikio-dropdown-item {
  display: flex;
  align-items: center;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.mikio-dropdown .mikio-dropdown-header {
  margin: 0 0 1rem 0;
}

.mikio-dropdown .mikio-dropdown-divider {
  margin: 1rem -1rem;
  border-bottom: 1px solid var(--dropdown-border-color);
}

.mikio-dropdown .mikio-nav-link,
.mikio-dropdown .mikio-nav-link:visited,
.mikio-dropdown .mikio-nav-link.active {
  margin: 0rem -1rem 0rem -1rem;
  padding: .25rem 1rem .25rem 1rem;
  transition: all .15s ease-in-out;
  color: var(--dropdown-color);
}

.mikio-dropdown .mikio-nav-link:hover,
.mikio-dropdown .mikio-nav-link:visited:hover,
.mikio-dropdown .mikio-nav-link.active:hover {
  color: var(--dropdown-color);
  background-color: var(--dropdown-hover-color);
}

.typeahead.mikio-dropdown a.mikio-dropdown-item {
  display: inline;
}

.typeahead.mikio-dropdown .mikio-dropdown-header {
  margin-bottom: 0em;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--dropdown-color);
}

.typeahead.mikio-dropdown .mikio-dropdown-divider {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mikio-tabs {
  padding: 0;
  margin-top: 1rem;
  margin-bottom: -1px;
  list-style-type: none;
}

.mikio-tabs li {
  float: none;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.4rem;
  position: relative;
  z-index: 2;
}

.mikio-tabs li strong {
  display: inline-block;
  background-color: var(--tab-active-background-color);
  font-weight: normal;
  color: var(--tab-active-color);
  border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color);
  border-radius: .5rem .5rem 0 0;
  border-width: 1px;
  border-style: solid;
  padding: .5rem 1rem;
  margin: 0;
  bottom: -1px;
}

.mikio-tabs li a,
.mikio-tabs li a:visited,
.mikio-tabs li a:active {
  display: inline-block;
  padding: .5rem 1rem;
  border: 1px solid var(--tab-border-color);
  color: var(--tab-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  margin: 0;
  background-color: var(--tab-background-color);
}

.mikio-tabs li a:hover,
.mikio-tabs li a:visited:hover,
.mikio-tabs li a:active:hover {
  color: var(--tab-hover-color);
  border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color);
  border-radius: .5rem .5rem 0 0;
  background-color: var(--tab-background-hover-color);
}

.mikio-tabs:after {
  border-bottom: 0;
}

.mikio-tab-active {
  display: inline-block;
  background-color: var(--tab-active-background-color);
  font-weight: normal;
  color: var(--tab-active-color);
  border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color);
  border-radius: .5rem .5rem 0 0;
  border-width: 1px;
  border-style: solid;
  padding: .5rem 1rem;
  margin: 0;
  bottom: -1px;
}

.mikio-tab {
  background-color: var(--tab-background-color);
  font-weight: normal;
  color: var(--tab-color);
  border-color: var(--tab-border-color) var(--tab-border-color) var(--tab-background-color);
  padding: .5rem 1rem;
  margin: 0;
  bottom: -1px;
}

.mikio-tab-panel {
  margin-bottom: 0 !important;
  background-color: var(--tab-active-background-color);
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: var(--tab-active-border-color) !important;
  word-wrap: break-word;
  word-break: break-word;
}

.mikio.dokuwiki div.section_highlight {
  background-color: var(--section-edit-highlight);
  border-width: 0;
  margin: 0 -1rem;
  padding: 0 1rem;
}

.mikio-input-file {
  position: absolute;
  margin-top: -0.5rem;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  padding: .25rem 1rem;
  line-height: 1.5;
  text-align: left;
  color: var(--control-text-color);
  background-color: var(--control-background-color);
  border: .1px solid var(--input-border-color);
  border-radius: .25rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.mikio-input-file:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  display: block;
  content: "Browse";
  padding: .25rem 1rem;
  line-height: 1.5;
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  border-radius: 0 .25rem .25rem 0;
  border: 1px solid var(--button-border-color);
  transition: all .15s ease-in-out;
}

.mikio-input-file:hover:before {
  background-color: var(--button-background-hover-color);
  border-color: var(--button-border-hover-color);
  color: var(--button-text-hover-color);
}

code,
pre {
  overflow-x: auto;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 87.5%;
  color: var(--code-text-color);
  background-color: var(--code-background-color);
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  line-height: 1.75;
}

.mode_show code:not(.content_partial code),
.mode_show pre {
  border: 1px solid var(--code-border-color);
  padding: 1em;
}

.mikio .mikio-search button,
.mikio .mikio-search input,
.mikio .mikio-search optgroup,
.mikio .mikio-search select,
.mikio .mikio-search textarea,
.mikio.dokuwiki fieldset button,
.mikio.dokuwiki fieldset input,
.mikio.dokuwiki fieldset optgroup,
.mikio.dokuwiki fieldset select,
.mikio.dokuwiki fieldset textarea,
.mikio.dokuwiki .secedit button,
.mikio.dokuwiki .secedit input,
.mikio.dokuwiki .secedit optgroup,
.mikio.dokuwiki .secedit select,
.mikio.dokuwiki .secedit textarea,
.mikio .mode_revisions button,
.mikio .mode_revisions input,
.mikio .mode_revisions optgroup,
.mikio .mode_revisions select,
.mikio .mode_revisions textarea,
.mikio .mode_edit button,
.mikio .mode_edit input,
.mikio .mode_edit optgroup,
.mikio .mode_edit select,
.mikio .mode_edit textarea,
.mikio .mode_draft button,
.mikio .mode_draft input,
.mikio .mode_draft optgroup,
.mikio .mode_draft select,
.mikio .mode_draft textarea,
.mikio .mode_preview button,
.mikio .mode_preview input,
.mikio .mode_preview optgroup,
.mikio .mode_preview select,
.mikio .mode_preview textarea,
.mikio .mode_showtag button,
.mikio .mode_showtag input,
.mikio .mode_showtag optgroup,
.mikio .mode_showtag select,
.mikio .mode_showtag textarea,
.mikio .mode_admin button,
.mikio .mode_admin input,
.mikio .mode_admin optgroup,
.mikio .mode_admin select,
.mikio .mode_admin textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: .25rem;
  box-sizing: border-box;
  vertical-align: middle;
  padding: .375rem .75rem;
  color: var(--control-text-color);
  background-color: var(--control-background-color);
  border-color: var(--input-border-color);
  line-height: inherit;
}

.mikio .mikio-search button[type=color],
.mikio .mikio-search input[type=color],
.mikio .mikio-search optgroup[type=color],
.mikio .mikio-search select[type=color],
.mikio .mikio-search textarea[type=color],
.mikio.dokuwiki fieldset button[type=color],
.mikio.dokuwiki fieldset input[type=color],
.mikio.dokuwiki fieldset optgroup[type=color],
.mikio.dokuwiki fieldset select[type=color],
.mikio.dokuwiki fieldset textarea[type=color],
.mikio.dokuwiki .secedit button[type=color],
.mikio.dokuwiki .secedit input[type=color],
.mikio.dokuwiki .secedit optgroup[type=color],
.mikio.dokuwiki .secedit select[type=color],
.mikio.dokuwiki .secedit textarea[type=color],
.mikio .mode_revisions button[type=color],
.mikio .mode_revisions input[type=color],
.mikio .mode_revisions optgroup[type=color],
.mikio .mode_revisions select[type=color],
.mikio .mode_revisions textarea[type=color],
.mikio .mode_edit button[type=color],
.mikio .mode_edit input[type=color],
.mikio .mode_edit optgroup[type=color],
.mikio .mode_edit select[type=color],
.mikio .mode_edit textarea[type=color],
.mikio .mode_draft button[type=color],
.mikio .mode_draft input[type=color],
.mikio .mode_draft optgroup[type=color],
.mikio .mode_draft select[type=color],
.mikio .mode_draft textarea[type=color],
.mikio .mode_preview button[type=color],
.mikio .mode_preview input[type=color],
.mikio .mode_preview optgroup[type=color],
.mikio .mode_preview select[type=color],
.mikio .mode_preview textarea[type=color],
.mikio .mode_showtag button[type=color],
.mikio .mode_showtag input[type=color],
.mikio .mode_showtag optgroup[type=color],
.mikio .mode_showtag select[type=color],
.mikio .mode_showtag textarea[type=color],
.mikio .mode_admin button[type=color],
.mikio .mode_admin input[type=color],
.mikio .mode_admin optgroup[type=color],
.mikio .mode_admin select[type=color],
.mikio .mode_admin textarea[type=color] {
  padding: 0;
}

.mikio .mikio-search button,
.mikio .mikio-search input[type=button],
.mikio .mikio-search input[type=image],
.mikio.dokuwiki fieldset button,
.mikio.dokuwiki fieldset input[type=button],
.mikio.dokuwiki fieldset input[type=image],
.mikio.dokuwiki .secedit button,
.mikio.dokuwiki .secedit input[type=button],
.mikio.dokuwiki .secedit input[type=image],
.mikio .mode_revisions button,
.mikio .mode_revisions input[type=button],
.mikio .mode_revisions input[type=image],
.mikio .mode_edit button,
.mikio .mode_edit input[type=button],
.mikio .mode_edit input[type=image],
.mikio .mode_draft button,
.mikio .mode_draft input[type=button],
.mikio .mode_draft input[type=image],
.mikio .mode_preview button,
.mikio .mode_preview input[type=button],
.mikio .mode_preview input[type=image],
.mikio .mode_showtag button,
.mikio .mode_showtag input[type=button],
.mikio .mode_showtag input[type=image],
.mikio .mode_admin button,
.mikio .mode_admin input[type=button],
.mikio .mode_admin input[type=image] {
  display: inline-block;
  text-align: center;
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  line-height: 1.5;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: capitalize;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.mikio .mikio-search button:hover:not(:disabled),
.mikio .mikio-search input[type=button]:hover:not(:disabled),
.mikio .mikio-search input[type=image]:hover:not(:disabled),
.mikio.dokuwiki fieldset button:hover:not(:disabled),
.mikio.dokuwiki fieldset input[type=button]:hover:not(:disabled),
.mikio.dokuwiki fieldset input[type=image]:hover:not(:disabled),
.mikio.dokuwiki .secedit button:hover:not(:disabled),
.mikio.dokuwiki .secedit input[type=button]:hover:not(:disabled),
.mikio.dokuwiki .secedit input[type=image]:hover:not(:disabled),
.mikio .mode_revisions button:hover:not(:disabled),
.mikio .mode_revisions input[type=button]:hover:not(:disabled),
.mikio .mode_revisions input[type=image]:hover:not(:disabled),
.mikio .mode_edit button:hover:not(:disabled),
.mikio .mode_edit input[type=button]:hover:not(:disabled),
.mikio .mode_edit input[type=image]:hover:not(:disabled),
.mikio .mode_draft button:hover:not(:disabled),
.mikio .mode_draft input[type=button]:hover:not(:disabled),
.mikio .mode_draft input[type=image]:hover:not(:disabled),
.mikio .mode_preview button:hover:not(:disabled),
.mikio .mode_preview input[type=button]:hover:not(:disabled),
.mikio .mode_preview input[type=image]:hover:not(:disabled),
.mikio .mode_showtag button:hover:not(:disabled),
.mikio .mode_showtag input[type=button]:hover:not(:disabled),
.mikio .mode_showtag input[type=image]:hover:not(:disabled),
.mikio .mode_admin button:hover:not(:disabled),
.mikio .mode_admin input[type=button]:hover:not(:disabled),
.mikio .mode_admin input[type=image]:hover:not(:disabled) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--button-text-hover-color);
  background-color: var(--button-background-hover-color);
  border-color: var(--button-border-hover-color);
}

.mikio .mikio-search button:disabled,
.mikio .mikio-search input[type=button]:disabled,
.mikio .mikio-search input[type=image]:disabled,
.mikio.dokuwiki fieldset button:disabled,
.mikio.dokuwiki fieldset input[type=button]:disabled,
.mikio.dokuwiki fieldset input[type=image]:disabled,
.mikio.dokuwiki .secedit button:disabled,
.mikio.dokuwiki .secedit input[type=button]:disabled,
.mikio.dokuwiki .secedit input[type=image]:disabled,
.mikio .mode_revisions button:disabled,
.mikio .mode_revisions input[type=button]:disabled,
.mikio .mode_revisions input[type=image]:disabled,
.mikio .mode_edit button:disabled,
.mikio .mode_edit input[type=button]:disabled,
.mikio .mode_edit input[type=image]:disabled,
.mikio .mode_draft button:disabled,
.mikio .mode_draft input[type=button]:disabled,
.mikio .mode_draft input[type=image]:disabled,
.mikio .mode_preview button:disabled,
.mikio .mode_preview input[type=button]:disabled,
.mikio .mode_preview input[type=image]:disabled,
.mikio .mode_showtag button:disabled,
.mikio .mode_showtag input[type=button]:disabled,
.mikio .mode_showtag input[type=image]:disabled,
.mikio .mode_admin button:disabled,
.mikio .mode_admin input[type=button]:disabled,
.mikio .mode_admin input[type=image]:disabled {
  opacity: .65;
}

.mikio .mikio-search button#edbtn__save,
.mikio .mikio-search button[name="run[save]"],
.mikio.dokuwiki fieldset button#edbtn__save,
.mikio.dokuwiki fieldset button[name="run[save]"],
.mikio.dokuwiki .secedit button#edbtn__save,
.mikio.dokuwiki .secedit button[name="run[save]"],
.mikio .mode_revisions button#edbtn__save,
.mikio .mode_revisions button[name="run[save]"],
.mikio .mode_edit button#edbtn__save,
.mikio .mode_edit button[name="run[save]"],
.mikio .mode_draft button#edbtn__save,
.mikio .mode_draft button[name="run[save]"],
.mikio .mode_preview button#edbtn__save,
.mikio .mode_preview button[name="run[save]"],
.mikio .mode_showtag button#edbtn__save,
.mikio .mode_showtag button[name="run[save]"],
.mikio .mode_admin button#edbtn__save,
.mikio .mode_admin button[name="run[save]"] {
  color: var(--button-default-text-color);
  background-color: var(--button-default-background-color);
  border-color: var(--button-default-border-color);
}

.mikio .mikio-search button#edbtn__save:hover,
.mikio .mikio-search button[name="run[save]"]:hover,
.mikio.dokuwiki fieldset button#edbtn__save:hover,
.mikio.dokuwiki fieldset button[name="run[save]"]:hover,
.mikio.dokuwiki .secedit button#edbtn__save:hover,
.mikio.dokuwiki .secedit button[name="run[save]"]:hover,
.mikio .mode_revisions button#edbtn__save:hover,
.mikio .mode_revisions button[name="run[save]"]:hover,
.mikio .mode_edit button#edbtn__save:hover,
.mikio .mode_edit button[name="run[save]"]:hover,
.mikio .mode_draft button#edbtn__save:hover,
.mikio .mode_draft button[name="run[save]"]:hover,
.mikio .mode_preview button#edbtn__save:hover,
.mikio .mode_preview button[name="run[save]"]:hover,
.mikio .mode_showtag button#edbtn__save:hover,
.mikio .mode_showtag button[name="run[save]"]:hover,
.mikio .mode_admin button#edbtn__save:hover,
.mikio .mode_admin button[name="run[save]"]:hover {
  color: var(--button-default-text-hover-color);
  background-color: var(--button-default-background-hover-color);
  border-color: var(--button-default-border-hover-color);
}

.mikio .mikio-search input[type=text],
.mikio .mikio-search input[type=search],
.mikio .mikio-search input[type=password],
.mikio .mikio-search input[type=email],
.mikio.dokuwiki fieldset input[type=text],
.mikio.dokuwiki fieldset input[type=search],
.mikio.dokuwiki fieldset input[type=password],
.mikio.dokuwiki fieldset input[type=email],
.mikio.dokuwiki .secedit input[type=text],
.mikio.dokuwiki .secedit input[type=search],
.mikio.dokuwiki .secedit input[type=password],
.mikio.dokuwiki .secedit input[type=email],
.mikio .mode_revisions input[type=text],
.mikio .mode_revisions input[type=search],
.mikio .mode_revisions input[type=password],
.mikio .mode_revisions input[type=email],
.mikio .mode_edit input[type=text],
.mikio .mode_edit input[type=search],
.mikio .mode_edit input[type=password],
.mikio .mode_edit input[type=email],
.mikio .mode_draft input[type=text],
.mikio .mode_draft input[type=search],
.mikio .mode_draft input[type=password],
.mikio .mode_draft input[type=email],
.mikio .mode_preview input[type=text],
.mikio .mode_preview input[type=search],
.mikio .mode_preview input[type=password],
.mikio .mode_preview input[type=email],
.mikio .mode_showtag input[type=text],
.mikio .mode_showtag input[type=search],
.mikio .mode_showtag input[type=password],
.mikio .mode_showtag input[type=email],
.mikio .mode_admin input[type=text],
.mikio .mode_admin input[type=search],
.mikio .mode_admin input[type=password],
.mikio .mode_admin input[type=email] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

.mikio .mikio-search textarea,
.mikio.dokuwiki fieldset textarea,
.mikio.dokuwiki .secedit textarea,
.mikio .mode_revisions textarea,
.mikio .mode_edit textarea,
.mikio .mode_draft textarea,
.mikio .mode_preview textarea,
.mikio .mode_showtag textarea,
.mikio .mode_admin textarea {
  margin-bottom: 1rem;
  width: 100%;
  word-wrap: break-word;
  overflow: auto;
  resize: vertical;
  white-space: pre-wrap;
}

.mikio .mikio-search select,
.mikio.dokuwiki fieldset select,
.mikio.dokuwiki .secedit select,
.mikio .mode_revisions select,
.mikio .mode_edit select,
.mikio .mode_draft select,
.mikio .mode_preview select,
.mikio .mode_showtag select,
.mikio .mode_admin select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  height: 2.25rem;
}

.mikio .mikio-search .toolbutton,
.mikio.dokuwiki fieldset .toolbutton,
.mikio.dokuwiki .secedit .toolbutton,
.mikio .mode_revisions .toolbutton,
.mikio .mode_edit .toolbutton,
.mikio .mode_draft .toolbutton,
.mikio .mode_preview .toolbutton,
.mikio .mode_showtag .toolbutton,
.mikio .mode_admin .toolbutton {
  border-radius: 0;
  border-right-width: 0;
  border-color: var(--input-border-color);
}

.mikio .mikio-search .toolbutton:first-of-type,
.mikio.dokuwiki fieldset .toolbutton:first-of-type,
.mikio.dokuwiki .secedit .toolbutton:first-of-type,
.mikio .mode_revisions .toolbutton:first-of-type,
.mikio .mode_edit .toolbutton:first-of-type,
.mikio .mode_draft .toolbutton:first-of-type,
.mikio .mode_preview .toolbutton:first-of-type,
.mikio .mode_showtag .toolbutton:first-of-type,
.mikio .mode_admin .toolbutton:first-of-type {
  border-radius: .25rem 0 0 .25rem;
}

.mikio .mikio-search .toolbutton:last-of-type,
.mikio.dokuwiki fieldset .toolbutton:last-of-type,
.mikio.dokuwiki .secedit .toolbutton:last-of-type,
.mikio .mode_revisions .toolbutton:last-of-type,
.mikio .mode_edit .toolbutton:last-of-type,
.mikio .mode_draft .toolbutton:last-of-type,
.mikio .mode_preview .toolbutton:last-of-type,
.mikio .mode_showtag .toolbutton:last-of-type,
.mikio .mode_admin .toolbutton:last-of-type {
  border-radius: 0 .25rem .25rem 0;
  border-right-width: 1px;
}

.mikio.dokuwiki .secedit {
  float: none;
  margin-top: 0;
  text-align: right;
}

.mikio.dokuwiki fieldset {
  margin: 2rem auto;
  border: 0;
  width: auto;
  max-width: 40rem;
}

.mikio.dokuwiki fieldset label.block {
  display: flex;
  flex-direction: row;
  text-align: right;
}

.mikio.dokuwiki fieldset label.block span {
  margin-right: 1rem;
  width: 15rem;
  align-self: center;
}

.mikio.dokuwiki fieldset label.block input {
  flex-grow: 1;
}

.mikio.dokuwiki .mode_login .mikio-article,
.mikio.dokuwiki .mode_denied .mikio-article {
  max-width: 40rem;
}

.mikio.dokuwiki .mode_login fieldset legend,
.mikio.dokuwiki .mode_denied fieldset legend {
  font-size: 1.75rem;
  font-weight: 400;
}

.mikio.dokuwiki .mode_login fieldset label.block input.edit,
.mikio.dokuwiki .mode_login fieldset select,
.mikio.dokuwiki .mode_denied fieldset label.block input.edit,
.mikio.dokuwiki .mode_denied fieldset select {
  width: 100%;
}

.mikio.dokuwiki .mode_login fieldset label,
.mikio.dokuwiki .mode_denied fieldset label {
  text-align: left;
  font-weight: normal;
  display: block;
}

.mikio.dokuwiki .mode_login fieldset label.simple,
.mikio.dokuwiki .mode_denied fieldset label.simple {
  text-align: center;
}

.mikio.dokuwiki .mode_login fieldset label.block,
.mikio.dokuwiki .mode_denied fieldset label.block {
  position: relative;
}

.mikio.dokuwiki .mode_login fieldset label.block span,
.mikio.dokuwiki .mode_denied fieldset label.block span {
  position: absolute;
  padding: .4rem .9rem;
  color: rgba(0, 0, 0, 0.3);
}

.mikio.dokuwiki .mode_login fieldset button,
.mikio.dokuwiki .mode_denied fieldset button {
  display: block;
  width: 100%;
}

.mikio.dokuwiki .mode_login fieldset button[type=submit],
.mikio.dokuwiki .mode_denied fieldset button[type=submit] {
  color: var(--button-default-text-color);
  background-color: var(--button-default-background-color);
  border-color: var(--button-default-border-color);
}

.mikio.dokuwiki .mode_login fieldset button[type=submit]:hover,
.mikio.dokuwiki .mode_denied fieldset button[type=submit]:hover {
  color: var(--button-default-text-hover-color);
  background-color: var(--button-default-background-hover-color);
  border-color: var(--button-default-border-hover-color);
}

.mikio.dokuwiki .mode_login fieldset input[type=checkbox],
.mikio.dokuwiki .mode_denied fieldset input[type=checkbox] {
  vertical-align: middle;
}

.mikio .mode_admin input[type=text],
.mikio .mode_admin input[type=password],
.mikio .mode_admin input[type=email] {
  width: 100%;
}

.mikio .mode_admin div.mikio-color-picker {
  position: relative;
}

.mikio .mode_admin div.mikio-color-picker input[type=color] {
  height: 35px;
  border: 0;
  border-radius: 0;
}

.mikio .mode_admin div.mikio-color-picker input[type=text] {
  width: auto;
}

.mikio .mode_admin div.mikio-color-button {
  position: absolute;
  top: 4px;
  right: 0;
  color: #999999;
}

.mikio .mode_admin p button+button {
  margin-left: .5rem;
}

.mikio .mode_admin div.ui-admin ul.admin_tasks,
.mikio .mode_admin div.ui-admin ul.admin_plugins {
  float: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, 15rem);
  width: auto;
  padding: 0;
  margin: 0;
  justify-content: center;
}

.mikio .mode_admin div.ui-admin ul.admin_tasks li,
.mikio .mode_admin div.ui-admin ul.admin_plugins li {
  list-style-type: none;
  border: 1px solid var(--button-border-color);
  border-radius: .25rem;
  margin: 1rem 1rem;
  background-color: var(--button-background-color);
}

.mikio .mode_admin div.ui-admin ul.admin_tasks li a,
.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited,
.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 4rem;
  font-size: 1rem;
  font-weight: normal;
  padding: 1rem 2rem;
  color: var(--button-text-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  overflow: hidden;
  transition: all .15s ease-in-out;
}

.mikio .mode_admin div.ui-admin ul.admin_tasks li a span.icon,
.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited span.icon,
.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active span.icon,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a span.icon,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited span.icon,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active span.icon {
  width: auto;
  height: auto;
  min-height: auto;
}

.mikio .mode_admin div.ui-admin ul.admin_tasks li a svg,
.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited svg,
.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active svg,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a svg,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited svg,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active svg {
  fill: var(--button-text-color);
}

.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover,
.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited:hover,
.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active:hover,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited:hover,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--button-text-hover-color);
  background-color: var(--button-background-hover-color);
  border-color: var(--button-border-hover-color);
}

.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover svg,
.mikio .mode_admin div.ui-admin ul.admin_tasks li a:visited:hover svg,
.mikio .mode_admin div.ui-admin ul.admin_tasks li a:active:hover svg,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover svg,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:visited:hover svg,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:active:hover svg {
  fill: var(--button-text-hover-color);
}

.mikio .mode_admin .mikio-config-table-header {
  background-color: var(--table-header-row-background-color);
  color: var(--table-header-row-text-color);
  font-weight: bold;
}

.mikio .mode_admin .mikio-config-table-header .mikio-iicon {
  vertical-align: text-bottom;
}

.mikio .mode_admin #extension__list ul.extensionList li {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: var(--table-row-border-color);
  padding: .75rem;
  margin: 0;
  text-align: left;
}

.mikio .mode_admin #extension__list ul.extensionList li:nth-child(odd) {
  background-color: var(--table-odd-row-background-color);
  color: var(--table-odd-row-text-color);
}

.mikio .mode_admin #extension__list ul.extensionList li:nth-child(even) {
  background-color: var(--table-even-row-background-color);
  color: var(--table-even-row-text-color);
}

.mikio .mode_admin button#usrmgr__del {
  color: #fff;
  border-color: #dc3545;
  background-color: #dc3545;
  margin-right: .5rem;
}

.mikio .mode_admin button#usrmgr__del:hover {
  color: #fff;
  background-color: #c03040;
  border-color: #c03040;
}

.mikio .mode_admin #acl__detail div#acl__user {
  border-color: var(--toc-border-color);
}

.mikio .mode_admin #acl__tree {
  background-color: var(--tree-background-color);
  border-color: var(--tree-border-color);
  color: var(--control-text-color);
}

.mikio .mode_admin #acl__tree a.cur {
  background-color: var(--section-edit-highlight);
}

.mikio .mode_admin #acl_manager table tr:nth-child(odd) {
  background-color: var(--table-odd-row-background-color);
  color: var(--table-odd-row-text-color);
}

.mikio .mode_admin #acl_manager table tr:nth-child(even) {
  background-color: var(--table-even-row-background-color);
  color: var(--table-even-row-text-color);
}

.mode_admin .mikio-content,
.mode_admin .mikio-page-fill,
.mode_login .mikio-content,
.mode_login .mikio-page-fill,
.mode_denied .mikio-content,
.mode_denied .mikio-page-fill,
.mode_revisions .mikio-content,
.mode_revisions .mikio-page-fill,
.mode_recent .mikio-content,
.mode_recent .mikio-page-fill,
.mode_backlink .mikio-content,
.mode_backlink .mikio-page-fill,
.mode_media .mikio-content,
.mode_media .mikio-page-fill,
.mode_index .mikio-content,
.mode_index .mikio-page-fill,
.mode_search .mikio-content,
.mode_search .mikio-page-fill,
.mode_edit .mikio-content,
.mode_edit .mikio-page-fill,
.mode_draft .mikio-content,
.mode_draft .mikio-page-fill,
.mode_preview .mikio-content,
.mode_preview .mikio-page-fill,
.mode_showtag .mikio-content,
.mode_showtag .mikio-page-fill {
  background-color: var(--admin-background-color);
}

.mikio #plugin__styling button.primary {
  font-weight: inherit;
}

.mikio.dokuwiki .secedit button {
  padding: .1rem .75rem;
  font-size: 80% !important;
  min-width: 3rem;
}

.mikio img {
  max-width: 100%;
}

.mikio img.media {
  margin: .2rem 0;
}

.mikio img.medialeft {
  margin: .2rem 1em .2rem 0;
}

.mikio img.mediaright {
  margin: .2rem 0 .2rem 1rem;
}

.mikio img.mediacenter {
  margin: .2rem auto;
}

.mikio div.dokuwiki div.inclmeta {
  margin-top: .5rem;
  padding-top: .5rem;
}

.mikio #dw__login label[for=remember__me] {
  margin-left: 0;
}

.mikio #config__manager fieldset {
  color: var(--text);
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.mikio #config__manager fieldset legend {
  text-align: left;
}

.mikio #config__manager tr textarea {
  color: inherit;
  background-color: var(--control-background-color);
}

.mikio #config__manager tr select {
  width: 100%;
  background-color: var(--control-background-color);
}

.mikio #config__manager td.label {
  display: grid;
  grid-template-columns: auto 2rem;
}

.mikio #config__manager td.label span.outkey {
  float: none;
  font-size: 100%;
  background-color: transparent;
  margin: 0;
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
}

.mikio #config__manager td.label label {
  grid-column: 1 / span 1;
  grid-row: 2 / span 1;
}

.mikio #config__manager td.label img {
  float: none;
  grid-column: 2 / span 1;
  grid-row: 1 / span 2;
  align-self: center;
}

.mikio #config__manager td input.edit {
  width: 100%;
}

.mikio #config__manager button[type=submit] {
  color: var(--button-default-text-color);
  background-color: var(--button-default-background-color);
  border-color: var(--button-default-border-color);
}

.mikio #config__manager button[type=submit]:hover {
  color: var(--button-default-text-hover-color);
  background-color: var(--button-default-background-hover-color);
  border-color: var(--button-default-border-hover-color);
}

.mode_revisions .mikio-article li {
  padding: .5rem 1rem;
  border-top: 1px solid var(--table-row-border-color);
  background-color: var(--table-even-row-background-color);
  color: --table-even-row-text-color;
}

.mode_revisions .mikio-article li:nth-child(odd) {
  background-color: var(--table-odd-row-background-color);
  color: var(--table-odd-row-text-color);
}

.mode_revisions .mikio-article .li {
  display: grid;
  grid-template-columns: 1rem 9rem 2rem auto 12rem 5rem;
  align-items: center;
  text-align: center;
  font-size: 90%;
}

.mode_revisions .mikio-article .li a.wikilink1 {
  text-align: left;
}

.mode_revisions .mikio-article .li span.sizechange {
  width: 100%;
  font-size: 80%;
  border-radius: .2em;
  padding: .1em .2em;
  color: var(--control-text-color) !important;
}

.mode_revisions .mikio-article .sum {
  display: block;
}

.mode_recent .mikio-article ul {
  list-style-type: none;
}

.mode_recent .mikio-article li {
  padding: .5rem 1rem;
  border-top: 1px solid var(--table-row-border-color);
  background-color: var(--table-even-row-background-color);
  color: var(--table-even-row-text-color);
}

.mode_recent .mikio-article li:nth-child(odd) {
  background-color: var(--table-odd-row-background-color);
  color: var(--table-odd-row-text-color);
}

.mode_recent .mikio-article .li {
  display: grid;
  grid-template-columns: 1rem 9rem 2rem 2rem auto 6rem 10rem 4rem;
  align-items: center;
  text-align: center;
  font-size: 90%;
}

.mode_recent .mikio-article .li a.wikilink1,
.mode_recent .mikio-article .li span.curid {
  text-align: left;
}

.mode_recent .mikio-article .li span.sizechange {
  width: 100%;
  font-size: 80%;
  border-radius: .2em;
  padding: .1em .2em;
  color: var(--control-text-color);
}

.mode_recent .mikio-article .li span.sizechange.positive {
  background-color: #cfc;
}

.mode_recent .mikio-article .li span.sizechange.negative {
  background-color: #fdd;
}

.mode_recent .mikio-article select {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: .25rem;
  box-sizing: border-box;
  vertical-align: middle;
  padding: .375rem .75rem;
  color: var(--control-text-color);
  background-color: var(--control-background-color);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  height: 2.25rem;
}

.mode_recent .mikio-article select[type=color] {
  padding: 0;
}

.mikio #mediamanager__page,
#media__manager {
  width: 100%;
  min-width: 100%;
}

.mikio #mediamanager__page button,
.mikio #mediamanager__page .qq-upload-button,
.mikio #mediamanager__page .qq-upload-list a,
#media__manager button,
#media__manager .qq-upload-button,
#media__manager .qq-upload-list a {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: .25rem;
  box-sizing: border-box;
  vertical-align: middle;
  padding: .375rem .75rem;
  color: var(--control-text-color);
  background-color: var(--control-background-color);
  display: inline-block;
  text-align: center;
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  line-height: 1.5;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: capitalize;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.mikio #mediamanager__page button[type=color],
.mikio #mediamanager__page .qq-upload-button[type=color],
.mikio #mediamanager__page .qq-upload-list a[type=color],
#media__manager button[type=color],
#media__manager .qq-upload-button[type=color],
#media__manager .qq-upload-list a[type=color] {
  padding: 0;
}

.mikio #mediamanager__page button:hover:not(:disabled),
.mikio #mediamanager__page .qq-upload-button:hover:not(:disabled),
.mikio #mediamanager__page .qq-upload-list a:hover:not(:disabled),
#media__manager button:hover:not(:disabled),
#media__manager .qq-upload-button:hover:not(:disabled),
#media__manager .qq-upload-list a:hover:not(:disabled) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--button-text-hover-color);
  background-color: var(--button-background-hover-color);
  border-color: var(--button-border-hover-color);
}

.mikio #mediamanager__page button:disabled,
.mikio #mediamanager__page .qq-upload-button:disabled,
.mikio #mediamanager__page .qq-upload-list a:disabled,
#media__manager button:disabled,
#media__manager .qq-upload-button:disabled,
#media__manager .qq-upload-list a:disabled {
  opacity: .65;
}

.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel,
#media__manager .qq-upload-list a.qq-upload-cancel {
  color: #fff;
  border-color: #dc3545;
  background-color: #dc3545;
}

.mikio #mediamanager__page .qq-upload-list a.qq-upload-cancel:hover,
#media__manager .qq-upload-list a.qq-upload-cancel:hover {
  color: #fff;
  background-color: #c03040;
  border-color: #c03040;
}

.mikio #mediamanager__page button.qq-upload-action,
#media__manager button.qq-upload-action {
  color: var(--button-default-text-color);
  background-color: var(--button-default-background-color);
  border-color: var(--button-default-border-color);
}

.mikio #mediamanager__page button.qq-upload-action:hover,
#media__manager button.qq-upload-action:hover {
  color: var(--button-default-text-hover-color);
  background-color: var(--button-default-background-hover-color);
  border-color: var(--button-default-border-hover-color);
}

.mikio #mediamanager__page input[type=text],
.mikio #mediamanager__page input[type=search],
.mikio #mediamanager__page textarea,
#media__manager input[type=text],
#media__manager input[type=search],
#media__manager textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: .25rem;
  box-sizing: border-box;
  vertical-align: middle;
  padding: .375rem .75rem;
  color: var(--control-text-color);
  background-color: var(--control-background-color);
  border-color: var(--input-border-color);
  line-height: inherit;
}

.mikio #mediamanager__page input[type=text][type=color],
.mikio #mediamanager__page input[type=search][type=color],
.mikio #mediamanager__page textarea[type=color],
#media__manager input[type=text][type=color],
#media__manager input[type=search][type=color],
#media__manager textarea[type=color] {
  padding: 0;
}

.mikio #mediamanager__page .ui-resizable-e,
#media__manager .ui-resizable-e {
  background: transparent;
  width: 6px;
  right: 2px;
}

.mikio #mediamanager__page .ui-resizable-e:hover,
#media__manager .ui-resizable-e:hover {
  background-color: #999;
}

.mikio #mediamanager__page .namespaces,
#media__manager .namespaces {
  width: 20%;
  min-width: 10em;
  left: 0 !important;
}

.mikio #mediamanager__page .namespaces h2,
#media__manager .namespaces h2 {
  display: inline-block;
  background-color: var(--tab-active-background-color);
  font-weight: normal;
  color: var(--tab-active-color);
  border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color);
  border-radius: .5rem .5rem 0 0;
  border-width: 1px;
  border-style: solid;
  padding: .5rem 1rem;
  margin: 0;
  bottom: -1px;
  font-size: 1rem;
}

.mikio #mediamanager__page #media__tree,
#media__manager #media__tree {
  background-color: var(--tree-background-color);
  border-color: var(--tree-border-color);
}

.mikio #mediamanager__page #media__tree ul,
.mikio #mediamanager__page #media__tree ul.idx,
#media__manager #media__tree ul,
#media__manager #media__tree ul.idx {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
}

.mikio #mediamanager__page #media__tree ul ul,
.mikio #mediamanager__page #media__tree ul.idx ul,
#media__manager #media__tree ul ul,
#media__manager #media__tree ul.idx ul {
  margin-left: 1rem;
}

.mikio #mediamanager__page #media__tree ul li,
.mikio #mediamanager__page #media__tree ul.idx li,
#media__manager #media__tree ul li,
#media__manager #media__tree ul.idx li {
  margin: .25rem 0;
  white-space: nowrap;
}

.mikio #mediamanager__page #media__tree ul li img,
.mikio #mediamanager__page #media__tree ul.idx li img,
#media__manager #media__tree ul li img,
#media__manager #media__tree ul.idx li img {
  margin-right: .2rem;
}

.mikio #mediamanager__page #media__tree ul a,
.mikio #mediamanager__page #media__tree ul.idx a,
#media__manager #media__tree ul a,
#media__manager #media__tree ul.idx a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.mikio #mediamanager__page #media__tree ul div,
.mikio #mediamanager__page #media__tree ul.idx div,
#media__manager #media__tree ul div,
#media__manager #media__tree ul.idx div {
  display: inline-block;
}

.mikio #mediamanager__page .panelHeader,
#media__manager .panelHeader {
  margin-bottom: 0 !important;
  background-color: var(--tab-active-background-color);
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: var(--tab-active-border-color) !important;
  word-wrap: break-word;
  word-break: break-word;
}

.mikio #mediamanager__page .filelist,
#media__manager .filelist {
  width: 50%;
  min-width: 25em;
  left: 0 !important;
}

.mikio #mediamanager__page .filelist .panelHeader,
.mikio #mediamanager__page .qq-uploader .panelHeader,
#media__manager .filelist .panelHeader,
#media__manager .qq-uploader .panelHeader {
  margin-bottom: 0 !important;
  background-color: var(--tab-active-background-color);
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: var(--tab-active-border-color) !important;
  word-wrap: break-word;
  word-break: break-word;
}

.mikio #mediamanager__page .filelist .panelHeader h3,
.mikio #mediamanager__page .qq-uploader .panelHeader h3,
#media__manager .filelist .panelHeader h3,
#media__manager .qq-uploader .panelHeader h3 {
  width: 100%;
}

.mikio #mediamanager__page .filelist form.options,
.mikio #mediamanager__page .qq-uploader form.options,
#media__manager .filelist form.options,
#media__manager .qq-uploader form.options {
  margin-top: 0;
}

.mikio #mediamanager__page .filelist form.options .ui-controlgroup-horizontal label,
.mikio #mediamanager__page .qq-uploader form.options .ui-controlgroup-horizontal label,
#media__manager .filelist form.options .ui-controlgroup-horizontal label,
#media__manager .qq-uploader form.options .ui-controlgroup-horizontal label {
  margin-right: 0;
}

.mikio #mediamanager__page .filelist .panelContent,
.mikio #mediamanager__page .qq-uploader .panelContent,
#media__manager .filelist .panelContent,
#media__manager .qq-uploader .panelContent {
  text-align: center;
}

.mikio #mediamanager__page .filelist .panelContent ul li:hover,
.mikio #mediamanager__page .qq-uploader .panelContent ul li:hover,
#media__manager .filelist .panelContent ul li:hover,
#media__manager .qq-uploader .panelContent ul li:hover {
  background-color: initial;
}

.mikio #mediamanager__page .filelist ul,
.mikio #mediamanager__page .qq-uploader ul,
#media__manager .filelist ul,
#media__manager .qq-uploader ul {
  margin: 1rem 0 -1px 0;
}

.mikio #mediamanager__page .filelist ul.thumbs,
.mikio #mediamanager__page .qq-uploader ul.thumbs,
#media__manager .filelist ul.thumbs,
#media__manager .qq-uploader ul.thumbs {
  margin: 0;
}

.mikio #mediamanager__page .filelist ul.thumbs li,
.mikio #mediamanager__page .qq-uploader ul.thumbs li,
#media__manager .filelist ul.thumbs li,
#media__manager .qq-uploader ul.thumbs li {
  display: inline-block;
  width: 200px;
  background-color: var(--tab-active-background-color);
  color: var(--tab-active-color);
}

.mikio #mediamanager__page .filelist ul.thumbs li dt,
.mikio #mediamanager__page .qq-uploader ul.thumbs li dt,
#media__manager .filelist ul.thumbs li dt,
#media__manager .qq-uploader ul.thumbs li dt {
  text-align: center;
}

.mikio #mediamanager__page .filelist ul.thumbs li dt a,
.mikio #mediamanager__page .qq-uploader ul.thumbs li dt a,
#media__manager .filelist ul.thumbs li dt a,
#media__manager .qq-uploader ul.thumbs li dt a {
  display: block;
  width: 100%;
}

.mikio #mediamanager__page .filelist ul.thumbs li dt a img,
.mikio #mediamanager__page .qq-uploader ul.thumbs li dt a img,
#media__manager .filelist ul.thumbs li dt a img,
#media__manager .qq-uploader ul.thumbs li dt a img {
  min-height: 90px;
  min-width: 90px;
}

.mikio #mediamanager__page .filelist ul.thumbs li dd,
.mikio #mediamanager__page .qq-uploader ul.thumbs li dd,
#media__manager .filelist ul.thumbs li dd,
#media__manager .qq-uploader ul.thumbs li dd {
  width: auto;
  font-size: 80%;
  margin-bottom: .25rem;
  margin-inline-start: 0;
}

.mikio #mediamanager__page .filelist ul.thumbs li .name,
.mikio #mediamanager__page .qq-uploader ul.thumbs li .name,
#media__manager .filelist ul.thumbs li .name,
#media__manager .qq-uploader ul.thumbs li .name {
  font-weight: normal;
}

.mikio #mediamanager__page .filelist ul.rows,
.mikio #mediamanager__page .qq-uploader ul.rows,
#media__manager .filelist ul.rows,
#media__manager .qq-uploader ul.rows {
  list-style-type: none;
  padding: 0;
}

.mikio #mediamanager__page .filelist ul.rows li,
.mikio #mediamanager__page .qq-uploader ul.rows li,
#media__manager .filelist ul.rows li,
#media__manager .qq-uploader ul.rows li {
  background-color: var(--table-odd-row-background-color);
  color: var(--table-odd-row-text-color);
  max-height: none;
  font-size: 90%;
  overflow: auto;
}

.mikio #mediamanager__page .filelist ul.rows li:nth-child(2n+1),
.mikio #mediamanager__page .qq-uploader ul.rows li:nth-child(2n+1),
#media__manager .filelist ul.rows li:nth-child(2n+1),
#media__manager .qq-uploader ul.rows li:nth-child(2n+1) {
  background-color: var(--table-even-row-background-color);
  color: var(--table-even-row-text-color);
}

.mikio #mediamanager__page .filelist ul.rows li a,
.mikio #mediamanager__page .qq-uploader ul.rows li a,
#media__manager .filelist ul.rows li a,
#media__manager .qq-uploader ul.rows li a {
  font-weight: normal;
}

.mikio #mediamanager__page .filelist ul.rows li dl,
.mikio #mediamanager__page .qq-uploader ul.rows li dl,
#media__manager .filelist ul.rows li dl,
#media__manager .qq-uploader ul.rows li dl {
  display: flex;
  align-items: center;
}

.mikio #mediamanager__page .filelist ul.rows li dt,
.mikio #mediamanager__page .qq-uploader ul.rows li dt,
#media__manager .filelist ul.rows li dt,
#media__manager .qq-uploader ul.rows li dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10%;
}

.mikio #mediamanager__page .filelist ul.rows li dt a,
.mikio #mediamanager__page .qq-uploader ul.rows li dt a,
#media__manager .filelist ul.rows li dt a,
#media__manager .qq-uploader ul.rows li dt a {
  height: auto;
  width: auto;
}

.mikio #mediamanager__page .filelist ul.rows li dt a img,
.mikio #mediamanager__page .qq-uploader ul.rows li dt a img,
#media__manager .filelist ul.rows li dt a img,
#media__manager .qq-uploader ul.rows li dt a img {
  display: block;
  max-width: 40px;
  max-height: 40px;
}

.mikio #mediamanager__page .filelist ul.rows li dd.name,
.mikio #mediamanager__page .qq-uploader ul.rows li dd.name,
#media__manager .filelist ul.rows li dd.name,
#media__manager .qq-uploader ul.rows li dd.name {
  text-align: left;
  width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  margin-left: 1%;
  white-space: nowrap;
}

.mikio #mediamanager__page .filelist ul.rows li dd.size,
.mikio #mediamanager__page .qq-uploader ul.rows li dd.size,
#media__manager .filelist ul.rows li dd.size,
#media__manager .qq-uploader ul.rows li dd.size {
  width: 15%;
}

.mikio #mediamanager__page .filelist ul.rows li dd.date,
.mikio #mediamanager__page .qq-uploader ul.rows li dd.date,
#media__manager .filelist ul.rows li dd.date,
#media__manager .qq-uploader ul.rows li dd.date {
  width: 20%;
}

.mikio #mediamanager__page .filelist ul.rows li dd.filesize,
.mikio #mediamanager__page .qq-uploader ul.rows li dd.filesize,
#media__manager .filelist ul.rows li dd.filesize,
#media__manager .qq-uploader ul.rows li dd.filesize {
  width: 15%;
}

.mikio #mediamanager__page .filelist ul.rows li dd,
.mikio #mediamanager__page .qq-uploader ul.rows li dd,
#media__manager .filelist ul.rows li dd,
#media__manager .qq-uploader ul.rows li dd {
  margin: 0;
  font-size: 90%;
}

.mikio #mediamanager__page .filelist .qq-upload-list,
.mikio #mediamanager__page .qq-uploader .qq-upload-list,
#media__manager .filelist .qq-upload-list,
#media__manager .qq-uploader .qq-upload-list {
  margin-top: 1rem;
}

.mikio #mediamanager__page .filelist .qq-upload-list li:hover,
.mikio #mediamanager__page .qq-uploader .qq-upload-list li:hover,
#media__manager .filelist .qq-upload-list li:hover,
#media__manager .qq-uploader .qq-upload-list li:hover {
  background-color: transparent;
}

.mikio #mediamanager__page .filelist .qq-action-container,
.mikio #mediamanager__page .qq-uploader .qq-action-container,
#media__manager .filelist .qq-action-container,
#media__manager .qq-uploader .qq-action-container {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #dee2e6;
}

.mikio #mediamanager__page .file .panelHeader,
#media__manager .file .panelHeader {
  margin-bottom: 0 !important;
  background-color: var(--tab-active-background-color);
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: var(--tab-active-border-color) !important;
  word-wrap: break-word;
  word-break: break-word;
}

.mikio #mediamanager__page .file .panelHeader a,
#media__manager .file .panelHeader a {
  font-weight: normal;
  color: #333;
}

.mikio #mediamanager__page .file ul.tabs,
#media__manager .file ul.tabs {
  padding: 0;
  margin-top: 1rem;
  margin-bottom: -1px;
  list-style-type: none;
}

.mikio #mediamanager__page .file ul.tabs li,
#media__manager .file ul.tabs li {
  float: none;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.4rem;
  position: relative;
  z-index: 2;
}

.mikio #mediamanager__page .file ul.tabs li strong,
#media__manager .file ul.tabs li strong {
  display: inline-block;
  background-color: var(--tab-active-background-color);
  font-weight: normal;
  color: var(--tab-active-color);
  border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color);
  border-radius: .5rem .5rem 0 0;
  border-width: 1px;
  border-style: solid;
  padding: .5rem 1rem;
  margin: 0;
  bottom: -1px;
}

.mikio #mediamanager__page .file ul.tabs li a,
.mikio #mediamanager__page .file ul.tabs li a:visited,
.mikio #mediamanager__page .file ul.tabs li a:active,
#media__manager .file ul.tabs li a,
#media__manager .file ul.tabs li a:visited,
#media__manager .file ul.tabs li a:active {
  display: inline-block;
  padding: .5rem 1rem;
  border: 1px solid var(--tab-border-color);
  color: var(--tab-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  margin: 0;
  background-color: var(--tab-background-color);
}

.mikio #mediamanager__page .file ul.tabs li a:hover,
.mikio #mediamanager__page .file ul.tabs li a:visited:hover,
.mikio #mediamanager__page .file ul.tabs li a:active:hover,
#media__manager .file ul.tabs li a:hover,
#media__manager .file ul.tabs li a:visited:hover,
#media__manager .file ul.tabs li a:active:hover {
  color: var(--tab-hover-color);
  border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color);
  border-radius: .5rem .5rem 0 0;
  background-color: var(--tab-background-hover-color);
}

.mikio #mediamanager__page .file ul.tabs:after,
#media__manager .file ul.tabs:after {
  border-bottom: 0;
}

.mikio #mediamanager__page .file #mediamanager__btn_delete button,
#media__manager .file #mediamanager__btn_delete button {
  color: #fff;
  border-color: #dc3545;
  background-color: #dc3545;
}

.mikio #mediamanager__page .file #mediamanager__btn_delete button:hover,
#media__manager .file #mediamanager__btn_delete button:hover {
  color: #fff;
  background-color: #c03040;
  border-color: #c03040;
}

.mikio #mediamanager__page .file dl,
#media__manager .file dl {
  font-size: 90%;
}

.mikio #mediamanager__page .file dl dt,
#media__manager .file dl dt {
  padding: .25rem .5rem;
  background-color: #f0f0f0;
}

.mikio #mediamanager__page .file dl dd,
#media__manager .file dl dd {
  padding: .25rem .5rem;
  background-color: #f8f8f8;
}

.mikio #mediamanager__page .file input[type=text],
.mikio #mediamanager__page .file form.meta textarea.edit,
#media__manager .file input[type=text],
#media__manager .file form.meta textarea.edit {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mikio #mediamanager__page .file button[name="mediado[save]"],
#media__manager .file button[name="mediado[save]"] {
  color: var(--button-default-text-color);
  background-color: var(--button-default-background-color);
  border-color: var(--button-default-border-color);
}

.mikio #mediamanager__page .file button[name="mediado[save]"]:hover,
#media__manager .file button[name="mediado[save]"]:hover {
  color: var(--button-default-text-hover-color);
  background-color: var(--button-default-background-hover-color);
  border-color: var(--button-default-border-hover-color);
}

.mikio #mediamanager__page .panel,
#media__manager .panel {
  float: left;
}

.mikio #mediamanager__page .panelHeader,
#media__manager .panelHeader {
  margin: 0 10px 10px 0;
  padding: 10px 10px 8px;
  font-size: .9rem;
  overflow: hidden;
}

.mikio #mediamanager__page .panelHeader h3,
#media__manager .panelHeader h3 {
  float: left;
  font-weight: normal;
  font-size: 1em;
  padding: 0;
  margin: 0 0 3px;
}

.mikio #mediamanager__page .panelHeader form.options,
#media__manager .panelHeader form.options {
  float: right;
}

.mikio #mediamanager__page .panelContent,
#media__manager .panelContent {
  background-color: var(--tab-active-background-color);
  margin: 0 10px 0 0;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: var(--tab-active-border-color);
  padding: .5rem;
}

.mikio #mediamanager__page #media__opts,
#media__manager #media__opts {
  border-bottom: 1px solid var(--tab-active-border-color);
  padding-bottom: .75rem;
}

.mikio #mediamanager__page #media__content .odd,
.mikio #mediamanager__page #media__content .even,
#media__manager #media__content .odd,
#media__manager #media__content .even {
  border-top: 1px solid var(--table-row-border-color);
  font-size: 90%;
  display: grid;
  grid-template-columns: 9rem auto 10rem 1.5rem 1.5rem 1.5rem;
  align-items: center;
}

.mikio #mediamanager__page #media__content .odd a.mediafile,
.mikio #mediamanager__page #media__content .even a.mediafile,
#media__manager #media__content .odd a.mediafile,
#media__manager #media__content .even a.mediafile {
  grid-column: 2 / span 1;
  grid-row: 1 / span 1;
  margin: 0;
  word-break: break-word;
}

.mikio #mediamanager__page #media__content .odd span.info,
.mikio #mediamanager__page #media__content .even span.info,
#media__manager #media__content .odd span.info,
#media__manager #media__content .even span.info {
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
  text-align: center;
}

.mikio #mediamanager__page #media__content .odd span.info br,
.mikio #mediamanager__page #media__content .even span.info br,
#media__manager #media__content .odd span.info br,
#media__manager #media__content .even span.info br {
  display: inline-block;
}

.mikio #mediamanager__page #media__content .odd a:nth-child(2),
.mikio #mediamanager__page #media__content .even a:nth-child(2),
#media__manager #media__content .odd a:nth-child(2),
#media__manager #media__content .even a:nth-child(2) {
  grid-column: 4 / span 1;
  grid-row: 1 / span 1;
  text-align: center;
}

.mikio #mediamanager__page #media__content .odd a:nth-child(3),
.mikio #mediamanager__page #media__content .even a:nth-child(3),
#media__manager #media__content .odd a:nth-child(3),
#media__manager #media__content .even a:nth-child(3) {
  grid-column: 5 / span 1;
  grid-row: 1 / span 1;
  text-align: center;
}

.mikio #mediamanager__page #media__content .odd a.btn_media_delete,
.mikio #mediamanager__page #media__content .even a.btn_media_delete,
#media__manager #media__content .odd a.btn_media_delete,
#media__manager #media__content .even a.btn_media_delete {
  grid-column: 6 / span 1;
  grid-row: 1 / span 1;
  text-align: center;
}

.mikio #mediamanager__page #media__content .odd div.example,
.mikio #mediamanager__page #media__content .odd div.clearer,
.mikio #mediamanager__page #media__content .odd br,
.mikio #mediamanager__page #media__content .even div.example,
.mikio #mediamanager__page #media__content .even div.clearer,
.mikio #mediamanager__page #media__content .even br,
#media__manager #media__content .odd div.example,
#media__manager #media__content .odd div.clearer,
#media__manager #media__content .odd br,
#media__manager #media__content .even div.example,
#media__manager #media__content .even div.clearer,
#media__manager #media__content .even br {
  display: none;
}

.mikio #mediamanager__page #media__content .odd div.detail,
.mikio #mediamanager__page #media__content .even div.detail,
#media__manager #media__content .odd div.detail,
#media__manager #media__content .even div.detail {
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
  padding: 0;
}

.mikio #mediamanager__page #media__content .odd div.detail div.thumb,
.mikio #mediamanager__page #media__content .even div.detail div.thumb,
#media__manager #media__content .odd div.detail div.thumb,
#media__manager #media__content .even div.detail div.thumb {
  float: none;
  margin: 0;
}

.mikio #mediamanager__page #media__content .odd div.detail div.thumb img,
.mikio #mediamanager__page #media__content .even div.detail div.thumb img,
#media__manager #media__content .odd div.detail div.thumb img,
#media__manager #media__content .even div.detail div.thumb img {
  max-width: 48px;
  max-height: 48px;
}

.mikio #mediamanager__page #media__content .odd,
#media__manager #media__content .odd {
  background-color: var(--table-odd-row-background-color);
  color: var(--table-odd-row-text-color);
}

.mikio #mediamanager__page #media__content .even,
#media__manager #media__content .even {
  background-color: var(--table-even-row-background-color);
  color: var(--table-even-row-text-color);
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form {
  display: grid;
  margin: 0 auto;
  width: auto;
  max-width: 800px;
  grid-template-columns: auto 10rem 10rem;
  grid-gap: 1rem;
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form input[name=q] {
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
  width: 100%;
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit] {
  color: var(--button-default-text-color);
  background-color: var(--button-default-background-color);
  border-color: var(--button-default-border-color);
  grid-column: 2 / span 1;
  grid-row: 1 / span 1;
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form button[type=submit]:hover {
  color: var(--button-default-text-hover-color);
  background-color: var(--button-default-background-hover-color);
  border-color: var(--button-default-border-hover-color);
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .toggleAssistant {
  padding: .1rem .75rem;
  font-size: 80% !important;
  min-width: 3rem;
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
  flex: 0;
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions {
  grid-column: 1 / span 3;
  grid-row: 2 / span 1;
  text-align: center;
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle {
  position: relative;
  display: inline-block;
  border: 1px solid var(--dropdown-border-color);
  background-color: var(--dropdown-background-color);
  color: var(--dropdown-color);
  border-radius: .25rem;
  padding: .375rem .75rem;
  text-align: left;
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current {
  padding: .2rem 2.2rem .2rem .2rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" style="fill:inherit"><path d="M16.003 18.626l7.081-7.081L25 13.46l-8.997 8.998-9.003-9 1.917-1.916z"/></svg>');
  background-size: 1.2rem;
  background-position: right;
  background-repeat: no-repeat;
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current:after {
  content: "";
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul {
  position: absolute;
  right: 0;
  top: .5rem;
  padding: .5rem 2rem;
  border: 1px solid var(--dropdown-border-color);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  background-color: var(--dropdown-background-color);
  color: #999;
  list-style-type: none;
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul li {
  margin: 0rem;
  white-space: nowrap;
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul li.active {
  padding: .2rem 0;
  display: block;
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a,
.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:visited,
.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:active {
  transition: all 0.15s ease-in-out;
  color: var(--dropdown-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  font-style: normal;
  display: block;
  padding: .2rem 2rem;
  margin: 0 -2rem;
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:hover,
.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:visited:hover,
.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:active:hover {
  background-color: var(--dropdown-hover-color);
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul[aria-expanded="false"] {
  display: none;
}

.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle+.toggle {
  margin-left: 1rem;
}

.mikio.dokuwiki .mode_search .mikio-article h2 {
  margin-top: .5rem;
  padding-top: 1rem;
  border-top: 1px solid #dee2e6;
}

.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul {
  background-color: #fff;
  padding: .5rem 1rem;
  list-style-type: none;
}

.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li {
  float: none;
  text-align: left;
  padding-left: 0;
}

.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li:before {
  font-size: 1.2rem;
  content: '\2022';
  margin-right: 0.5em;
}

.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li .li {
  display: inline-block;
}

.mikio.dokuwiki .mode_search .mikio-article div.search_quickresult ul li {
  width: auto;
}

.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result {
  border-top: 1px solid var(--table-row-border-color);
  padding: .75rem;
  background-color: var(--table-odd-row-background-color);
  color: var(--table-odd-row-text-color);
}

.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result:nth-child(2n+1) {
  background-color: var(--table-even-row-background-color);
  color: var(--table-even-row-text-color);
}

.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result .snippet {
  font-size: 90%;
  margin-bottom: 0;
}

#index__tree {
  background-color: var(--tree-background-color);
  border: 1px solid var(--tree-border-color);
  padding: 0 1rem;
}

#index__tree ul {
  padding-left: 1rem;
}

#index__tree a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

#index__tree .curid a {
  color: var(--section-edit-highlight);
}

.mikio.dokuwiki ul.tabs {
  padding: 0;
  margin-top: 1rem;
  margin-bottom: -1px;
  list-style-type: none;
}

.mikio.dokuwiki ul.tabs li {
  float: none;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.4rem;
  position: relative;
  z-index: 2;
}

.mikio.dokuwiki ul.tabs li strong {
  display: inline-block;
  background-color: var(--tab-active-background-color);
  font-weight: normal;
  color: var(--tab-active-color);
  border-color: var(--tab-active-border-color) var(--tab-active-border-color) var(--tab-active-background-color);
  border-radius: .5rem .5rem 0 0;
  border-width: 1px;
  border-style: solid;
  padding: .5rem 1rem;
  margin: 0;
  bottom: -1px;
}

.mikio.dokuwiki ul.tabs li a,
.mikio.dokuwiki ul.tabs li a:visited,
.mikio.dokuwiki ul.tabs li a:active {
  display: inline-block;
  padding: .5rem 1rem;
  border: 1px solid var(--tab-border-color);
  color: var(--tab-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  margin: 0;
  background-color: var(--tab-background-color);
}

.mikio.dokuwiki ul.tabs li a:hover,
.mikio.dokuwiki ul.tabs li a:visited:hover,
.mikio.dokuwiki ul.tabs li a:active:hover {
  color: var(--tab-hover-color);
  border-color: var(--tab-border-hover-color) var(--tab-border-hover-color) transparent var(--tab-border-hover-color);
  border-radius: .5rem .5rem 0 0;
  background-color: var(--tab-background-hover-color);
}

.mikio.dokuwiki ul.tabs:after {
  border-bottom: 0;
}

.mikio .mode_draft table {
  margin-bottom: 1rem;
}

#dokuwiki__detail {
  background-color: var(--admin-background-color);
  height: 100vh;
  padding: 0 2rem;
}

#dokuwiki__detail .content {
  display: flex;
}

#dokuwiki__detail .content .img_detail dl {
  display: grid;
  grid-template-columns: 4rem auto;
  align-items: center;
}

#dokuwiki__detail .content .img_detail dl dt {
  font-weight: bold;
}

.mikio .content_partial button,
.mikio .content_partial input,
.mikio .content_partial optgroup,
.mikio .content_partial select,
.mikio .content_partial textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: .25rem;
  box-sizing: border-box;
  vertical-align: middle;
  padding: .375rem .75rem;
  color: var(--control-text-color);
  background-color: var(--control-background-color);
  border-color: var(--input-border-color);
  line-height: inherit;
}

.mikio .content_partial button[type=color],
.mikio .content_partial input[type=color],
.mikio .content_partial optgroup[type=color],
.mikio .content_partial select[type=color],
.mikio .content_partial textarea[type=color] {
  padding: 0;
}

.mikio .content_partial button,
.mikio .content_partial input[type=button],
.mikio .content_partial input[type=image] {
  display: inline-block;
  text-align: center;
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  line-height: 1.5;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: capitalize;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.mikio .content_partial button:hover:not(:disabled),
.mikio .content_partial input[type=button]:hover:not(:disabled),
.mikio .content_partial input[type=image]:hover:not(:disabled) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--button-text-hover-color);
  background-color: var(--button-background-hover-color);
  border-color: var(--button-border-hover-color);
}

.mikio .content_partial button:disabled,
.mikio .content_partial input[type=button]:disabled,
.mikio .content_partial input[type=image]:disabled {
  opacity: .65;
}

.mikio .content_partial button#edbtn__save,
.mikio .content_partial button[name="run[save]"] {
  color: var(--button-default-text-color);
  background-color: var(--button-default-background-color);
  border-color: var(--button-default-border-color);
}

.mikio .content_partial button#edbtn__save:hover,
.mikio .content_partial button[name="run[save]"]:hover {
  color: var(--button-default-text-hover-color);
  background-color: var(--button-default-background-hover-color);
  border-color: var(--button-default-border-hover-color);
}

.mikio .content_partial input[type=text],
.mikio .content_partial input[type=search],
.mikio .content_partial input[type=password],
.mikio .content_partial input[type=email] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

.mikio .content_partial textarea {
  margin-bottom: 1rem;
  width: 100%;
  word-wrap: break-word;
  overflow: auto;
  resize: vertical;
  white-space: pre-wrap;
}

.mikio .content_partial select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  height: 2.25rem;
}

.mikio .content_partial .toolbutton {
  border-radius: 0;
  border-right-width: 0;
  border-color: var(--input-border-color);
}

.mikio .content_partial .toolbutton:first-of-type {
  border-radius: .25rem 0 0 .25rem;
}

.mikio .content_partial .toolbutton:last-of-type {
  border-radius: 0 .25rem .25rem 0;
  border-right-width: 1px;
}

.mikio div.dokuwiki div.comment_wrapper {
  padding: 1em;
}

.mikio div.dokuwiki div.comment_wrapper button,
.mikio div.dokuwiki div.comment_wrapper input,
.mikio div.dokuwiki div.comment_wrapper optgroup,
.mikio div.dokuwiki div.comment_wrapper select,
.mikio div.dokuwiki div.comment_wrapper textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: .25rem;
  box-sizing: border-box;
  vertical-align: middle;
  padding: .375rem .75rem;
  color: var(--control-text-color);
  background-color: var(--control-background-color);
  border-color: var(--input-border-color);
  line-height: inherit;
}

.mikio div.dokuwiki div.comment_wrapper button[type=color],
.mikio div.dokuwiki div.comment_wrapper input[type=color],
.mikio div.dokuwiki div.comment_wrapper optgroup[type=color],
.mikio div.dokuwiki div.comment_wrapper select[type=color],
.mikio div.dokuwiki div.comment_wrapper textarea[type=color] {
  padding: 0;
}

.mikio div.dokuwiki div.comment_wrapper button,
.mikio div.dokuwiki div.comment_wrapper input[type=button],
.mikio div.dokuwiki div.comment_wrapper input[type=image] {
  display: inline-block;
  text-align: center;
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  line-height: 1.5;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: capitalize;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.mikio div.dokuwiki div.comment_wrapper button:hover:not(:disabled),
.mikio div.dokuwiki div.comment_wrapper input[type=button]:hover:not(:disabled),
.mikio div.dokuwiki div.comment_wrapper input[type=image]:hover:not(:disabled) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--button-text-hover-color);
  background-color: var(--button-background-hover-color);
  border-color: var(--button-border-hover-color);
}

.mikio div.dokuwiki div.comment_wrapper button:disabled,
.mikio div.dokuwiki div.comment_wrapper input[type=button]:disabled,
.mikio div.dokuwiki div.comment_wrapper input[type=image]:disabled {
  opacity: .65;
}

.mikio div.dokuwiki div.comment_wrapper button#edbtn__save,
.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"] {
  color: var(--button-default-text-color);
  background-color: var(--button-default-background-color);
  border-color: var(--button-default-border-color);
}

.mikio div.dokuwiki div.comment_wrapper button#edbtn__save:hover,
.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"]:hover {
  color: var(--button-default-text-hover-color);
  background-color: var(--button-default-background-hover-color);
  border-color: var(--button-default-border-hover-color);
}

.mikio div.dokuwiki div.comment_wrapper input[type=text],
.mikio div.dokuwiki div.comment_wrapper input[type=search],
.mikio div.dokuwiki div.comment_wrapper input[type=password],
.mikio div.dokuwiki div.comment_wrapper input[type=email] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

.mikio div.dokuwiki div.comment_wrapper textarea {
  margin-bottom: 1rem;
  width: 100%;
  word-wrap: break-word;
  overflow: auto;
  resize: vertical;
  white-space: pre-wrap;
}

.mikio div.dokuwiki div.comment_wrapper select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  height: 2.25rem;
}

.mikio div.dokuwiki div.comment_wrapper .toolbutton {
  border-radius: 0;
  border-right-width: 0;
  border-color: var(--input-border-color);
}

.mikio div.dokuwiki div.comment_wrapper .toolbutton:first-of-type {
  border-radius: .25rem 0 0 .25rem;
}

.mikio div.dokuwiki div.comment_wrapper .toolbutton:last-of-type {
  border-radius: 0 .25rem .25rem 0;
  border-right-width: 1px;
}

.mikio div.dokuwiki div.comment_wrapper input[type=submit] {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: .25rem;
  box-sizing: border-box;
  vertical-align: middle;
  padding: .375rem .75rem;
  color: var(--control-text-color);
  background-color: var(--control-background-color);
  display: inline-block;
  text-align: center;
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  line-height: 1.5;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: capitalize;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.mikio div.dokuwiki div.comment_wrapper input[type=submit][type=color] {
  padding: 0;
}

.mikio div.dokuwiki div.comment_wrapper input[type=submit]:hover:not(:disabled) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--button-text-hover-color);
  background-color: var(--button-background-hover-color);
  border-color: var(--button-border-hover-color);
}

.mikio div.dokuwiki div.comment_wrapper input[type=submit]:disabled {
  opacity: .65;
}

.mikio div.dokuwiki div.comment_wrapper h2 {
  margin: 0;
}

.mikio div.dokuwiki div.comment_wrapper .comment_form {
  margin-top: 0;
}

.mikio div.dokuwiki div.comment_wrapper .comment_subscribe input {
  float: none;
}

.mikio div.dokuwiki div.comment_wrapper .comment_subscribe label {
  float: none;
  display: inline-block;
}

.mikio div.dokuwiki div.comment_wrapper .comment_buttons {
  float: none;
  text-align: right;
  margin-top: 1em;
}

@media (max-width: 768px) {
  .mikio-small-only {
    display: inline-block;
  }

  .mikio-navbar {
    padding-bottom: 0;
  }

  .mikio-navbar .mikio-container {
    display: grid;
    grid-template-columns: auto 3rem;
  }

  .mikio-navbar .mikio-navbar-brand {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
    margin-bottom: .5rem;
  }

  .mikio-navbar .mikio-navbar-toggle {
    display: block;
    margin-bottom: .5rem;
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
  }

  .mikio-navbar .mikio-navbar-toggle.closed+.mikio-navbar-collapse {
    display: none;
  }

  .mikio-navbar .mikio-navbar-collapse {
    grid-column: 1 / span 2;
    grid-row: 2 / span 1;
    flex-direction: column;
    margin: 0 -2rem;
    padding-top: .5rem;
    padding-right: 1rem;
    padding-bottom: .5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  .mikio-navbar .mikio-nav-item {
    display: block;
    width: 100%;
    padding: .5rem 2rem;
    box-sizing: border-box;
    text-align: center;
  }

  .mikio-navbar .mikio-dropdown-item {
    justify-content: center;
  }

  .mikio-navbar .mikio-nav {
    width: 100%;
    flex-direction: column;
  }

  .mikio-navbar .mikio-nav-dropdown {
    width: 100%;
    text-align: center;
    margin: 0;
    box-sizing: border-box;
  }

  .mikio-navbar .mikio-nav-dropdown .mikio-dropdown {
    position: relative;
    border: 0;
    box-shadow: none;
  }

  .mikio-hero .mikio-container {
    flex-direction: column;
  }

  .mikio-hero .mikio-hero-image-resize {
    height: auto;
  }

  .mikio-hero .mikio-hero-image {
    background-image: none !important;
  }

  .mode_show .mikio-page .mikio-container {
    display: grid;
    grid-template-columns: auto 2.5rem;
  }

  .mode_revisions .mikio-page,
  .mode_edit .mikio-page,
  .mode_login .mikio-page,
  .mode_denied .mikio-page,
  .mode_draft .mikio-page,
  .mode_preview .mikio-page,
  .mode_showtag .mikio-page,
  .mode_admin .mikio-page {
    grid-template-columns: auto;
  }

  .mikio #config__manager td .input,
  .mikio #config__manager td input.edit,
  .mikio #config__manager tr select {
    width: auto;
  }

  .mikio-content {
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
    padding-bottom: 1rem;
  }

  .mikio .mikio-content .mikio-article.toc-full {
    display: block;
  }

  .mikio .mikio-content .mikio-article .mikio-toc {
    float: none;
  }

  .mikio .mikio-content .mikio-article .mikio-toc #dw__toc {
    max-width: none;
  }

  .mikio .mikio-content .mikio-article .mikio-toc #dw__toc .mikio-iicon.hamburger {
    display: none;
  }

  .mikio .mikio-content .mikio-article .mikio-toc h3.toggle {
    background-position: 99% 50%;
    text-align: center;
  }

  .mikio .mikio-content .mikio-article .mikio-toc h3.toggle.closed {
    font-size: 80%;
    width: auto;
  }

  .mikio .mikio-content .mikio-article .mikio-toc h3.toggle.closed:before {
    display: none;
  }

  .mikio-sidebar {
    grid-column: 1 / span 2;
    width: auto;
  }

  .mikio-sidebar .mikio-sidebar-toggle.closed+.mikio-sidebar-collapse {
    display: none;
  }

  .mikio-sidebar.mikio-sidebar-left {
    grid-row: 1 / span 1;
    border-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .mikio-sidebar.mikio-sidebar-right {
    grid-row: 3 / span 1;
    border-left: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }

  .mikio-sidebar .mikio-sidebar-toggle {
    display: block;
  }

  #dw__pagetools {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
  }

  .mikio.dokuwiki div.ui-admin #admin__version {
    padding-right: 1rem;
  }

  .mikio-page-fill .mikio-sidebar {
    display: none;
  }

  .mikio #mediamanager__page,
  #media__manager {
    display: flex;
    flex-direction: column;
  }

  .mikio #mediamanager__page .ui-resizable-e,
  #media__manager .ui-resizable-e {
    display: none !important;
  }

  .mikio #mediamanager__page .namespaces,
  .mikio #mediamanager__page .filelist,
  #media__manager .namespaces,
  #media__manager .filelist {
    width: auto;
    min-width: auto;
  }

  .mikio #mediamanager__page .panelHeader,
  .mikio #mediamanager__page .panelContent,
  #media__manager .panelHeader,
  #media__manager .panelContent {
    margin-right: 0;
  }
}

@media print {

  .mikio .mikio-navbar-collapse,
  .mikio .mikio-toc,
  .mikio .mikio-sidebar,
  .mikio #dw__pagetools,
  .mikio .mikio-search {
    display: none !important;
  }

  .mikio .mikio-navbar {
    box-shadow: none !important;
  }

  .mikio .mikio-hero .mikio-hero-text {
    min-height: auto;
    padding-bottom: 0;
  }

  .mikio .mikio-breadcrumbs,
  .mikio .mikio-youarehere,
  .mikio .mikio-hero,
  .mikio .mikio-footer {
    background-color: #fff !important;
  }
}

.mikio .bookcreator__bookbar {
  font-size: 0.8rem;
  display: flex;
  width: auto !important;
}

.mikio-sidebar .mikio-sidebar-content .dtree {
  font-size: inherit;
}

.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode {
  margin: 0.5rem 0;
}

.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode .indexmenu_tocbullet {
  margin-top: 2px;
  margin-left: 2px;
}

.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel {
  display: initial;
  margin: initial;
  color: #666;
  background: transparent;
}

.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:visited,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:active,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:visited,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:active,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:visited,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:active,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:visited,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:active,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:visited,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:active {
  display: initial;
  margin: initial;
  color: #666;
  background: transparent;
}

.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:hover,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a:visited:hover,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:hover,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:visited:hover,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:hover,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:visited:hover,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:hover,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:visited:hover,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:hover,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel:visited:hover {
  color: #333;
  text-decoration: none;
  background-color: transparent;
}

.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel {
  font-weight: bold;
  color: #333;
}

.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode img:last-of-type {
  margin-right: 0.2rem;
  opacity: 0.5;
}

.mikio .indexmenu_toc {
  padding: 0 4px 4px 0;
}

.mikio .indexmenu_toc>div {
  border: 1px solid #999;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 10;
}

.mikio .indexmenu_toc .tocheader {
  padding: 0.2rem;
  border-bottom: 1px solid #ccc;
}

.mikio .indexmenu_toc .indexmenu_toc_inside {
  border: 0;
  padding: 0.2rem;
}

.mikio .indexmenu_toc .indexmenu_toc_inside ul {
  margin: 0;
  padding: 0 0 0 1.5rem;
}

.mikio .indexmenu_toc .indexmenu_toc_inside ul .li {
  margin-bottom: 0.4rem;
}

.mikio .mode_admin table.jsoneditor-values {
  width: auto;
}

.mikio .mode_admin table.jsoneditor-tree,
.mikio .mode_admin table.jsoneditor-values {
  border-bottom: 0;
}

.mikio .mode_admin table.jsoneditor-tree tbody tr,
.mikio .mode_admin table.jsoneditor-values tbody tr {
  background: transparent;
}

.mikio .mode_admin table.jsoneditor-tree tbody td,
.mikio .mode_admin table.jsoneditor-values tbody td {
  padding: 0;
}

.mikio .mode_admin table.jsoneditor-tree tbody td.jsoneditor-separator,
.mikio .mode_admin table.jsoneditor-values tbody td.jsoneditor-separator {
  vertical-align: middle;
}

.mikio .mode_admin table.jsoneditor-tree button,
.mikio .mode_admin table.jsoneditor-values button {
  background-color: transparent;
  border: 0;
  transition: none;
}

.mikio .mode_admin table.jsoneditor-tree button:hover,
.mikio .mode_admin table.jsoneditor-values button:hover {
  transition: none;
}

.mikio .mode_admin table.jsoneditor-tree div.jsoneditor-value,
.mikio .mode_admin table.jsoneditor-values div.jsoneditor-value {
  background-color: var(--background);
}

.ui-controlgroup-horizontal label {
  display: inline-block;
  text-align: center;
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  line-height: 1.5;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: capitalize;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  padding: .1rem .75rem;
  font-size: 80% !important;
  min-width: 3rem;
  background-image: none;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}

.ui-controlgroup-horizontal label:hover:not(:disabled) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--button-text-hover-color);
  background-color: var(--button-background-hover-color);
  border-color: var(--button-border-hover-color);
}

.ui-controlgroup-horizontal label:disabled {
  opacity: .65;
}

.ui-controlgroup-horizontal label:first-of-type {
  border-left-width: 1px !important;
}

.ui-controlgroup-horizontal label:last-of-type {
  border-right-width: 1px !important;
}

.ui-controlgroup-horizontal label:hover {
  background-image: none !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}

.ui-controlgroup-horizontal label:hover:first-of-type {
  border-left-width: 1px !important;
}

.ui-controlgroup-horizontal label:hover:last-of-type {
  border-right-width: 1px !important;
}

.ui-controlgroup-horizontal label.ui-state-active {
  color: var(--button-default-text-color);
  background-color: var(--button-default-background-color);
  border-color: var(--button-default-border-color);
}

.ui-controlgroup-horizontal label.ui-state-active:hover {
  color: var(--button-default-text-hover-color);
  background-color: var(--button-default-background-hover-color);
  border-color: var(--button-default-border-hover-color);
}

.mikio .mikio-darklight {
  display: inline-block;
  align-self: center;
}

.mikio .mikio-darklight .mikio-darklight-light {
  display: var(--display-theme-light);
}

.mikio .mikio-darklight .mikio-darklight-dark {
  display: var(--display-theme-dark);
}

.mikio .mikio-darklight .mikio-darklight-auto {
  display: var(--display-theme-auto);
}

.mikio .mikio-darklight-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  height: 2.2rem;
  padding: 0;
}

.mikio .mikio-darklight-button .mikio-iicon {
  margin: 0;
}

.mikio.dokuwiki #mikio__translate .mikio-dropdown {
  min-width: auto;
}

.mikio.dokuwiki div.plugin_translation {
  text-align: left;
}

.mikio.dokuwiki div.plugin_translation.is-dropdown {
  padding-bottom: 0;
}

.mikio.dokuwiki div.plugin_translation.is-dropdown ul {
  position: relative;
  display: block;
}

.mikio.dokuwiki div.plugin_translation.is-dropdown ul li a {
  display: block;
}

.mikio.dokuwiki div.plugin_translation .title {
  display: none;
}

.mikio.dokuwiki div.plugin_translation ul li {
  margin: 0;
  display: block;
}

.mikio.dokuwiki div.plugin_translation ul li a,
.mikio.dokuwiki div.plugin_translation ul li span {
  margin: 0 -1rem 0 -1rem;
  padding: .25rem 1rem .25rem 1rem !important;
  background-color: var(--dropdown-background-color) !important;
  color: var(--dropdown-color) !important;
}

.mikio.dokuwiki div.plugin_translation ul li a:hover {
  background-color: var(--dropdown-hover-color) !important;
}

.mikio.dokuwiki div.plugin_translation ul li span {
  margin-right: 0.1rem;
  position: relative;
}

.mikio.dokuwiki div.plugin_translation ul li span:after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 0.75rem;
  width: 0.25rem;
  margin-top: 0.2rem;
  margin-left: 0.75rem;
  border-right: 2px solid var(--dropdown-color);
  border-bottom: 2px solid var(--dropdown-color);
  transform: rotateZ(45deg);
}