/* =============================================================
   custom-articles.css
   Style przeniesione z blokow {source} wtyczki Sourcerer.

   Sekcje powstaja przez grupowanie IDENTYCZNEGO kodu, nie przez
   parowanie wersji jezykowych - artykuly o tej samej tresci CSS
   dziela jedna regule, roznice zostaja rozdzielone.

   Zawezenie :where(body:is(...)) ma ZEROWA specyficznosc, wiec
   reguly zachowuja wage, ktora mialy jako addStyleDeclaration.
   Plik podpiac zaraz po <jdoc:include type="head" />.
   ============================================================= */


/* ---------- art. 5 — Wyszukiwanie literatury ---------- */

body:where(.art-id-5) div#art-main {
  overflow:visible;
}
html {
  scroll-behavior:smooth;
}
:where(body:is(.art-id-5)) nav#spis {
  position:sticky;
}
:where(body:is(.art-id-5)) a.anchor {
  display: block;
  position: relative;
  top: -170px;
  visibility: hidden;
}
:where(body:is(.art-id-5)) nav#spis .sidepanel {
  background-color:#004A6C;
  overflow-y: initial;
  border-top: 2px solid white;
}
:where(body:is(.art-id-5)) nav#spis .sidepanel li {
  color:#fff;
  padding-bottom:9px;
}
:where(body:is(.art-id-5)) nav#spis .sidepanel ol {
  padding-left: 50px !important;
  padding-right:20px;
}
:where(body:is(.art-id-5)) nav#spis .menu-btn__burger::before,
:where(body:is(.art-id-5)) nav#spis .menu-btn__burger::after,
:where(body:is(.art-id-5)) nav#spis .menu-btn__burger {
  background: #fff;
}
:where(body:is(.art-id-5)) nav#spis .menu-btn-wrapper {
  color:#fff !important;
  background-color:#004A6C;
}
:where(body:is(.art-id-5)) nav#spis .menu-btn.open .menu-btn__burger {
  background:transparent;
}
:where(body:is(.art-id-5)) nav#spis .sidepanel a {
  color:#fff !important;
}

/* ---------- art. 12, 211 — Biblioteka bez barier ---------- */

:where(body:is(.art-id-12, .art-id-211)) #sprzety_tab td,
:where(body:is(.art-id-12, .art-id-211)) #sprzety_tab th {
  border: none;
  padding: 20px 0 20px 20px;
  font-size:16px;
}
:where(body:is(.art-id-12, .art-id-211)) #sprzety_tab td p {
  font-weight:bold;
}
:where(body:is(.art-id-12, .art-id-211)) .art-article #sprzety_tab th {
  text-align:center;
}
:where(body:is(.art-id-12, .art-id-211)) .art-article #sprzety_tab .rl_sliders.nn_sliders {
  padding-left:20px;
  padding-top:0px;
}

/* ---------- art. 26, 28 — Konto biblioteczne ---------- */

body:where(.art-id-26, .art-id-28) div#art-main {
  overflow:visible;
}
html {
  scroll-behavior:smooth;
}
:where(body:is(.art-id-26, .art-id-28)) nav#spis {
  position:sticky;
}
:where(body:is(.art-id-26, .art-id-28)) a.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}
:where(body:is(.art-id-26, .art-id-28)) nav#spis .sidepanel {
  background-color:#004A6C;
  overflow-y: initial;
  border-top: 2px solid white;
}
:where(body:is(.art-id-26, .art-id-28)) nav#spis .sidepanel li {
  color:#fff;
  padding-bottom:9px;
}
:where(body:is(.art-id-26, .art-id-28)) nav#spis .sidepanel ol {
  padding-left: 50px !important;
  padding-right:20px;
}
:where(body:is(.art-id-26, .art-id-28)) nav#spis .menu-btn__burger::before,
:where(body:is(.art-id-26, .art-id-28)) nav#spis .menu-btn__burger::after,
:where(body:is(.art-id-26, .art-id-28)) nav#spis .menu-btn__burger {
  background: #fff;
}
:where(body:is(.art-id-26, .art-id-28)) nav#spis .menu-btn-wrapper {
  color:#fff !important;
  background-color:#004A6C;
}
:where(body:is(.art-id-26, .art-id-28)) nav#spis .menu-btn.open .menu-btn__burger {
  background:transparent;
}
:where(body:is(.art-id-26, .art-id-28)) nav#spis .sidepanel a {
  color:#fff !important;
}

