* {
  cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAGAAAABgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAADAAAABUAAAAVAAAADAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAAAAcAAAALwAAAC4AAAAcAAAACQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAFQAAAC8AAABFAAAAQwAAACkAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAADAAAAAwAAAAAAAAAAAAAAAAAAAAr//////////wAAAFAAAABHAAAAKwAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAwAAAAMAAAAAwAAAAAAAAAD/////wAAAP8AAAD//////wAAAD8AAAAiAAAACQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAATAAAAHAAAAB8AAAAMAAAAAwAAAAr/////AAAA/wAAAP//////AAAAMQAAABUAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkAAAAsAAAANQAAAB8AAAAP/////wAAAP8AAAD//////wAAAD8AAAAjAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAAHAAAADUAAABIAAAANQAAACX/////AAAA/wAAAP//////AAAAMwAAABcAAAAEAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//////////AAAAOAAAAFEAAABI/////wAAAP8AAAD//////wAAAEUAAAAsAAAAEgAAAAgAAAAFAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAP//////AAAAVAAAAFH/////AAAA/wAAAP//////AAAARQAAADIAAAAeAAAAGQAAABAAAAAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAA/wAAAP///////////wAAAP8AAAD//////wAAAFUAAABMAAAAQgAAADYAAAAsAAAAGQAAAAkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAD/AAAA/wAAAP//////AAAA/wAAAP//////AAAAVQAAAFIAAABMAAAAQAAAAC0AAAAXAAAABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA////////////////////////////AAAAHgAAAAsAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD//////wAAAB8AAAAMAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA//////8AAAAfAAAADAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP//////AAAAHwAAAAwAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD//////wAAAB8AAAAMAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAD/AAAA/wAAAP8AAAD/AAAA//////8AAAAfAAAADAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAP8AAAD/AAAA/wAAAP//////AAAAHwAAAAwAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAA/wAAAP8AAAD//////wAAAB8AAAAMAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAD/AAAA//////8AAAAfAAAADAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAP//////AAAAHwAAAAwAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAwAAAAMAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAADAAAAAwAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////////////////////////////////////////////////////P////h////4f///8P///fD///zh///8Yf///AP///wD///8AD///AB///wA///8Af///AP///wH///8D////B////w////8f////P////3////8='), auto;
}

body a {
  color: #ffff66 !important;
}
body a:hover {
  color: red !important;
}

input[type="submit"] {
  font-family: 'IBMVGA8', monospace !important;
  font-size: 18px !important;
  background-color: #003366 !important;
  color: #ccffff !important;
  border: 2px solid #00ccff !important;
  padding: 4px 8px !important;
  cursor: pointer !important;
}

input[type="text"],
input[type="url"] {
  font-family: 'IBMVGA8', monospace !important;
  font-size: 18px !important;
  background-color: #000033 !important;
  color: #ffffff !important;
  border: 2px solid #00ccff !important;
  padding: 4px !important;
  cursor: text !important;
}

textarea,
textarea[name="message"] {
  font-family: 'IBMVGA8', monospace !important;
  font-size: 18px !important;
  background-color: #000033 !important;
  color: #ffffff !important;
  border: 2px solid #00ccff !important;
  padding: 4px !important;
  cursor: text !important;
}


nav {
	z-index: 1000;
	position: fixed;
	top: 0;
	width: 100%;
	--nav-border-margin-top-origin: 7px;
	--nav-border-margin-right-origin: 3px;
	--nav-border-margin-bottom-origin: 10px;
	--nav-border-margin-left-origin: 3px;
	--nav-border-margin-top: calc(var(--scale-factor) * var(--nav-border-margin-top-origin));
	--nav-border-margin-right: calc(var(--scale-factor) * var(--nav-border-margin-right-origin));
	--nav-border-margin-bottom: calc(var(--scale-factor) * var(--nav-border-margin-bottom-origin));
	--nav-border-margin-left: calc(var(--scale-factor) * var(--nav-border-margin-left-origin));
	--nav-border-margin: var(--nav-border-margin-top) calc(var(--nav-border-margin-right) + var(--glyph-width)) var(--nav-border-margin-bottom) calc(var(--nav-border-margin-left) + var(--glyph-width))
}

