html {scroll-behavior: smooth}

body {margin: 0px; padding: 0px; font-family: Roboto, Arial; font-size: 18px; line-height: 24px; cursor: default; color: #000000; background: #EEEEEE; -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}

@font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/roboto/roboto-v18-latin-ext_latin-regular.eot'); src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto/roboto-v18-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/roboto-v18-latin-ext_latin-regular.woff2') format('woff2'), url('../fonts/roboto/roboto-v18-latin-ext_latin-regular.woff') format('woff'), url('../fonts/roboto/roboto-v18-latin-ext_latin-regular.ttf') format('truetype'), url('../fonts/roboto/roboto-v18-latin-ext_latin-regular.svg#Roboto') format('svg')}
@font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../fonts/roboto/roboto-v18-latin-ext_latin-700.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto/roboto-v18-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/roboto-v18-latin-ext_latin-700.woff2') format('woff2'), url('../fonts/roboto/roboto-v18-latin-ext_latin-700.woff') format('woff'), url('../fonts/roboto/roboto-v18-latin-ext_latin-700.ttf') format('truetype'), url('../fonts/roboto/roboto-v18-latin-ext_latin-700.svg#Roboto') format('svg')}
@font-face {font-family: 'Archivo Narrow'; font-style: normal; font-weight: 400; src: url('../fonts/archivo/archivo-narrow-v12-latin-ext_latin-regular.eot'); src: local(''), url('../fonts/archivo/archivo-narrow-v12-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/archivo/archivo-narrow-v12-latin-ext_latin-regular.woff2') format('woff2'), url('../fonts/archivo/archivo-narrow-v12-latin-ext_latin-regular.woff') format('woff'), url('../fonts/archivo/archivo-narrow-v12-latin-ext_latin-regular.ttf') format('truetype'), url('../fonts/archivo/archivo-narrow-v12-latin-ext_latin-regular.svg#ArchivoNarrow') format('svg')}


p {margin: 0px; padding: 0px}

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

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

ol ul li {list-style-type: lower-alpha} 

