/* ================================================================ */
/* Definicja kolorów dla różnych zakresów rozdziałw                 */
:root {
  --color1: #228B22;
  --color2: #1E90FF;
  --color3: #061993;
  --color4: #4B0082;
  --color5: #C71585;
  --color6: #FF8C00;
}
/* ================================================================ */
/* Życiorysy - ramka wokół + pogrubione nazwisko                    */
.cv_link{
	font-weight: normal;
	float:right;
}
.cv{
	display:none;
}
.cv_link a::after{
	content:"Życiorys";
}
.cv_header{
	font-weight: bold;
}

/* ================================================================ */
/* Linki "więcej" */
.more_link{
	font-weight: normal;
	float:right;
}
.more{
	display:none;
}
.more_link a::after{
	content:"Pokaż/schowaj";
}

/* ================================================================ */
/* Tooltip container */
.tooltip2 {
	position: relative;
	display: inline-block;
	color:#4285f4;
}

/* Tooltip icon */
.tooltip2::after {
	font-family: 'Material Icons';
	font-size:smaller;
	content: "help";
	margin-left:2px;
	margin-right:5px;
	padding: 0px;
	margin-top:0px;
	margin-bottom:0px;
	-webkit-font-feature-settings: 'liga' 1;
	-moz-font-feature-settings: 'liga' 1;
	font-feature-settings: 'liga' 1;
}

/* Tooltip text */
.tooltip2 .tooltiptext2 {
	visibility: hidden;
	width: 220px;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
}

.rightTooltip{
	right: 0%; 
	top:20px;
}

.leftTooltip{
	left: 0%; 
	top:20px;
}

