body {
    width: 100%;
    height: 100%;
    background: #f3f3f3;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a:link,
a:visited {
    color: #575757;
    text-decoration: none;
}

a:hover {
    color: #898989;
    text-decoration: underline;
}

a:active {
    color: #cdcdcd;
}

p,
pre,
form,
ol,
.nav ul,
table {
    line-height: 1.2;
    margin: 0 0 1em;
    color: #333;
}

tr,
th,
td,
li {
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
}

th[rowspan] {
    vertical-align: top !important
}

b,
strong {
    font-weight: bold;
}

h1,
h2,
h3,
h4 {
    color: #575757;
    margin: 0 0 0.5em;
}

h1 {
    font-size: 3em;
}

h2 {
    font-size: 2em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.2em;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

input[type='checkbox'],
input[type='radio'],
select {
    cursor: pointer;
}

input[type='file'] {
    border-style: solid;
    border-width: thin;
    border-color: #777;
    margin-left: .5em;
}

table,
tr,
th,
td,
thead,
tbody,
tfoot {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-spacing: 0;
}

table {
    width: 100%;
    padding: 0 .5em .5em;
    bcolor: #575757;
    position: relative;
}

thead:before,
thead:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 24px;
    background: #575757;
}

thead.box:before,
thead.box:after {
    height: 26px;
}

thead:after {
    left: auto;
    right: 0;
}

thead tr {
    background: #575757;
    color: #fff;
}

th {
    font-weight: bold;
    white-space: nowrap;
}

.nopad th,
.cont td {
    padding: .25em .0em;
}

th,
.cont td {
    padding: .25em .5em;
}

.pad02501 th,
.cont td {
    padding: .25em .1em;
}

table.striped tbody tr:nth-child(odd) {
    background: #fff;
}

table.help tbody td:nth-child(1) {
    width: 170px;
}

table.fixed {
    table-layout: fixed;
    word-wrap: break-word;
}

tbody tr.off {
    color: #898989;
}

tbody tr.fail {
    color: #4040a8;
    background-color: #ff4e4e !important;
}

.cont {
    width: 1080px;
    margin: 0 auto;
    position: relative;
}

.center {
    text-align: center;
}

.bodycenter td {
    text-align: center;
}

.green {
    color: #27af44;
}

.left {
    float: left;
}

.right {
    float: right;
}

.hide {
    display: none;
}

.clear:before,
.clear:after {
    content: '';
    display: table;
    clear: both;
}

.grid {
    margin-left: -30px;
}

.grid>* {
    margin: 1em 0;
    padding-left: 30px;
}

.single {
    width: 100%;
    clear: both;
}

.triple {
    width: 33.333333%;
    display: flex;
    align-items: center;
}

.quad {
    width: 25%;
}

.dual,
.triple,
.quad {
    float: left;
}

.triple span {
    float: right;
    width: 12em;
}

.quad input {
    float: right;
    margin-right: 4em;
}

.rel {
    position: relative;
}

.box {
    background: #eee;
}

.box,
.imgc {
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.popup {
    -webkit-box-shadow: 6px 6px 6px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 6px 6px 6px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 6px 6px 6px 2px rgba(0, 0, 0, 0.5);
}

.blackShadow {
    -webkit-box-shadow: 0 0 3px 2px rgb(3, 3, 3);
    -moz-box-shadow: 0 0 3px 2px rgb(3, 3, 3);
    box-shadow: 0 0 3px 2px rgb(3, 3, 3);
}

.btn,
a.btn {
    padding: .15em 1em 0;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: transparent;
    line-height: 1.5;
    border: 1px solid #fff;
    text-transform: uppercase;
    cursor: pointer;
    margin-left: .5em;
    white-space: nowrap;
}

.btn.off {
    cursor: not-allowed;
    color: #878787;
    border-color: #878787;
    text-decoration: none;
}

.btn>.ic {
    width: 16px;
    height: 16px;
    margin: 0 .5em 0 -.5em;
    float: left;
    background-image: url('/img/btn.png');
}

.btn>.save {
    background-position: 0 -16px;
}

.btn>.back {
    background-position: -16px -16px;
}

.btn.off>.fwd {
    background-position: -32px -32px;
}

.btn>.fwd {
    background-position: -32px -16px;
}

.btn.off:hover>.fwd {
    background-position: -32px -32px;
}

.btn>.reset {
    background-position: -48px -16px;
}

.btn>.del {
    background-position: -112px -16px;
}

.btn-group {
    height: 33px;
    background: #575757;
    padding: 0.5em 1em;
}

.btn.tab {
    background: #878787;
}

fieldset>.grid {
    width: 100%;
    margin: 0;
    display: inline-block !important;
}

fieldset>.grid>div {
    margin: .5em 0;
    padding: 0 1em;
}

.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ic,
li .dd {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    display: inline-block;
    background-image: url('/img/ctr.png');
    background-repeat: no-repeat;
}

.ic.lockgrey {
    background-position: 0 -32px;
}

.ic.lockwhite {
    background-position: 0 -48px;
}

.ic.lock {
    background-position: 0 -16px;
}

a.act>.lock {
    background-position: 0 -32px;
}

.ic.status {
    background-position: -16px -16px;
}

.ic.statusred {
    background-position: -16px -80px;
}

a.act>.status {
    background-position: -16px -32px;
}

.ic.chain {
    background-position: -32px -16px;
}

.ic.chainwhite {
    background-position: -32px -48px;
}

.ic.chainred {
    background-position: -32px -80px;
}

a.act>.chain {
    background-position: -32px -32px;
}

.ic.dot {
    background-position: -48px -16px;
}

a.act>.dot {
    background-position: -48px -32px;
}

.ic.edit {
    background-position: -64px -16px;
}

a.act>.edit {
    background-position: -64px -32px;
}

.ic.view {
    background-position: -80px -16px;
}

a.act>.view {
    background-position: -80px -32px;
}

.view.pwd {
    margin: 0 0 2px 0.5em;
}

.ic.hide {
    background-position: -224px -16px;
}

a .hide.pwd {
    margin: 0 0 2px 0.5em;
}

.ic.power {
    background-position: -96px -16px;
}

.ic.powerorange {
    background-position: -96px 0;
}

.ic.powerwhite {
    background-position: -96px -48px;
}

a.act>.power {
    background-position: -96px -32px;
}

.ic.power2 {
    background-position: -112px -16px;
}

a.act>.power2 {
    background-position: -112px -32px;
}

.ic.delete {
    background-position: -128px -16px;
}

a.act>.delete {
    background-position: -128px -32px;
}

.ic.help {
    background-position: -144px -16px;
}

a.act>.help {
    background-position: -144px -32px;
}

.ic.magnifier {
    background-position: -160px -16px;
}

a.act>.magnifier {
    background-position: -160px -32px;
}

.ic.load {
    background-position: -176px -16px;
}

a.act>.load {
    background-position: -176px -32px;
}

.ic.shieldwhite {
    background-position: -192px -48px;
}

.ic.shield {
    background-position: -192px -16px;
}

a.act>.shield {
    background-position: -192px -32px;
}

.ic.eject {
    background-position: -208px -16px;
}

a.act>.eject {
    background-position: -208px -32px;
}

.icl {
    width: 24px;
    height: 18px;
    margin-right: .5em;
    display: inline-block;
    background-image: url('/img/lgs.png');
    background-repeat: no-repeat;
}

.icl.de {
    background-position: 0 0;
}

.icl.en {
    background-position: 0 -18px;
}

.icl.fr {
    background-position: 0 -36px;
}

.icl.es {
    background-position: 0 -54px;
}

.icl.it {
    background-position: 0 -72px;
}

.icl.pt {
    background-position: 0 -90px;
}

.icl.jp {
    background-position: 0 -108px;
}

.icl.cn {
    background-position: 0 -126px;
}

.icl.zh {
    background-position: 0 -144px;
}

.icl.kr {
    background-position: 0 -162px;
}

.nav>li .ic {
    width: 20px;
    height: 20px;
    margin-right: .5em;
    background-image: url('/img/nav.png');
}

.nac {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url('/img/nav.png');
}

.nac.open {
    background-position: -140px -40px
}

.nac.close {
    background-position: -120px -40px
}

.ic.home {
    background-position: 0 -20px;
}

.nav>li>a:hover>.home {
    background-position: 0 -40px;
}

.ic.network {
    background-position: -20px -20px;
}

.nav>li>a:hover>.network {
    background-position: -20px -40px;
}

.ic.devices {
    background-position: -40px -20px;
}

.nav>li>a:hover>.devices {
    background-position: -40px -40px;
}

.ic.security {
    background-position: -60px -20px;
}

.nav>li>a:hover>.security {
    background-position: -60px -40px;
}

.ic.maintenance {
    background-position: -80px -20px;
}

.nav>li>a:hover>.maintenance {
    background-position: -80px -40px;
}

.ic.sitemap {
    background-position: -100px -20px;
}

.nav>li>a:hover>.sitemap {
    background-position: -100px -40px;
}

.ic.printer {
    background-position: -160px -20px;
}

.nav>li>a:hover>.printer {
    background-position: -160px -40px;
}

.wfl {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-color: transparent;
    background-image: url('/img/wifilevel.png');
    background-repeat: no-repeat;
}

.wfl.l0 {
    background-position: 0 0;
}

.wfl.l2 {
    background-position: -30px 0;
}

.wfl.l4 {
    background-position: -60px 0;
}

.wfl.l6 {
    background-position: -90px 0;
}

.wfl.l8 {
    background-position: -120px 0;
}

.wfl.l1 {
    background-position: -150px 0;
}

.wfl.wstat {
    margin: 0 0 -8px 48px;
}

.wfl.tab {
    margin: -3px 0 -3px 4px;
}

.ics {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-color: #fff;
    background-image: url('/img/act.png');
    background-repeat: no-repeat;
}

.ics.power {
    background-position: 0 -32px;
}

.ics.wifi {
    background-position: -128px -32px;
}

.ics.shield {
    background-position: -64px -32px;
}

.ics.help {
    background-position: -96px -32px;
    background-color: transparent;
}

.ics.power.act {
    background-position: 0 0;
}

.ics.network.act {
    background-position: -32px 0;
}

.ics.network {
    background-position: -32px -32px;
}

.ics.network.car {
    background-position: -32px -64px;
}

.ics.shield.act {
    background-position: -64px 0;
}

.ics.wifi.act {
    background-position: -128px 0;
}

.bline .ics {
    float: right;
    margin: -2px 0 0 2px;
}

.bline {
    padding: 6px 12px;
    background: #898989;
}

.bline h2 {
    margin: 0;
    color: #fff;
    display: inline-block;
    align-items: center;
}

.bline>a {
    float: right;
    padding: .5em;
}

.bline>.info {
    font-weight: bold;
    font-size: medium;
    color: white;
}

.hline {
    margin-top: 32px;
    border-bottom: 1px solid #575757;
}

.hline .ics {
    margin-right: .5em;
    margin-bottom: .25em;
    line-height: 32px;
    float: left;
    text-align: center;
    color: #fff;
}

.hline .right>a {
    display: inline-block;
}

.fline {
    background: #fff;
}

.fhead>.left {
    margin-right: 2em;
}

.fhead>.left>label {
    cursor: pointer;
}

.fhead p {
    margin-bottom: 0;
    color: #fff;
}

.fcont {
    padding: 1em;
    background: #eee;
    color: #575757;
}

.fsect fieldset {
    margin-top: 1em;
    border: none;
}

.fsect legend {
    color: #575757;
    font-weight: bold;
    padding-bottom: 1em;
}

.fsect legend.special {
    line-height: 20px;
}

.fsect form>div>fieldset,
.fsect form>fieldset {
    margin: 0 0 1em;
    padding: 0;
}

.fsect form>div>fieldset>legend,
.fsect form>fieldset>legend {
    width: 100%;
    padding: .25em 1em;
    background: #fff;
    margin-bottom: 10px;
}

.fsect fieldset.inner {
    margin: 1em 0;
    padding: 0 2em 2em 1em;
    border-bottom: 5px solid #fff;
}

.fsect fieldset.inner:last-of-type {
    border-bottom: none;
}

.fsect fieldset>div,
.fgroup {
    padding: .25em 0;
    display: flex;
    align-items: center;
    vertical-align: middle;
}

.fgroup label {
    padding: 0 .25em;
}

.fgroup label~input {
    margin-left: .5em;
}

.dual .fgroup label~input {
    margin: 0;
}

.fgroup {
    margin-bottom: .25em;
}

.fgroup.space {
    padding: 0 5em;
}

.fgroup.space6 {
    padding: 0 6em;
}

.fsect .indent {
    margin-left: 192px;
}

.fsect p.note,
.fcont p.note {
    margin: 2px 0 4px 212px;
    font-size: .9em;
    color: #333;
}

.fsect p.none,
.fcont p.none {
    display: none;
}

.fsect p.hint {
    margin: 0 2em;
    font-size: .9em;
}

.fcont .err {
    color: #c00d0e;
    font-weight: bold;
}

.block {
    display: block !important;
}

.block label {
    float: none;
    display: inline-block;
    margin: .25em 0;
    padding: 0;
    width: auto;
    text-align: left;
}

.popdown {
    padding: 0 !important;
    position: relative;
}

.popdown>.goto {
    padding: .5em 1em;
    display: inline-block;
}

.popdown.act>.goto:hover>.ic.edit {
    background-position: -64px -32px;
}

.popup.top {
    top: 100%;
}

.popup.bot {
    bottom: 100%;
}

.popdown.act>.popup {
    display: block;
}

.popup fieldset {
    padding: 0 0 1.5em;
    border: none;
}

.popup label {
    width: 105px;
    display: inline-block;
}

.popup input {
    width: 225px;
}

.popup select {
    max-width: 225px;
}

.popup input~.btn {
    background: #333;
}

.popup .btn-group {
    margin: -.75em;
    background: #878787;
    text-align: center;
}

.m-2 {
    margin: 2em;
}

.my-2 {
    margin: 2em 0;
}

.mx-2 {
    margin: 0 2em;
}

.mt-2 {
    margin-top: 2em;
}

.mt--1 {
    margin-top: -1em;
}

.mt-7 {
    margin-top: 7em !important;
}

.mt-38 {
    margin-top: 38em !important;
}

.mb-2 {
    margin-bottom: 2em;
}

.ml-2 {
    margin-left: 2em;
}

.m-1 {
    margin: 1em;
}

.my-1 {
    margin: 1em 0;
}

.mx-1 {
    margin: 0 1em;
}

.mt-1 {
    margin-top: 1em;
}

.mt4 {
    margin-top: 4px;
}

.mr-0 {
    margin-right: 0;
}

.mr-1 {
    margin-right: 1em;
}

.mr-2 {
    margin-right: 2em;
}

.mb-1 {
    margin-bottom: 1em;
}

.ml-1 {
    margin-left: 1em;
}

.ml-1p {
    margin-left: -1px;
}

.ml-2 {
    margin-left: 2em;
}

.m-0 {
    margin: 0 0;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb--20 {
    margin-bottom: -20px !important;
}

.mb--5 {
    margin-bottom: -5px;
}

.ml-0 {
    margin-left: 0;
}

.ml-17 {
    margin-left: 17px;
}

.ml-140 {
    margin-left: 140px !important;
}

.ml-183 {
    margin-left: 183px;
}

.ml-204 {
    margin-left: 204px;
}

.ml-32 {
    margin-left: 32px;
}

.p-2 {
    padding: 2em;
}

.py-2 {
    padding: 2em 0;
}

.px-2 {
    padding: 0 2em;
}

.pt-2 {
    padding-top: 2em;
}

.pr-2 {
    padding-right: 2em;
}

.pb-2 {
    padding-bottom: 2em ! important;
}

.p-1 {
    padding: 1em;
}

.py-1 {
    padding: 1em 0;
}

.px-1 {
    padding: 0 1em;
}

.pt-1 {
    padding-top: 1em;
}

.pr-1 {
    padding-right: 1em;
}

.pb-1 {
    padding-bottom: 1em;
}

.pl-0 {
    padding-left: 0;
}

.pl-1 {
    padding-left: 1em;
}

.pl-2 {
    padding-left: 2em;
}

.pl-25 {
    padding-left: 2.5em;
}

.pl-3 {
    padding-left: 3em;
}

.p-0 {
    padding: 0;
}

.pt-0 {
    padding-top: 0;
}

.pr-0 {
    padding-right: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.h26 {
    height: 26px;
}

.vlb {
    vertical-align: bottom;
}

.noLeftm {
    margin-left: unset !important;
}

.w760 {
    width: 760px !important;
}

#header {
    width: 1080px;
    margin: auto;
    height: 100px;
    background: #fff;
}

#header .cont {
    height: 100%;
    border-bottom: 1px solid #575757;
}

#header .dongleserver {
    position: absolute;
    top: 32px;
    left: 4px;
}

#header .logo {
    position: absolute;
    right: 4px;
    bottom: 12px;
}