/* ---------- art. 71 — Serwisy dziedzinowe ---------- */

:where(body:is(.art-id-71)) #okienko-dziedzinowi:hover,
:where(body:is(.art-id-71)) #okienko-kontakty:hover {
  cursor:pointer;
}
:where(body:is(.art-id-71)) #okienko-dziedzinowi.selected,
:where(body:is(.art-id-71)) #okienko-kontakty.selected1 {
  background-color:#C0D1C8 !important;
  color:#000;
  z-index:100;
}
:where(body:is(.art-id-71)) .responsive-phone #okienko-dziedzinowi,
:where(body:is(.art-id-71)) .responsive-phone #okienko-kontakty {
  width:100% !important;
}
:where(body:is(.art-id-71)) .messagepop,
:where(body:is(.art-id-71)) .messagepop1 {
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  position:absolute;
  text-align:left;
  width:75%;
  z-index:50;
  padding: 10px 20px;
}
:where(body:is(.art-id-71)) .responsive .messagepop,
:where(body:is(.art-id-71)) .responsive .messagepop1 {
  width:95% !important;
  box-sizing:border-box;
}
:where(body:is(.art-id-71)) .messagepop p,
:where(body:is(.art-id-71)) .messagepop.div,
:where(body:is(.art-id-71)) .messagepop1 p,
:where(body:is(.art-id-71)) .messagepop1.div {
  /*border-bottom: 1px solid #EFEFEF;
  */
  margin: 8px 0;
  padding-bottom: 8px;
}
:where(body:is(.art-id-71)) .responsive-phone .serwis .pozycja.wektor-dz {
  width:145px;
  background-size:auto 33%;
  height:130px;
}
:where(body:is(.art-id-71)) .responsive-phone .serwis .wektor-dz a {
  font-size: 16px;
}
:where(body:is(.art-id-71)) .responsive-phone .serwis .wektor-dz a span {
  top: 40%;
  height: 55%;
}
:where(body:is(.art-id-71)) .serwis #okienko-span {
  color:#1f3399;
}
:where(body:is(.art-id-71)) #okienko-dziedzinowi.selected span {
  color: #000;
}
:where(body:is(.art-id-71)) table#dz-kontakty {
  width:95%;
}
:where(body:is(.art-id-71)) table#dz-kontakty td {
  border-left:none;
  border-right:none;
}
:where(body:is(.art-id-71)) button.close {
  border:0;
  background:none;
  cursor:pointer;
  padding:0;
  text-decoration:none;
  color:black;
  font-size:16px;
}

/* ---------- art. 192 — Lista e-baz ---------- */

:where(body:is(.art-id-192)) #okienko-lista:hover {
  cursor:pointer;
}
:where(body:is(.art-id-192)) #okienko-lista.selected {
  background-color:#C0D1C8 !important;
  color:#000;
  z-index:100;
}
:where(body:is(.art-id-192)) .responsive-phone #okienko-lista {
  width:100% !important;
}
:where(body:is(.art-id-192)) .messagepop,
:where(body:is(.art-id-192)) .messagepop1 {
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  position:absolute;
  text-align:left;
  width:75%;
  z-index:50;
  padding: 10px 20px;
}
:where(body:is(.art-id-192)) .responsive .messagepop,
:where(body:is(.art-id-192)) .responsive .messagepop1 {
  width:95% !important;
  box-sizing:border-box;
}
:where(body:is(.art-id-192)) .messagepop p,
:where(body:is(.art-id-192)) .messagepop.div,
:where(body:is(.art-id-192)) .messagepop1 p,
:where(body:is(.art-id-192)) .messagepop1.div {
  /*border-bottom: 1px solid #EFEFEF;
  */
  margin: 8px 0;
  padding-bottom: 8px;
}
:where(body:is(.art-id-192)) #okienko-span1 {
  color:#1f3399;
}
:where(body:is(.art-id-192)) #okienko-lista.selected span {
  color: #000;
}

/* ---------- art. 215, 216, 224 — Library account ---------- */