nav>ul {
	margin: 0;
	background-color: var(--white);
	padding: 0 0 0 var(--glyph-width);
	color: var(--black);
	display: flex
}

nav li {
	display: block
}

nav em {
	font-style: normal;
	color: var(--red)
}

nav .hotkey {
	float: right
}

nav .disabled,
nav .disabled em {
	color: var(--bright-black)
}

nav li span {
	padding: 0 var(--glyph-width);
	display: block
}

nav li span:hover:not(.disabled):not(.hotkey) {
	background-color: var(--green);
	cursor: pointer
}

nav li:hover>ul,
nav li>ul:hover {
	visibility: visible
}

nav li:empty {
	height: var(--glyph-height);
	position: relative
}

nav li:empty:after {
	position: absolute;
	content: "";
	display: block;
	top: calc((var(--glyph-height) - var(--border-width-top)) / 2 - 1px);
	left: calc(var(--nav-border-margin-left) + var(--border-width-left) - var(--glyph-width));
	right: calc(var(--nav-border-margin-right) + var(--border-width-right) - var(--glyph-width));
	height: var(--border-width-top);
	background-color: var(--black)
}

nav>ul>li>ul {
	position: absolute;
	visibility: hidden;
	padding: var(--glyph-height) calc(2 * var(--glyph-width));
	margin-left: calc(-1 * var(--glyph-width));
	background-color: var(--white);
	z-index: 2;
	box-shadow: calc(2 * var(--glyph-width)) var(--glyph-height) #0009
}

nav>ul>li>ul:before {
	position: absolute;
	border-width: var(--border-width);
	border-style: solid;
	border-color: var(--black);
	content: "";
	inset: var(--nav-border-margin);
	pointer-events: none
}

@font-face {
	font-family: IBMVGA8;
	src: url(../WebPlus_IBM_VGA_8x16.woff) format("woff")
}

:root {
	--black: #000;
	--blue: #00a;
	--green: #0a0;
	--cyan: #0aa;
	--red: #a00;
	--magenta: #a0a;
	--brown: #a50;
	--white: #aaa;
	--bright-black: #555;
	--bright-blue: #55f;
	--bright-green: #5f5;
	--bright-cyan: #5ff;
	--bright-red: #f55;
	--bright-magenta: #f5f;
	--yellow: #ff5;
	--bright-white: #fff;
	--scale-factor: 2;
	--glyph-height-origin: 16px;
	--glyph-width-origin: 8px;
	--glyph-height: calc(var(--scale-factor) * var(--glyph-height-origin));
	--glyph-width: calc(var(--scale-factor) * var(--glyph-width-origin));
	--border-width-top-origin: 1px;
	--border-width-right-origin: 2px;
	--border-width-bottom-origin: 1px;
	--border-width-left-origin: 2px;
	--border-width-top: calc(var(--scale-factor) * var(--border-width-top-origin));
	--border-width-right: calc(var(--scale-factor) * var(--border-width-right-origin));
	--border-width-bottom: calc(var(--scale-factor) * var(--border-width-bottom-origin));
	--border-width-left: calc(var(--scale-factor) * var(--border-width-left-origin));
	--border-width: var(--border-width-top) var(--border-width-right) var(--border-width-bottom) var(--border-width-left)
}

@media print {
	@page {
		size: A4
	}

	* {
		color: #000 !important;
		background-color: #fff !important;
		background: #fff !important
	}

	fieldset:before,
	fieldset:after {
		border: none !important
	}

	fieldset {
		margin: 0 !important
	}

	fieldset>legend {
		display: none !important
	}

	nav {
		display: none !important
	}

	html,
	body {
		width: 210mm !important;
		height: 100% !important
	}
}

@media (max-width: 1280px) {
	:root {
		--scale-factor: 1.5
	}
}

@media (max-width: 606px) {
	:root {
		--scale-factor: 1
	}
}

@media print {
	fieldset {
		box-shadow: none !important
	}
}

@media (max-width: 960px) {
	fieldset {
		margin-left: 0 !important;
		margin-right: 0 !important
	}
}