#header .head_text {
    position: absolute;
    bottom: 13px;
    left: 4px;
    font-size: 10px;
}

#header .osrc_text {
    position: absolute;
    bottom: 2px;
    left: 4px;
    font-size: 10px;
}

#header .title {
    display: inline-block;
    margin: 42px 0 0 262px;
}

#header .logout {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 10px;
}

#wrapper {
    margin: 0 auto;
    padding: 0;
}

#left {
    width: 220px;
    height: 100%;
    padding: 18px 0 48px;
    float: left;
}

#left .imgc {
    width: 100%;
    margin-top: 14px;
    padding: 1em .5em;
    background: #fff;
    text-align: center;
}

#left .imgc>img {
    display: inline-block;
}

#left .imgc>span {
    display: block;
}

#left .copyright {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px;
}

#nav {
    margin-top: 1em;
}

#nav>li {
    border-bottom: 1px solid #575757;
    font-size: 1.5em;
    line-height: 2.5;
    text-transform: uppercase;
    position: relative;
}

#nav>li>a:hover {
    color: #878787;
}

#nav>li>.dd {
    cursor: pointer;
    content: '';
    position: absolute;
    top: 10px;
    right: 0px;
    background-position: -140px -40px;
}

#nav>li a:hover {
    text-decoration: none;
}