body:where(.art-id-215, .art-id-216, .art-id-224) div#art-main {
  overflow:visible;
}
html {
  scroll-behavior:smooth;
}
:where(body:is(.art-id-215, .art-id-216, .art-id-224)) nav#contents {
  position:sticky;
  top:55px;
  z-index:1;
}
:where(body:is(.art-id-215, .art-id-216, .art-id-224)) a.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}
:where(body:is(.art-id-215, .art-id-216, .art-id-224)) nav#contents .sidepanel {
  background-color:#004A6C;
  overflow-y: initial;
  border-top: 2px solid white;
}
:where(body:is(.art-id-215, .art-id-216, .art-id-224)) .menu-btn-wrapper span {
  font-size:19px;
}
:where(body:is(.art-id-215, .art-id-216, .art-id-224)) .menu-btn-wrapper {
  width: 185px !important;
}
:where(body:is(.art-id-215, .art-id-216, .art-id-224)) nav#contents .sidepanel li {
  color:#fff;
  padding-bottom:9px;
}
:where(body:is(.art-id-215, .art-id-216, .art-id-224)) nav#contents .sidepanel ol {
  padding-left: 50px !important;
  padding-right:20px;
}
:where(body:is(.art-id-215, .art-id-216, .art-id-224)) nav#contents .menu-btn__burger::before,
:where(body:is(.art-id-215, .art-id-216, .art-id-224)) nav#contents .menu-btn__burger::after,
:where(body:is(.art-id-215, .art-id-216, .art-id-224)) nav#contents .menu-btn__burger {
  background: #fff;
}
:where(body:is(.art-id-215, .art-id-216, .art-id-224)) nav#contents .menu-btn-wrapper {
  color:#fff !important;
  background-color:#004A6C;
}
:where(body:is(.art-id-215, .art-id-216, .art-id-224)) nav#contents .menu-btn.open .menu-btn__burger {
  background:transparent;
}
:where(body:is(.art-id-215, .art-id-216, .art-id-224)) nav#contents .sidepanel a {
  color:#fff !important;
}

/* ---------- art. 220, 1022 — Main Library ---------- */

body:where(.art-id-220, .art-id-1022) .godziny.ikonki .art-article div.pasiak div.lewy {
  width: 50%;
}
body:where(.art-id-220, .art-id-1022) .godziny.ikonki .art-article div.pasiak div.prawy {
  width:30%;
}
:where(body:is(.art-id-220, .art-id-1022)) .responsive .godziny.ikonki .art-article div.pasiak div.prawy {
  width:100%;
}
:where(body:is(.art-id-220, .art-id-1022)) .godziny .art-article table tbody td {
  border: none;
  padding: 0 0 0 20px;
}

/* ---------- art. 221 — Branch Libraries ---------- */

body:where(.art-id-221) .godziny.ikonki .art-article div.pasiak div.lewy {
  width: 50%;
}
body:where(.art-id-221) .godziny.ikonki .art-article div.pasiak div.prawy {
  width:30%;
}
:where(body:is(.art-id-221)) .responsive .godziny.ikonki .art-article div.pasiak div.prawy {
  width:100%;
}
:where(body:is(.art-id-221)) .godziny .art-article table tbody td {
  border: none;
  padding: 0 0 0 20px;
}
:where(body:is(.art-id-221)) .godziny .art-article table tbody tr td:first-child {
  width: 75px;
}
:where(body:is(.art-id-221)) .godziny .art-postcontent h4 {
  margin-bottom: 5px;
  font-size: 12pt;
}

/* ---------- art. 458, 496, 498, 1023 — Godziny otwarcia agend BG ---------- */

body:where(.art-id-458, .art-id-496, .art-id-498, .art-id-1023) .godziny.ikonki .art-article div.pasiak div.lewy {
  width: 50%;
}
body:where(.art-id-458, .art-id-496, .art-id-498, .art-id-1023) .godziny.ikonki .art-article div.pasiak div.prawy {
  width:30%;
}
:where(body:is(.art-id-458, .art-id-496, .art-id-498, .art-id-1023)) .responsive .godziny.ikonki .art-article div.pasiak div.prawy {
  width:100%;
}
:where(body:is(.art-id-458, .art-id-496, .art-id-498, .art-id-1023)) .godziny .art-article table tbody td {
  border: none;
  padding: 0 0 0 20px;
}
:where(body:is(.art-id-458, .art-id-496, .art-id-498, .art-id-1023)) .godziny .art-article table tbody tr td:first-child {
  white-space: nowrap;
}