.centerTooltip{
	left: 50%; 
	transform: translateX(-50%);
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip2:hover .tooltiptext2 {
  visibility: visible;
}
/* ================================================================ */

.bg-light{
	background-color: #f8f9fa !important;
}
.bg-dark{
	background-color: #343a40 !important;
}
.bg-light{
	background-color: #f8f9fa !important;
}
.bg-white{
	background-color: #fff !important;
}
.rounded {
    border-radius: .25rem !important;
}
*,*::before,*::after {
  box-sizing: border-box;
}
.page{
	max-width:1140;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;	line-height: 1.5;	
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.chapter_image{
	max-width:95%;
	font-size: smaller;
}
.chapter_2images{
	max-width:45%;
}
.show_hide_all{

}
.show_hide_this{

}

figure {
    margin: 0 0 1rem;
}

figcaption {
    margin-right:5px; ;
}


@media only screen and (max-width: 300px) {
	.ncbj_logo_big{
		display:none;
	}
	.ncbj_logo_medium{
		display:none;
	}
	.ncbj_logo_small{
		display:inline;
	}
}
@media only screen and (max-width: 480px) and (min-width:300px) {
	.ncbj_logo_big{
		display:none;
	}
	.ncbj_logo_medium{
		display:inline;
	}
	.ncbj_logo_small{
		display:none;
	}
}
@media only screen and (min-width: 480px) {
	.ncbj_logo_big{
		display:inline;
	}
	.ncbj_logo_medium{
		display:none;
	}
	.ncbj_logo_small{
		display:none;
	}
}

@media only screen and (min-width: 790px) {
	.header img{
		margin:auto;
	}
	.topicEmpty {
		background-color:#FFFFFF;
	}
	
	.borderA{border:1px solid var(--color1);}
	.borderG{border:1px solid var(--color2);}
	.borderH{border:1px solid var(--color3);}
	.borderN{border:1px solid var(--color4);}
	.borderS{border:1px solid var(--color5);}
	.borderW{border:1px solid var(--color6);}
	
	.topic_dot_list{
		display: inline-block;
	}
	/* ================================================================ */
	/* Tooltip for menu elements */
	/* Tooltip text */
	.topic_dot_list {
		position: relative;
	}
	/* Show the tooltip text when you mouse over the tooltip container */
	.topic_dot_list:hover .menutooltip {
	  visibility: visible;
	}
}
@media only screen and (max-width: 790px) {
	
	.topicEmpty {
		display:none;
	}
	.topic_dot_list .menutooltip {
		display:none;
	}
	
	.borderA{border-bottom:2px solid var(--color1);}
	.borderG{border-bottom:2px solid var(--color2);}
	.borderH{border-bottom:2px solid var(--color3);}
	.borderN{border-bottom:2px solid var(--color4);}
	.borderS{border-bottom:2px solid var(--color5);}
	.borderW{border-bottom:2px solid var(--color6);}

	.topic_dot_list{
		display:none;
	}
}

.page hr{
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
	border-top: 1px solid rgba(0,0,0,.1);
}
.page small{
    font-size: 80%;
    font-weight: 400;
}
.page a{
	color: #007bff;
	text-decoration: none;
}
.header{
	overflow:hidden;
	border-radius: .25rem;
	text-align:center;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap-reverse;
	min-width: 0; 	/* necessary for Enge */
	align-items: center;
	padding:10px;
	margin-bottom:10px;
	background-color:white;
}

.title{
	width:100%;
	text-align: center;
	border-radius: .25rem !important;
	font-size: 1.1rem;
	padding-top:12px;
	padding-bottom:12px;
	margin-bottom: 0.5rem; /* mniej niż 1rem, żeby zmieścić wyszukiwarkę */
}

.title_index{
	width:100%;
	text-align: center;
	/*border-radius: .25rem !important; - wyrzucamy, bo lepiej kolorowe wygląda podkreślenie, niż kolorowe tło*/ 
	font-size: 1.0rem;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:16px;
	padding-right:16px;
	margin-top: 1rem;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap-reverse;
}
.title_index a{
		font-size:smaller;
		color:#6c757d;
}
.content{
	margin-top:1rem;
	margin-bottom:1rem;
	padding: 1rem !important;
}

.text-black-50{
	color: rgba(0,0,0,.5) !important;
}
.text-white-50 {
    color: rgba(255,255,255,.5) !important;
}
.text-white {
    color: #fff !important;
}
.text-muted {
    color: #6c757d !important;
}
.d-block{
	display:block;
	box-sizing: border-box;
}
/* ================================= */
.koniec{
	width:100%;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	display: flex;
	justify-content:flex-end;
	min-width: 0; 	/* necessary for Edge */
}
.poczatek{
	width:100%;
	display: flex;
	justify-content:flex-end;
	min-width: 0; 	/* necessary for Edge */
}
.chapter{
	width:100%;
	padding-bottom: 1rem !important;
	border-bottom: 1px solid #dee2e6 !important;
	font-size: 80%;
	font-weight: 400;
	/*display: flex;
	justify-content:space-between;
	flex-wrap: wrap-reverse;*/
}
.chapter_title{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap-reverse;
}

.chapter_title h1,h2{
	font-size: 100%;
	padding:0px;
	margin:0px;
	display:inline;
}

.chapter_container{
	text-align: justify;
	text-justify: inter-word;
	padding-top: 1rem !important;
	display: flex;
	min-width: 0; 	/* necessary for Edge */
	-ms-flex-align: start;
	align-items: flex-start;
}
.author_link img{
	vertical-align: middle;
	border-style: none;
}

.topic_dot_list{
  border-radius: 3px;
  color: darkgray;
  font-style: bold;
  font-size: 14pt;
  vertical-align: top;
  text-align: center;
  width: 32px; /* oryginał 32px*/
  height: 32px; 
  margin-right:1px;
  margin-top:1px;
  background-color: lightgray; /*#f9f9f9;*/
  padding:0px;
  /*font-family: 'open_sansregular','Open Sans',sans-serif;*/
}

.topic_dot_list a{
  text-decoration: none;
  color: white;
}
.topic_dot_list a:visited{
  text-decoration: none;
  color: white;
}

.topic_dot{
  border-radius: 3px;
  color: white;
  font-style: bold;
  font-size: 18pt;
  vertical-align: top;
  text-align: center;
  width: 42px; /* oryginał 32px*/
  height: 42px; 
  margin-right:5px;
}
.topic_selected{
  color:black;
}

.topicA {background-color: var(--color1);}
.topicB {background-color: var(--color1);}
.topicC {background-color: var(--color1);}
.topicD {background-color: var(--color1);}
.topicE {background-color: var(--color1);}
.topicF {background-color: var(--color1);}
.topicG {background-color: var(--color2)}
.topicH {background-color: var(--color3);}
.topicI {background-color: var(--color3);}
.topicJ {background-color: var(--color3);}
.topicK {background-color: var(--color3);}
.topicL {background-color: var(--color3);}
.topicM {background-color: var(--color3);}
.topicN {background-color: var(--color4);}
.topicO {background-color: var(--color4);}
.topicP {background-color: var(--color4);}
.topicQ {background-color: var(--color4);}
.topicR {background-color: var(--color4);}
.topicS {background-color: var(--color5);}
.topicT {background-color: var(--color5);}
.topicU {background-color: var(--color5);}
.topicV {background-color: var(--color5);}
.topicW {background-color: var(--color6);}
.topicX {background-color: var(--color6);}
.topicY {background-color: var(--color6);}
.topicZ {background-color: var(--color6);}
/* #00695c #0D47A1 */

/*
.topicEmpty {background-color: #FFFFFF;}
0E8CCC  - niebieski, łądny
*/

.author_photo{
	float: left;
	margin-right:8px;
}
.author_div{
	overflow: auto;
	margin-top:10px;
}
.akapit{
	overflow: auto;
	margin-top:8px;
}
.akapit_obrazek_nieparzysty{
	float: right;
	max-height:200px;
}
.akapit_obrazek_parzysty{
	float: left;
	max-height:200px;
	margin-right:5px;
	margin-top:5px;
	max-width:30%;
}
.akapit figure{
	display:inline-block;
	font-size: smaller;
	vertical-align: top;
	/*float: right;*/
}
.img_with_frames{
	border:1px solid lightgray;
}
.akapit_wiersz_obrazkow img{
	max-height:140px;
}
.akapit_wiersz_obrazkow figure{
	display:inline-block;
	font-size: smaller;
	vertical-align: top;
	margin-right:8px;
}
.akapit_wiersz_duzych_obrazow figure{
	display:inline-block;
	font-size: smaller;
	vertical-align: bottom;
}
.akapit_wiersz_duzych_obrazow{
	max-width:90%;
}
.akapit_wiersz_srednich_obrazkow img{
	max-height:300px;
}
.akapit_wiersz_srednich_obrazkow figure{
	display:inline-block;
	font-size: smaller;
	vertical-align: bottom;	
}
.important{
	color: #2bbbad;
	font-weight: bold;
}

.list-container table th{
	text-align:center;
	background-color: lightgray;
	border-bottom: 1px solid darkgray;
	font-size:smaller;
	padding-left:8px;
	padding-right:8px;
}

.list-container table td{
	border-bottom: 1px solid darkgray;
	font-size:smaller;
	vertical-align:top;
	padding-left:8px;
	padding-right:8px;
	
}

.list-container .subheader{
	background-color: rgba(230,230,230,1);
	text-align:center;
}

.td_vertical_bottom table td{
	vertical-align:bottom;
}
.list-container table{
	margin-top:16px;
	margin-bottom:16px;
	margin-left: auto;
	margin-right: auto;
}
.list-container table caption{
	font-size:smaller;
}
.aligned_center{
	text-align:center;
}
.aligned_right{
	text-align:right;
}
.aligned_left{
	text-align:left;
}
.pytanie_odpowiedz{
	border-radius:4px;
	border: 1px solid lightgray;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}
/* ====================================================================== */
.authors {
	text-align: left;
}
.authors span{
	white-space: nowrap;
}

/* ====================================================================== */
/* Bardzo duże tabele źle się wyświetlają na ekranach smartfonów          */
/* Dlatego tabele na smartfony są całkowicie przerobione                  */
.table_small_width{
	display:none;
}
@media only screen and (max-width: 760px){
	
	.table_large_width{
		display:none;
	}
	.table_small_width{
		display:block;
	}
}

/* ====================================================================== */
/* Menu:                                                                  */
/* - dla dużych ekranów podpowiedzi (tooltipy)                            */
/* - dla małych ekranów zwijanie i rozwijanie podmenu                     */

.menuSelected{
  color:black;
}
.menuElement a{
  text-decoration: none;
  color: white;
  display: flex;	/*może tylko dla smartfonów */
}
.menuElement a:visited{
  text-decoration: none;
  color: white;
}
.menuElement span{
  color: black;
  vertical-align: bottom;
  margin-left:5px;
}

.menuSymbol{
  border-radius: 3px;
  font-style: bold;
  text-align: center;
  margin-right:1px;
  margin-top:1px;
  padding:0px;
  display:inline-block;
  justify-content: flex-start; /*może tylko dla smartfonów */
  flex-shrink:0;
}

.menuGroup{
	font-size:smaller;
	font-style:bold;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:2px;
	padding:3px;
	vertical-align: top;
}

@media only screen and (min-width: 790px) {
	.menuElement{
		display:inline-block;
		position:relative;	/* żeby się ładnie wyświetlały tooltipy */
	}
	
	.menuSymbol{
		font-size: 14pt;
		width:32px;
		height:32px;
	}
	.menuGroup{
		display: inline-block;
		border-radius: 3px;
		text-align: center;
	}
	
	.menuElement .menutooltip {
		position:absolute;
		display:block;
		visibility: hidden;
		font-size:smaller;
		width: 220px;
		background-color: black;
		color: #fff;
		/*text-align: center;*/   
		padding: 5px 0;
		border-radius: 6px;
		top:105%;
		z-index: 1;
	}
	
	/* Pokaż podpowiedź (tooltip) gdy myszka jest nad elementem menu */
	.menuElement:hover .menutooltip {
		visibility: visible;
		display:block;
	}
	
	/* gdy ekran jest duży, mamy podpowiedzi, więc nie potrzebujemy przycisków "zwiń/rozwiń" element menu */
	menuRangeSymbol,.menuRangeLink{
		display:none;
	}

}

@media only screen and (max-width: 790px) {
	.menuElement{
		display:none;
	}
	/* Musi być po definicji klasy menuElement ! Służy do rozwijania menu.*/
	.menuElementNotHidden{
		display:block;
	}
	.menutooltip {
		display:inline-block;
	}
	.menuSymbol{
		font-size: 12pt;
		width:28px;
		height:28px;
	}
	.menuGroup{
		display: block;
		border-radius: 0px;
		text-align: left;
	}
	.menuRangeSymbol{
		display:inline-block;
		width:40px;
	}
	.menuRangeLink{
		display:inline-block;
		float: right;
		font-size:smaller;
	}
}

/* ================================================================= */
/* Przyciski Następny/poprzedni na końcu strony */
.nextPrevContainer{
	width:100%;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	display: flex;
	justify-content:flex-wrap;
	min-width: 0; 	/* necessary for Edge */
	font-size: 80%;
}
.nextPrevBox{
	font-size:90%;;
	padding:2px;
	margin-right:2px;
    vertical-align: bottom;
	/*
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
}
.nextPrevBox a{
	color:#6c757d;
}
.nextPrevLetter {
	border-radius: 3px;
	font-style: bold;
	text-align: center;
	display:inline-block;
	font-size: 14pt;
	width: 28px; /* oryginał 32px*/
	height: 28px; 
	padding:0px;
	margin-right:5px;
	color:white;
}
.topicIndex{
	background-color:#6c757d;
	width: 42px;
}

@media only screen and (max-width: 790px) {
	.borderIndex{border-bottom:2px solid #6c757d;}
}

@media only screen and (min-width: 790px) {
	.borderIndex{border:1px solid #6c757d;}
}

/* ===================================================================== */
/* Wyszukiwarka */
.searchContainer{
	display: flex;
	justify-content:space-between;
	min-width: 0; 	/* necessary for Edge */
}
.searchBox{
	border:1px solid lightgray;
}
.searchSubmit{
	color: white;
	background-color: #d9534f;
	border:none; /*1px solid darkred;*/
	border-radius: 3px;
	font-weight:bold;
	padding-left:1rem;
	padding-right:1rem;
	padding-top:2px;
	padding-bottom:2px;
	cursor:pointer;
}
.searchContainer a{
	font-size:smaller;
}
.searchContainer form{
	margin-bottom:0.3rem;
	padding-bottom:1px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Style do drukowania : pochować zbędne przyciski "Pokaż/schowaj" i rozwinąć treść
*/
@media print {
	.page{
		max-width:100%;
		padding-right: 0px;
		padding-left: 0px;
	}
	.show_hide_all, .show_hide_this{
		display:none;
	}
	.chapter_image{
		max-width:100%;
	}
	.cv, .more{
		display:block;
	}
	.cv_link, .more_link{
		display:none;
	}
}

/* ================================================ */
/* Style dla pliku index.html */
.index-list-container{
	display:none;
	list-style: none;
	margin: 0;
	padding: 0; 
}
.index-list-container h2{
	font-size: 100%;
	font-weight: 400;
	margin:1px;
}
.index_chapter_title a{
	color: #6c757d;
}
.index_chapter_title a:visited{
	color: #6c757d;
}
.index_dot_list{
  border-radius: 3px;
  color: darkgray;
  font-style: bold;
  font-size: 14pt;
  vertical-align: top;
  text-align: center;
  width: 32px; /* oryginał 32px*/
  height: 32px; 
  margin-right:1px;
  margin-top:1px;
  display: inline-block;
  background-color: lightgray; /*#f9f9f9;*/
  padding:0px;
  /*font-family: 'open_sansregular','Open Sans',sans-serif;*/
}
.index_dot_list a{
  text-decoration: none;
  color: white;
}
.index_dot_list a:visited{
  text-decoration: none;
  color: white;
}
.lista{
	display:inline-block;
  border-radius: 1px;
  width: 16px;
  height: 16px; 
  margin-right:5px;
}
.lista_poziom2{
	vertical-align:middle;
	display:inline-block;
  border-radius: 1px;
  margin-right:5px;
  height: 8px;
  width:8px;
  margin-left:8px;
}