#nav>li>ul {
    display: none;
}

#nav>li>ul.act {
    display: block;
}

#nav>li>ul>li {
    list-style: none;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: none;
}

#nav>li>ul>li>a {
    padding: 0 0.9em;
    display: block;
}

#nav>li>ul>li>a:hover {
    background-color: #cdcdcd;
}

#nav>li>ul>li.act>a {
    color: #878787;
    background-color: #eee;
}

#nav>li.act>.dd {
    background-position: -120px -40px;
}

#content {
    width: 830px;
    float: right;
}

#lang {
    display: inline-block;
    position: relative;
    z-index: 9;
}

#lang>.nav {
    display: none;
    position: absolute;
    top: 100%;
    left: -38px;
    padding: .5em .75em;
    border: 1px solid #fff;
    background-color: #333;
    white-space: nowrap;
}

#lang:hover>.nav {
    display: block;
}

#lang>.nav a {
    color: #fff;
}

#lang span.lang {
    ;
    text-transform: uppercase;
}

#fake {
    display: none !important;
}

/*
 * the rest are SEH/ms specifics
 *
 */

fieldset .btn-group {
    padding: 0.5em 1em !important;
    background: #777777;
    display: block !important;
}

table .btn-group {
    padding: 3px;
    background: #777777;
    display: block !important;
    float: right;
}