/* ---------- art. 460, 1024 — Filie Biblioteki Głównej ---------- */

body:where(.art-id-460, .art-id-1024) .godziny.ikonki .art-article div.pasiak div.lewy {
  width: 50%;
}
body:where(.art-id-460, .art-id-1024) .godziny.ikonki .art-article div.pasiak div.prawy {
  width:30%;
}
:where(body:is(.art-id-460, .art-id-1024)) .responsive .godziny.ikonki .art-article div.pasiak div.prawy {
  width:100%;
}
:where(body:is(.art-id-460, .art-id-1024)) .godziny .art-article table tbody td {
  border: none;
  padding: 0 0 0 20px;
}
:where(body:is(.art-id-460, .art-id-1024)) .godziny .art-article table tbody tr td:first-child {
  width: 70px;
}
:where(body:is(.art-id-460, .art-id-1024)) .godziny .art-postcontent h4 {
  margin-bottom: 5px;
  font-size: 12pt;
}

/* ---------- art. 497, 499, 1025 — Filie BG w czasie wakacji ---------- */

body:where(.art-id-497, .art-id-499, .art-id-1025) .godziny.ikonki .art-article div.pasiak div.lewy {
  width: 50%;
}
body:where(.art-id-497, .art-id-499, .art-id-1025) .godziny.ikonki .art-article div.pasiak div.prawy {
  width:40%;
}
:where(body:is(.art-id-497, .art-id-499, .art-id-1025)) .responsive .godziny.ikonki .art-article div.pasiak div.prawy {
  width:100%;
}
:where(body:is(.art-id-497, .art-id-499, .art-id-1025)) .godziny .art-article table tbody td {
  border: none;
  padding: 0 0 0 20px;
}
:where(body:is(.art-id-497, .art-id-499, .art-id-1025)) .godziny .art-article table tbody tr td:first-child {
  white-space: nowrap;
}

/* ---------- art. 504 — Regulamin ---------- */

body:where(.art-id-504) div#art-main {
  overflow:visible;
}
html {
  scroll-behavior:smooth;
}
:where(body:is(.art-id-504)) nav#spis {
  position:sticky;
}
:where(body:is(.art-id-504)) .art-postcontent .art-article > ul > li::before {
  color:#000;
}
:where(body:is(.art-id-504)) #spis .sidepanel >ul > li::before {
  display:none;
}
:where(body:is(.art-id-504)) #spis .sidepanel {
  counter-reset:panlist;
}
:where(body:is(.art-id-504)) #spis .sidepanel> ul > li > ol > li {
  list-style:none;
  position:relative;
  padding-left:10px;
  margin-top:6px;
}
:where(body:is(.art-id-504)) #spis .sidepanel> ul > li > ol > li::before {
  box-sizing:border-box;
  counter-increment: panlist;
  content:'§' counter(panlist);
  white-space:pre;
  left: -35px;
  padding-right: 10px;
  position: absolute;
  text-align: right;
  width: 45px;
  font-size:17px;
}
:where(body:is(.art-id-504)) #spis .sidepanel ul li ol {
  margin-left:75px;
}
:where(body:is(.art-id-504)) #spis .sidepanel ul li {
  padding:0;
}
:where(body:is(.art-id-504)) .art-postcontent .art-article h3 {
  text-align: center;
  font-size: 17px;
  margin: 30px 0 20px;
  text-transform:uppercase;
}
:where(body:is(.art-id-504)) .art-postcontent .art-article h4 {
  text-align: center;
  font-size: 16px;
  margin: 30px 0 20px;
  font-weight: bold;
}
:where(body:is(.art-id-504)) .art-post .art-article section section > ol {
  counter-reset:list1;
}
:where(body:is(.art-id-504)) .art-post .art-postcontent .art-article section section >ol > li {
  padding-left:8px;
  list-style:none;
  position:relative;
  margin-top:10px;
}
:where(body:is(.art-id-504)) .art-post .art-article section section > ol > li::before {
  box-sizing:border-box;
  counter-increment: list1;
  white-space:pre;
  content:counter(list1) '. ';
  left: -35px;
  padding-right: 8px;
  position: absolute;
  text-align: right;
  width: 45px;
}
:where(body:is(.art-id-504)) .art-post .art-article section section > ol > li > ol {
  counter-reset:list2;
  margin-left:25px;
}
:where(body:is(.art-id-504)) .art-post .art-article section section > ol > li > ol> li {
  list-style:none;
  position:relative;
  padding-left:8px;
  margin-top:6px;
}
:where(body:is(.art-id-504)) .art-post .art-article section section > ol > li > ol > li::before {
  box-sizing:border-box;
  counter-increment: list2;
  white-space:pre;
  content:counter(list2) ') ';
  left: -35px;
  padding-right: 8px;
  position: absolute;
  text-align: right;
  width: 45px;
}
:where(body:is(.art-id-504)) .art-post .art-article section section > ol > li > ol>li>ol {
  counter-reset:list3;
  margin-left:25px;
}
:where(body:is(.art-id-504)) .art-post .art-article section section > ol > li > ol> li>ol>li {
  list-style:none;
  position:relative;
  padding-left:8px;
  margin-top:6px;
}
:where(body:is(.art-id-504)) .art-post .art-article section section > ol > li > ol > li>ol>li::before {
  box-sizing:border-box;
  counter-increment: list3;
  white-space:pre;
  content:counter(list3,lower-alpha) ') ';
  left: -35px;
  padding-right: 8px;
  position: absolute;
  text-align: right;
  width: 45px;
}
:where(body:is(.art-id-504)) a.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}
:where(body:is(.art-id-504)) #uprawnienia table {
  width:100%;
  margin:10px 0 20px;
}
:where(body:is(.art-id-504)) #uprawnienia table thead th:first-child {
  width:30px;
}
:where(body:is(.art-id-504)) #uprawnienia table th,
:where(body:is(.art-id-504)) #uprawnienia table td {
  vertical-align: middle;
  text-align: center;
}
:where(body:is(.art-id-504)) #uprawnienia table tr td:nth-child(2) {
  text-align:left;
}

