body {margin: 0px; background: #FFFFFF; color: #333333; font: normal 13px Arial, Tahoma, Verdana; line-height: 18px; cursor: default; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; -webkit-touch-callout: none}

span.init {display: none}

img {border: 0px}
img.logo {margin-top: 0px}

p {margin: 0px; padding: 0px}
p.wciecie {text-indent: 3em}

sup {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 9px}

ul, ol {margin: 0px 10px 0px 10px; padding: 0px; text-indent: 0px; text-align: left}
li {margin: 0px 10px 0px 10px; padding: 0px; text-indent: 0px}

A:link, A:visited {color: #4040FF; text-decoration: none}
A:hover {color: #0000FF; text-decoration: none}

.wrapper-init {display: table; margin: 0px auto}
.wrapper-row {display: table-row}
.wrapper-body	{display: table-row-group}
.wrapper-cell {display: table-cell}

label, input, button, select {font-size: inherit; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box}
                                           
form, input, textarea {margin: 0px; padding: 0px}
fieldset, select, input, button {border-width: 0px; border-radius: 0px}
input:focus {outline: none; background-color: #ffffaa; background-color: rgba(255,255,210,0.5)}

input[name="submit"] {width: 170px}

div.ustawienia li {color: #E00000}

img.grayscale {display: inline-block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%)}

#field-shadow {background: -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)}
#field-shadow:hover {background: -moz-linear-gradient(top, rgba(255,255,255,.5) 0%, rgba(240,240,240,0) 50%); background: -webkit-linear-gradient(top, rgba(255,255,255,5) 0%, rgba(240,240,240,0) 50%); background: linear-gradient(to bottom, rgba(255,255,255,4) 0%, rgba(240,240,240,0) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00f0f0f0', GradientType=0)}
#login-shadow, #default-shadow {background: rgb(238,238,238); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0)}

input.zaloguj:hover {border: 1px solid #E00000}
input.login:hover {border: 1px solid #008000}

p.footer {width: 100%; margin-top: 8px; margin-bottom: 8px; text-align: center; vertical-align: middle; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #333333; line-height: 11px}
p.footer img {vertical-align: middle; margin-right: 4px}

p.info {color: #800000}
pre {margin: 0px 0px 12px 0px; padding: 0px; display: block; font: normal 13px Arial, Tahoma, Verdana; line-height: 18px; color: #008000}

div.login {width: 600px; display: table-cell; text-align: center; vertical-align: middle}
form.login {height: 560px; padding-top: 90px; font: bold 14px Arial, Tahoma, Verdana; color: #333333; line-height: 20px}
div.login-label {margin: 30px 0px 30px 0px}
#label {width: 150px; height: 40px; text-align: right; padding: 0px 4px 0px 0px}
#input {width: 450px; height: 40px; margin: 0px; padding: 0px; text-align: left}

form.login {margin: auto auto auto auto; display: block; width: 600px}
input.login {margin: 6px 0px 6px 0px; padding: 0px 2px 0px 2px; width: 280px; height: 40px; border: 1px solid #333333; color: #333333}
input.zaloguj {margin: 26px 0px 26px 0px; padding: 0px 2px 0px 2px; width: 280px; height: 40px; border: 1px solid #AAAAAA; cursor: pointer}

label {cursor: pointer}
p.red {color: #E00000}
p.green {color: #008000}

#clock {color: #008000} 

#upmenutable {width: 100%; height: 80px; background-color: #F8F8F8; font: normal 12px Arial, Tahoma, Verdana; color: #000000; line-height: 16px}
#upmenucelllogo {width: 80px; padding-top: 4px; vertical-align: middle}
#upmenucelllogo img {width: 60px; height: 80px}
#upmenucellwyloguj {width: 100px; text-align: right; vertical-align: middle}
#upmenucellwyloguj img {margin-left: 4px; margin-right: 10px; vertical-align: middle}
#upmenucell1 {width: 350px}
#upmenucell2 {width: 570px}
#upmenucell1, #upmenucell2, #upmenucellwyloguj {vertical-align: middle}
#upmenucell1 {text-align: left}
#upmenucell2 {text-align: left}
#upmenucell2 #link {padding-left: 1px; padding-right: 1px}
#upmenucell2 #link a {padding: 8px 2px 8px 2px; font-weight: bold; color: #808080}
#upmenucell2 #link a:hover {color: #404040; background-color: #E8E8E8}
#upmenucell2 #dash {display: none}
#ham {display: none}
div.nav {}
div.navshow {}

#themetable {width: 100%; font: normal 12px Arial, Tahoma, Verdana; color: #000000; line-height: 16px}
#themecell {padding-top: 8px; width: 1100px; height: 400px}
#themecell input {border: 1px solid black}

#default {width: 800px}
#default img {margin-bottom: 4px; opacity: 0.7; filter: alpha(opacity=70)}
#default img:hover {opacity: 1.0; filter: alpha(opacity=100)}
#default div.wrapper-cell {width: 200px; height: 180px; font-weight: bold; text-align: center}

input.usersadd {width: 100%; height: 24px; border: 1px solid #A00000; color: #A00000; vertical-align: middle; cursor: pointer}
input.usersadd:hover {background-color: #F8F8F8; color: #800000}

#users {width: 1100px}
#users div.wrapper-row, #users div.wrapper-row:first-child:hover {background-color: #F0F0F0; cursor: default}
#users #dr {color: green}
#users div.wrapper-row:hover {background-color: #E0E0E0; cursor: pointer}
#users div.wrapper-cell {height: 28px; line-height: 28px; padding-left: 4px; padding-right: 4px; border: 1px solid white; vertical-align; middle}
#users #c1 {text-align: right}
#users #c3, #c4, #c5, #c6, #c7, #c8 {text-align: center}
#users #c9 {display: none}
#users div.wrapper-row:first-child, #users #c1:first-child {font-weight: bold}
#users div.wrapper-cell label {display: none}
#users #c4 img, #users #c8 img {vertical-align; middle; position: relative; top: 4px; width: 16px; height: 16px} 
#users img.unactive {opacity: 0.5; filter: alpha(opacity=50); cursor: default}

#usersadd div.wrapper-init {width: 1100px}
#usersadd div.wrapper-cell {padding: 4px 10px 4px 10px; background-color: #F0F0F0; border: 1px solid white}
#usersadd div.wrapper-row div.wrapper-cell:first-child {width: 450px; text-align: right} 
#usersadd div.wrapper-row div.wrapper-cell:last-child {width: 650px; text-align: left} 
#usersadd div.wrapper-cell input {padding: 0px 2px 0px 2px; height: 28px}
#usersadd #odstep {height: 28px}
#usersadd div.wrapper-cell input[name='login'] {width: 120px}
#usersadd div.wrapper-cell input[name='starehaslo'],
#usersadd div.wrapper-cell input[name='haslo1'],
#usersadd div.wrapper-cell input[name='haslo2'],
#usersadd div.wrapper-cell input[name='imie'],
#usersadd div.wrapper-cell input[name='nazwisko'] {width: 160px}
#usersadd div.wrapper-cell input[name='email'] {width: 240px}
#usersadd div.wrapper-cell input[name='telefon'] {width: 120px}
#usersadd div.wrapper-cell input[name='nazwa1'],
#usersadd div.wrapper-cell input[name='nazwa2'],
#usersadd div.wrapper-cell input[name='nazwa3'] {width: 400px}
#usersadd div.wrapper-cell input[name='nip'],
#usersadd div.wrapper-cell input[name='regon'],
#usersadd div.wrapper-cell input[name='telefonfirmowy'] {width: 120px}
#usersadd div.wrapper-cell input[name='emailfaktury'],
#usersadd div.wrapper-cell input[name='ulica'] {width: 240px}
#usersadd div.wrapper-cell input[name='dom'],
#usersadd div.wrapper-cell input[name='nr'] {width: 60px}
#usersadd div.wrapper-cell input[name='kod'] {width: 120px}
#usersadd div.wrapper-cell input[name='miejscowosc'] {width: 160px}
#usersadd div.wrapper-cell input[name='kraj'] {width: 120px}
#usersadd div.wrapper-cell input[name='aktywny'] {width: 60px} 
#usersadd div.wrapper-cell input[name='dodaj'] {width: 240px; cursor: pointer; border: 1px solid #A00000; color: #A00000}
#usersadd div.wrapper-cell input[name='dodaj']:hover {background-color: #F8F8F8; color: #800000}

#formpackets input[name='button'] {vertical-align: middle; width: 200px; height: 24px; margin-right: 10px; color: #800000; cursor: pointer}
#formpackets input[name='button']:hover {background-color: #F8F8F8}
#formpackets input[name='start'], #formpackets input[name='end'] {text-align: center; vertical-align: middle; margin: 0px 2px 0px 2px; width: 80px; height: 24px; color: #000080; cursor: pointer}
#formpackets select {vertical-align; middle; width: 200px; height: 24px; margin-left: 10px; background-color: #F8F8F8; color: #000080; border: 1px solid black; cursor: pointer}
#formpackets #ks, #formpackets #ke {opacity: 0.8; filter: alpha(opacity=80); vertical-align: middle; cursor: pointer}
#formpackets #ks:hover, #formpackets #ke:hover {opacity: 1.0; filter: alpha(opacity=100)}

#formsubdomains input[name='submit'], #formdomains input[name='submit'] {vertical-align: middle; width: 200px; height: 24px; margin-right: 10px; color: #800000; cursor: pointer}
#formsubdomains input[name='submit']:hover, #formdomains input[name='submit']:hover {background-color: #F8F8F8}
#formsubdomains input[name='day'], #formsubdomains input[name='szukaj'], #formsubdomains input[name='submit'], #formdomains input[name='day'], #formdomains input[name='szukaj'], #formdomains input[name='submit'] {text-align: center; vertical-align: middle; margin: 0px 2px 0px 2px; width: 80px; height: 24px; color: #000080; cursor: pointer}
#formsubdomains select, #formdomains select {vertical-align; middle; width: 200px; height: 20px; background-color: #F8F8F8; color: #000080; border: 1px solid black; cursor: pointer}
#formsubdomains #dayimage, #formdomains #dayimage {margin-right: 2px; opacity: 0.8; filter: alpha(opacity=80); vertical-align: middle; cursor: pointer}
#formsubdomains #dayimage:hover, #formdomains #dayimage:hover {opacity: 1.0; filter: alpha(opacity=100)}

#packets {width: 1100px}
#packets div.wrapper-row, #packets div.wrapper-row:first-child:hover {background-color: #F0F0F0; cursor: default}
#packets div.wrapper-row:hover {background-color: #E0E0E0; cursor: pointer}
#packets div.wrapper-cell {height: 28px; line-height: 28px; padding-left: 4px; padding-right: 4px; border: 1px solid white; vertical-align; middle}
#packets div.wrapper-row:first-child, #packets div.wrapper-cell:first-child {font-weight: bold}
#packets div.wrapper-cell:first-child {text-align: right}
#packets div.wrapper-cell:nth-child(2), #packets div.wrapper-cell:nth-child(3), #packets div.wrapper-cell:nth-child(5), #packets div.wrapper-cell:nth-child(6) {text-align: right}
#packets div.wrapper-cell:nth-child(7),
#packets div.wrapper-cell:nth-child(8),
#packets div.wrapper-cell:nth-child(9),
#packets div.wrapper-cell:nth-child(10),
#packets div.wrapper-cell:nth-child(11),
#packets div.wrapper-cell:nth-child(12),
#packets div.wrapper-cell:nth-child(13),
#packets div.wrapper-cell:nth-child(14) {vertical-align: middle; text-align: center}
#packets div.wrapper-cell:nth-child(13) img {vertical-align; middle; position: relative; bottom: 1px; width: 22px; height: 16px}
#packets div.wrapper-cell:nth-child(14) img {vertical-align; middle; position: relative; top: 4px; width: 16px; height: 16px}

#formdomains input[name='button'], #formdomains input[name='domena'] {vertical-align: middle; padding: 0px 2px 0px 2px; width: 200px; height: 24px; margin-right: 10px; color: #800000; cursor: pointer}
#formdomains input[name='button']:hover {background-color: #F8F8F8}
#formdomains select {vertical-align: middle; width: 200px; height: 24px; margin-left: 10px; background-color: #F8F8F8; color: #000080; border: 1px solid black; cursor: pointer}
#formdomains label {vertical-align: middle; margin-left: 10px}
#formdomains input[name='tensam'] {vertical-align: middle}

#domains {width: 1100px}
#domains div.wrapper-row, #domains div.wrapper-row:first-child:hover {background-color: #F0F0F0; cursor: default}
#domains div.wrapper-row:hover {background-color: #E0E0E0; cursor: pointer}
#domains div.wrapper-cell {height: 28px; line-height: 28px; padding-left: 4px; padding-right: 4px; border: 1px solid white; vertical-align; middle}
#domains div.wrapper-row:first-child, #domains div.wrapper-cell:first-child {font-weight: bold}
#domains div.wrapper-cell:first-child {text-align: right}
#domains div.wrapper-cell:nth-child(4),
#domains div.wrapper-cell:nth-child(5),
#domains div.wrapper-cell:nth-child(6),
#domains div.wrapper-cell:nth-child(7),
#domains div.wrapper-cell:nth-child(8),
#domains div.wrapper-cell:nth-child(9) {vertical-align: middle; text-align: center}
#domains div.wrapper-cell:nth-child(8) img {vertical-align; middle; position: relative; bottom: 1px; width: 22px; height: 16px}
#domains div.wrapper-cell:nth-child(9) img {vertical-align; middle; position: relative; top: 4px; width: 16px; height: 16px}

#formsubdomains input[name='subdomena'] {vertical-align: middle; text-align: right; width: 150px; height: 24px; margin-right: 2px; padding-right: 4px; color: #800000; cursor: pointer}
#formsubdomains input[name='button'] {vertical-align: middle; width: 200px; height: 24px; margin-left: 8px; color: #800000; cursor: pointer}
#formsubdomains input[name='button']:hover {background-color: #F8F8F8}
#formsubdomains select {vertical-align: middle; width: 200px; height: 24px; margin-left: 2px; background-color: #F8F8F8; color: #000080; border: 1px solid black; cursor: pointer}
#formsubdomains label {vertical-align: middle; margin-left: 10px}
#tensam #mce, #logs {vertical-align: middle; margin: 0px; padding: 0px}

#subdomains {width: 1100px}
#subdomains div.wrapper-row, #subdomains div.wrapper-row:first-child:hover {background-color: #F0F0F0; cursor: default}
#subdomains div.wrapper-row:hover {background-color: #E0E0E0; cursor: pointer}
#subdomains div.wrapper-cell {height: 28px; line-height: 28px; padding-left: 4px; padding-right: 4px; border: 1px solid white; vertical-align; middle}
#subdomains div.wrapper-row:first-child, #subdomains div.wrapper-cell:first-child {font-weight: bold}
#subdomains div.wrapper-cell:first-child {text-align: right}
#subdomains div.wrapper-cell:nth-child(4),
#subdomains div.wrapper-cell:nth-child(5),
#subdomains div.wrapper-cell:nth-child(6),
#subdomains div.wrapper-cell:nth-child(7),
#subdomains div.wrapper-cell:nth-child(8),
#subdomains div.wrapper-cell:nth-child(9) {vertical-align: middle; text-align: center}
#subdomains div.wrapper-cell:nth-child(9) img {vertical-align; middle; position: relative; top: 4px; width: 16px; height: 16px}

#formemails input[name='email'], #formemails input[name='emailpass'] {vertical-align: middle; text-align: right; width: 150px; height: 24px; margin-right: 2px; padding-right: 4px; color: #800000}
#formemails input[name='at'] {vertical-align: middle; text-align: center; width: 10px; height: 24px; margin-right: 2px; padding-right: 4px; color: #800000; background-color: white; border: 0px}
#formemails input[name='button'] {vertical-align: middle; width: 200px; height: 24px; margin-left: 8px; color: #800000; cursor: pointer}
#formemails input[name='button']:hover {background-color: #F8F8F8}
#formemails select {vertical-align: middle; height: 24px; margin-left: 2px; background-color: #F8F8F8; color: #000080; border: 1px solid black; cursor: pointer}
#formemails label {vertical-align: middle; margin-left: 10px}

#emails {width: 1100px}
#emails div.wrapper-row, #emails div.wrapper-row:first-child:hover {background-color: #F0F0F0; cursor: default}
#emails div.wrapper-row:hover {background-color: #E0E0E0; cursor: pointer}
#emails div.wrapper-cell {height: 28px; line-height: 28px; padding-left: 4px; padding-right: 4px; border: 1px solid white; vertical-align; middle}
#emails div.wrapper-row:first-child, #emails div.wrapper-cell:first-child {font-weight: bold}
#emails div.wrapper-cell:first-child {text-align: right}
#emails div.wrapper-cell:nth-child(4),
#emails div.wrapper-cell:nth-child(5),
#emails div.wrapper-cell:nth-child(6),
#emails div.wrapper-cell:nth-child(7),
#emails div.wrapper-cell:nth-child(8),
#emails div.wrapper-cell:nth-child(9) {vertical-align: middle; text-align: center}
#emails div.wrapper-cell:nth-child(9) img {vertical-align; middle; position: relative; top: 4px; width: 16px; height: 16px}

#emailchangepass input[name='haslo1'], #emailchangepass input[name='haslo2'] {margin-left: 8px; width: 160px}
#emailchangepass input[name='zmien'] {margin-left: 8px; width: 160px; font-weight: bold; color: red; border: 2px solid red; cursor: pointer;}

form[name='log'] {margin-bottom: 4px}
form[name='log'] select[name='typ'] {vertical-align: middle; height: 24px; margin-right: 2px; background-color: #F8F8F8; color: #000080; border: 1px solid black; cursor: pointer}
#day {vertical-align: middle; text-align: right; width: 80px; height: 24px; margin-right: 2px; padding-right: 4px; color: #800000; cursor: pointer}
#image-day {vertical-align: middle; cursor: pointer}
form[name='log'] #szukaj {vertical-align: middle; text-align: right; width: 250px; height: 24px; margin-right: 2px; padding-right: 4px; color: #800000; cursor: pointer}
form[name='log'] #submit {vertical-align: middle; text-align: center; width: 100px; height: 24px; margin-right: 2px; padding-right: 4px; color: #800000; cursor: pointer}
form[name='log'] #id {vertical-align: middle; color: #000000; cursor: pointer}
form[name='log'] #label-id {vertical-align: middle; color: #000000; cursor: pointer}
textarea.logs {margin-top: 4px; width: 1080px; height: 500px; resize: none}
pre.logs {display: block; margin-top: 4px; padding: 1px; font-size: 13px; line-height: 15px; font-family: Monospace; color: black; border: 1px solid #888888; width: 1080px; height: 500px; white-space: pre-wrap; overflow-wrap: break-word; overflow: auto; -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; -webkit-touch-callout: default}
span.log-domain {color: #008800; font-weight: bold}
span.log-domain-blacklist{color: #000000; font-weight: bold}
span.log-email-from {color: #FF0000; font-weight: bold}
span.log-ns {color: #0000FF; font-weight: bold}
span.log-smtp {color: #008000; font-weight: bold}
span.log-email-to {color: #0000FF; font-weight: bold}
span.log-email {color: #C00000; font-weight: bold}
span.log-sender {color: #9900FF; font-weight: bold}
span.log-host {color: #00a000; font-weight: bold}
span.log-ip {color: #6060FF; font-weight: bold}
span.log-spam {color: #c90000; font-weight: bold}

#button-zapisz, #zapiszlogs {vertical-align: middle; text-align: center; margin-top: 4px; margin-bottom: 8px; width: 240px; height: 24px; margin-right: 2px; padding-right: 4px; color: #800000; border: 1px solid black; cursor: pointer}

#formbases input[name='button'] {vertical-align: middle; width: 240px; height: 24px; margin-right: 10px; color: #800000; cursor: pointer}
#formbases input[name='button']:hover {background-color: #F8F8F8}
#formbases input[name='base'], #formbases input[name='basepass'] {vertical-align: middle; width: 120px; height: 24px; margin-right: 10px; background-color: #F8F8F8; color: #000080; border: 1px solid black; cursor: pointer}
#formbases select {vertical-align: middle; height: 24px; margin-left: 2px; background-color: #F8F8F8; color: #000080; border: 1px solid black; cursor: pointer}

#bases {width: 1100px}
#bases div.wrapper-row, #bases div.wrapper-row:first-child:hover {background-color: #F0F0F0; cursor: default}
#bases div.wrapper-row:hover {background-color: #E0E0E0; cursor: pointer}
#bases div.wrapper-cell {height: 28px; line-height: 28px; padding-left: 4px; padding-right: 4px; border: 1px solid white; vertical-align; middle}
#bases div.wrapper-row:first-child, #bases div.wrapper-cell:first-child {font-weight: bold}
#bases div.wrapper-cell:first-child {text-align: right}
#bases div.wrapper-cell:nth-child(5), #bases div.wrapper-cell:nth-child(6) {text-align: center}
#bases div.wrapper-cell:nth-child(6) img {vertical-align; middle; position: relative; top: 4px; width: 16px; height: 16px}
#bases div.wrapper-cell:nth-child(3) img {vertical-align: middle; margin-right: 4px; width: 20px; height: 20px} 
#bases div.wrapper-cell:nth-child(4) img {vertical-align: middle; margin-right: 4px} 

div.security {width: 1050px; margin-left: 0px; margin-bottom: 20px}
div.security div.wrapper-row, div.security div.wrapper-row:first-child:hover {background-color: #F0F0F0; cursor: default}
div.security div.wrapper-row:hover {background-color: #E0E0E0; cursor: pointer}
div.security div.wrapper-cell {height: 28px; line-height: 28px; padding-left: 4px; padding-right: 4px; border: 1px solid white; vertical-align; middle}
div.security div.wrapper-row:first-child, div.security div.wrapper-cell:first-child {font-weight: bold}
div.security div.wrapper-cell:nth-child(1) {width: 50px; text-align: right}
div.security div.wrapper-cell:nth-child(2) {width: 350px; color: #0000C0}
div.security div.wrapper-cell:nth-child(3) {width: 350px; text-align: center; color: #0000E0}
div.security div.wrapper-cell:nth-child(4) {width: 150px; text-align: center}
div.security div.wrapper-cell:nth-child(5) {width: 150px; text-align: center}
div.security div.wrapper-cell:nth-child(4) img {vertical-align: middle; width: 16px; height: 16px;}
div.security div.wrapper-cell:nth-child(5) img {vertical-align: middle; width: 18px; height: 18px;}
div.security div.wrapper-cell:nth-child(6) {display: none}

p.service {font-weight: bold; color: #A00000}

input.showmenu {padding: 2px 10px 2px 10px; margin-bottom: 20px; margin-right: 10px; cursor: pointer}

div.versions div:nth-child(2n-1) {}
div.versions div:nth-child(2n) {color: #800000; font-weight: bold; margin-bottom: 13px; -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text}



@media screen and (min-width: 1100px) {
}

@media screen and (max-width: 1100px) {
.wrapper-init {width: 100%}

div.login {width: 100%; display: table-cell; text-align: center; vertical-align: middle}
form.login {height: 560px; padding-top: 100px; font: bold 14px Arial, Tahoma, Verdana; color: #333333; line-height: 20px}
div.login-label {margin: 30px 0px 30px 0px}
#label {width: 50px; height: 40px; text-align: right; padding: 0px 4px 0px 0px}
#input {width: 150px; height: 40px; margin: 0px; padding: 0px; text-align: left}

pre {font-size: 16px; white-space: normal}

form.login {margin: auto auto auto auto; display: block; width: 300px}
input.login {margin: 6px 0px 6px 0px; padding: 0px 2px 0px 2px; width: 180px; height: 40px; border: 1px solid #333333; color: #333333}
input.zaloguj {margin: 26px 0px 26px 0px; padding: 0px 2px 0px 2px; width: 180px; height: 40px; border: 1px solid #AAAAAA; cursor: pointer}

#upmenutable {width: 100%; height: 80px; background-color: #F8F8F8; vertical-align: middle; font: normal 13px Arial, Tahoma, Verdana; color: #000000; line-height: 20px}
#upmenucelllogo {display: block; text-align: center; padding-top: 4px; width: 100%}
#upmenucelllogo img {width: 120px; height: 160px}
#upmenucellwyloguj {display: block; position: absolute; top: 14px; right: 14px; text-align: right; width: 100%; height: 40px; font-size: 16px; vertical-align: middle}
#upmenucell1, #upmenucell2 {display: block; margin-top: 8px; margin-bottom: 8px; width: 100%; min-height: 40px; text-align: center}
#upmenucell2 a {padding-left: 0px; padding-right: 0px}
#upmenucell2 #link {display: block; font-size: 16px; font-weight: bold; width: 99%; height: 34px}
#upmenucell2 #link a {display: block; width: 100%; height: 25px; padding-top: 6px; padding-bottom: 2px; border-bottom: 1px solid white; background-color: #E0E0E0}
#upmenucell2 #link a:hover {background-color: #C0C0C0}
#upmenucell2 #dash {display: none}
#upmenucell2 div.last {padding-left: 20px; text-align: left}
#upmenucell2 div.last span {display: block}
#full {cursor: pointer; font-size: 16px}
#timeserver {font-size: 16px}
#ham {display: block; cursor: pointer; margin-bottom: 8px}
div.nav, div.time, div.last {display: none}
div.show {display: block}

#themetable {width: 100%; font: normal 16px Arial, Tahoma, Verdana; color: #000000; line-height: 16px}
#themecellleft, #themecellright {width: 16px} 

#default {width: 100%}
#default div.wrapper-cell {display: block; width: 100%}

input.usersadd {width: 90%; height: 34px}

#users {width: 100%}
#users div.wrapper-cell {display: block; width: 100%; padding-left: 0px; padding-top: 0px}
#users #c1, #c2, #c5 {text-align: center}
#users #c9 {display: block}
#users div.wrapper-row:first-child {display: none}
#users div.wrapper-cell label {display: inline; color: #888888} 
#users #c4 img, #users #c8 img {vertical-align; middle; position: relative; top: 2px; width: 24px; height: 24px} 

#usersadd div.wrapper-init {width: 95%}
#usersadd div.wrapper-cell {width: 95%; display: block}
#usersadd div.wrapper-row div.wrapper-cell:first-child {width: 95%; text-align: left}
#usersadd div.wrapper-row div.wrapper-cell:last-child {width: 95%} 
#usersadd div.wrapper-cell input {padding: 0px 2px 0px 2px; height: 28px}
#usersadd #odstep {height: 28px}
#usersadd div.wrapper-cell input[name='login'] {width: 70%}
#usersadd div.wrapper-cell input[name='aktywny'],
#usersadd div.wrapper-cell input[name='starehaslo'],
#usersadd div.wrapper-cell input[name='haslo1'],
#usersadd div.wrapper-cell input[name='haslo2'],
#usersadd div.wrapper-cell input[name='imie'],
#usersadd div.wrapper-cell input[name='nazwisko'],
#usersadd div.wrapper-cell input[name='email'],
#usersadd div.wrapper-cell input[name='telefon'],
#usersadd div.wrapper-cell input[name='nazwa1'],
#usersadd div.wrapper-cell input[name='nazwa2'],
#usersadd div.wrapper-cell input[name='nazwa3'],
#usersadd div.wrapper-cell input[name='nip'],
#usersadd div.wrapper-cell input[name='regon'],
#usersadd div.wrapper-cell input[name='telefonfirmowy'],
#usersadd div.wrapper-cell input[name='emailfaktury'],
#usersadd div.wrapper-cell input[name='ulica'],
#usersadd div.wrapper-cell input[name='dom'],
#usersadd div.wrapper-cell input[name='nr'],
#usersadd div.wrapper-cell input[name='kod'],
#usersadd div.wrapper-cell input[name='miejscowosc'],
#usersadd div.wrapper-cell input[name='kraj'] {width: 100%}
#usersadd div.wrapper-cell input[name='dodaj'] {width: 100%; cursor: pointer; border: 1px solid #A00000; color: #A00000}
#usersadd div.wrapper-cell input[name='dodaj']:hover {background-color: #F8F8F8; color: #800000}

#formpackets input[name='button'] {display: block; width: 100%; height: 28px}
#formpackets input[name='start'], #formpackets input[name='end'] {margin: 10px 4px 0px 0px; width: 100px; height: 28px; color: #000080; cursor: pointer}
#formpackets select {display: block; vertical-align; width: 99%; height: 34px; margin: 10px 0px 10px 0px}
#formpackets option {line-height: 34px; padding: 2px 0px 2px 0px; font-size: 24px}
#formpackets #ks, #formpackets #ke {margin: 10px 0px 0px 0px}

#packets {width: 100%}
#packets div.wrapper-row:first-child {display: none}
#packets div.wrapper-cell {width: 100%; display: block; text-align: center}
#packets div.wrapper-cell:first-child {text-align: center}
#packets div.wrapper-cell:nth-child(2), #packets div.wrapper-cell:nth-child(3), #packets div.wrapper-cell:nth-child(5), #packets div.wrapper-cell:nth-child(6) {text-align: center}

#formdomains label {display: block; margin-top: 16px}

#domains {width: 100%}
#domains div.wrapper-row:first-child {display: none}
#domains div.wrapper-cell {width: 100%; display: block; text-align: center}
#domains div.wrapper-cell:first-child {text-align: center}
#domains div.wrapper-cell:nth-child(2), #domains div.wrapper-cell:nth-child(3), #domains div.wrapper-cell:nth-child(4), #domains div.wrapper-cell:nth-child(5), #domains div.wrapper-cell:nth-child(6), #domains div.wrapper-cell:nth-child(7) {text-align: center}

#formsubdomains input[name='button'] {display: block; margin-left: 0px; margin-top: 14px}
#formsubdomains input[name='subdomena'] {width: 100px}
#formsubdomains select {width: 190px}

#subdomains {width: 100%}
#subdomains div.wrapper-row:first-child {display: none}
#subdomains div.wrapper-cell {width: 100%; display: block; text-align: center}
#subdomains div.wrapper-cell:first-child {text-align: center}
#subdomains div.wrapper-cell:nth-child(2), #subdomains div.wrapper-cell:nth-child(3), #subdomains div.wrapper-cell:nth-child(4), #subdomains div.wrapper-cell:nth-child(5), #subdomains div.wrapper-cell:nth-child(6), #subdomains div.wrapper-cell:nth-child(7) {text-align: center}

#formemails input[name='button'] {display: block; margin-left: 0px; margin-top: 14px}
#formemails input[name='subdomena'] {width: 100px}
#formemails input[name='emailpass'] {display: block; margin: 8px 0px 2px 0px}
#formemails select[name='quota'] {display: block; margin: 8px 0px 2px 0px}
#formemails select {width: 190px}

#emails {width: 100%}
#emails div.wrapper-row:first-child {display: none}
#emails div.wrapper-cell {width: 100%; display: block; text-align: center}
#emails div.wrapper-cell:first-child {text-align: center}
#emails div.wrapper-cell:nth-child(2), #emails div.wrapper-cell:nth-child(3), #emails div.wrapper-cell:nth-child(5), #emails div.wrapper-cell:nth-child(6) {text-align: center}

form[name='log'] {margin-bottom: 4px}
form[name='log'] select[name='typ'] {display: block; vertical-align: middle; width: 95%; height: 34px; background-color: #F8F8F8; color: #000080; border: 1px solid black; cursor: pointer}
form[name='log'] #day {vertical-align: middle; text-align: right; width: 100px; height: 28px; margin-top: 2px; margin-right: 2px; padding-right: 4px; color: #800000; cursor: pointer}
form[name='log'] #image-day {vertical-align: middle; margin-top: 2px; cursor: pointer}
form[name='log'] #szukaj {display: block; width: 95%; vertical-align: middle; text-align: right; height: 28px; margin-top: 2px; margin-bottom: 2px; padding-right: 4px; color: #800000; cursor: pointer}
form[name='log'] #submit {display: block; width: 95%; vertical-align: middle; text-align: center; height: 28px; padding-right: 4px; color: #800000; cursor: pointer}
form[name='log'] #id {vertical-align: middle; color: #000000; cursor: pointer}
form[name='log'] #label-id {vertical-align: middle; color: #000000; cursor: pointer}
textarea.logs, pre.logs {display: block; margin-top: 4px; width: 95%; height: 50vh; overflow-wrap: break-word; resize: none}
#button-zapisz, #zapiszlogs {display: block; vertical-align: middle; text-align: center; margin-top: 4px; margin-bottom: 8px; width: 80%; height: 28px; margin-right: 2px; padding-right: 4px; color: #800000; border: 1px solid black; cursor: pointer}

#bases {width: 100%}
#bases div.wrapper-row:first-child {display: none}
#bases div.wrapper-cell {width: 100%; display: block; text-align: center}
#bases div.wrapper-cell:first-child {text-align: center}
#bases div.wrapper-cell:nth-child(2), #bases div.wrapper-cell:nth-child(3), #bases div.wrapper-cell:nth-child(4), #bases div.wrapper-cell:nth-child(5), #bases div.wrapper-cell:nth-child(6) {text-align: center}

div.security {width: 100%; margin-bottom: 40px}
div.security div.wrapper-row:first-child {display: none}
div.security div.wrapper-cell {height: 44px; line-height: 44px; vertical-align: middle;}
div.security div.wrapper-cell:nth-child(n) {width: 100%; display: block; text-align: center}
div.security div.wrapper-cell:nth-child(4) img {vertical-align: middle; width: 24px; height: 24px}
div.security div.wrapper-cell:nth-child(5) img {vertical-align: middle; width: 18px; height: 18px}
div.security div.wrapper-cell:nth-child(6) {background-color: white;}

p.service {font-weight: bold; color: #A00000}


p.footer {width: 100%; margin-top: 8px; margin-bottom: 8px; text-align: center; vertical-align: middle}
p.footer img {display: block; margin: 4px auto 4px auto; text-align: center; vertical-align: middle}
p.footer span {display: block}
}