.btn>.lens {
    background-position: -80px -16px;
}

.btn>.downld {
    background-position: 0 -16px;
}

.btn>.upld {
    background-position: -96px -16px;
}

.btn.off>.upld {
    background-position: -96px -32px;
}

.btn.off:hover>.upld {
    background-position: -96px -32px;
}

.btn>.up {
    background-position: -64px -16px;
}

.fsect label {
    width: 200px;
    margin-right: 1em;
    padding-left: .5em;
    float: left;
    text-align: right;
    position: relative;
}

label.long {
    width: 220px;
}

.short label {
    width: 130px;
}

.dual {
    width: 49%;
}

.dual label {
    width: 130px;
}

.dual>.box {
    width: 100%;
}

.fsect .box>fieldset>legend {
    width: 100%;
    padding: 4px;
    background: #fff;
    margin-bottom: 6px;
}

.horr {
    display: flex;
    align-items: center;
}

.horre {
    display: flex;
    align-items: end !important;
}

tr.clickable {
    cursor: pointer;
}

tr.clickable:hover {
    background-color: #F9E3BE;
}

td.clickable {
    cursor: pointer;
}

span.clickable {
    cursor: pointer;
}

table.striped ul {
    margin: 0;
    padding: 0 0 0 3px;
    list-style-type: none;
}