/* ---------- art. 548, 638, 641, 642, 945, 946 — Library during the autumn exam session ---------- */

:where(body:is(.art-id-548, .art-id-638, .art-id-641, .art-id-642, .art-id-945, .art-id-946)) .tabelka-scroll table tr td:nth-child(2) {
  min-width:100px;
}
:where(body:is(.art-id-548, .art-id-638, .art-id-641, .art-id-642, .art-id-945, .art-id-946)) .item-page.news .art-article {
  column-count: auto !important;
}

/* ---------- art. 636, 637, 656, 690, 803, 940 — Biblioteki w czasie przerwy świątecznej ---------- */

body:where(.art-id-636, .art-id-637, .art-id-656, .art-id-690, .art-id-803, .art-id-940) .item-page.news article .art-article {
  column-count:1 !important;
}
:where(body:is(.art-id-636, .art-id-637, .art-id-656, .art-id-690, .art-id-803, .art-id-940)) .art-article table td {
  padding:10px !important;
}
:where(body:is(.art-id-636, .art-id-637, .art-id-656, .art-id-690, .art-id-803, .art-id-940)) .tabelka-scroll table th,
:where(body:is(.art-id-636, .art-id-637, .art-id-656, .art-id-690, .art-id-803, .art-id-940)) .tabelka-scroll table td {
  vertical-align:middle !important;
  text-align:center !important;
}

/* ---------- art. 878 — Nowości w katalogu według działów ---------- */