* {
	box-sizing: border-box
}

.black {
	color: var(--black)
}

.blue {
	color: var(--blue)
}

.green {
	color: var(--green)
}

.cyan {
	color: var(--cyan)
}

.red {
	color: var(--red)
}

.magenta {
	color: var(--magenta)
}

.brown {
	color: var(--brown)
}

.white {
	color: var(--white)
}

.bright-black {
	color: var(--bright-black)
}

.bright-blue {
	color: var(--bright-blue)
}

.bright-green {
	color: var(--bright-green)
}

.bright-cyan {
	color: var(--bright-cyan)
}

.bright-red {
	color: var(--bright-red)
}

.bright-magenta {
	color: var(--bright-magenta)
}

.yellow {
	color: var(--yellow)
}

.bright-white {
	color: var(--bright-white)
}

.bg-black {
	background-color: var(--black)
}

.bg-blue {
	background-color: var(--blue)
}

.bg-green {
	background-color: var(--green)
}

.bg-cyan {
	background-color: var(--cyan)
}

.bg-red {
	background-color: var(--red)
}

.bg-magenta {
	background-color: var(--magenta)
}

.bg-yellow {
	background-color: var(--yellow)
}

.bg-white {
	background-color: var(--white)
}

.bg-bright-black {
	background-color: var(--bright-black)
}

.bg-bright-blue {
	background-color: var(--bright-blue)
}

.bg-bright-green {
	background-color: var(--bright-green)
}

.bg-bright-cyan {
	background-color: var(--bright-cyan)
}

.bg-bright-red {
	background-color: var(--bright-red)
}

.bg-bright-magenta {
	background-color: var(--bright-magenta)
}

.bg-bright-yellow {
	background-color: var(--bright-yellow)
}

.bg-bright-white {
	background-color: var(--bright-white)
}

html {
	font-family: IBMVGA8, monospace;
	background-color: var(--white);
	background-image: url(../bg.svg);
	background-size: calc(var(--scale-factor) * 4px) calc(var(--scale-factor) * 2px)
}

body {
	margin: 0;
	color: var(--white);
	font-size: var(--glyph-height);
	line-height: var(--glyph-height)
}

a {
	text-decoration: none;
	color: inherit
}

a:visited {
	color: inherit
}

button {
	font-size: var(--glyph-height);
	padding: 0 var(--glyph-width);
	border: none;
	font-family: inherit;
	box-shadow: calc(var(--glyph-width)) calc(var(--glyph-height) / 2) var(--black);
	color: var(--black)
}

button:first-letter {
	color: var(--red)
}

button:hover,
button:focus,
button:focus-visible {
	background-color: var(--yellow);
	outline: none
}

button:active {
	background-color: var(--yellow);
	translate: calc(var(--glyph-width));
	box-shadow: none
}

fieldset {
	position: relative;
	border: none;
	margin-top: calc(2 * var(--glyph-height));
	margin-bottom: var(--glyph-height);
	margin-left: 15%;
	margin-right: 15%;
	padding: var(--glyph-height) calc(2 * var(--glyph-width));
	box-shadow: calc(2 * var(--glyph-width)) var(--glyph-height) #0009
}

fieldset:before {
	position: absolute;
	border-width: var(--border-width);
	border-style: solid;
	border-color: var(--bright-white);
	content: "";
	inset: calc(var(--scale-factor) * 5px) calc(var(--scale-factor) * 2px) calc(var(--scale-factor) * 8px) calc(var(--scale-factor) * 2px);
	pointer-events: none
}

fieldset:after {
	position: absolute;
	border-width: calc(var(--scale-factor) * 1px) calc(var(--scale-factor) * 2px) calc(var(--scale-factor) * 1px) calc(var(--scale-factor) * 2px);
	border-style: solid;
	border-color: #fff;
	content: "";
	inset: calc(var(--scale-factor) * 7px) calc(var(--scale-factor) * 5px) calc(var(--scale-factor) * 10px) calc(var(--scale-factor) * 5px);
	pointer-events: none
}