table.striped tbody {
    vertical-align: top;
    font-size: 12px;
}

span.flash {
    background-image: url(/img/flash.png);
    background-position: center -2px;
    float: right;
    width: 12px;
    height: 22px;
    margin-left: 10px;
}

td input {
    margin-left: -1px;
}

div.buttons {
    float: left;
    width: 100px;
}

div.butt {
    float: left;
    width: 48px;
}

legend div {
    display: flex;
    align-items: center;
}

.inner legend div {
    margin: -4px;
}

.single .single {
    width: 92%;
    margin-left: 4%;
}

.hinfo {
    text-shadow: 3px 3px 6px #777;
    color: darkred;
    padding-right: 16px;
    font-size: 18px;
    margin: 22px 0 12px 0;
}

div.shorti {
    width: 14%;
    float: left;
}

span.shorti {
    width: 62%;
    padding: 0 0 0 5px;
}

.popup .btn-group {
    padding: 0;
    margin: 0 0 8px 0;
    text-align: left;
    font-size: 14px;
}

.popup fieldset>div {
    margin-bottom: 6px;
}

.popup .btn {
    margin-left: 0;
}

.weekly {
    align-items: center;
}

.popup .weekly input {
    width: 10px;
    margin-left: 0;
}

.info li {
    font-size: 14px;
    text-decoration: none;
    list-style-type: none;
}

