/* Copyright (C) 2024 The Pixel Farm Ltd. */

body { margin: 8px; background-color:#333; }
sup { color: white; }
strong { color:white; }
table { border: none; border-collapse: separate; border-spacing: 2px; border: none }
table td { background-color: #666; color: #ccc; border: none; }
table th { background-color: #666; color: white; border: none; }
.root { font-family:-apple-system,system-ui,system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif; font-size:18px; color:#bbb; padding-bottom:80px; }
.root a { text-decoration:none; }
.root a:link { color:#5eb0e6; }
.root a:visited { color:#5eb0e6; }
.root a:active { color:#5eb0e6; }
.root a:hover { color:#5eb0e6; text-decoration:underline; }
.index { max-width:1100px; margin: auto; line-height:1.5; }
.page, .nav-parent { max-width:1100px; margin-left: 300px; margin-right: 20px; line-height:1.5; }
.header-table { line-height:3.0; width:100%; align:center; margin:auto; background-color:#454545; color:#ffffff; font-family:"Open Sans",Arial,sans-serif; font-weight:normal; }
.header-table td { text-align:center; }
.footer { margin-top:30px; width:100%; align:center; margin:auto; background-color:#222; color:#ffffff; font-family:"Open Sans",Arial,sans-serif; font-weight:normal; font-size:12px; text-align:center; position:fixed; bottom:0px; }
.logo-container { margin:auto; margin-top:50px; background-color:white; width:445px; border-radius:12px; padding-top:25px; }
.index-button { margin:auto; margin-top:10px; width:445px; height:50px; line-height:50px; border: 2px solid #666; border-radius:6px; text-align:center; background-color:#777; }
.index-button:hover { border:2px solid #777; background-color:#888; font-size:20px; }
.index-button:hover a:hover { text-decoration:none; color:white; }
.pfbutton { text-align:center; }
.pfbutton:not(:hover) { color:#ccc !important; }
.header-table a:link { color:white; }
.header-table a:visited { color:white; }
.header-table a:active { color:white; }
.header-table a:hover { color:white; }
.code { width:100%; padding:2px; background-color:#222; border-radius:2px; color:white; }
.path { padding:2px; background-color:#222; color:white; }
.kbd { line-height:1.5; padding:4px; border: 1px solid #777; border-radius: 4px 4px 4px 4px; color:white; min-width:20px; box-shadow: 4px 4px 4px #0006; margin-right:4px; display:inline-block; text-align:center; background-image: linear-gradient(to right, #888, #999, #888); }
.key-table { border-radius:6px; }
.key-table tr:nth-child(even) { background:#e8e8e8; }
.key-table tr:nth-child(odd) { background:#f8f8f8; }
.table { border-spacing:0px; }
.table td { padding:2px; border: 1px solid #404040; }
.table th { padding:2px; background:#888; color:white; }
.nav-parent { line-height:1.5; }
.nav { margin-top:20px; line-height:2.0; border:none; padding: 6px; border-radius:6px; font-size:14px; background-color:#555; }
.nav a:link { color:white; }
.nav a:visited { color:white; }
.nav a:active { color:white; }
.nav a:hover { color:white; text-decoration:none; }
.nav:hover { color:white; background-color:#666; }
.nav:hover a:link { color:white; }
.nav:hover a:visited { color:white; }
.nav:hover a:active { color:white; }
.side-menu { float:left; width:240px; margin-left:20px; margin-top:20px; margin-right:20px; box-shadow: #0009 0px 5px 15px; }
.side-menu-header { background-color:#666; color:white; font-size:18px; line-height:20px; margin-top:0px; margin-bottom:0px; padding:10px 8px 10px 8px; font-weight:normal; }
.side-menu-item { background-color:#444; color:white; font-size:14px; line-height:16px; margin-top:0px; margin-bottom:0px; padding:8px; font-weight:normal; }
.side-menu-item a:link { color:#aaa; }
.side-menu-item a:visited { color:#aaa; }
.side-menu-item a:active { color:#aaa; }
.side-menu-item a:hover { color:white; text-decoration:none; }
.notice { background-color: #555; color: white; border: 1px solid #ccc; border-radius: 4px; padding: 8px; }
.footnote { font-size:12px; }
img { align:center; max-width:100%; }
h1 { background-color:#555; color:white; text-align:center; border-radius:4px; }
h2 { background-color:#555; color:white; text-align:left; margin-top:40px; margin-bottom:40px; padding-left:16px; font-weight:normal; border-radius:4px; }
h3 { background-color:#444; color:#ddd; text-align:left; margin-top:40px; margin-bottom:40px; padding-left:16px; font-weight:normal; border-radius:4px; }
h4 { color: #ddd; }
em { color: white; }
.active-menu { color:#5eb0e6 !important; }