:where(body:is(.art-id-878)) article .art-article ul.lista-nowosci {
  padding: 0;
  display: flex;
  margin: 34px  auto;
  max-width:850px;
  width: 100%;
  flex-flow: column wrap;
  height:800px;
}
:where(body:is(.art-id-878)) article .art-article ul.lista-nowosci > li {
  display: flex;
  max-width: 100%;
  min-width:385px;
  background-color: #C0D1C8;
  align-items: center;
  justify-content: center;
  margin: 7px;
  padding:0;
}
:where(body:is(.art-id-878)) article .art-article ul.lista-nowosci > li:nth-child(2n) {
  background-color: #004A6C;
}
:where(body:is(.art-id-878)) ul.lista-nowosci > li::before {
  display: none !important;
}
:where(body:is(.art-id-878)) article .art-article ul.lista-nowosci > li:hover,
:where(body:is(.art-id-878)) article .art-article ul.lista-nowosci > li:nth-child(2n):hover {
  box-shadow:0 0 0 4px black;
}
:where(body:is(.art-id-878)) ul.lista-nowosci > li > a,
:where(body:is(.art-id-878)) ul.lista-nowosci > li > a:link,
:where(body:is(.art-id-878)) ul.lista-nowosci > li > a:hover,
:where(body:is(.art-id-878)) ul.lista-nowosci > li > a:visited {
  color: #000;
  display:inline-block;
  width: 100%;
  text-decoration:none;
  font-size:16px;
  padding: 16px 10px;
  box-sizing:border-box;
}
:where(body:is(.art-id-878)) ul.lista-nowosci > li > a:focus {
  text-decoration:underline;
}
:where(body:is(.art-id-878)) ul.lista-nowosci > li:nth-child(2n) > a,
:where(body:is(.art-id-878)) ul.lista-nowosci > li:nth-child(2n) > a:link,
:where(body:is(.art-id-878)) ul.lista-nowosci > li:nth-child(2n) > a:hover,
:where(body:is(.art-id-878)) ul.lista-nowosci > li:nth-child(2n) > a:visited {
  color:#fff;
}
@media only screen and (max-width: 800px) {
:where(body:is(.art-id-878)) article .art-article ul.lista-nowosci {
    height:auto;
  }
:where(body:is(.art-id-878)) article .art-article ul.lista-nowosci > li {
    min-width:0;
  }
}

/* ---------- art. 936 — Regulations ---------- */

body:where(.art-id-936) div#art-main {
  overflow:visible;
}
html {
  scroll-behavior:smooth;
}
:where(body:is(.art-id-936)) div#spis {
  display:flex;
  position:relative;
  position:sticky;
  /*position: -webkit-sticky;
  */
top:55px;
  z-index:1;
}
:where(body:is(.art-id-936)) .responsive div#spis {
  top:5px;
}
:where(body:is(.art-id-936)) .sidepanel {
  height: 520px;
  /* Specify a height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: absolute;
  /* Stay in place */
  z-index: 1;
  /* Stay on top */
  top: 35px;
  left: 0;
  background-color: #C0D1C8;
  /* Black*/
  overflow-x: hidden;
  /* Disable horizontal scroll */
overflow-y:scroll;
  padding-top: 20px;
  /* Place content 60px from the top */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidepanel */
border-top:2px solid black;
}
:where(body:is(.art-id-936)) .art-postcontent .art-article > ul > li::before {
  color:#000;
}
:where(body:is(.art-id-936)) #spis .sidepanel >ul > li::before {
  display:none;
}
:where(body:is(.art-id-936)) #spis .sidepanel {
  counter-reset:panlist;
}
:where(body:is(.art-id-936)) #spis .sidepanel> ul > li > ol > li {
  list-style:none;
  position:relative;
  padding-left:10px;
  margin-top:6px;
}
:where(body:is(.art-id-936)) #spis .sidepanel> ul > li > ol > li::before {
  box-sizing:border-box;
  counter-increment: panlist;
  content:'§' counter(panlist);
  white-space:pre;
  left: -35px;
  padding-right: 10px;
  position: absolute;
  text-align: right;
  width: 45px;
  font-size:17px;
}
:where(body:is(.art-id-936)) #spis .sidepanel ul li ol {
  margin-left:75px;
}
:where(body:is(.art-id-936)) #spis .sidepanel ul li {
  padding:0;
}
:where(body:is(.art-id-936)) /* The sidepanel links */
.sidepanel a {
  padding: 4px 8px 4px 32px;
  text-decoration: none;
  font-size: 17px !important;
  color: #000 !important;
  display: block;
  transition: 0.3s;
  text-decoration:none !important;
}
:where(body:is(.art-id-936)) .sidepanel a:hover {
  text-decoration:underline !important;
}
:where(body:is(.art-id-936)) .sidepanel ol li a {
  padding:0px;
  display:inline;
}
:where(body:is(.art-id-936)) /*.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
:where(body:is(.art-id-936)) */