div tr.coloridle0 {
    background-color: #000040;
    color: #ffffa2;
    font-size: 12px;
}

div tr.coloridle1 {
    background-color: #000040;
    color: #ffd700;
    font-size: 12px;
}

div tr.mavail {
    background-color: #000040;
    color: #dda0dd;
    font-size: 12px;
}

div tr.mfree {
    background-color: #000040;
    color: #9400d3;
    font-size: 12px;
}

div tr.tcpu {
    background-color: #000040;
    color: #ff0305;
    font-size: 12px;
}

div tr.tph1 {
    background-color: #000040;
    color: #fc5010;
    font-size: 12px;
}

div tr.tph2 {
    background-color: #000040;
    color: #f36b36;
    font-size: 12px;
}

div tr.tbx1 {
    background-color: #000040;
    color: #d2691e;
    font-size: 12px;
}

div tr.tbx2 {
    background-color: #000040;
    color: #ff8c00;
    font-size: 12px;
}

div tr.tbx3 {
    background-color: #000040;
    color: #e5c504;
    font-size: 12px;
}

div tr.pg1 {
    background-color: #000040;
    color: #99ff66;
    font-size: 12px;
}

div tr.pg2 {
    background-color: #000040;
    color: #50bb11;
    font-size: 12px;
}

