xref: /template/mikio/assets/mikio.css (revision 8378d39297548d67734ceba471cbfea43534a9fb)

/**
 * 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)
 */

.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: #495057;
  background-color: #ffffff;
  border-color: #ced4da;
  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 {
  display: inline-block;
  text-align: center;
  border-color: #6c757d;
  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) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.mikio-controls button:disabled {
  opacity: .65;
}
.mikio-controls button#edbtn__save,
.mikio-controls button[name="run[save]"] {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.mikio-controls button#edbtn__save:hover,
.mikio-controls button[name="run[save]"]:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.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: #ced4da;
}
.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: #ffffff;
  color: #333333;
  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 #e5e5e5;
  background-color: #f8bf43;
  box-sizing: border-box;
  width: 100%;
  z-index: 1001;
}
.mikio-page-header {
  padding: 0 2rem;
  background-color: #ffffff;
  box-sizing: border-box;
  width: 100%;
  z-index: 999;
}
.mikio-sidebar-header {
  border-bottom: 1px solid #e5e5e5;
}
.mikio-sidebar-footer {
  border-top: 1px solid #e5e5e5;
}
.mikio-admin {
  background-color: #f2f2f2;
}
.mikio-small-only {
  display: none;
}
.mikio .mikio-breadcrumbs,
.mikio .mikio-youarehere {
  padding: .75rem 2rem;
  background-color: #cccccc;
  font-size: 80%;
  color: #808080;
}
.mikio .mikio-breadcrumbs span.curid a,
.mikio .mikio-breadcrumbs a,
.mikio .mikio-youarehere span.curid a,
.mikio .mikio-youarehere a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #666666;
  font-weight: normal;
}
.mikio .mikio-breadcrumbs span.curid a:hover,
.mikio .mikio-breadcrumbs a:hover,
.mikio .mikio-youarehere span.curid a:hover,
.mikio .mikio-youarehere a:hover {
  color: #000000;
}
.mikio .mikio-breadcrumbs ul,
.mikio .mikio-youarehere ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mikio .mikio-breadcrumbs li,
.mikio .mikio-youarehere li {
  display: inline-block;
  margin-right: .5rem;
  vertical-align: text-bottom;
}
.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: #e5e5e5;
  background-color: #ffffff;
  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: #1a1a1a;
  margin: 0;
  font-weight: 500;
  font-size: 1.2rem;
}
.mikio-navbar .mikio-navbar-brand .mikio-navbar-brand-title-tagline {
  margin: 0;
  color: #6c757d;
}
.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 0.2s 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 0.2s ease-in-out;
  border-radius: 0.05em;
  background: #495057;
}
.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 {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}
.mikio-navbar .mikio-search {
  margin: 0 .5rem;
}
.mikio-sub-navbar {
  color: #666666;
  justify-content: center;
  padding: .75rem 1rem;
  border-color: #e5e5e5;
  background-color: #f8f8f8;
}
.mikio-sub-navbar ul,
.mikio-sub-navbar ol,
.mikio-sub-navbar p {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mikio-sub-navbar ul,
.mikio-sub-navbar ol {
  list-style: none;
}
.mikio-sub-navbar li {
  display: inline-block;
  padding: 0 .2rem;
  margin: 0 .5rem;
}
.mikio-sub-navbar a {
  color: #666666;
}
.mikio-sub-navbar a:hover {
  color: #000000;
}
.mikio-hero {
  background-color: #ddf7fb;
}
.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;
  padding: 0;
  margin: 0;
}
.mikio-hero .mikio-hero-text h1 {
  margin: .75rem 0 1rem 0;
  color: #000000;
  line-height: 1.2;
}
.mikio-hero .mikio-hero-text h2 {
  margin: 0;
  font-weight: normal;
  font-size: 1.25rem;
  color: #666666;
}
.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-tags {
  display: block;
  width: 100%;
  text-align: right;
  padding-right: .5rem;
  margin-bottom: .5rem;
}
.mikio-tags a {
  margin: 0 .25rem;
  font-size: 80%;
  padding: .25rem .75rem;
  border: 1px solid #999999;
  border-radius: 1rem;
  background-color: #999999;
  color: #ffffff;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all .15s ease-in-out;
}
.mikio-tags a:hover {
  background-color: transparent;
  color: #999999;
}
.mikio-sidebar {
  width: 14rem;
  flex-shrink: 0;
  background-color: #f2f2f2;
  padding: 1rem;
  font-size: 90%;
  color: #666666;
}
.mikio-sidebar.mikio-sidebar-left {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.mikio-sidebar.mikio-sidebar-right {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.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 0.2s 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 #e5e5e5;
}
.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 {
  display: block;
  margin: 1rem 0;
  color: #666666;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.mikio-sidebar .mikio-sidebar-content a:hover {
  color: #333333;
}
.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: #2b73b7;
}
.mikio-page-fill {
  display: flex;
  flex: 1;
}
.mikio .mikio-content .mikio-article {
  margin: 0 auto;
}
.mikio .mikio-content .mikio-article ul,
.mikio .mikio-content .mikio-article ul.idx {
  padding-left: 1rem;
}
.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: 100vh;
}
.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: #fff;
  padding: .5rem 2rem;
}
.mikio.dokuwiki div.preview {
  background-color: #fff;
  padding: 1rem 2rem;
}
.mikio-footer {
  padding: 2rem;
  color: #737373;
  background-color: #cccccc;
  font-size: 80%;
  text-align: center;
}
.mikio-footer a {
  color: #666666;
}
.mikio-footer a:hover {
  color: #333333;
}
.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 {
  fill: #666666;
}
.mikio-footer .dw__pagetools .tools a:hover svg {
  fill: #333333;
}
.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: #495057;
  background-color: #ffffff;
}
.mikio-control[type=color] {
  padding: 0;
}
.mikio-button {
  display: inline-block;
  text-align: center;
  border-color: #6c757d;
  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) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.mikio-button:disabled {
  opacity: .65;
}
.mikio-button-small {
  padding: .1rem .2rem;
  font-size: 80%;
  min-width: 3rem;
}
.mikio-button-submit {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.mikio-button-submit:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.mikio-button-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.mikio-button-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.mikio-input-text {
  border-color: #ced4da;
  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: #ced4da;
}
.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: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.mikio-dialog fieldset button[type=submit]:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.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: #ffffff;
  background-color: #6c757d;
  border-radius: 0 .25rem .25rem 0;
  border-color: #6c757d;
}
.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 {
  background-color: #ffffff;
  color: #495057;
}
.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 {
  display: block;
}
#dw__pagetools a svg {
  fill: #cccccc;
}
#dw__pagetools a:hover svg {
  fill: #666666;
}
.mode_admin .mikio-toc {
  background-color: #f2f2f2;
}
.mode_admin .mikio-toc #dw__toc {
  background-color: #fff;
}
.mikio .mode_admin .mikio-toc #dw__toc {
  background-color: #fff;
}
.mikio .mikio-toc {
  float: right;
  padding-left: 1rem;
  padding-bottom: 1rem;
  margin-top: 1rem;
}
.mikio .mikio-toc #dw__toc {
  background-color: #f2f2f2;
  border: 1px solid #e5e5e5;
  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%;
  background-size: 1rem;
  background-position: 95% 50%;
  background-repeat: no-repeat;
  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>');
}
.mikio .mikio-toc h3.toggle.closed {
  font-size: 0;
  height: 1rem;
  width: 2rem;
  padding-right: 0;
}
.mikio .mikio-toc h3.toggle.closed:before {
  display: inline-block;
  content: "";
  width: .8rem;
  height: .8rem;
  margin-right: .5rem;
  margin-top: .1rem;
  background-size: .8rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="fill:inherit"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"/></svg>');
}
.mikio .mikio-toc h3.toggle span {
  display: none;
}
.mikio .mikio-toc a {
  display: block;
  font-size: 80%;
  color: #666666;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: .2rem 0;
}
.mikio .mikio-toc a:hover {
  color: #000000;
}
.mikio-icon {
  margin-right: .25rem;
}
.mikio-icon svg {
  vertical-align: middle;
}
.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 #e5e5e5;
}
.mikio .mode_show table tr,
.mikio.dokuwiki .mode_showtag table.ul tr,
.mikio .mode_admin table tr {
  border-top: 1px solid #e5e5e5;
}
.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 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: #ffffff;
}
.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: #f2f2f2;
}
.mikio-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.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;
  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-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 #e5e5e5;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  background-color: #ffffff;
  color: #1a1a1a;
}
.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 #e5e5e5;
}
.mikio-dropdown .mikio-nav-link {
  margin: 0rem -1rem 0rem -1rem;
  padding: .25rem 1rem .25rem 1rem;
  transition: all 0.15s ease-in-out;
}
.mikio-dropdown .mikio-nav-link:hover {
  background-color: #e5e5e5;
}
.mikio-tabs {
  padding: 0;
  margin-bottom: -1px;
}
.mikio-tabs li strong {
  background-color: #fff;
  font-weight: normal;
  color: #495057;
  border-color: #dee2e6 #dee2e6 #fff;
  padding: .5rem 1rem;
  margin: 0;
  bottom: -1px;
}
.mikio-tabs li a {
  padding: .5rem 1rem;
  border: 1px solid transparent;
  color: #007bff;
  -webkit-text-decoration: none;
  text-decoration: none;
  margin: 0;
  background-color: transparent;
}
.mikio-tabs li a:hover {
  color: #0056b3;
  border-color: #dee2e6 #dee2e6 #dee2e6;
  background-color: transparent;
}
.mikio-tabs:after {
  border-bottom: 0;
}
.mikio-tab-active {
  background-color: #fff;
  font-weight: normal;
  color: #495057;
  border-color: #dee2e6 #dee2e6 #fff;
  padding: .5rem 1rem;
  margin: 0;
  bottom: -1px;
}
.mikio-tab-panel {
  margin-bottom: 0;
  background-color: #fff;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #dee2e6;
  word-wrap: break-word;
  word-break: break-word;
}
.mikio.dokuwiki div.section_highlight {
  background-color: rgba(255,255,0,0.3);
  border-width: 0;
  margin: 0 -1rem;
  padding: 0 1rem;
}
.mikio-input-file {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  padding: .25rem 1rem;
  line-height: 1.5;
  text-align: left;
  color: #495057;
  background-color: #ffffff;
  border: .1px solid #ced4da;
  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: #ffffff;
  background-color: #6c757d;
  border-radius: 0 .25rem .25rem 0;
  border: 1px solid #6c757d;
  transition: all .15s ease-in-out;
}
.mikio-input-file:hover:before {
  background-color: #ffffff;
  color: #495057;
}
code,
pre {
  overflow-x: auto;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 87.5%;
  color: #e83e8c;
  background-color: transparent;
  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,
.mode_show pre {
  border: 1px solid transparent;
  padding: 1em;
}
.mikio-search button,
.mikio-search input,
.mikio-search optgroup,
.mikio-search select,
.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: #495057;
  background-color: #ffffff;
  border-color: #ced4da;
  line-height: inherit;
}
.mikio-search button[type=color],
.mikio-search input[type=color],
.mikio-search optgroup[type=color],
.mikio-search select[type=color],
.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-search button,
.mikio .dokuwiki fieldset button,
.mikio.dokuwiki .secedit button,
.mikio .mode_revisions button,
.mikio .mode_edit button,
.mikio .mode_draft button,
.mikio .mode_preview button,
.mikio .mode_showtag button,
.mikio .mode_admin button {
  display: inline-block;
  text-align: center;
  border-color: #6c757d;
  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-search button:hover:not(:disabled),
.mikio .dokuwiki fieldset button:hover:not(:disabled),
.mikio.dokuwiki .secedit button:hover:not(:disabled),
.mikio .mode_revisions button:hover:not(:disabled),
.mikio .mode_edit button:hover:not(:disabled),
.mikio .mode_draft button:hover:not(:disabled),
.mikio .mode_preview button:hover:not(:disabled),
.mikio .mode_showtag button:hover:not(:disabled),
.mikio .mode_admin button:hover:not(:disabled) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.mikio-search button:disabled,
.mikio .dokuwiki fieldset button:disabled,
.mikio.dokuwiki .secedit button:disabled,
.mikio .mode_revisions button:disabled,
.mikio .mode_edit button:disabled,
.mikio .mode_draft button:disabled,
.mikio .mode_preview button:disabled,
.mikio .mode_showtag button:disabled,
.mikio .mode_admin button:disabled {
  opacity: .65;
}
.mikio-search button#edbtn__save,
.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: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.mikio-search button#edbtn__save:hover,
.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: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.mikio-search input[type=text],
.mikio-search input[type=search],
.mikio-search input[type=password],
.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-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-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-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: #ced4da;
}
.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-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;
}
.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: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.mikio.dokuwiki .mode_login fieldset button[type=submit]:hover,
.mikio.dokuwiki .mode_denied fieldset button[type=submit]:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.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 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 {
  border: 1px solid #6c757d;
  border-radius: .25rem;
  margin: 1rem 1rem;
  background-color: #ffffff;
}
.mikio .mode_admin div.ui-admin ul.admin_tasks li a,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a {
  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: #333;
  -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_plugins li a span.icon {
  width: auto;
  height: auto;
  min-height: auto;
}
.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.mikio .mode_admin div.ui-admin ul.admin_tasks li a:hover svg,
.mikio .mode_admin div.ui-admin ul.admin_plugins li a:hover svg {
  fill: #ffffff;
}
.mikio .mode_admin .mikio-config-table-header {
  background-color: #ddd;
  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: #e5e5e5;
  padding: .75rem;
  margin: 0;
  text-align: left;
}
.mikio .mode_admin #extension__list ul.extensionList li:nth-child(odd) {
  background-color: #ffffff;
}
.mikio .mode_admin #extension__list ul.extensionList li:nth-child(even) {
  background-color: #f2f2f2;
}
.mikio .mode_admin button#usrmgr__del {
  color: #dc3545;
  border-color: #dc3545;
  margin-right: .5rem;
}
.mikio .mode_admin button#usrmgr__del:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.mikio .mode_admin #acl__tree {
  background-color: #fff;
}
.mikio .mode_admin #acl_manager table tr:nth-child(odd) {
  background-color: #ffffff;
}
.mikio .mode_admin #acl_manager table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.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: #f2f2f2;
}
.mikio #plugin__styling button.primary {
  font-weight: inherit;
}
.mikio.dokuwiki .secedit button {
  padding: .1rem .2rem;
  font-size: 80%;
  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 {
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.mikio #config__manager fieldset legend {
  text-align: left;
}
.mikio #config__manager tr .input,
.mikio #config__manager tr input {
  color: inherit;
  background-color: transparent;
}
.mikio #config__manager tr textarea,
.mikio #config__manager tr select {
  color: inherit;
  background-color: #fff;
}
.mikio #config__manager tr select {
  width: 100%;
}
.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: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.mikio #config__manager button[type=submit]:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.mode_revisions .mikio-article li {
  padding: .5rem 1rem;
  border-top: 1px solid #e5e5e5;
}
.mode_revisions .mikio-article li:nth-child(odd) {
  background-color: #fff;
}
.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%;
}
.mode_revisions .mikio-article .sum {
  display: block;
}
.mode_recent .mikio-article li {
  padding: .5rem 1rem;
  border-top: 1px solid #e5e5e5;
}
.mode_recent .mikio-article li:nth-child(odd) {
  background-color: #fff;
}
.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%;
}
.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: #495057;
  background-color: #ffffff;
  -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 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: #495057;
  background-color: #ffffff;
  display: inline-block;
  text-align: center;
  border-color: #6c757d;
  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: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.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: #dc3545;
  border-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: #dc3545;
  border-color: #dc3545;
}
.mikio #mediamanager__page button.qq-upload-action,
#media__manager button.qq-upload-action {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.mikio #mediamanager__page button.qq-upload-action:hover,
#media__manager button.qq-upload-action:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.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: #495057;
  background-color: #ffffff;
  border-color: #ced4da;
  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;
}
.mikio #mediamanager__page .ui-resizable-e:hover,
#media__manager .ui-resizable-e:hover {
  background-color: #999;
}
.mikio #mediamanager__page .namespaces h2,
.mikio #mediamanager__page #media__tree h2,
#media__manager .namespaces h2,
#media__manager #media__tree h2 {
  background-color: #fff;
  font-weight: normal;
  color: #495057;
  border-color: #dee2e6 #dee2e6 #fff;
  padding: .5rem 1rem;
  margin: 0;
  bottom: -1px;
}
.mikio #mediamanager__page .namespaces .panelHeader,
.mikio #mediamanager__page #media__tree .panelHeader,
#media__manager .namespaces .panelHeader,
#media__manager #media__tree .panelHeader {
  margin-bottom: 0;
  background-color: #fff;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #dee2e6;
  word-wrap: break-word;
  word-break: break-word;
}
.mikio #mediamanager__page .namespaces ul,
.mikio #mediamanager__page .namespaces ul.idx,
.mikio #mediamanager__page #media__tree ul,
.mikio #mediamanager__page #media__tree ul.idx,
#media__manager .namespaces ul,
#media__manager .namespaces ul.idx,
#media__manager #media__tree ul,
#media__manager #media__tree ul.idx {
  margin-top: 0;
}
.mikio #mediamanager__page .namespaces ul ul,
.mikio #mediamanager__page .namespaces ul.idx ul,
.mikio #mediamanager__page #media__tree ul ul,
.mikio #mediamanager__page #media__tree ul.idx ul,
#media__manager .namespaces ul ul,
#media__manager .namespaces ul.idx ul,
#media__manager #media__tree ul ul,
#media__manager #media__tree ul.idx ul {
  margin-left: 1rem;
}
.mikio #mediamanager__page .namespaces ul li,
.mikio #mediamanager__page .namespaces ul.idx li,
.mikio #mediamanager__page #media__tree ul li,
.mikio #mediamanager__page #media__tree ul.idx li,
#media__manager .namespaces ul li,
#media__manager .namespaces 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 .namespaces ul a,
.mikio #mediamanager__page .namespaces ul.idx a,
.mikio #mediamanager__page #media__tree ul a,
.mikio #mediamanager__page #media__tree ul.idx a,
#media__manager .namespaces ul a,
#media__manager .namespaces ul.idx a,
#media__manager #media__tree ul a,
#media__manager #media__tree ul.idx a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #333;
}
.mikio #mediamanager__page .filelist .panelHeader,
.mikio #mediamanager__page .qq-uploader .panelHeader,
#media__manager .filelist .panelHeader,
#media__manager .qq-uploader .panelHeader {
  margin-bottom: 0;
  background-color: #fff;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #dee2e6;
  word-wrap: break-word;
  word-break: break-word;
}
.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 {
  padding-top: 1rem;
  text-align: center;
}
.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 {
  width: 200px;
  background-color: #fff;
}
.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: inline;
}
.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: 90%;
  color: #666;
  margin-bottom: .25rem;
}
.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.thumbs li .name a,
.mikio #mediamanager__page .qq-uploader ul.thumbs li .name a,
#media__manager .filelist ul.thumbs li .name a,
#media__manager .qq-uploader ul.thumbs li .name a {
  color: #000;
}
.mikio #mediamanager__page .filelist ul.tabs,
.mikio #mediamanager__page .qq-uploader ul.tabs,
#media__manager .filelist ul.tabs,
#media__manager .qq-uploader ul.tabs {
  padding: 0;
  margin-bottom: -1px;
}
.mikio #mediamanager__page .filelist ul.tabs li strong,
.mikio #mediamanager__page .qq-uploader ul.tabs li strong,
#media__manager .filelist ul.tabs li strong,
#media__manager .qq-uploader ul.tabs li strong {
  background-color: #fff;
  font-weight: normal;
  color: #495057;
  border-color: #dee2e6 #dee2e6 #fff;
  padding: .5rem 1rem;
  margin: 0;
  bottom: -1px;
}
.mikio #mediamanager__page .filelist ul.tabs li a,
.mikio #mediamanager__page .qq-uploader ul.tabs li a,
#media__manager .filelist ul.tabs li a,
#media__manager .qq-uploader ul.tabs li a {
  padding: .5rem 1rem;
  border: 1px solid transparent;
  color: #007bff;
  -webkit-text-decoration: none;
  text-decoration: none;
  margin: 0;
  background-color: transparent;
}
.mikio #mediamanager__page .filelist ul.tabs li a:hover,
.mikio #mediamanager__page .qq-uploader ul.tabs li a:hover,
#media__manager .filelist ul.tabs li a:hover,
#media__manager .qq-uploader ul.tabs li a:hover {
  color: #0056b3;
  border-color: #dee2e6 #dee2e6 #dee2e6;
  background-color: transparent;
}
.mikio #mediamanager__page .filelist ul.tabs:after,
.mikio #mediamanager__page .qq-uploader ul.tabs:after,
#media__manager .filelist ul.tabs:after,
#media__manager .qq-uploader ul.tabs:after {
  border-bottom: 0;
}
.mikio #mediamanager__page .filelist .rows li,
.mikio #mediamanager__page .qq-uploader .rows li,
#media__manager .filelist .rows li,
#media__manager .qq-uploader .rows li {
  background-color: #ffffff;
  max-height: none;
  font-size: 90%;
}
.mikio #mediamanager__page .filelist .rows li:nth-child(2n+1),
.mikio #mediamanager__page .qq-uploader .rows li:nth-child(2n+1),
#media__manager .filelist .rows li:nth-child(2n+1),
#media__manager .qq-uploader .rows li:nth-child(2n+1) {
  background-color: #f2f2f2;
}
.mikio #mediamanager__page .filelist .rows li a,
.mikio #mediamanager__page .qq-uploader .rows li a,
#media__manager .filelist .rows li a,
#media__manager .qq-uploader .rows li a {
  font-weight: normal;
  color: #333;
}
.mikio #mediamanager__page .filelist .rows li dt a,
.mikio #mediamanager__page .qq-uploader .rows li dt a,
#media__manager .filelist .rows li dt a,
#media__manager .qq-uploader .rows li dt a {
  height: auto;
}
.mikio #mediamanager__page .filelist .rows li dd.name,
.mikio #mediamanager__page .qq-uploader .rows li dd.name,
#media__manager .filelist .rows li dd.name,
#media__manager .qq-uploader .rows li dd.name {
  text-align: left;
}
.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;
  background-color: #fff;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #dee2e6;
  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-bottom: -1px;
}
.mikio #mediamanager__page .file ul.tabs li strong,
#media__manager .file ul.tabs li strong {
  background-color: #fff;
  font-weight: normal;
  color: #495057;
  border-color: #dee2e6 #dee2e6 #fff;
  padding: .5rem 1rem;
  margin: 0;
  bottom: -1px;
}
.mikio #mediamanager__page .file ul.tabs li a,
#media__manager .file ul.tabs li a {
  padding: .5rem 1rem;
  border: 1px solid transparent;
  color: #007bff;
  -webkit-text-decoration: none;
  text-decoration: none;
  margin: 0;
  background-color: transparent;
}
.mikio #mediamanager__page .file ul.tabs li a:hover,
#media__manager .file ul.tabs li a:hover {
  color: #0056b3;
  border-color: #dee2e6 #dee2e6 #dee2e6;
  background-color: transparent;
}
.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: #dc3545;
  border-color: #dc3545;
}
.mikio #mediamanager__page .file #mediamanager__btn_delete button:hover,
#media__manager .file #mediamanager__btn_delete button:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.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: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.mikio #mediamanager__page .file button[name="mediado[save]"]:hover,
#media__manager .file button[name="mediado[save]"]:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.mikio #mediamanager__page .panelContent,
#media__manager .panelContent {
  background-color: #fff;
  margin: 0 10px 0 0;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dee2e6;
  padding: .5rem;
}
.mikio #mediamanager__page #media__opts,
#media__manager #media__opts {
  border-bottom: 1px solid #dee2e6;
  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 #e5e5e5;
  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: #ffffff;
}
.mikio #mediamanager__page #media__content .even,
#media__manager #media__content .even {
  background-color: #f2f2f2;
}
.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form {
  display: grid;
  margin: 0 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: #fff;
  background-color: #007bff;
  border-color: #007bff;
  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: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .toggleAssistant {
  padding: .1rem .2rem;
  font-size: 80%;
  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;
}
.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle .current {
  padding: .2rem 1.2rem .2rem 0rem;
  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: 1rem 1.5rem;
  border: 1px solid #e5e5e5;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  background-color: #ffffff;
  color: #999;
}
.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a {
  transition: all 0.15s ease-in-out;
  color: #1a1a1a;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-style: normal;
  margin: 0 -1rem;
  padding: 0 1rem;
}
.mikio.dokuwiki .mode_search .mikio-article .search-results-form fieldset.search-form .advancedOptions .toggle ul a:hover {
  background-color: #e5e5e5;
}
.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;
}
.mikio.dokuwiki .mode_search .mikio-article .search_quickresult ul li {
  float: none;
  display: inline-block;
  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 #e5e5e5;
  padding: .75rem;
  background-color: #ffffff;
}
.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result:nth-child(2n+1) {
  background-color: #f2f2f2;
}
.mikio.dokuwiki .mode_search .mikio-article .search_fullpage_result .snippet {
  font-size: 90%;
  margin-bottom: 0;
}
#index__tree {
  background-color: #fff;
  border: 1px solid #dee2e6;
  padding: 0 .5rem;
}
#index__tree a {
  color: #333;
  -webkit-text-decoration: none;
  text-decoration: none;
}
#index__tree .curid a {
  color: red;
}
.mikio.dokuwiki ul.tabs {
  padding: 0;
  margin-bottom: -1px;
}
.mikio.dokuwiki ul.tabs li strong {
  background-color: #fff;
  font-weight: normal;
  color: #495057;
  border-color: #dee2e6 #dee2e6 #fff;
  padding: .5rem 1rem;
  margin: 0;
  bottom: -1px;
}
.mikio.dokuwiki ul.tabs li a {
  padding: .5rem 1rem;
  border: 1px solid transparent;
  color: #007bff;
  -webkit-text-decoration: none;
  text-decoration: none;
  margin: 0;
  background-color: transparent;
}
.mikio.dokuwiki ul.tabs li a:hover {
  color: #0056b3;
  border-color: #dee2e6 #dee2e6 #dee2e6;
  background-color: transparent;
}
.mikio.dokuwiki ul.tabs:after {
  border-bottom: 0;
}
.mikio .mode_draft table {
  margin-bottom: 1rem;
}
#dokuwiki__detail {
  background-color: #f2f2f2;
  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: #495057;
  background-color: #ffffff;
  border-color: #ced4da;
  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 {
  display: inline-block;
  text-align: center;
  border-color: #6c757d;
  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) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.mikio .content_partial button:disabled {
  opacity: .65;
}
.mikio .content_partial button#edbtn__save,
.mikio .content_partial button[name="run[save]"] {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.mikio .content_partial button#edbtn__save:hover,
.mikio .content_partial button[name="run[save]"]:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.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: #ced4da;
}
.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: #495057;
  background-color: #ffffff;
  border-color: #ced4da;
  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 {
  display: inline-block;
  text-align: center;
  border-color: #6c757d;
  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) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.mikio div.dokuwiki div.comment_wrapper button:disabled {
  opacity: .65;
}
.mikio div.dokuwiki div.comment_wrapper button#edbtn__save,
.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"] {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.mikio div.dokuwiki div.comment_wrapper button#edbtn__save:hover,
.mikio div.dokuwiki div.comment_wrapper button[name="run[save]"]:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.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: #ced4da;
}
.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: #495057;
  background-color: #ffffff;
  display: inline-block;
  text-align: center;
  border-color: #6c757d;
  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: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.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%;
  }
  .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;
  }
  .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;
    width: auto;
  }
  .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 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;
  }
}
@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:hover,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeUrl:hover,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.nodeSel:hover,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.node:hover,
.mikio-sidebar .mikio-sidebar-content .dtree .dTreeNode a.navSel: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: #fff;
}