.menu-btn-wrapper {
  width:185px !important;
  display:flex;
  position:sticky;
  top:55px;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
  color:#000 !important;
  cursor:pointer;
  background-color:#C0D1C8;
  padding:3px;
  height:35px;
  box-sizing:border-box;
}
:where(body:is(.art-id-936)) .menu-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding-right:5px;
  cursor: pointer;
  transition: all .3s ease-in-out;
  /* border: 3px solid #fff;
  */;
}
:where(body:is(.art-id-936)) .menu-btn__burger {
  width: 20px;
  height: 3px;
  background: #000;
  border-radius: 2px;
  /*box-shadow: 0 2px 5px rgba(255,101,47,.2);
  */
  transition: all .5s ease-in-out;
}
:where(body:is(.art-id-936)) .menu-btn__burger::before,
:where(body:is(.art-id-936)) .menu-btn__burger::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 3px;
  background: #000;
  border-radius: 2px;
  /*box-shadow: 0 2px 5px rgba(255,101,47,.2);
  */
  transition: all .5s ease-in-out;
}
:where(body:is(.art-id-936)) #spis .menu-btn-wrapper span {
  font-size:19px;
}
:where(body:is(.art-id-936)) .menu-btn__burger::before {
  transform: translateY(-6px);
}
:where(body:is(.art-id-936)) .menu-btn__burger::after {
  transform: translateY(6px);
}
:where(body:is(.art-id-936)) /* ANIMATION */
.menu-btn.open .menu-btn__burger {
  background: transparent;
  box-shadow: none;
}
:where(body:is(.art-id-936)) .menu-btn.open .menu-btn__burger::before {
  transform: rotate(45deg) translate(35px, -35px);
  transform: rotate(45deg);
}
:where(body:is(.art-id-936)) .menu-btn.open .menu-btn__burger::after {
  transform: rotate(-45deg) translate(35px, 35px);
  transform: rotate(-45deg);
}
:where(body:is(.art-id-936)) .art-postcontent .art-article h4 {
  text-align: center;
  font-size: 17px;
  margin: 30px 0 20px;
  text-transform:uppercase;
}
:where(body:is(.art-id-936)) .art-postcontent .art-article h5 {
  text-align: center;
  font-size: 16px;
  margin: 30px 0 20px;
  font-weight: bold;
}
:where(body:is(.art-id-936)) .art-post .art-article > ol {
  counter-reset:list1;
}
:where(body:is(.art-id-936)) .art-post .art-postcontent .art-article >ol > li {
  padding-left:8px;
  list-style:none;
  position:relative;
  margin-top:10px;
}
:where(body:is(.art-id-936)) .art-post .art-article > ol > li::before {
  box-sizing:border-box;
  counter-increment: list1;
  white-space:pre;
  content:counter(list1) '. ';
  left: -35px;
  padding-right: 8px;
  position: absolute;
  text-align: right;
  width: 45px;
}
:where(body:is(.art-id-936)) .art-post .art-article > ol > li > ol {
  counter-reset:list2;
  margin-left:25px;
}
:where(body:is(.art-id-936)) .art-post .art-article > ol > li > ol> li {
  list-style:none;
  position:relative;
  padding-left:8px;
  margin-top:6px;
}
:where(body:is(.art-id-936)) .art-post .art-article > ol > li > ol > li::before {
  box-sizing:border-box;
  counter-increment: list2;
  white-space:pre;
  content:counter(list2) ') ';
  left: -35px;
  padding-right: 8px;
  position: absolute;
  text-align: right;
  width: 45px;
}
:where(body:is(.art-id-936)) .art-post .art-article > ol > li > ol>li>ol {
  counter-reset:list3;
  margin-left:25px;
}
:where(body:is(.art-id-936)) .art-post .art-article > ol > li > ol> li>ol>li {
  list-style:none;
  position:relative;
  padding-left:8px;
  margin-top:6px;
}
:where(body:is(.art-id-936)) .art-post .art-article > ol > li > ol > li>ol>li::before {
  box-sizing:border-box;
  counter-increment: list3;
  white-space:pre;
  content:counter(list3,lower-alpha) ') ';
  left: -35px;
  padding-right: 8px;
  position: absolute;
  text-align: right;
  width: 45px;
}
:where(body:is(.art-id-936)) a.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}
:where(body:is(.art-id-936)) #uprawnienia table {
  width:100%;
  margin:10px 0 20px;
}
:where(body:is(.art-id-936)) #uprawnienia table thead th:first-child {
  width:30px;
}
:where(body:is(.art-id-936)) #uprawnienia table th,
:where(body:is(.art-id-936)) #uprawnienia table td {
  vertical-align: middle;
  text-align: center;
}
:where(body:is(.art-id-936)) #uprawnienia table tr td:nth-child(2) {
  text-align:left;
}