div tr.pg3 {
    background-color: #000040;
    color: #068c32;
    font-size: 12px;
}

div tr.pg4 {
    background-color: #000040;
    color: #006622;
    font-size: 12px;
}

div tr.dtaI {
    background-color: #000040;
    color: #d3d3d3;
    font-size: 12px;
}

div tr.dtaO {
    background-color: #000040;
    color: #696969;
    font-size: 12px;
}

pre {
    font-size: 12px;
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
}

#sitemap>li>a {
    font-variant: small-caps;
}

.ckbx {
    margin: 0 4px 0 213px;
}

.ckbxi {
    margin: 0 4px 0 223px;
}

.special input {
    margin-right: 6px;
}

.buttons input[type='radio'] {
    margin: 0 6px 0 0;
}

.zwei>div {
    float: left;
    margin: 0 60px 0 40px;
}

.zwei6>div {
    float: left;
    margin: 0 10px 0 20px;
}

.zwei>p {
    margin-left: 40px;
}

.solo>.btn {
    background-color: #777777;
}

.weekly>input {
    margin: 0 2px 0 10px;
}

.red {
    color: #a60303;
}


fieldset[disabled=''] .btn {
    cursor: not-allowed;
}

div.text {
    margin-left: 1em;
}

div.text ul {
    padding-left: 1em;
}

input[type=password]::-ms-clear,
input::-ms-reveal {
    display: none;
}

.scroller620 {
    width: 620px;
    overflow: scroll;
    white-space: nowrap;
}

.blink {
    width: unset !important;
    font-weight: bold;
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes animation_blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

/* GENERAL STYLES
-------------------------------*/
body {
    font-family: Arial, Helvetica, sans-serif;
    padding: 20px;
}

button {
    padding: 7px 10px;
    margin-right: 5px;
}

/* Secure Warning PopUp -------------------------------*/
.warnModal {
    /* modals are hidden by default */
    display: none;
    opacity: 0;
    transition: opacity 1s;
    /* modal container fixed across whole screen */
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    height: fit-content;
    inset: 0;
    /* z-index must be higher than everything else on the page */
    z-index: 10;
    /* semi-transparent black background exposed by padding */
    background-color: #cdcdcd;
    padding: 40px;
    /* enables scrolling for tall modals */
    overflow: auto;
}

.warnModal h3 {
    color: yellow;
    text-align: center;
    margin: auto;
    padding: inherit;
}

.warnModal ul {
    color: white;
    text-align: left;
    margin-left: 6em;
    margin-top: 0;
    font-size: 1.2em;
}

.warnModal p {
    color: lightgray;
    font-size: x-small;
}

.warnModal span {
    color: lightgray;
    font-size: small;
}

.warnModal.open {
    display: block;
}

.warnModal-body {
    padding: 20px;
}

.warnModal #lang .nav {
    left: -140px !important;
}

.seclang {
    line-height: 32px;
    text-align: center;
}

.hidden {
    display: none;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.5); */
    /* backdrop-filter: blur(3px); */
    z-index: 3;
}

.flex64 {
    display: flex;
    justify-content: space-between;
    padding-top: 3ex;
    line-height: 64px;
}

.flex64_2 {
    display: flex;
    justify-content: center;
    padding-top: 3ex;
    padding-right: 80px;
    line-height: 64px;
}

.redhatch {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, lightcoral 10px, lightcoral 20px) !important;
}

.check li span {
    display: inline-block;
    width: 1.5ex;
}

#wifitab td:nth-child(2) {
    max-width: 16em;
    white-space: nowrap;
    overflow-x: auto;
    display: block;
    margin-top: 4px;
}