#go {color: #555555; cursor: pointer}
A:link, A:visited {color: #555555; text-decoration: none}
A:hover, #go:hover {color: #333333; text-decoration: none}


span.showgfx, span.showpdf, span.showaudio {color: #404080; cursor: pointer}
span.showgfx:hover, span.showpdf:hover, span.showaudio:hover {color: #000080}

p.reminder a {color: #8080FF; font-size: 12px}
p.reminder a:hover {color: #0000FF}


h1.logo img, #title img {opacity: 0.6}
h1.logo:hover img, #title:hover img {opacity: 1.0}


A.red:link, A.red:visited {color: #FF5555; text-decoration: none}
A.red:hover {color: #FF3333; text-decoration: none}

form.login, form.reminder, div.reminder {vertical-align: middle; margin-top: 25vh; margin-bottom: 100px}
form.reminder input.przypomnij {width: 300px; cursor: pointer}
div.reminder {width: 300px}

#label, #label-login #label-haslo {text-align: right; padding-top: 2px; padding-bottom: 2px; vertical-align: middle}
#input {padding-top: 2px; padding-bottom: 2px}

form, input, textarea {font-size: 18px; margin: 0px; padding: 0px}
input, select, option {font-size: 18px}
input[type=checkbox], select, label {cursor: pointer; vertical-align: middle}

.wrapper-init {display: table; margin: 0px auto}
.wrapper-row {display: table-row}
.wrapper-body	{display: table-row-group}
.wrapper-cell {display: table-cell}
 
h1 {margin: 0px; padding: 0px; font: bold 18px Arial, Helvetica, sans-serif; color: #000000; line-height: 24px}
h2 {margin: 0px; padding: 0px; font: bold 18px Arial, Helvetica, sans-serif; color: #A00000; line-height: 18px}

hr {margin: 8px 0px 8px 0px; padding: 0px; border: 0px; width: 100%; height: 1px; color: #D00000; background-color: #D00000}

#menu div.menu div {display: inline-block; margin-right: 20px}

input[name=email] {border: 1px solid #808080; box-sizing: border-box}
textarea[name=message] {border: 1px solid #888888; font-family: Roboto, Arial; color: #000000; box-sizing: border-box; resize: none;}
input[name=send] {border: 1px solid #808080; box-sizing: border-box; cursor: pointer}


#drop_file_border {width: 100%; margin: 0px auto 0px auto}
#drop_file_zone {margin: 0px auto 0px auto; padding: 0px; background-color: #F8F8FF; border: #999999 5px dashed; cursor: grab; color: #0000E0}
#drag_upload_file_anim {display: none}
//#drag_upload_file_anim {display: block}
//#drag_upload_file {display: none}
//#selectfile {display: none}
#drag_upload_file {margin: 0px 0px 0px 0px; vertical-align: middle}

#drag_upload_file p {text-align: center}
#drag_upload_file #selectfile {display: none}
#dirname {margin: 0px auto}
span.sendstatus {color: red}
p.info {color: red}

#popup {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.6);  color: #ffffff; padding: 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); text-align: center; font-size: 18px; z-index: 1000}

#confirm-popup {position: fixed; display: none; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.5); color: #ffffff; padding: 30px 20px 10px 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); text-align: center; font-size: 18px; z-index: 1000}
#confirm-popup button {margin: 10px; padding: 10px 20px 10px 20px; font-size: 16px;  border: none; border-radius: 4px; cursor: pointer}
#confirm-popup .yes {margin-right: 50px; background-color: rgba(128, 128, 255, 0.5); color: #ffffff}
#confirm-popup .yes:hover {background-color: rgba(128, 128, 255, 0.7)}
#confirm-popup .no {margin-left: 50px; background-color: rgba(128, 100, 100, 0.5); color: #ffffff}
#confirm-popup .no:hover {background-color: rgba(128, 100, 100, 0.7)}
#confirm-message {margin-bottom: 20px}
#overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; display: none}

#list a {color: #404080}
#list a:hover {color: #000080}
#list .wrapper-cell:nth-child(1) {border-bottom: 1px solid #808080}
img.icon-preview {margin-right: 4px; vertical-align: middle; cursor: zoom-in; border: 1px solid #888888}
img.icon-preview-pdf {margin-left: 7px; margin-right: 11px; vertical-align: middle; cursor: zoom-in}
img.icon-preview-audio {margin-left: 7px; margin-right: 11px; vertical-align: middle; width: 32px; height: 32px}

img.icon-down {margin-left: 4px; margin-right: 4px; vertical-align: middle; border: 0px}
#list .wrapper-cell:nth-child(2) {padding: 10px 0px 10px 0px; border-bottom: 1px solid #808080; text-align: right}
#list .wrapper-cell:nth-child(3) {padding: 10px 0px 10px 0px; border-bottom: 1px solid #808080; text-align: right}
#list img.copy, #list img.zip, #list img.link, #list img.dir {vertical-align: middle}
#list img.delete {margin-left: 10px; margin-right: 20px; vertical-align: middle}  
#list img.zip {margin-left: 10px; vertical-align: middle}
#list img.link, #list img.delete {margin-left: 10px}
#list img.copy {cursor: pointer}
#list img.dir {margin-left: 24px; padding-right: 2px}
#list img.access {margin-left: 2px; vertical-align: middle}
#list img.accessdir {margin-left: 2px; padding-right: 2px; vertical-align: middle}

#preview {display: none; position: fixed; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); font: bold 10px Verdana, Arial, Helvetica; color: #888888; text-align: center; -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; z-index: 1}
#content {position: fixed; left: 50%; top: 50%; border: 0px solid white; transform: translate(-50%, -50%)}
#contentmusic {position: fixed; left: 50%; top: 50%; border: 0px solid white; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, .5)}
span.playname {font-weight: normal; color: white}
#myaudio {width: 90%}

hr {width: 100%}
#controls {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: flex; justify-content: space-between; align-items: center}
#image {}
#close {position: absolute; top: 0; right: 0; cursor: pointer; z-index: 1}
#prev, #next {cursor: pointer}

#order .wrapper-cell:nth-child(1) p {color: #888888} 
#orderform textarea {resize: none}

#footer .wrapper-cell {padding: 4px 4px 4px 4px}
#footer .wrapper-cell img {margin-right: 4px; vertical-align: middle}
#footer .wrapper-cell a {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 12px; text-align: center}
#footer .wrapper-cell a:hover {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #222222; line-height: 12px; text-align: center}

#title {cursor: pointer}
#navi {margin-bottom: 10px} 
#clock {color: #8080FF; cursor: pointer}
#last {font-size: 11px; line-height: 1.4; text-align: center}

#back-empty {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); display: none}
#canvases {display: none; position: fixed; top: 40px; overflow-y: auto; left: 5%; width: 90%; height: 90%; text-align: center}
#panel {position: fixed; overflow-y: auto; left: 50%; transform: translate(-50%, -50%); text-align: center; background-color: rgba(0, 0, 0, 0.5); color: white; cursor: pointer}
#pdfempty {display: inline-block}
#pdfleft {vertical-align: middle}
#pdfright {vertical-align: middle; margin-left: 20px; margin-right: 10px}
#pdfurl {display: inline-block; text-align: right; width: 200px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1)}
#pdfclose {vertical-align: middle; margin-left: 10px; margin-right: 10px}
#number {display: inline-block; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7)}
span.show {color: blue; cursor: pointer}

#infopanel {display: none; position: fixed; padding: 10px; top: 10px; right: 10px; font-size: 12px; text-align: center; background-color: rgba(0, 0, 0, 0.2); color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); cursor: pointer; z-index: 2}

#footer {margin: 80px auto 80px auto; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; text-align: center; cursor: pointer}
#footer {color: #AAAAAA}
#footer:hover {color: #888888}

div.logout {width: 800px; margin-top: 10px; margin-left: auto; margin-right: auto; text-align: right}
div.logout a {color: #E00000}

#list .wrapper-cell:nth-child(1) img {margin-right: 4px; vertical-align: middle}
#list .wrapper-cell:nth-child(1) a {}

form input:-webkit-autofill, form input:-webkit-autofill:hover, form input:-webkit-autofill:focus, form input:-webkit-autofill:active {transition: background-color 5000s; -webkit-background-clip: text}
form.secure div.securefield {border: 1px solid #888888; padding: 2px 2px 2px 2px}
form.secure input.secure {border: 0px solid #808080; box-sizing: border-box; background-color: white; margin: 0px 0px 0px 0px; padding: 8px 4px 8px 4px; font-size: 14px}
form.secure input.zaloguj {background: #E0E0E0}
form.secure input.zaloguj:hover {background: #CCCCCC}
form.secure input[type=submit] {border: 1px solid #808080; cursor: pointer}
form input:focus {outline: none}
form.secure input.check {margin-left: 0px; margin-right: 4px; cursor: pointer; vertical-align: middle}
img.secure {margin-left: 4px; cursor: pointer}
div.securefield {margin-top: 2px; margin-bottom: 2px}
div.securefield input {padding: 6px 2px 6px 2px}
div.securefield {display: block; background-color: white; margin: 2px 0px 2px 0px}
label.secure {cursor: pointer; font-size: 14px}
img.secure {margin-left: 4px; cursor: pointer}
#secureform {display: none}
#spaceform {display: block}
#securelogin input.secure {border: 0px}
#securelogin {}
#securelogin div.securefield {border: 1px solid #888888}
#securelogin div.securefield input.secure {}

#securepanel {width: 100%} 
#securepanel .wrapper-cell {text-align: left; vertical-align: top}
#securepanel .wrapper-cell h2 {margin: 0px; padding: 0px}
#securepanel .wrapper-cell h2 img.link, #securepanel .wrapper-cell h2 img.zip {margin-right: 4px; vertical-align: middle}
#securepanel .wrapper-cell h2 img.copy {margin-left: 4px; vertical-align: middle; cursor: pointer}
h2 a img.zip {margin-right: 4px; vertical-align: middle}

span.lacznie {color: #A00000}
@keyframes blink {0%{opacity:1;} 50%{opacity:0.3;} 100%{opacity:1;}}
span.lacznie {transition:all 0.5s ease-in-out; animation: blink normal 1.5s infinite ease-in-out; animation-iteration-count: 3}


#input input.zaloguj {margin: 10px 0px 10px 0px; padding: 0px; cursor: pointer}
#input {text-align: left}
form.login div.login-label {font-size: 13px; text-align: center}
form.login p.login {margin-right: 24px; color: #4040FF}
form.login p.bad {margin-right: 24px; color: red}

form.new input {border: 1px solid #888888}
form.new input.note {width: 400px}
form.new input.dodaj {width: 150px; cursor: pointer}
form.new input[name=dateadd] {cursor: pointer} 

h1.logo, #title h1 {display: flex; justify-content: center; align-items: center}
h1.logo img, #title img {width: 32px; height: 32px; margin: 0px 8px 0px 0px; vertical-align: middle}



@media screen and (min-width: 1000px) {
body {font-size: 14px; line-height: 18px}
#label, #label-login, #label-haslo {text-align: right}
#input {}
input.login::placeholder {color: white}
div.login-label {margin-bottom: 20px}
input.zaloguj {margin-top: 20px}
#themeall {width: 800px; margin-top: 0px}
#thememenu {width: 800px}
#theme {width: 800px; vertical-align: top}
#wyloguj {}
#title {font-size: 20px; font-weight: bold}
#clock {text-align: left}
#menu {width: 800px}
#menu .wrapper-cell:nth-child(1) {width: 300px; text-align: left; vertical-align: middle}
#menu .wrapper-cell:nth-child(2) {width: 200px; text-align: center; vertical-align: middle}
#menu .wrapper-cell:nth-child(3) {width: 300px; text-align: right; vertical-align: middle; font-size: 13px}
#menu div.menu div {font-size: 13px}
form.reminder input.email, div.reminder p {width: 300px; margin-top: 20px; margin-bottom: 20px}

h1.logo {font-size: 30px; line-height: 40px; margin: 30px 0px 30px 0px; padding-right: 30px; cursor: pointer}

#drop_file_zone {width: 790px; height: 100px; font-size: 18px}
#drag_upload_file img {margin-top: 4px; width: 28px; height: 28px}
h1 {font-size: 30px; margin: 30px auto 30px auto}
h2 {font-size: 14px; margin: 30px auto 30px auto}
#dirname {width: 800px}
#email {width: 800px; margin: 20px auto 0px auto}
input[name=email] {display: block; width: 800px; margin: 0px; padding: 8px 4px 8px 4px; font-size: 14px}
textarea[name=message] {display: block; width: 800px; height: 50px; padding: 8px 4px 8px 4px; font-size: 14px}
input[name=send] {display: block; width: 800px; margin: 4px 0px 4px 0px; padding: 8px 4px 8px 4px; font-size: 14px; font-weight: bold; color: #C00000}

span.playname {font-size: 14px}

#path {display: inline}
#size {display: none}
#list {width: 800px; font-size: 14px; line-height: 48px; vertical-align: middle}
#list .wrapper-cell:nth-child(1) {width: 510px; height: 48px; padding: 0px 0px 0px 0px}
#list .wrapper-cell:nth-child(2) {width: 150px}
#list .wrapper-cell:nth-child(3) {width: 140px}

#footer {font-size: 10px}

#close {width: 40px; height: 40px; margin-top: 10px; margin-right: 10px}
#prev, #next {width: 60px; height: 100px}
#image {width: auto; height: 70vh}

img.icon-preview-audio {vertical-align: middle; margin-left: 10px; width: 32px; height: 32px}

#canvases canvas {padding: 10px}

#order {margin-top: 80px; margin-bottom: 20px; width: 800px}
#orderform {width: 800%}
#order .wrapper-cell:nth-child(1) p {font-size: 14px; color: #888888; line-height: 24px; vertical-align: middle}

#panel {padding-top: 5px; padding-bottom: 5px; top: 70px; font-family: Arial; font-size: 13px; line-height: 1.5em}
#pdfleft {margin-left: 10px; margin-right: 20px}
#number {text-align: left; width: 120px}

form.secure {width: 350px; height: 120px}
form.secure div.securefield {width: 230px}
form.secure input.secure {width: 200px}
#securelogin input.secure {width: 180px}
form.secure input[type=submit] {margin-left: 10px; width: 80px}
#spaceform {height: 80px}
#input input.zaloguj {width: 220px} 

#securepanel {width: 800px}
#securepanel .wrapper-cell:nth-child(1) {width: 370px}
#securepanel .wrapper-cell:nth-child(2) {width: 430px}

#pdfempty {width: 45px}

#infopanel {display: none; position: fixed; padding: 10px; top: 10px; right: 10px; font-size: 12px; text-align: center; background-color: rgba(0, 0, 0, 0.2); color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); cursor: pointer; z-index: 2}

div.logout {width: 800px; margin-top: 10px; margin-left: auto; margin-right: auto; text-align: right}
div.logout a {color: #E00000}

form.new input {padding: 4px 4px 4px 4px}
}


@media screen and (max-width: 1000px) {
body {font-size: 20px; line-height: 30px}
#label {text-align: left}
#label-login, #label-haslo {display: none}
div.login-label {margin-bottom: 20px}
input.zaloguj {margin-top: 20px}
input.login::placeholder {color: #999999}
.wrapper-cell {display: block}
#themeall {width: 100%; margin-top: 0px}
#thememenu {width: 95%}
#theme {width: 100%}
#theme div {margin: 5px}
#wyloguj {width: 100%; text-align: right}
#wyloguj a {}
#title {font-size: 30px; font-weight: bold; margin-top: 10px; margin-bottom: 10px}
#navi {width: 100%}
#clock {width: 100%; text-align: center}
#last {width: 100%; text-align: center}
#last span {display: block}
#empty {display: none}
#menu {width: 100%}
#menu .wrapper-cell div {}
img.secure {margin-right: 8px; cursor: pointer}

#menu .wrapper-cell:nth-child(1) {width: 100%; text-align: center; vertical-align: middle}
#menu .wrapper-cell:nth-child(2) {width: 100%; text-align: center; vertical-align: middle}
#menu .wrapper-cell:nth-child(3) {width: 100%; text-align: center; vertical-align: middle; font-size: 13px}
#menu div.menu div {font-size: 13px}
form.reminder input.email, div.reminder p {width:300px; margin-top: 20px; margin-bottom: 20px}

h1.logo {font-size: 30px; line-height: 40px; margin: 30px 0px 30px 0px; padding-right: 30px; cursor: pointer}

#drop_file_zone {width: 89%; height: 140px; font-size: 20px}
#drag_upload_file img {margin-top: 10px; width: 52px; height: 52px}
input {font-size: 20px}
h1 {font-size: 30px; line-height: 30px; margin: 0px auto 0px auto}
h1 a:link, h1 a:visited, h1 a:hover {color: black}
h2 {margin: 30px auto 30px auto}
h2 {font-family: 'Arial Narrow', Arial, sans-serif; font-size: 14px; line-height: 1.5em}

#dirname {width: 90%; margin: 0px auto 0px auto}
#email {width: 90%; margin: 40px auto 0px auto; font-size: 16px; line-height: 20px; font-family: 'Arial Narrow', Arial, sans-serif}
input[name=email] {width: 100%; margin: 5px 0px 5px 0px; padding: 4px 2px 4px 2px; display: block; font-size: 16px; line-height: 20px; font-family: 'Arial Narrow', Arial, sans-serif}
textarea[name=message] {width: 100%; height: 100px; display: block; font-size: 20px; line-height: 24px; font-family: 'Arial Narrow', Arial, sans-serif}
input[name=send] {width: 100%; margin: 10px 0px 10px 0px; padding: 0px; display: block; font-size: 20px; line-height: 26px; font-family: 'Arial Narrow', Arial, sans-serif; color: #C00000; font-weight: bold}

#contentmusic {width: 80%}
span.playname {display: block; margin-top: 40px; font-size: 14px; line-height: 24px; font-family: 'Arial Narrow', Arial, sans-serif}
#myaudio {height: 60px}
#music {width: 280px; height: 280px}

#path {display: none}
#size {display: inline}
#list {width: 100%; vertical-align: middle}
img.icon-preview {margin-right: 10px}
img.icon-preview-pdf {width: 40px; height: 40xp; margin-right: 4px}
img.icon-down {width: 30px; height: 30px; margin-left: 4px; margin-right: 4px}
#list .wrapper-cell:nth-child(1) {display: block; width: 100%; height: 60px; padding: 0px 0px 0px 0px; font-size: 14px; line-height: 54px; font-family: 'Arial Narrow', Arial, sans-serif; vertical-align: middle}
#list .wrapper-cell:nth-child(1) a.showaudio:nth-child(2) {display: inline-block; width: 50%; overflow: hidden; font-family: 'Arial Narrow', Arial, sans-serif; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle} 
#list .wrapper-cell:nth-child(1) a:nth-child(3) {font-family: 'Arial Narrow', Arial, sans-serif}
#list .wrapper-cell:nth-child(2) {display: none}
#list .wrapper-cell:nth-child(3) {display: none}

#order {width: 100%}

#orderform {width: 100%}
#orderform input {width: 70%}
#orderform textarea {width: 70%; font-size: 20px}
#orderform select {font-size: 30px}

#order .wrapper-cell:nth-child(1) {margin-top: 40px; display: block; width: 90%}
#order .wrapper-cell:nth-child(1) p {margin-left: 10px; margin-right: 10px; font-family: 'Arial Narrow', Arial, sans-serif; font-size: 14px; line-height: 24px; vertical-align: middle}

#footer {margin-top: 40px; font-size: 12px}
#hr {width: 50%}

#close {width: 40px; height: 40px; opacity: 0.6; margin-top: 10px; margin-right: 10px}
#prev, #next {width: 40px; height: 80px; opacity: 0.6}
#image {width: 90vw; height: auto}

#panel {top: 70px; font-family: 'Arial Narrow', Arial, sans-serif; font-size: 14px; line-height: 1.5em; width: 90%}

#pdfleft {margin-left: 10px; margin-right: 10px; width: 29px; height: 60px}
img.icon-preview-audio {vertical-align: middle; margin-left: 10px; width: 40px; height: 40px}
#pdfright {width: 29px; height: 60px; margin-right: 10px}
#pdfclose {width: 40px; height: 40px}
#pdfurl {display: none}
#number {text-align: center; width: 40%}
#canvases canvas {width: 100%}

form.secure {margin: 0px}
form.secure div.securefield {width: 320px}
form.secure #spaceform, form.secure #secureform {text-align: left; margin-left: 0px}
form.secure input.secure {width: 270px}
#securelogin input.secure {width: 220px}
form.secure input[type=submit] {margin-left: 8px; width: 74px; font-size: 11px; color: #888888; text-align: center}
#spaceform {height: 120px}
#input input.zaloguj {width: 260px} 

div.securefield {border: 2px solid red}

#pdfempty {width: 0px}

#infopanel {padding: 0px; font-family: 'Arial Narrow', Arial, sans-serif; font-size: 20px; line-height: 1.5em}

form.new input.note {display: block; width: 100%; margin-bottom: 10px}
form.new input.dodaj {display: block; width: 100%; cursor: pointer}
}