fieldset>legend {
	position: absolute;
	display: block;
	margin-top: calc(-1 * var(--glyph-height));
	margin-left: var(--glyph-width);
	padding: 0 var(--glyph-width);
	background-color: inherit;
	z-index: 1;
	color: var(--bright-white)
}

.shoutbox-wrapper input,
.shoutbox-wrapper textarea,
.shoutbox-wrapper select,
.shoutbox-wrapper iframe,
.shoutbox-wrapper .cssShoutForm {
  background-color: var(--bg-color, #001a33);
  color: white;
  font-family: 'IBMVGA8', monospace !important;
  border: 2px solid #00ccff;
  padding: 4px;
}

.shoutbox-wrapper .cssShoutBox {
  border: 2px inset #00ccff;
  width: 100%;
  max-width: 800px;
  height: 300px;
  background-color: #000033;
}

.shoutbox-wrapper input[type="button"] {
  background-color: #003366;
  color: #ccffff;
  border: 2px solid #00ccff;
  font-weight: bold;
  padding: 4px 8px;
  cursor: pointer;
}

/* Переопределение стилей для чата */
.cssShoutBox {
  background-color: #001122 !important;
  border: 2px inset #00ccff !important;
  color: #ffffff !important;
}

.cssShoutForm {
  font-family: 'IBMVGA8', monospace !important;
  font-size: 18px !important;
  background-color: #000033 !important;
  color: #ffffff !important;
  border: 2px solid #00ccff !important;
  padding: 4px !important;
}

.cssShoutButton {
  font-family: 'IBMVGA8', monospace !important;
  font-size: 18px !important;
  background-color: #003366 !important;
  color: #ccffff !important;
  border: 2px solid #00ccff !important;
  padding: 4px 8px !important;
  cursor: pointer;
}

.cssShoutText,
.cssShoutTextAdmin {
  font-family: 'IBMVGA8', monospace !important;
  font-size: 18px !important;
  color: #00ffff !important;
}

.cssShoutTextAdmin {
  color: #ff5555 !important;
}

.cssShoutTime {
  font-size: 18px !important;
  color: #888888 !important;
  text-align: right !important;
}

.cssShoutRaised,
.cssShoutPressed {
  background-color: #002244 !important;
  border: 2px solid #00ccff !important;
  color: #00ccff !important;
}

.cssShoutError {
  font-size: 18px !important;
  color: #ff3333 !important;
  background-color: #220000 !important;
  border: 2px solid #880000 !important;
}

.cssCode {
  font-family: 'IBMVGA8', monospace !important;
  color: #00ff00 !important;
  background-color: #001100 !important;
  border: 2px solid #00cc00 !important;
  padding: 4px !important;
}

.cssQuote {
  color: #cccccc !important;
  background-color: #111111 !important;
  border: 1px solid #555555 !important;
  padding: 4px !important;
}


.dos-footer {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
    	font-family: IBMVGA8;
	src: url(../WebPlus_IBM_VGA_8x16.woff) format("woff")
  font-size: 18px;
  background-color: #0000AA;
  color: #ffffff;

  text-align: center;
  position: relative;
  bottom: 0;
}



.dos-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 20px;
  align-items: center;
}

.dos-footer li {
  display: inline-block;
}

.dos-footer a {
  color: var(--nav-link-color, #ccffff);
  text-decoration: none;
}

.dos-footer a:hover {
  color: var(--nav-link-hover, #00ffff);
  text-decoration: underline;
}

.dos-footer .disabled {
  opacity: 0.6;
  cursor: default;
}

.blinking-cursor {
font-weight: bold;
font-size: 1em;
color: #ffffff; 
background-color: transparent; 
  font-family: 'IBMVGA8', monospace !important;
animation: blink 1s step-end infinite;
}

@keyframes blink {
from, to {
visibility: hidden;
}
50% {
visibility: visible;
}
}

.cssShoutText,
.cssShoutText * {
  font-family: 'IBMVGA8', monospace !important;
  font-size: 18px !important;
  color: #00ffff !important;
}
body .shoutbox-wrapper .cssShoutText {
  font-family: 'IBMVGA8', monospace !important;
  font-size: 18px !important;
  color: #00ffff !important;
}