/* ---------- art. 952 — Godziny otwarcia agend BG w czasie sesji ---------- */

body:where(.art-id-952) .godziny.ikonki .art-article div.pasiak div.lewy {
  width: 50%;
}
body:where(.art-id-952) .godziny.ikonki .art-article div.pasiak div.prawy {
  width:30%;
}
:where(body:is(.art-id-952)) .responsive .godziny.ikonki .art-article div.pasiak div.prawy {
  width:100%;
}

/* ---------- art. 953, 954 — Filie BG w czasie sesji ---------- */

body:where(.art-id-953, .art-id-954) .godziny.ikonki .art-article div.pasiak div.lewy {
  width: 50%;
}
body:where(.art-id-953, .art-id-954) .godziny.ikonki .art-article div.pasiak div.prawy {
  width:40%;
}
:where(body:is(.art-id-953, .art-id-954)) .responsive .godziny.ikonki .art-article div.pasiak div.prawy {
  width:100%;
}

/* ---------- art. 974 — Equipment for people with special needs ---------- */

:where(body:is(.art-id-974)) #sprzety_tab td,
:where(body:is(.art-id-974)) #sprzety_tab th {
  border: none;
  padding: 20px 0 20px 20px;
  padding-bottom1:40px !important;
  font-size:16px;
}
:where(body:is(.art-id-974)) #sprzety_tab td p {
  font-weight:bold;
}
:where(body:is(.art-id-974)) .art-article #sprzety_tab th {
  text-align:center;
}
:where(body:is(.art-id-974)) .art-article #sprzety_tab .rl_sliders.nn-sliders {
  padding-left:20px;
  padding-top:0px;
}

/* ---------- art. 1027, 1028 — Alfabetyczny katalog kartkowy Biblioteki Głównej PW ---------- */

:where(body:is(.art-id-1027, .art-id-1028)) #okienko-katkart:hover {
  cursor:pointer;
}
:where(body:is(.art-id-1027, .art-id-1028)) #okienko-katkart.selected {
  background-color:#C0D1C8 !important;
  color:#000;
  z-index:100;
}
:where(body:is(.art-id-1027, .art-id-1028)) .responsive-phone #okienko-katkart {
  width:100% !important;
}
:where(body:is(.art-id-1027, .art-id-1028)) .messagepop {
  overflow-y: scroll;
  max-height: 500px;
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  position:absolute;
  text-align:left;
  width:75%;
  z-index:50;
  padding: 10px 20px;
}
:where(body:is(.art-id-1027, .art-id-1028)) .responsive .messagepop {
  width:95% !important;
  box-sizing:border-box;
}
:where(body:is(.art-id-1027, .art-id-1028)) .messagepop p,
:where(body:is(.art-id-1027, .art-id-1028)) .messagepop.div {
  /*border-bottom: 1px solid #EFEFEF;
  */
  margin: 8px 0;
  padding-bottom: 8px;
}
:where(body:is(.art-id-1027, .art-id-1028)) #okienko-span {
  color:#1f3399;
}
:where(body:is(.art-id-1027, .art-id-1028)) #okienko-katkart.selected span {
  color: #000;
}
:where(body:is(.art-id-1027, .art-id-1028)) button.close {
  border:0;
  background:none;
  cursor:pointer;
  padding:0;
  text-decoration:none;
  color:black;
  font-size:16px;
}

/* ---------- kontakt 1, 2 (Komponenty > Kontakty) ---------- */

:where(body:is(.kontakt-id-1, .kontakt-id-2)) #loader-box {
  position: absolute;
  z-index: 5;
  width: 100%;
  display: flex;
  height: 500px;
  align-items: center;
  justify-content: center;
  padding: 5px;
  box-sizing: border-box;
  text-align: center;
  top: 0;
  left: 0;
}
:where(body:is(.kontakt-id-1, .kontakt-id-2)) #loader {
  margin: 30px auto;
  border: 16px solid #fed542;
  border-top: 16px solid #965f77;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
  position:absolute;
  z-index:5;
  /*top:15%;
  left:45%;
  */;
}
:where(body:is(.kontakt-id-1, .kontakt-id-2)) .responsive-phone #loader {
  border: 10px solid #fed542;
  border-top:10px solid #965f77;
  width: 35px;
  height: 35px;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}