body { background-color: #fff; background-size: 100vw 100vh; font-size: 12px; background-repeat: no-repeat; color: #000; font-family: Arial, Helvetica, sans-serif; padding: 0; margin: 0; }
footer { position: fixed; bottom: 0px; width: 100%; text-align: center; background-color: #000000; color: #fff; border-top: 1px solid #ddd; }
.fsrodek { width: 100%; max-width: 1250px; margin: 15px auto 7px auto; border-top: 1px solid #C8C8C8; padding: 5px 0px; }
header { position: relative; width: 100%; height: 64px; color: #fff; background-color: #000000; }
.black-and-white { filter: grayscale(100%) contrast(110%) brightness(100%); }
.czescLewa { width: 100%; }
.czescPrawa { width: 100%; position: absolute; top: 0px; right: 0px; text-align: right; }
header .logo { width: 40px; margin: 10px; }
header .nazwa {  padding: 21px; font-size: 1.5em; font-weight: bold; width: fit-content; margin: auto; font-family: 'Times New Roman', Times, serif; }
header a { float: right; color: #fff; text-decoration: none; padding: 10px 10px; font-size: 1.7em; height: 44px; box-sizing: border-box; }
header a .material-icons { font-size: 22px; margin: 0px 5px; vertical-align: top; }
header a .material-symbols-outlined { font-size: 22px; margin: 0px 5px; vertical-align: top; }
header a:hover { background-color: #f0f0f0; transition: 0.5s; }
header .headpos { float: right; color: #fff; padding: 10px; font-size: 1.7em; }
header .headpos span { color: #fff; transition: 0.5s; cursor: pointer; font-size: 1.2em; }
header .headpos span:hover { color: #eee; transition: 0.5s; font-size: 1.4em; }
nav { background-color: #000000; width: 100%; font-size: 0.8em; border-top: 1px solid #616B8E; font-family: 'Times New Roman', Times, serif; }
nav .menu { overflow: hidden; width: auto; display: table; }
nav a { display: table-cell; color: #fff; text-decoration: none; padding: 15px 15px; transition: 0.5s; font-size: 1.6em; box-sizing: border-box; }
nav a .material-icons { font-size: 17px; margin: 0px 5px; display: inline-block; vertical-align: middle; }
nav a .material-symbols-outlined { font-size: 17px; margin: 0px 5px; display: inline-block; vertical-align: middle; }
nav a .menuTresc { display: inline-block; vertical-align: middle; width: calc(100% - 27px); }
nav a:hover { background-color: #333333; transition: 0.5s; }
section { width: 100%; color: #000; margin: 10px auto; }
.mNaglowek  { width: 100%; font-size: 2em; text-align: center; padding: 5px 0px; border-bottom: 1px solid #f7f7f7; }
.mNaglowek .material-icons { font-size: 1.2em; vertical-align: sub; }
.mNaglowek .material-symbols-outlined { font-size: 1.2em; vertical-align: sub; }
.mBlokJeden { width: 100%; max-width: 400px; margin: 20px auto; padding: 15px 25px; box-sizing: border-box; border: 1px solid #ccc; transition: 0.5s; font-size: 1em; }
.mBlokJeden:hover { background-color: #f9f9f9; transition: 0.5s; }
.mInfo { width: 100%; padding: 5px 0px; font-size: 1em; }
.mTytul { width: 100%; font-size: 1.2em; padding: 2px 10px; box-sizing: border-box; font-size: 1em; }
.mDana { width: 100%; }
.mDana input { width: 100%; padding: 5px; box-sizing: border-box; margin: 2px; border: 1px solid #999; background-color: #fff; font-size: 1em; }
.mDana select { width: 100%; padding: 5px; box-sizing: border-box; margin: 2px; border: 1px solid #999; background-color: #fff; font-size: 1em; }
.mPrzyciski input { width: 100%; padding: 5px; box-sizing: border-box; margin: 2px; border: 1px solid #999; background-color: #eee; cursor: pointer; font-size: 1em; }
.komunikat { color: #a00; }
.submenu { width: 100%; border-bottom: 1px solid #d2d2d2; overflow: hidden; }
.submenu a { display: block; float: left; text-decoration: none; padding: 9px 10px; font-size: 1.4em; color: #000; box-sizing: border-box; transition: 0.5s; text-align: center; }
.submenu2 a { width: calc(100% / 2); max-width: 350px; height: 58px; }
.submenu3 a { width: calc(100% / 3); max-width: 350px; height: 58px; }
.submenu5 a { width: calc(100% / 5); max-width: 350px; height: 58px; }
.submenu a:hover { transition: 0.5s; background-color: #F9F9F9; }
a.subwybrane { border-bottom: 2px solid #313B5E; font-weight: bold; color: #313B5E }
.subpasek { width: 100%; overflow: hidden; }
.subpasek div { float: right; }
.subpasekico { width: 25px; }
.subpasekico span { color: #acacac; margin-top: 2px; }
.subpaseksea { width: calc(100% - 25px); }
.subpaseksea input { width: 100%; box-sizing: border-box; border: 0px solid #fff; font-size: 14px; }
.subpasekprz { width: 165px; }
.subpasekprz button { width: max-content; background-color: #313B5E; color: #fff; border: 1px solid #313B5E; border-radius: 5px; padding: 7px; margin: 2px 5px 2px 0px; font-weight: bold; cursor: pointer; }
.subpasekprz button span { font-size: 18px; vertical-align: middle; }
.menuwybrane { color: #51B3FF; font-weight: bold; }
.dzialania { width: 100%; }
.info { width: 100%; box-sizing: border-box; padding: 10px; }
.edycja { width: 100%; margin: 0px 0px 100px 0px; padding: 0px; border: 0px solid #fff; box-sizing: border-box; background-color: #fff; }
.edycjaNag { width: 100%; padding: 3px 0px; text-align: center; font-size: 1.8em; background-color: #fff; color: #000; border-bottom: 1px solid #ccc; }
.edycjaNag span { cursor: pointer; vertical-align: bottom; padding: 0px 7px; color: #666; }
.edycjaDane { width: 100%; padding: 3px 10px; box-sizing: border-box; overflow: hidden; }
.edycjaDaneOkno { display: none; width: calc(100% - 42px); height: 80vh; background-color: #eeee; position: fixed; left: 20px; top: 50px; border-radius: 10px; border: 1px solid #999; z-index: 1; overflow: auto; }
.edycjaDaneNaglowek { background-color: #e0e0e0; margin: 5px 0px 10px 0px; padding: 2px 8px; border: 1px solid #aaa; border-radius: 6px; font-size: 1.2em; }
.edycjaDaneDodaj { font-size: 1.4em; cursor: pointer; }
.edycjaDaneDodaj span { font-size: 1.1em; vertical-align: sub; }
.edycjaDaneMale { width: 100%; max-width: 500px; margin: 10px auto; border: 1px solid #acacac; border-radius: 10px; box-sizing: border-box; padding: 5px 10px; }
.edycjaDaneKol { width: calc(100% / 3); float: left; padding: 15px 22px; box-sizing: border-box; border-right: 1px solid #ccc; margin-top: 15px; position: relative; overflow: hidden; }
.edycjaDaneKol2 { width: calc(100% / 2); }
.edycjaDaneKol ul { padding: 0px; }
.edycjaDaneKol ul li { padding: 5px 0px; }
.edycjaDaneKol ul li a { color: #616B8E; font-size: 1.2em; transition: 0.5s; }
.edycjaDaneKol ul li a:hover { color: #313B5E; transition: 0.5s; }
.edycjaDaneKol .mblok { float: left; overflow: hidden; width: 240px; box-sizing: border-box; cursor: pointer; margin: 5px; height: 125px; }
.edycjaDaneKol .mblok .mbloktxt { float: left; font-size: 1.4em; width: calc(100% - 80px); text-align: right; padding-right: 10px; padding-top: 23px; box-sizing: border-box; }
.edycjaDaneKol .mblok .mblokico { float: left; width: 80px; box-sizing: border-box; padding-top: 17px; }
.edycjaDaneKol .mblok .mblokico span { font-size: 4em; }
.edycjaDaneKol .mblokDana { width: 100%; padding: 2px; overflow: hidden; }
.edycjaDaneKol .mblok span { color: #5F6368; float: left; width: 31px; }
.edycjaDaneKol .dodaj { border: 1px dashed #ccc; background-color: #fff; padding: 20px 5px; transition: 0.5s; border-radius: 5px; }
.edycjaDaneKol .dodaj:hover { background-color: #F9F9F9; transition: 0.5s; }
.edycjaDaneKol .zmien { border: 1px solid #ccc; background-color: #fff; padding: 20px 15px; transition: 0.5s; border-radius: 5px; }
.edycjaDaneKol .zmien:hover { background-color: #F9F9F9; transition: 0.5s; }
.edycjaDaneKol .przycisk { border: 1px solid #313B5E; background-color: #313B5E; border-radius: 5px; color: #fff; transition: 0.5s; margin: 5px 15px; padding: 10px 20px; box-sizing: border-box; overflow: hidden; font-weight: bold; cursor: pointer; }
.edycjaDaneKol .przycisk span { font-size: 18px; vertical-align: middle; }
.edycjaDaneKol .przycisk:hover { transition: 0.5s; background-color: #414B6E; border: 1px solid #313B5E; }
.edycjaDanePoz { width: 100%; padding: 5px 0px; overflow: hidden ;}
.edycjaDanePoz label { display: block; width: 100%; text-align: left; padding: 2px; font-weight: bold; }
.edycjaDanePoz input[type=text] { width: 100%; padding: 5px 10px; box-sizing: border-box; }
.edycjaDanePoz input[type=checkbox] { padding: 5px 10px; box-sizing: border-box; cursor: pointer; accent-color: #313B5E; }
.edycjaDanePoz textarea { width: 100%; padding: 5px 10px; box-sizing: border-box; }
.edycjaDanePoz select { width: 100%; padding: 5px 10px; box-sizing: border-box; }
.edycjaDanePoz table { width: 100%; margin-bottom: 5px; cursor: default; border-collapse: collapse; }
.edycjaDanePoz table tr { background-color: #fff; transition: 0.5s; }
.edycjaDanePoz table tr:hover { background-color: #f0f0f0; transition: 0.5s; }
.edycjaDanePoz table td { padding: 5px; }
.edycjaDaneWyskokJedno { width: fit-content; border: 1px solid #ddd; background-color: #fff; margin: 20px auto; padding: 20px; border-radius: 10px; }
.edycjaDaneWyskokTytul { padding: 5px 0px; text-align: center; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #ddd; }
.edycjaDaneWyskokLinia { padding: 5px 0px; font-size: 1.2em; width: 100%; overflow:hidden; }
.edycjaDaneWyskokLinia label { display: block; width: 100%; }
.edycjaDaneWyskokLinia input { display: block; width: 100%; padding: 5px; margin-top: 5px; box-sizing: border-box; }
.edycjaDaneWyskokLinia textarea { display: block; width: 100%; padding: 5px; margin-top: 5px; box-sizing: border-box; }
.EDdodajPozycje { font-weight: bold; transition: 0.5s; cursor: pointer; padding: 3px; overflow: hidden; }
.EDdodajPozycje:hover { background-color: #f0f0f0; transition: 0.5s; }
.EDdodajPozycje span { float: right; }
#oprzet select { margin: 5px; width: calc(100% - 10px); }
.edycjaZal { font-weight: bold; margin-top: 20px; }
.edycjaZalDodaj { font-weight: bold; margin: 15px 0px; cursor: pointer; }
.edycjaZalDodaj span { transform: rotate(30deg); vertical-align: middle; }
.edycjaZalDodajTest { font-weight: bold; margin: 15px 0px; cursor: pointer; }
.edycjaZalDodajTest span { vertical-align: middle; }
.edycjaZalWgraj { display: none; width: 100%; }
.edycjaZalPliki { width: 100%; }
.edycjaZalPlik { overflow: hidden; width: 100%; }
.edycjaZalPlik:hover { background-color: #f3fff3; }
.edycjaZalPlik a { width: 100%; transition: 0.5s; cursor: pointer; color: #000; text-decoration: none; }
.edycjaZalPlik a:hover { background-color: #eee; transition: 0.5s; }
.edycjaZalPlikIkona { float: right; width: 24px; }
.edycjaZalPlikNazwa { float: right; width: calc(100% - 58px); padding: 5px; font-weight: bold; }
.edycjaZalPlikDel { float: right; width: 24px; cursor: pointer; }
.edycjaZalPlikDel span { color: #999; transition: 0.5s; }
.edycjaZalPlikDel span:hover { color: #000; transition: 0.5s; }
.edycjaPobierzDane { font-size: 1em; font-weight: bold; cursor: pointer; background-color: #e5e5e5; padding: 2px 5px; display: inline-block; transition: 0.5s; }
.edycjaPobierzDane:hover { background-color: #f0f0f0; transition: 0.5s; }
.edycjaPrzyciski { width: 100%; padding: 5px 15px; box-sizing: border-box; overflow: hidden; }
.edycjaPrzyciski button { border-radius: 10px; background-color: #eee; border: 1px solid #999; width: fit-content; box-sizing: border-box; margin: 5px 15px; cursor: pointer; font-weight: bold; float: right; padding: 10px 20px; transition: 0.5s; }
.edycjaPrzyciski button:hover { background-color: #ddd; transition: 0.5s; }
.edycjaPrzyciski button[name="przerwij"] { border: 1px solid #fff; background-color: #fff; border-radius: 10px; transition: 0.5s;}
.edycjaPrzyciski button[name="przerwij"]:hover { transition: 0.5s; background-color: #e5e5e5; border: 1px solid #e5e5e5; }
.blok { width: 30%; min-width: 260px; border: 1px solid #eee; box-sizing: border-box; padding: 17px; margin: 10px; background-color: #F9F9F9; cursor: pointer; transition: 0.5s; float: left; }
.blok:hover { background-color: #F0F0F0; transition: 0.5s; }
.blokDana { width: 100%; padding: 5px 0px; }
.blok span { color: #5F6368; float: left; width: 31px; }
.blokNazwa { width: fit-content; text-align: left; font-size: 1em; color: #000; font-weight: normal; font-weight: bold; }
.blokNazwa a { float: right; color: #fff; }
.blokNazwa a span { font-size: 1.15em; }
.blokDane { width: 100%; padding: 3px 3px; }
.prezentacja { width: calc(100% - 20px); margin: 20px 10px 100px 10px; font-size: 14px; border-collapse: collapse; }
.prezentacja thead th { text-align: left; border-bottom: 1px solid #999; padding: 5px; }
.prezentacja tbody .dane { cursor: pointer; }
.prezentacja tbody .dane a { color: #5F6368; transition: 0.5s; }
.prezentacja tbody .dane a:hover { color: #000; transition: 0.5s; }
.prezentacja tbody tr.daneWiersz { background-color: #fff; transition: 0.5s; }
.prezentacja tbody tr.daneWiersz:hover { background-color: #eee; transition: 0.5s; }
.prezentacja tbody td { padding: 5px;  }
.prezentacja tbody tr.szczegoly { display: none; position: relative; padding: 10px 20px; }
.prezentacja tbody tr.szczegoly td { border: 1px solid #ddd; background-color: #f0f0f0; }
.prezentacja tbody tr.linia td { border-bottom: 1px solid #999; padding: 0px; }
.prezentacja tfoot td { vertical-align: top; }
.prezentacja tfoot input { width: calc(100% - 10px); }
.prezentacja tfoot textarea { width: calc(100% - 10px); margin: 0px; }
.prezentacjaEdycja { width: 100%; margin-left: 5px; margin-bottom: 5px; overflow: hidden; }
.prezentacjaEdycja a { color: #f00; text-decoration: none; margin-right: 30px; cursor: pointer; font-size: 14px; }
.prezentacjaDane { width: 100%; margin-left: 5px; margin-bottom: 25px; margin-top: 5px; color: #666; line-height: 2em; }
.prezentacjaDane table { width: calc(100% - 5px); border-collapse: collapse; border: 1px solid #fff; background-color: #fff; }
.prezentacjaDane table tbody td { background-color: transparent!important; transition: 0.5s; }
.prezentacjaDane table tbody td a { color: #f00; }
.prezentacjaDane table tbody tr:hover { background-color: #f3f3f3; transition: 0.5s; }
.prezentacjaZamknij span { color: #f00; display: none; }
.goraLink { color: #f00; font-size: 1.1em; padding: 10px 20px; width: fit-content; }
.goraLink span { vertical-align: middle; }
.goraLink a { color: #f00; font-size: 1.1em; text-decoration: none; }

/* Wersja 2 menu górnego */
.submenuv2 { width: 100%; overflow: hidden; }
.submenu5v2 a { width: calc(100% / 5);  height: 38px; padding-top: 7px; box-sizing: border-box; display: block; text-align: center; text-decoration: none; font-size: 1.4em; border-bottom: 1px solid #ccc; float: left; }
a.subpozycja { cursor: pointer; color: #000; }
a.subpozycja:hover { transition: 0.5s; background-color: #f7f7f7; }
a.subwybranev2 { border-top: 1px solid #ccc; color: #333; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid transparent; border-radius: 5px 5px 0px 0px; }

/* Wersja 3 menu górnego */
.submenuv3 { width: 100%; overflow: hidden; margin-bottom: 10px; }
.submenu5v3 a { width: calc((100% / 5) - 20px); height: 38px; padding: 7px 0px; box-sizing: border-box; display: inline-block; text-align: center; text-decoration: none; font-size: 1.6em; margin: 0px 10px; color: #000; }
a.subwybranev3 { color: #fff; background-color: #0078D6; }
.sm3przycisk { border: 1px solid #ccc; transition: 0.3s; }
.sm3przycisk:hover { border: 1px solid #000; transition: 0.3s; }

/* Wersja 3 przycisków zarządzania */
.subpasekv3 { width: calc(100% - 20px); border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0px 10px; }
.subpasekv3 div { display: inline-block; padding-right: 20px; }
.subpasekv3 div button { background-color: #fff; border: 1px solid transparent; font-size: 1.6em; cursor: pointer; padding: 5px 20px; }
.subpasekv3 div button span { font-weight: 100; font-size: 2em; vertical-align: middle; }
.subpasekv3 div button.aktywny { color: #000; cursor: pointer; }
.subpasekv3 div button.nieaktywny { color: #ddd; cursor: default; }
.subpasekv3 div label { background-color: #fff; border: 1px solid transparent; font-size: 1.6em; margin-right: 5px; }
.subpasekv3 div input { padding: 5px 10px; border: 1px solid #ddd; transition: 0.3s; font-size: 1.2em; margin: 0px 2px; }
.subpasekv3 div input:hover { border: 1px solid #999; transition: 0.3s; }

/* Wersja 3 tabelki z danymi w okienkiem po lewej stronie */
.viewTabCaly { width: 100%; margin-bottom: 150px; }
.viewTabLewy { width: 25%; display: inline-block; padding: 10px; box-sizing: border-box; vertical-align: top; }
.viewTabLewyWew { font-size: 1.2em; width: 100%; border: 1px solid #e8e8e8; background-color: #f8f8f8; box-shadow: 0px 0px 10px #ddd; }
.viewTabLewyPadd { padding: 20px; }
.viewTabLewyLin { width: 100%; transition: 0.3s; padding: 5px; cursor: default; }
.viewTabLewyLin a { color: #f00; }
.viewTabLewyLin:hover { transition: 0.3s; background-color: #eee; }
.viewTabLewyNag { color: #999; width: 50%; display: inline-block; vertical-align: top; }
.viewTabLewyDan { color: #000; width: 50%; display: inline-block; vertical-align: top; }
.viewTabPrawy { width: calc(75% - 20px); display: inline-block; padding: 10px; vertical-align: top; }
.viewTabPrawyWew { font-size: 1em; width: calc(100% - 20px); border: 1px solid #e8e8e8; box-shadow: 0px 0px 10px #ddd; padding: 10px; box-sizing: border-box; }
.lewyUkryty { display: none; }
.prawySzeroki { width: calc(100% - 20px); }

/* Wersja 2 wyszukiwarki i przycisków obsługi - Nowa wersja wyglądu okien edycji danych */
.subpasekv2 { width: 100%; overflow: hidden; }
.edycjav2Okno { width: 100%; border: 1px solid #dfdfdf; border-radius: 5px; margin-bottom: 10px; }
.edycjav2Nag { width: 100%; padding: 3px 0px; text-align: center; background-color: #fff; color: #000; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 1.5em; }
.edycjav2Naglowek { user-select: none; width: 100%; border-bottom: 1px solid #dfdfdf; background-color: #f7f7f7; padding: 7px 10px; box-sizing: border-box; height: 42px; overflow: auto; }
.edycjav2Dane .searchmenu { width: 100%; overflow: hidden; }
.edycjav2Dane .searchtab { float: left; width: calc(100% / 5); text-align: center; border-bottom: 1px solid #ccc; height: 28px; box-sizing: border-box; }
.edycjav2Dane .kursor { cursor: pointer; }
.edycjav2Dane .wybrane { border-top: 1px solid #ccc; color: #333; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid transparent; border-radius: 5px 5px 0px 0px; }
.edycjav2Dane .searchpole {padding: 10px; width: 100%; }
.edycjav2Dane .searchpoleone { width: 100%; overflow: hidden; }
.edycjav2Dane .searchblock { float: left; width: fit-content; margin-right: 20px; }
.edycjav2Dane label { width: 100%; display: block; padding: 3px 0px 3px 3px; margin-top: 10px; }
.edycjav2Dane input { padding: 5px 10px; border-radius: 5px; border: 1px solid #ccc; font-size: 1em; }
.edycjav2Dane select { width: fit-content; display: block; border: 1px solid #ccc; border-radius: 5px; padding: 5px 10px; background-color: #fff; }
.edycjav2Dane textarea { width: 100%; min-height: 150px; border-radius: 5px; border: 1px solid #ccc; padding: 5px 10px; box-sizing: border-box; }
.edycjav2Dane { width: 100%; padding: 10px 10px; box-sizing: border-box; }
.edycjav2Dane .przyciski { width: 100%; padding: 10px 0px; }
.edycjav2Dane button { background-color: #444; color: #fff; border: 1px solid #444; border-radius: 5px; padding: 5px 5px; cursor: pointer; transition: 0.3s; margin-right: 10px; }
.edycjav2Dane button:hover { transition: 0.3s; background-color: #000; }
.edycjav2Dane ul li a { font-size: 1.2em; padding: 5px 0px; color: #323286; display: block; }
.edycjav2Dane .naDwa { width: 100%; overflow: hidden; padding-bottom: 10px; }
.edycjav2Dane .naDwa .jedno { width: 50%; float: left; }
.edycjav2Stopka { width: 100%; padding: 2px 13px; font-size: 0.8em; }
.stopkaCzerwony { color: #f00; }
.stopkaZielony { color: #0a0; }
.borderWymagane { border: 1px solid #a00;  }
.borderZapisane { border: 1px solid #0a0; }
.edycjav2Da { width: 100%; padding: 5px 0px; box-sizing: border-box; overflow: hidden; }
.edycjav2Da .pasekdolny { width: 100%; padding: 5px 15px; box-sizing: border-box; overflow: hidden; text-align: right; margin-bottom: 100px; }
.edycjav2Da .pasekdolny button { background-color: #444; color: #fff; border: 1px solid #444; border-radius: 5px; padding: 5px 15px; cursor: pointer; transition: 0.3s; margin-right: 10px; font-size: 1.5em; }
.edycjav2Da button:hover { transition: 0.3s; background-color: #000; }
.edycjav2Da .edycjav2DaMenu { width: 100%; overflow: hidden; }
.edycjav2Da .edtab { float: left; width: calc(100% / 5); text-align: center; border-bottom: 1px solid #ccc; height: 28px; box-sizing: border-box; font-size: 16px; padding-top: 4px; }
.edycjav2Da .edsubtab { float: left; width: calc(100% / 5); text-align: center; border-bottom: 1px solid #ccc; height: 28px; box-sizing: border-box; font-size: 16px; padding-top: 4px; }
.edycjav2Da .wybrane { border-top: 1px solid #ccc; color: #333; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid transparent; border-radius: 5px 5px 0px 0px; }
.edycjav2Da .kursor { cursor: pointer; }
.edycjav2Da .edycjav2zbior { width: 100%; }
.edycjav2DaneKol { width: calc(100% / 3); float: left; padding: 15px 22px; box-sizing: border-box; border-right: 1px solid #ccc; margin-top: 15px; position: relative; overflow: hidden; }
.edycjav2Da .zaakceptowane { color: #0a0; }

/* Wersja 2 tabelki z danymi */
.prezentacjav2 { width: calc(100% - 20px); margin: 20px 10px; font-size: 14px; border-collapse: collapse; }
.prezentacjav2 thead th { text-align: left; border-bottom: 1px solid #ccc; padding: 5px; border-right: 1px solid #ccc; font-weight: normal; }
.prezentacjav2 tbody .dane { cursor: pointer; }
.prezentacjav2 tbody .dane a { color: #5F6368; transition: 0.5s; }
.prezentacjav2 tbody .dane a:hover { color: #000; transition: 0.5s; }
.prezentacjav2 tbody tr.daneWiersz { background-color: #fff; transition: 0.5s; }
.prezentacjav2 tbody tr.daneWiersz:hover { background-color: #eee; transition: 0.5s; }
.prezentacjav2 tbody td { padding: 5px; border-right: 1px solid transparent; font-size: 12px; }
.prezentacjav2 tbody tr.szczegoly { display: none; position: relative; padding: 10px 20px; }
.prezentacjav2 tbody tr.szczegoly td { border: 1px solid #ddd; background-color: #f0f0f0; }
.prezentacjav2 tbody tr.linia td { border-bottom: 1px solid #999; padding: 0px; }
.prezentacjav2 tfoot td { vertical-align: top; }

/* Wersja 3 okien */
.edycjav3Okno { width: 100%; }
.edycjav3Naglowek { font-size: 1.6em; }
.edycjav3Dane { position: relative; background-color: #f8f8f8; width: 100%; box-shadow: 0px 0px 5px #ccc; margin: 5px 0px 15px 0px; box-sizing: border-box; padding: 7px; line-height: 1.6em; font-size: 1.2em; cursor: default; overflow: hidden; }
.ikonav3Dane { position: absolute; right: 10px; top: 10px; color: #f00; font-size: 1.4em; }
.edycjav3Wykres { width: 100%; background: linear-gradient(to right, #292929, #585858, #292929); }

@media all and (max-width: 2020px) {
    nav a { font-size: 1.5em; }
}
@media all and (max-width: 1750px) {
    nav a { padding: 8px 15px; }
}
@media all and (max-width: 1870px) {
    nav a { font-size: 1.4em; }
}

@media all and (max-width: 1880px) {
    nav a { font-size: 1.2em; }
}

@media all and (max-width: 1640px) {
    .submenu5v2 a { font-size: 12px; line-height: 0px; }
}

@media all and (max-width: 1500px) {
    .czescLewa { width: 60%; }
    .czescPrawa { width: 40%; }
}

@media all and (max-width: 1250px) {
    nav a { font-size: 1em; }
    nav a { text-align: center; }
    nav a .menuTresc { display: none; }
    nav a .material-icons { margin: 0px auto; } 
    .czescLewa { width: 50%; }
    .czescPrawa { width: 50%; }
}

@media all and (max-width: 900px) {
    .czescLewa { width: 40%; }
    .czescPrawa { width: 60%; }
}


/* Nowa wersja - do wersji 2 */

/* Wyskakujące okienka */
.od2-wyskakuj { display: none; background-color: #ffffffd6; z-index: 9; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; }
.od2-wyskakuj-ekr { width: 80vw; height: 90vh; margin: 5vh auto; border: 2px solid #999; box-shadow: 0px 0px 10px #999; border-radius: 10px; background-color: #fff; position: relative; }
.od2-wyskakuj-przewijaj { width: 100%; overflow: auto; height: 100%;  }
.od2-wyskakuj-przyciski { position: absolute; bottom: 0; right: 0; width: fit-content; }
.od2-wyskakuj-przyciski button { border-radius: 10px; background-color: #eee; border: 1px solid #999; width: fit-content; box-sizing: border-box; margin: 5px 15px; cursor: pointer; font-weight: bold; float: right; padding: 10px 20px; transition: 0.5s; }
.od2-wyskakuj-przyciski button:hover { background-color: #ddd; transition: 0.5s; }
.od2-wyskakuj-przyciski button[name="przerwij"] { border: 1px solid #fff; background-color: #fff; border-radius: 10px; transition: 0.5s;}
.od2-wyskakuj-przyciski button[name="przerwij"]:hover { transition: 0.5s; background-color: #e5e5e5; border: 1px solid #e5e5e5; }

/* Dymek tooltip */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 280px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 12px;
    position: absolute;
    z-index: 1000;
    top: 125%;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    line-height: 1.4;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
}

.tooltip .tooltiptext.show {
    visibility: visible;
    opacity: 1;
}