.nic {}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-VariableFont_wght.ttf') format('truetype'),
         url('../fonts/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 



body {
	--libri-nagl: #2d3359;
	--libri-btn-primary: #5f3d8d; /* ~dark.blue */
	--libri-btn-default: #999999;
	
	/*kolory znaku*/
	--libri-logo-dark: #5F3D8D;  /* logo fioletowe */
	--libri-logog-dark: #18181A;  /* logo szary ciemny */
	
	/*tła*/
	--libri-bg-dark: 	 #76679B; /* fiolet ciemny */
	--libri-bg-middle: #AC9FC2; /* fiolet średni */
	--libri-bg-light:  #D6CCE5; /* fiolet jasny */

	--libri-bgg-light: #a0a0a0;  /* jasno szary */
	--libri-bgg-middle: #707070;  /* szary średni */
	--libri-bgg-dark: #424242;  /* szary ciemny */
	
	
	--libri-border: #e5e5e5;
	--libri-lg-background: #f2f2f2;
	
    --e-global-color-primary: #6EC1E4;
    --e-global-color-secondary: #54595F;
    --e-global-color-text: #575858;
    --e-global-color-accent: #61CE70;
    --e-global-typography-primary-font-family: "Lato";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Lato";
    --e-global-typography-secondary-font-weight: 400;
	
	
	--box-shadow: 0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);
}

body {
	background-color:#fafafa; font-family: 'Raleway', 'LatoRegular', 'Helvetica Neue', 'Rubic', sans-serif ; font-weight:400; font-size:16px; 
	
	}

#content {min-height:60vh;}

a {color:#5f3d8d; color: var(--libri-logo-dark);}
a:hover {text-decoration:none; color:#000000; cursor:pointer; }

h3 {font-size:28px; color:#000000;}
h3.inLine {display:inline-block; vertical-align: bottom; padding-top:10px; padding-bottom: 0; margin-bottom: 0; color: #5f3d8d; }
label {font-weight:normal} 

/* 
##############################################################################################################
						Nagłówek 
##############################################################################################################
*/

header {position:fixed; left: 0px; top:0px; border:solid 0px; border-bottom:solid 1px #eee; border-radius:0; width:100%; min-height: 54px; background-color:#fafafa; z-index:1010; transition:0.5s; box-shadow:0px 0px 10px #555;}
header:hover {box-shadow:0px 0px 15px #222; }


header .header {}
header .header-left { display: inline-block; padding:0px; width:25%; float:left; }
header .header-body { display: inline-block; padding:0px; width:50%; }
header .header-right { display: inline-block; padding:0px; padding-right:30px; width:25%; float:right; } 


header .header-body .nav {margin-top:28px; } 
header .header-body .searchbox {margin-top:28px; }

header .navbar {margin-bottom:-2px;}
header .navbar .navbar-brand { padding:2px; width: 100%;}
header .navbar .navbar-brand img { height: 50px; display: block;  margin:auto; } 
header .navbar .navbar-nav > li > a {padding:12px; color:#5c517b; font-weight:bold; border:solid 0px transparent; border-radius:5px; outline:dotted 0px #000}
header .navbar .navbar-nav > li > a:hover {background-color:#5c517b; color:#fff; border:solid 0px !important; }
header .navbar .navbar-nav > li > a i {font-size:1.3em;}

header .navbar-brand-name {font-size: x-large; padding: 10px; display: inline-block;}

header .language a {display:inline-block; background-size:cover; margin:8px; margin-left:4px; margin-right:4px; background-position:center; width:24px; height:24px; border-radius: 50% !important; border:solid 4px transparent;} 
header .language.active a {box-shadow: 0 0 10px #5c517b; outline:solid 4px #5c517b !important;} 
header .language:hover a {box-shadow: 0 0 10px #000; outline:solid 4px #5c517b !important;} 


header .core-menu {display:table; margin:0; padding:0; width:100%;}
header .core-menu-burger {display:table-cell; padding:20px; font-size:3em; vertical-align: middle; text-align: center; width:25%; }
header .core-menu-brand {display:table-cell; padding:20px; vertical-align: middle; text-align: center; }
header .core-menu-brand img {width:56px;}

header .core-menu-items {
	position:fixed; display:block; text-align:left; right:-21%; background-color:#fff; width:20%; height:100%; 
	padding:0px; border-left:solid 1px var(--libri-logo-dark); transition:0.5s; 
	top:0px; box-shadow: var(--box-shadow); z-index:1012;
}
header .core-menu-items.active {right:0px !important; }

header .core-menu-items .close { margin:0px; padding:10px;}
header .core-menu-items ul { margin:0px; padding:0px;}
header .core-menu-items ul .core-menu-header { margin:0px; padding:10px; background-color: #e5e5e5; border-bottom: solid 1px #adadad; padding-top:20px;}
header .core-menu-items li { list-style:none;}
header .core-menu-items .core-menu-item { margin:0px; padding:0px; background-color: #fff; }

header .core-menu-items .core-menu-item a {padding:10px; padding-left:20px; display: block; color: var(--libri-logo-dark);}
header .core-menu-items .core-menu-item.active a {font-weight:bold;}
header .core-menu-items .core-menu-item a:hover {background-color: var(--libri-logo-dark); color:#fff}



header .header2 { display:table; width:100%; height:96px;}
header .header2 .header2-left { display:table-cell; width: 25%; vertical-align:middle; text-align:right; }
header .header2 .header2-brand img { height:72px; position:relative; left:14px;}

header .header2 .header2-middle { display:table-cell; width: 50%; vertical-align:middle; text-align:left; }
header .header2 .header2-middle h1 { padding-left:50px;}
header .header2 .btn { border-radius:24px; padding: 8px; font-size: 1.2em;}
header .header2 .btn span { display:none; }
header .header2 .btn-primary { background-color:transparent; border:0; box-shadow: none; color: var(--libri-logo-dark);}
header .header2 .btn-default { background-color:transparent; border:0; box-shadow: none; color: #7a7999; }
header .header2 .searchInput>div:last-child {padding-right:18px; }
header .header2 .header2-right { display:table-cell; width: 25%; vertical-align:middle; text-align:left; }

.userBox-toggle {text-align:right; padding-right:30px; }
.userBox-toggle a {padding:8px; padding-top:22px; display:inline-block; border-radius:4px; font-size:3em; line-height:1;}
.userBox-toggle a:hover { color:#000}



#myInfoCloud {
	position: fixed; 
	right:10px; top: -120px;
	border: solid 2px #dddddd; 
	border-radius: 5px;
	box-shadow: var(--box-shadow);
	background-color:#fafafa;
	min-width:20vw;
	padding: 10px;
	text-align: center;
}
#constInfoCloud {
	position: fixed; 
	right:80px; bottom: 10px;
	border: solid 2px #dddddd; 
	border-radius: 5px;
	box-shadow: var(--box-shadow);
	background-color:#fafafa;
	max-width:20vw;
	padding: 3px;
	text-align: center;
}

.userBox-menu {
	display:none; position: fixed; 
	right:10px; top:120px;
	border: solid 2px #dddddd; 
	border-radius: 5px;
	box-shadow: var(--box-shadow);
	background-color:#fafafa;
	min-width:20vw;
}

.userBox-menu.active {display:block;}
.bg-off {display:none;}
.bg-off.active {display:block; position: fixed; top:0; left:0; width: 100vw; height:100vh; background-color: transparent; z-index:1008;}
.userBox-header {background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); border-radius: 5px 5px 0 0; background-repeat: repeat-x; padding:10px; text-align:center; margin:0px;}

.userBox-body {display:block;}
.userBox-body>ul {display:block; padding:0px; margin:0px; margin-bottom:10px;margin-top:0px; border-top:solid 1px #ddd;}
.userBox li {list-style: none; padding:0;}
.userBox li a {width:100%; display:block; padding:10px;}
.userBox li i {float:right;}
.userBox li:hover {background-color: #dddddd;}

.userBox-languages .active {font-weight: bold; }

#userMenu-icon { transition:0.5s; }


#search-collapse h1 {text-align: center; margin-top:8px; color: #5c517b;}
#formBox {transition:0.5s}
.search-menu {padding:4px;}

.searchInput {display:table; margin-top:7px; border:solid 2px var(--libri-logo-dark); border-radius:8px; width: 100%; background-color: #fff;} /*var(--libri-logo-dark)*/
.searchInput.active { -webkit-box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);-moz-box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2); } /*var(--libri-logo-dark)*/
.header2-middle .searchInput {border-radius: 0 26px 26px 0; border-left:0; padding-left:14px; background-color:tranparent; }
.header2-middle .searchInput input {background-color:tranparent; }

#ajax_libri_summary .searchInput {display:table; margin-top:0; font-size:1.2em; border:solid 2px var(--libri-logo-dark); border-radius:30px 30px 30px 30px; width: 100%; background-color: #fff; padding-left:20px;} /*var(--libri-logo-dark)*/
#ajax_libri_summary .btn {background-color: transparent; box-shadow: none; }
#ajax_libri_summary .btn-default {color:#7a7999; }
#ajax_libri_summary .btn-primary {color: var(--libri-logo-dark); }

.searchInput>div {display:table-cell; text-align: center; vertical-align: middle; padding:2px; }
.searchInput>div:last-child {text-align: right; max-width:10%; }
.searchInput .searchRemoveBtn { padding:5px; }
.searchInput .searchInputMain { width:80%; }
/* .searchInput>div:nth-child(2) {text-align: right; width:10%; } */

.searchInput>div select {height: 40px; border:0px; padding:5px; background-color:#fff; }
.searchInput>div input {width:100%; height: 40px; border:0px; padding:5px; }
.searchInput>div input:focus {border:0px; outline:0px;  }

.searchInput-ac {display: none;}
.searchInput-ac.active,
.searchInput-ac:hover {
	display:block; position: absolute; margin-top:5px; border:solid 2px var(--libri-logo-dark); height:auto; width:50vw; background: #fafafa; border-radius:0 24px 24px 24px;
	box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);
	overflow:hidden;}
.searchInput-ac.inprogress	{ background: #eee; box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);	}
.searchInput-ac.inprogress .ac-item {opacity: 0.5}

.autocompleteBox {display: none;}
.autocompleteBox:hover, 
.autocompleteBox.active {
	display: block; padding:0px;
	position: absolute; border:solid 1px var(--libri-logo-dark); width:40%; /* height: 40vh; */ background-color: #fff; border-radius:5px; 
	margin-top:5px;
	-webkit-box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);
	-moz-box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);
	box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);
	}


.searchInput-ac .ac-header {display:block;margin:0;padding:.5rem; color:#555;}
.searchInput-ac .ac-header-big {display:block;margin:0;padding:2rem; text-align:center; color:#555;}
.searchInput-ac .ac-item {display:block;margin:0;padding:.5rem; padding-left:20px; padding-right:20px; cursor:pointer; margin:0;}
.searchInput-ac .ac-item:last-child{border:0}

.searchInput-ac .ac-item.active {
  background-color: #eee; 
} 
.searchInput-ac .ac-item:hover {
  color: white;
  background-color: var(--libri-logo-dark);
  background-color: #5c517b; 
} 
.searchInput-ac .ac-item.loading {background-color:#fff}
.searchInput-ac .ac-item.selected {background-color:#265680;color:#fff}
.searchInput-ac .ac-item small {display:block;color:darkgray}
.searchInput-ac .ac-section-header {float:right;display:block;margin-top:-1.75rem;padding:0 .5rem;color:lightgray;background-color:#fff}
.searchInput-ac .ac-section-divider {margin:1rem .5rem;border:0;border-top:2px solid lightgray}

.searchInput-ac-resoults {display:block; padding:30px; }

.ac_empty {padding:20px;}
.searchInput-ac-bottom {display:block; background-color: #aaa; color:#eee; margin:1px; border-radius: 0 0 4px 4px; text-align:right; }
.searchInput-ac-bottom>span {display: inline-block; padding:3px;}


.btn-primary {transition:0.4s; color:#fff; border:0px; background: #5C517B; padding:11px 30px ;}
.btn-primary:hover {color:#fff; background:#2D2D2D; }

.btn-default {transition:0.4s; color:#fff; background: #7a7999; padding:11px 30px; border:0px; }
.btn-default:hover {background: #5C517B; color:#eee; }

.btn:hover {-webkit-box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);-moz-box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2)}

.btn-link:hover {-webkit-box-shadow:none;-moz-box-shadow:none; box-shadow:none; }


.long-list {display:block; width:100%; }
.long-list .name {display: inline-block; width:50%; }
.long-list .date {display: inline-block; width:20%; }
.long-list .id {display: inline-block; width:29%; }
 

#formBox, 
#facetsBox,
#sortbyBox,
#querySummary {transition: 1s;}

/* 
##############################################################################################################
						wyniki wyszukiwania
##############################################################################################################
*/
.breadcrumbs { height:0px; overflow:hidden;}



.main { display:block; min-height:73vh; width:100%; position:relative;}	
.main-title {margin:0px; padding:8px;}

.sidebar { display: inline-block; position: sticky; width:25%; left:0px; z-index: 20; margin: 0; padding: 12px; padding-top:0px; background-color:#fafafa; min-height: 100%; vertical-align:top; transition:0.5s;}
.mainbody { display: inline-block; position: sticky; width:75%; top:0px; float:right; margin: 0; padding: 0; transition:0.5s; background-color:#fafafa; vertical-align:top;}


.sidebar .facets-header {display:block; background-color:#f2f2f2; padding:16px; padding-bottom:0px; border-bottom:solid 1px #ddd; margin:-12px; margin-bottom:12px;}
.sidebar .facets-body {padding:6px; padding-left:20px; padding-right:20px; overflow-x: hidden; height:100%;}
.sidebar .facets-body .description {background-color: transparent; color:#555; padding:8px; margin-bottom:-4px; border-bottom: solid 1px #eee; font-size:0.8em;}


.sidebar.sidebarHidden { left:-50%;}
.mainbody.mainbodyFullScreen { }

.main:after { content: ""; display: table; clear: both; }


.sidebar-search-box {position:relative; display:block; padding:0; padding-bottom:10px; background-color: transparent;}
.sidebar-search-box .sidebar-search-icon {color:#e5e5e5; position:absolute; right:10px; top:9px;}
.sidebar-search-input {display:inline-block; border:solid 1px #e5e5e5; border-radius:4px; padding:3px; width:100%; padding:6px;; background-color: #fff;}
.sidebar-search-input:focus {-webkit-box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);-moz-box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2); 
          border-color:var(--libri-logo-dark); outline:none;} /*var(--libri-logo-dark)*/}
.sidebar-search-input:focus>.sidebar-search-icon {color:var(--libri-logo-dark);}


.sidebar h4 {font-size:13px; padding: .25rem 1rem; font-weight:bold; }


.sidebar .panel .panel-heading {margin:0px; padding:8px;}
.sidebar .panel .panel-body {margin:0px; padding:0px;}
.sidebar .panel-body a {margin:0px; padding:8px; display:flex; font-size:0.9em;}
.sidebar .panel-body a .text {flex-grow: 1;}
.sidebar .panel-body a .badge {background-color:#dfd3e9; color:#222222; border-radius:5px; font-weight:normal; flex-shrink: 0; max-height: 19px; line-height: 1.2; vertical-align: baseline;}
.sidebar .panel-body a:hover {text-decoration:none; background-color:#eeeeee; color:#000000;}
.sidebar .panel-body a:hover .badge {background-color:#5c517b; color:#ffffff; border-radius:5px; font-weight:normal;}

.facet-btn {float:right; display:inline-block; padding:0 10px 0 0; color:#000; background-color:transparent; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; }
.facet-btn:hover {opacity: 0.5; cursor:pointer;}


.facetTop {}
.facetTop .facetCascade {position:absolute; display:none; padding-left:5px;}
.facetTop:hover > .facetCascade {display:block; }
.facetTop .subfacetCascade {border:solid 1px #dddddd; border-radius:3px; background-color:#fff; box-shadow: var(--box-shadow); transition:0.5s; max-height: 360px; min-width: 280px; overflow: auto;}
.facetTop .subfacetCascade .subfacetCascade-header {display:table; width:100%; margin:0;}
.facetTop .subfacetCascade .subfacetCascade-header input {display:table-cell; width:80%; padding:5px; border:0; border-bottom:solid 1px #ddd; }
.facetTop .subfacetCascade .subfacetCascade-header input:focus-visible {outline:0; border-bottom-color:#222;}
.facetTop .subfacetCascade .subfacetCascade-header button {display:table-cell; width:20%; padding:5px; border:0; color:#aaa; border-bottom:solid 1px #ddd; background-color: transparent; transition:0.2s;}
.facetTop .subfacetCascade .subfacetCascade-header button:hover {color:#000;}

.facet-year-range {display:table; border-spacing:5px;}
.facet-year-range label, 
.facet-year-range input {display: table-cell; }

.ico-btn {float:right; display:inline-block; padding:8px; color:#000; background-color:transparent; text-shadow: 0 1px 0 #ffffff; opacity: 0.5; cursor: pointer; font-weight:normal;}
.ico-btn:hover {opacity: 0.8;}

/* główny blok wyników */
.search-header { display:table; width:100%; background-color: #f2f2f2; border-bottom:solid 1px #dddddd; }
.search-header>div { display: table-cell; vertical-align:middle; padding:10px; }



.bulkActionButtons {background-color:transparent; margin-top:0px; margin-bottom:10px; }
.bulkActionButtons .bulk-checkbox {color: var(--libri-btn-default); display: inline-block;}
.bulkActionButtons .bulk-actions {color: var(--libri-btn-default); display: inline-block; padding:4px;}
.bulkActionButtons .bulk-actions i {font-size:1.2em; vertical-align:middle;}
.bulkActionButtons .bulk-actions span {font-size:0.8em; vertical-align:middle;}
#selectAllIcon {transition:0.5s;}


.action-toolbar {display: inline-block; border: 0px; margin: 0; padding: 0; list-style: none; }
.action-toolbar li {display: inline-block; border: 0px; margin: 0; padding: 0;  }
.action-toolbar .dropdown-menu>li {display:block;}
.toolbar-btn { display:inline-block; border: 0px; background-color: transparent; color: #888; padding: 5px;}
.toolbar-btn:hover { color: #000; }

[class*="btn-type-"]::before { display: inline-block; margin-right: .25rem; font-family: "FontAwesome"; color: inherit; }
.btn-type-email::before { content: "\f0e0"; }
.btn-type-export::before { content: "\f08e"; }
.btn-type-print::before { content: "\f02f"; }
.btn-type-save::before { content: "\f005"; }
.btn-type-add::before { content: "\f055"; }

.sidebar-buttons {padding:0px !important; margin:0px !important; overflow:hidden; opacity:0; transition:.5s; float: left;}
.sidebar-buttons.shown {opacity:1; }
.sidebar-buttons button {display: inline-block; border:0px; padding:3px !important; padding-top:10px !important;; font-size: 1.6em; line-height:1; margin:0px; vertical-align:middle; }	
.sidebar-buttons button:hover {color:#000; }	


.date-fields {display: table; width:100%;}
.date-fields>div {display:table-cell; padding:8px;}


.results { padding:16px; }

.facet-list-limited {max-height:36vh; overflow:auto;}
.subfacets { display:block; max-height:300px; overflow-y: scroll;}
.subfacet {padding-left:16px !important; background-color: #fafafa;}
.id-tag {color:#555; font-size:1.1em;vertical-align: middle;}


.btn-group.open .dropdown-toggle {box-shadow: none;  background-color:#eee; border-radius: 4px; }

.yearBox {display: table; width:100%;}
.yearBox label {display: table-cell; width:50%; padding:4px;}
.yearBox input {display: inline-block; max-width:80%; margin-left:5px;}

.tabPanelWhiteCart {border: solid 1px #ddd; border-top: 0; background-color: #fff; padding:10px; margin-bottom:10px; border-radius: 0 0 4px 4px;}
.tabPanelWhiteCart pre {border:0; background-color: transparent;}

/* 
##############################################################################################################
						 Lista wyników w formie Listy 
##############################################################################################################
*/

.results-list {display:block; width:100%; }

.results-list .result { display:table; width:100%; border-radius:3px; transition:0.5s; margin-bottom:38px; border:solid 1px transparent; padding:0px;}
.results-list .result:nth-child(2n) {} 
.results-list .result:hover { border-color:#a0a0a0;  }


/*
.results-list .result { display:table; width:100%; border-radius:3px; transition:0.5s; margin-bottom:16px; border:solid 1px #eee; padding:0px; background-color:#fff;}
.results-list .result:nth-child(2n) {background-color: #eeeeee;} 
.results-list .result:hover { border-color:#a0a0a0;  }
*/
.results-list .result>div {display:table-cell; }

.results-list .result .result-number {padding: 8px; vertical-align:top; text-align:left; color:#6a6a6a; font-size:0.9em; width: 60px;;}
.results-list .result .result-media {width: 100px; text-align:center; }
.results-list .result .result-media img {width:90px;}
.results-list .result .result-body {vertical-align: top;}
.results-list .result .result-body .title {margin:0px; padding:0px; }
.results-list .result .result-body .title a {display:block; color: #2d3359; font-weight:400; font-size:1.2em; color:#2a2a2a; padding: 8px; /*color: var(--libri-nagl); */}
.results-list .result .result-body .title:hover {color:#000; text-decoration: underline; }
.results-list .result .result-desc {padding:8px;}
.results-list .result .result-actions {width:120px; text-align:right; vertical-align: top; padding:8px;}

.results-list .result .result-links {opacity:0; padding:10px; transition:0.8s;}	
.results-list .result:hover .result-links {opacity:1; transition:0.8s;}	


.highlight, mark {background: #FFCA67;  padding: .1em .2em;}

/* 
##############################################################################################################
						SIDE MENU  
##############################################################################################################
*/

.side-menu-group {display:block;}
.side-menu-item {display:block; padding:8px; border-right: solid 1px #ddd; }
.side-menu-item.active {border:solid 1px #ddd; border-right:0px; border-radius:5px 0 0 5px; }
.side-menu-item .badge {float:right;}

.scroll-box {max-height:60vh; overflow-y:scroll;}
.separator-line {display:block; width:100; border-bottom: solid 1px #ddd; padding:8px; font-size:1.2em; font-weight:bold;} 

/* 
##############################################################################################################
						 Lista wyników w formie th-list (simple list) 
##############################################################################################################
*/

.results-th-list {display:block; width:100%; }


.results-th-list .result-number {display: table-cell; vertical-align:top; text-align:left; color:#6a6a6a; font-size:0.9em; width: 60px; }
.results-th-list .result-number input { margin-right:5px;}

.results-th-list .title {display: table-cell; font-size:1.2em; }
.results-th-list .title a {color: #222;}

.results-th-list .result { display:table; width:100%; border-radius:3px; transition:0.5s; padding:0px; background-color:#fff;}
.results-th-list .result:hover { border-color:#a0a0a0;  }

.results-th-list .result>div {display:table-cell; }

.results-th-list .result .result-media {width: 100px; text-align:center; }
.results-th-list .result .result-media img {width:90px;}
.results-th-list .result .result-body {vertical-align: top;}
.results-th-list .result .result-body .title {margin:0px; padding:0px; }
.results-th-list .result .result-body .title a {display:block; color: #2d3359; font-weight:400; font-size:1.2em; color:#2a2a2a; padding: 8px; /*color: var(--libri-nagl); */}
.results-th-list .result .result-body .title:hover {color:#000; text-decoration: underline; }
.results-th-list .result .result-desc {padding:8px;}
.results-th-list .result .result-actions {width:120px; text-align:right; vertical-align: top; padding:8px;}

.results-th-list .result .result-links {opacity:0; padding:10px; transition:0.8s;}	
.results-th-list .result:hover .result-links {opacity:1; transition:0.8s;}	




/* 
##############################################################################################################
								Lista wyników w formie th (grid)
##############################################################################################################
*/


.results-th {display: flex; flex-flow: row wrap; width: 100%;}


.results-th .result { flex: 1; position: relative; margin: 0px 20px 20px 0px; padding: 0px; display: flex;
flex-direction: column; flex-basis: 170px; max-width:170px; border: solid 1px var(--libri-border); transition: 0.2s; background-color: #eee;}
.results-th .result:hover { border-color:#a0a0a0;  }
 
.results-th .result>div {display:block; }

.results-th .result .th-result-header { position:relative; display:table; width: 100%; border:solid 1px #dddddd;background-color: #fff; transition:0.5s;}
.results-th .result:hover  .th-result-header {background-color: #f8f8f8; color:#282828;  border-color:#a0a0a0; z-index:10; border-radius: 2px; }

.results-th .result .result-number {display:block; padding:5px; text-align: left; overflow:hidden;  width:100%; background-color: white;}
.results-th .result .result-number label {color:#8f8f9d}
.results-th .result .result-media {width: 100%; text-align:center; background:transparent; height: 230px; overflow: hidden; }
.results-th .result .result-media img { margin-left:auto; margin-right:auto; width:100%;}
.results-th .result .result-body .title { font-size:clamp(14px, 8vh, 16px); font-weight: 400; padding:4px; padding-left:0px; max-height:6rem; min-height: 6rem; overflow: hidden; line-height:120%;}
.results-th .result .result-body .title a {color: #222;}
.results-th .result .result-body .title:hover a {color: #000;}
.results-th .result .result-actions {display:none;}

.results-th .result .result-body { margin: 5px;   }
.results-th .result .result-footer { margin-top:auto; }
.results-th .result .result-desc { font-size: 0.9em;}






/* 
##############################################################################################################
								Lista wyników w formie grid
##############################################################################################################
*/

.search-grid {display: flex; flex-flow: row wrap; width:100%; } 

.grid-result {/*flex:1 */ position:relative; z-index:10; margin:0px 20px 20px 0px; padding:0px; display:block; flex-basis: 170px; border:solid 1px var(--libri-border); transition:0.2s; background-color:#fff; }

.grid-result .record-checkbox {	display: block; text-align: left; position: absolute; top: 0px; left: 0px; z-index: 12; padding: 5px; min-width: 2em; background-color: transparent;  }
.grid-result .record-number {display: none; text-align: center; position: absolute; top: 0px; left: 50%; z-index: 13; background-color: blue; }

.grid-result .grid-body {display: flex; flex-flow:column; margin:0px; padding:0px; margin-top:-20px; background-color:#f2f2f2; height:100%;}

.grid-body-col1, .grid-body-col2, .grid-body-col3 { }
.grid-body-col1 {height:238px; background-color: #FfFfFf; text-align:center;}
.grid-body-col2 {padding:10px; bottom:0px; transition:0.5s;}

.grid-result .title {display:block; color: #2d3359; font-weight:400; font-size:15px; color:#2a2a2a; /*color: var(--libri-nagl); */}
.grid-result .title:hover {color:#000;}

.grid-result:hover { border-color:#a0a0a0; }

.grid-result .addons {font-size:0.8em;}




.result-number {display:table; }
.result-number label {display:table-row; }
.result-number label>i {display:table-cell; vertical-align: bottom; cursor:pointer; }
.result-number label span {display:table-cell; vertical-align: bottom; padding:4px; }
.result-number [class^="ph-"], .result-number [class*=" ph-"] 
  {font-size:1.2em;}



 
@media (max-width:1280px) {
	
	.mainbody.right { width:70%; padding:20px; display:block; }
	.sidebar { width:30%}
	
	.grid-result { width:47%; }
	.breadcrumbs { height:0px; overflow:hidden;}


	}

@media (max-width:768px) {
	header .navbar .navbar-brand { width: 30%; }
	.breadcrumbs {margin-top:74px; height:0px; overflow:hidden;}

	.mainbody.right { width:100%; padding:20px; display:block; }
	.sidebar { width:100%}
	
	.grid-result { display:block; width:97%; }
	}

/* 
##############################################################################################################
								Results list - wikiresults defaults
##############################################################################################################
*/
/*
.default-box-list {display: inline-block; width:25em; margin-left:16px; margin-bottom:16px; vertical-align: top;}
.default-box-list .box-Body {display:block; height: 30em; border:solid 1px #eee; border-radius:4px; overflow:hidden;}
.default-box-list .box-Image {display:block; height:20em;}
.default-box-list .box-img-exists {height:100%; background-size: cover; }
.default-box-list .box-Image.empty {background-color: #ccc;}
.default-box-list .box-Image.empty img {height:20em; margin-left:auto;margin-right:auto; background-size: contain; padding:5em; }
.default-box-list .box-Desc {display:block; background-color: #eee; padding:8px; height:10em; position:relative;}
.default-box-list .box-Desc .box-linkPanel {display:block; text-align:right;}
.default-box-list .box-Desc .box-head h4 a {color:#222; font-size:1.1em;}
.default-box-list .box-Desc .box-head:hover h4 a {color:#000;}
.default-box-list .box-Desc .box-bottom-link {position: absolute; right:8px; bottom:8px;}
.default-box-list .box-Body:hover {border:solid 1px #ddd;}
.default-box-list .box-Body:hover .box-Desc {background-color: #ddd;}
*/



.default-box-list .persons-result {display: inline-block; width:25em; margin-right:16px; margin-bottom:16px; vertical-align: top;}
.default-box-list .persons-result .box-Body {display:block; height: 30em; border:solid 1px #eee; border-radius:4px; overflow:hidden;}
.default-box-list .persons-result .box-Image {display:block; height:20em;}
.default-box-list .persons-result .box-img-exists {height:100%; background-size: cover; }
.default-box-list .persons-result .box-Image.empty {background-color: #ccc;}
.default-box-list .persons-result .box-Image.empty img {height:20em; margin-left:auto;margin-right:auto; background-size: contain; padding:5em; }
.default-box-list .persons-result .box-Desc {display:block; background-color: #eee; padding:8px; height:10em; position:relative;}
.default-box-list .persons-result .box-Desc .box-linkPanel {display:block; text-align:right;}
.default-box-list .persons-result .box-Desc .box-head h4 a {color:#222; font-size:1.1em;}
.default-box-list .persons-result .box-Desc .box-head:hover h4 a {color:#000;}
.default-box-list .persons-result .box-Desc .box-bottom-link {position: absolute; right:8px; bottom:8px;}
.default-box-list .persons-result .box-Body:hover {border:solid 1px #ddd;}
.default-box-list .persons-result .box-Body:hover .box-Desc {background-color: #ddd;}

.default-box-list .places-result {display: inline-block; width:18em; margin-right:16px; margin-bottom:16px; vertical-align: top;}
.default-box-list .places-result .box-Body {display:block; height: 18em; border:solid 1px #eee; border-radius:4px; overflow:hidden;}
.default-box-list .places-result .box-Image {display:block; height:9em;}
.default-box-list .places-result .box-img-exists {height:100%; background-size: cover; }
.default-box-list .places-result .box-Image.empty {background-color: #ccc;}
.default-box-list .places-result .box-Image.empty img {height:9em; margin-left:auto;margin-right:auto; background-size: contain; padding:5em; }
.default-box-list .places-result .box-Desc {display:block; background-color: #eee; padding:8px; height:9em; position:relative;}
.default-box-list .places-result .box-Desc .box-linkPanel {display:block; text-align:right;}
.default-box-list .places-result .box-Desc .box-head h4 a {color:#222; font-size:1.1em;}
.default-box-list .places-result .box-Desc .box-head:hover h4 a {color:#000;}
.default-box-list .places-result .box-Desc .box-bottom-link {position: absolute; right:8px; bottom:8px;}
.default-box-list .places-result .box-Body:hover {border:solid 1px #ddd;}
.default-box-list .places-result .box-Body:hover .box-Desc {background-color: #ddd;}

.default-box-list .corporates-result {display: inline-block; width:25em; margin-right:16px; margin-bottom:16px; vertical-align: top;}
.default-box-list .corporates-result .box-Body {display:block; height: 30em; border:solid 1px #eee; border-radius:4px; overflow:hidden;}
.default-box-list .corporates-result .box-Image {display:block; height:20em;}
.default-box-list .corporates-result .box-img-exists {height:100%; background-size: cover; }
.default-box-list .corporates-result .box-Image.empty {background-color: #ccc;}
.default-box-list .corporates-result .box-Image.empty img {height:20em; margin-left:auto;margin-right:auto; background-size: contain; padding:5em; }
.default-box-list .corporates-result .box-Desc {display:block; background-color: #eee; padding:8px; height:10em; position:relative;}
.default-box-list .corporates-result .box-Desc .box-linkPanel {display:block; text-align:right;}
.default-box-list .corporates-result .box-Desc .box-head h4 a {color:#222; font-size:1.1em;}
.default-box-list .corporates-result .box-Desc .box-head:hover h4 a {color:#000;}
.default-box-list .corporates-result .box-Desc .box-bottom-link {position: absolute; right:8px; bottom:8px;}
.default-box-list .corporates-result .box-Body:hover {border:solid 1px #ddd;}
.default-box-list .corporates-result .box-Body:hover .box-Desc {background-color: #ddd;}

.default-box-list .events-result {display: table; width:100%; margin-bottom:16px; vertical-align: top;}
.default-box-list .events-result .box-Body {display:table-row; height: 15em; border:solid 1px #ddd; border-radius:4px; overflow:hidden;}
.default-box-list .events-result .box-Image {display:table-cell; width:15em; height:15em;}
.default-box-list .events-result .box-img-exists {height:100%; background-size: cover; }
.default-box-list .events-result .box-Image.empty {background-color: #efefef;}
.default-box-list .events-result .box-Image.empty img {height:15em; margin-left:auto; margin-right:auto; background-size: contain; padding:5em; }
.default-box-list .events-result .box-Desc {display:table-cell; vertical-align: top; background-color: #eee; padding:8px; position:relative;}
.default-box-list .events-result .box-Desc .box-linkPanel {display:block; text-align:right;}
.default-box-list .events-result .box-Desc .box-head h4 a {color:#222; font-size:1.1em;}
.default-box-list .events-result .box-Desc .box-head:hover h4 a {color:#000;}
.default-box-list .events-result .box-Desc .box-bottom-link {position: absolute; right:8px; bottom:8px;}
.default-box-list .events-result .box-Body:hover {border:solid 1px #ddd;}
.default-box-list .events-result .box-Body:hover .box-Desc {background-color: #ddd;}

.default-box-list .magazines-result {display: inline-block; width:25em; margin-right:16px; margin-bottom:16px; vertical-align: top;}
.default-box-list .magazines-result .box-Body {display:block; height: 30em; border:solid 1px #eee; border-radius:4px; overflow:hidden;}
.default-box-list .magazines-result .box-Image {display:block; height:20em;}
.default-box-list .magazines-result .box-img-exists {height:100%; background-size: cover; }
.default-box-list .magazines-result .box-Image.empty {background-color: #efefef;}
.default-box-list .magazines-result .box-Image.empty img {height:20em; margin-left:auto;margin-right:auto; background-size: contain; padding:5em; }
.default-box-list .magazines-result .box-Desc {display:block; background-color: #eee; padding:8px; height:10em; position:relative;}
.default-box-list .magazines-result .box-Desc .box-linkPanel {display:block; text-align:right;}
.default-box-list .magazines-result .box-Desc .box-head h4 a {color:#222; font-size:1.1em;}
.default-box-list .magazines-result .box-Desc .box-head:hover h4 a {color:#000;}
.default-box-list .magazines-result .box-Desc .box-bottom-link {position: absolute; right:8px; bottom:8px;}
.default-box-list .magazines-result .box-Body:hover {border:solid 1px #ddd;}
.default-box-list .magazines-result .box-Body:hover .box-Desc {background-color: #ddd;}


.result-box .bulkActionButtons {display:block; text-align:right; padding:0px; margin:0px;}
.result-box .action-toolbar li a {padding:0px; margin:0; color:#333; font-size:0.9em;}
.result-box .action-toolbar li:hover a {color:#000 !important;}
.result-box .pi-bottom-link {position:relative; width:100%; text-align:right;}


.showcase-list .result-box {display: inline-block; vertical-align: top; border: solid 1px transparent; background-color: transparent; height: 160px; width: 380px; 
	margin-bottom: 16px; margin-right: 16px; border-radius: 6px; transition: 0.2s; overflow:hidden; }
.showcase-list .result-box .box-Body {display:table; height: 160px; max-height: 160px; width:100%;  border-radius:4px; }
.showcase-list .result-box .box-Image {display:table-cell; width:130px; vertical-align:top; }
.showcase-list .result-box .box-img-exists {height:116px; max-height:116px; width:116px; max-width:116px; border-radius:50%; margin-top:16px; margin-left: auto; margin-right: auto; overflow:hidden; background-repeat: no-repeat; background-size:cover; background-position-y: center; border:solid 1px #aaa; }
.showcase-list .result-box .box-Image.empty {width:130px;  }
.showcase-list .result-box .box-Image.empty img {width: 130px; margin-top:9px;} 
.showcase-list .result-box .box-Desc {display:table-cell; padding:8px; position:relative; vertical-align: top; }
.showcase-list .result-box .box-Desc .box-linkPanel {display:block; text-align:right; }
.showcase-list .result-box .box-Desc .box-head h4 a {color:#222; font-size:1.1em;}
.showcase-list .result-box .box-Desc .box-head:hover h4 a {color:#000;}
.showcase-list .result-box .box-Desc p {font-size: 0.9em; }
.showcase-list .result-box .box-Desc .box-bottom-link {position: absolute; right:8px; bottom:8px;}
.showcase-list .result-box .box-Desc .box-bottom-link-left {position: absolute; left:8px; bottom:8px;}
.showcase-list .result-box:hover {background-color: #eee;}


.simplelist-list .result-box {display: block; vertical-align: top; border: solid 1px transparent; background-color: transparent; width: 100%; 
	margin-bottom: 16px; margin-right: 16px; border-radius: 8px; transition: 0.2s; overflow:hidden; border: solid 1px transparent;}
.simplelist-list .result-box .box-Body {display:table; height: 60px; max-height: 60px; width:100%; }
.simplelist-list .result-box .box-Image {display:table-cell; width:90px; vertical-align:top; }
.simplelist-list .result-box .box-img-exists {height:90px; max-height:90px; width:90px; max-width:90px; border-radius:8px;  margin-left: auto; margin-right: auto; overflow:hidden; background-repeat: no-repeat; background-size:cover; background-position-y: center; border:solid 1px #aaa; }
.simplelist-list .result-box .box-Image.empty {width:90px;  }
.simplelist-list .result-box .box-Image.empty img {width: 130px; } 
.simplelist-list .result-box .box-head {display:table-cell; width:300px; padding:0; vertical-align: top; }
.simplelist-list .result-box .box-head h4 { padding:0; margin:0;}
.simplelist-list .result-box .box-head h4 a {display:block; color:#222; font-size:1.1em; padding:8px; margin:0;}
.simplelist-list .result-box .box-head h4 a:hover {color:#000;}
.simplelist-list .result-box .box-Desc {display:table-cell; padding:8px; vertical-align: top; }
.simplelist-list .result-box .box-Desc p {font-size: 0.9em; }
.simplelist-list .result-box .box-linkPanel {display:table-cell; width:236px; padding:8px}

.simplelist-list .result-box:hover {background-color: #eee;}

/* 
##############################################################################################################
								wynik - jeden record 
##############################################################################################################
*/


.border-nav
	{display:block; position:fixed; z-index: 1000;  bottom:45%; box-sizing: border-box; }
	
	
.btn-breadcrumbs {position:fixed; padding:5px; left:0px; width:300px; margin-left:10px; top:0px;
				border-radius:0 0 8px 8px; box-shadow:0 0 10px #aaa; border:solid 1px lightgray; background-color: #fafafa; color:#555;
				text-align:center; transition:.2s;}
.btn-breadcrumbs .hiddenList {max-height:0px; overflow:hidden;}				
.btn-breadcrumbs .hiddenList .list-group-item {font-size:0.9em; text-align:left; padding:4px;}				
.btn-breadcrumbs:hover .hiddenList {max-height:75vh;}

.btn-slide { 
	  display:flex; margin:10px; width:42px; height:42px; border-radius:25px; 
		background-color: #fff; font-size:1.4em; color:#555; transition: 0.5s; overflow:hidden;
    border:solid 1px #f2f2f2; 
    } 
.btn-slide:hover 
    { width:200px;box-shadow:0px 0px 25px #555555;} 

.btn-slide div {display:table-cell; vertical-align:middle; text-align:center;}

.btn-slide .label-solid {width:40px; height:40px; min-width:40px; background-color: #fff; border: solid 1px lightgray; border-radius: 50%; vertical-align:middle; font-size:20px;}
.btn-slide .label-solid i {padding:7px;}
.btn-slide .label-slider {height:40px; width:0px; font-size:16px; vertical-align: middle; overflow:hidden;}
.btn-slide .label-slider span {vertical-align:middle; display:block; width:140px; margin-top:auto; margin-bottom:auto; padding:10px; font-size:14px; padding:10px; }
.btn-slide:hover .label-slider {width:158px; vertical-align:middle;}

.disabled .label-solid {color: lightgray;}
.border-nav-left {left:0px; text-align:left; }
.border-nav-right {display:block; right:0px;  }
.border-nav-right>a { margin-left:auto; }
 





.record-nav {background-color:transparent !important;}


.cms_title {text-align:center;}  
.cms_title h1 {display:block; text-align:center; padding-top:30px; padding-bottom:40px;  font-family: 'Ubuntu', sans-serif; color: #5f3d8d; font-weight:bold; font-size:42px; }

.cms_box_home {background-color:#fff; padding:0px; background-image: url('../images/tlo_LIBRI_9.png'); background-attachment: fixed; background-position:left top; box-sizing: border-box; background-size: contain;}  
.cms_box_home h1 {display:block; text-align:center; padding-top:70px; font-family: 'Ubuntu', sans-serif; color: #5f3d8d; font-weight:bold; font-size:42px;}
.cms_box_home .searchbox { padding-top:0; padding-bottom:0; display:flex; height:40vh; align-items: center;  justify-content: center}
.cms_box_home .searchForm {width:98%}
.home-page-menu {display: table; width:100%; border-spacing:20px; }
.home-page-menu .core-menu-item  {
	display:table-cell;
	width:16%;
	text-align:center;
	vertical-align:middle;
	height:120px;
	border-radius:8px;
	border:solid 1px #aeaeae;
	background-color:rgba(255,255,255,0.7);
	transition:0.3s;
}
.home-page-menu .core-menu-item a {width:100%; height:100%}
.home-page-menu .core-menu-item:hover {background-color:#fff; transform: scale(1.05); box-shadow: var(--box-shadow);}
.home-page-menu .core-menu-number {display:inline-block; padding:0.2rem; font-size:0.9em;}

.cms_box {background-color:#ccc; padding:20px; background-image: url('../images/tlo_LIBRI_9.png'); background-attachment: fixed;}  
/*.cms_box h1 {padding-left:50px;}*/
.cms_box .searchbox {padding:50px;}

.graybox {background-color:#fff; padding:20px; }  

.infopage {background-color:#ffffff; display:block; width:1280px; padding:20px; margin-bottom:40px; margin-top:40px; margin-left:auto; margin-right:auto;  transition:0.3s; border-radius: 8px; overflow: hidden; }
/* .infopage:hover {box-shadow:0px 0px 25px #555555; }*/

.infopage-header {background-color:tranparent; margin:-20px; margin-bottom:20px; border-bottom:solid 1px #e5e5e5;}
.infopage-header h1 {padding:15px; padding-left:20px; margin:0px; font-size: 3ch; background-color: tranparent;}

.infopage .record {display:block;  }

/* .infopage .record>div { outline:dotted 1px red; } */

.infopage .record .record-left-panel {display:inline-block; width:15%; vertical-align:top; padding:10px; }
.infopage .record .record-main-panel {display:inline-block; width:64%; vertical-align:top; padding:10px; }
.infopage .record .record-right-panel {display:inline-block; width:20%; vertical-align:top;  padding:10px; }

.modal-body .record .record-left-panel {display: block; width:22%; float:right; }
.modal-body .record .record-right-panel {display: block; width:22%; float:right; }
.modal-body .record .record-main-panel {display: block; width: 77%; float: left;}
.modal-body .record {display: block; float:right; width:100%;}

.infopage .person-record .record-left-panel {display:inline-block; width:25%; vertical-align:top; padding:10px; }
.infopage .person-record .record-main-panel {display:inline-block; width:74%; vertical-align:top; padding:10px; }
.infopage .person-record .record-main-panel .bulkActionButtons {float:right;}



.record .media-left.medium > a {width:170px; }
.record .media-body h3 { margin-top: 0; font-size:24px; margin-bottom:10px; }




.infopage .toolbar {display:table; position: relative; top:-15px; width:100%; text-align:right;  }

.infopage .record-nav { float:right; background-color: transparent !important;}
.infopage .cart-add, 
.infopage .cart-remove {
	background-color: transparent !important;
	}
.infopage .nav > li > a:hover, 
.infopage .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
	}

.infopage .record-nav>li, 
.infopage .record-nav>span 
    {display:block; margin:auto; width:32px; height:36px; }

.infopage .record-nav>li>a i {color:#777;}
.infopage .record-nav>li>a:hover i {color:#000; background-color:transparent;}

.infopage .btn-type-add {}
.infopage .btn-type-minus { }



.infopage .record .mainbody { display:inline-block; width:74%; background-color:#ffffff}
.infopage .record .sidebar-left { display:inline-block; width:25%; vertical-align:top; transition:0.2s; float:right; opacity:0.8;}
.infopage .record .sidebar-left h4 { display:block; padding:10px; margin:0px; border-radius:5px 5px 0 0;  background-color:#f2f2f2;}
.infopage .record .sidebar-left:hover { transition:0.8s; opacity:1;}

.infopage .sidebar-left .panel { background-color:#fafafa; font-size:0.9em;}

.infopage .record .sidebar-left ul {margin:0px;}
.infopage .record .sidebar-left .list-group-item { background-color:transparent; padding:10px; padding-left:20px; border:0px;}
.infopage .record .sidebar-left .list-group-item:hover { background-color:#EeEeEe;  }


.media-left {padding-right:20px;}

.infopage .recordcover {border: solid 1px #e5e5e5; padding: 0px; }

.detailsview { display:table; width:100%; border: solid 1px #dddddd; border-radius:5px; padding:4px; transition: border 0.2s ease-in-out; box-sizing: border-box;}
.detailsview-noframe { display:table; width:100%; border:solid 0px #eee; border-radius:3px; padding:5px;}
.detailsview-item { display:table-row; margin:0px; }
.detailsview-item:nth-child(2n) {background-color: #f9f9f9;}
.detailsview-pack {margin-bottom:20px;}

.dv-label {display:table-cell; text-align:right; font-weight:normal; color:#777; width:33%; padding:5px;}
.dv-value {display:table-cell; text-align:left; color:#000; width:66%;  padding:5px; font-size:1.1em;}
.dv-value ol,.dv-value ul 
		{padding-left:1.2em;}


.subject-line:hover {color:#999}
.subject-line:hover a {color:#092b47}
.subject-line a:hover~a { color:#999; text-decoration:none }

audio {
	border-radius:30px;
	background-color: white;
	opacity:0.5;
	transition:0.5s;
}
audio:hover {
    opacity:1;
}


/* cloud box - dodatkowe informacje ajax na karcie publikacji */
.person-block { display:inline-block; border-bottom:solid 1px transparent; transition:0.5s;}
.result-desc .person-block {display:inline-block;}
.searchersLinks {display:block; text-align:center;}
.searchersLinks a img {height:32px;  filter: grayscale(100%);}
.searchersLinks a:hover img {filter: none;}


.cloud-info { display:block; height:auto; margin:0px; margin-left:-60px; margin-top:-10px; padding-bottom:9px;  overflow:hidden;
		position: absolute; z-index:1100; max-width: 300px; min-width:240px; background-color: #fff; border-radius: 5px; 
		-webkit-box-shadow: var(--box-shadow); -moz-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); border:solid 1px #e5e5e5;  }
.person-block .cloud-info {display:none;}
.person-block i {color:#aaa;}
.person-block:hover {}
.person-block:hover i {color:#222;}
.person-block:hover .cloud-info { display:block; }

.no-photo {opacity:0.2;  filter: grayscale(100%);}

.cloud-info h4 { display:block; padding:10px; background-color: transparent; margin:0px; color: #fff; }
.cloud-info p {	display:block; padding:10px; margin:0px; }
.cloud-info .empty {display:none !important;}
.cloud-info .pi-head {display:block; margin:-5px;}
.cloud-info .pi-head h4{padding:5px; }

.cloud-info .pi-Body {display: block !important; height:auto; max-height:600px; }
.cloud-info .pi-Image {display: block; width: 100%; max-width: 100%; }
.cloud-info .pi-Image .img-circle {height:116px; border-radius:0; max-height:116px; width:100%; max-width:100%; overflow:hidden; background-repeat: no-repeat; background-size:cover; background-position-y: center; border:solid 0px #aaa; }
.cloud-info .pi-Desc {display: block !important; padding:5px;}

.cloud-info:hover .pi-Image .img-circle { animation-name: imageFlow; animation-duration: 9s; animation-iteration-count: infinite; }


@keyframes imageFlow {
  0%   {background-position-y: center;}
  50%  {background-position-y: top;}
  100% {background-position-y: center;}
}


.cloud-info .pi-linkPanel {padding:0px; }
.cloud-info .bulkActionButtons {display:block; text-align:right; padding:0px; margin:0px;}
.cloud-info .action-toolbar {padding:0px; margin:0px; }
.cloud-info .action-toolbar li a {/*! padding:5px; */ margin:0; color:#333;}
.cloud-info .action-toolbar li:hover a {color:#000 !important;}
.cloud-info .pi-bottom-link {position:relative; width:100%; text-align:right;}
/* .cloud-info .pi-bottom-link {position:absolute; max-width:40%; max-height:2.2em; display:inline; left:0px; top:0; } */
.cloud-info .stat-row {font-size:0.6em;} 



.cloud-info .box-Body {display: block !important; height:auto; max-height:600px; overflow:hidden; }
.cloud-info .box-Image {display: block; width: 300px; max-width: 300px; height: 200px; overflow:hidden;}
.cloud-info .box-Image .box-img-exists {height:240px; border-radius:0; max-height:240px; padding:0; margin:0; background-repeat: no-repeat; background-size:cover; background-position-y: center; border:solid 0px #aaa; }
.cloud-info .box-Body .action-toolbar {font-size: 0.8em; padding:0}
.cloud-info .action-toolbar li {padding:0}
.cloud-info .box-head {padding:0px;}
.cloud-info .box-head h4 {padding:0px;margin-top:4px;}
.cloud-info .box-Desc {display: block !important; padding:5px;}
.cloud-info .box-Desc p {padding:0px; font-size:0.9em;}
.cloud-info .box-bottom-link {text-align: right; display:block; padding:0;font-size:0.9em;}


.cloud-info:hover .box-Image .box-img-exists { animation-name: imageFlow; animation-duration: 9s; animation-iteration-count: infinite; }





.statBox {display: grid; grid-gap: 0px; grid-template-columns: 25% 25% 25% 25%;box-sizing: border-box; margin:-8px;}
 
.statBox .stat-row {display:block; padding:5px;}
.statBox .stat-row .procent-box {display:inline-block; vertical-align: top; border-radius:4px;}

.statBox .il-panel {display: flex; flex-direction: column; border: solid 1px #dddddd; border-radius:5px; transition: border 0.2s ease-in-out; box-sizing: border-box; margin:8px; }
.statBox .il-panel .il-panel-header {padding:12px; background-color:#f9f9f9; border-radius: 4px 4px;}
.statBox .il-panel .il-panel-header h4 {margin:0; padding:0; font-size:1.3em;}

.statBox .il-panel .il-panel-graph {text-align:Center;}








.person-info {display:inline-block; vertical-align: top; border:solid 1px transparent; background-color:transparent; height:160px; width:380px; border-radius:4px; overflow:hidden; margin-bottom:16px; margin-right: 16px; transition:0.2s;}
.person-info.active {border:solid 1px #5c517b; }
.person-info:hover {background-color: #eee; }

.pi-Body {display:table; width:100%; height:160px; max-height:160px;}
.pi-Image {display:table-cell; vertical-align: middle; width:116px; max-width:116px; overflow:hidden; background-repeat: no-repeat; background-size:cover; }
.pi-Image .img-circle {height:160px; border-radius:50%; max-height:116px; max-width:116px; overflow:hidden; background-repeat: no-repeat; background-size:cover; border:solid 1px #aaa; }



.pi-Desc {display:table-cell; vertical-align: top; position:relative; padding-left:8px;}
.pi-Desc h4 {margin:0; padding:0; }
.pi-Desc h4 a {color:#333; font-weight: bold; padding-bottom:8px; display:block;}
.pi-Desc h4 a:hover {color:#000;}
.pi-Desc p {margin:0; padding:0; font-size:0.9em;}
.pi-bottom-link {position:absolute; display:block; right:0px;bottom:0px; padding:8px; font-size:0.9em;}

.person-info .bulkActionButtons {display:block; text-align:right; padding:8px; margin:0px;}
.person-info .action-toolbar li a {padding:2px; color:#777 !important; }
.person-info .action-toolbar li:hover a {color:#000 !important;}
.dataView {}

.person-info-single-line {display:block; padding: 4px; border-radius:4px; width:380px; }
.person-info-single-line:hover {background-color: #eee;}
.person-info-single-line .bibLink {color: #555; float:right;}
.person-info-single-line .bibLink:hover {color: #000;}


.label-info {color:#222;}


.relGraph {display: table; width:100%}
.relGraph-cell {display:table-cell; width:34%;}
.relGraph-cell-middle {display:table-cell; width:32%; vertical-align: top; text-align:center; background-repeat:no-repeat; background-size: contain;}
.relGraph-centerImage {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  box-shadow: 0 0 15px #fff;
  margin-top: 264px;
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
  padding-top: 192px;
  color: #f4f4f4;
  text-shadow: 0px 0px 5px #000;
}

.relGraph-centerImage-empty {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  box-shadow: 0 0 15px #fff;
  margin-top: 264px;
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
	background-color: #e5e5e5;
  padding:0px;
	vertical-align: middle;
	font-size:2em;
  color: #555;
  text-shadow: none;
}
.relGraph-centerImage-empty span {display: table-cell; height: 240px; width:240px; padding:20px; vertical-align: middle; }

/*
#resultsBox {display:grid; grid-gap: 10px;
    grid-template-columns: 20% 20% 20% 20% 20%;}
#resultsBox .person-info {display: flex;
flex-direction: column;
postition: relative;
border: solid 0px #555;
padding: 10px;
background-color: #fff;
box-shadow: 0px 0px 5px #555;
border-radius: 4px;}
*/


/* korekta nav-tabs na karcie produktu (usuwa dolną krawędź aktywnego taba) */

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #dddddd;
        border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: #fff;
}





@media (max-width:1280px) {
	.infopage {width:90%;}

	}

@media only screen and (max-width:768px) {
	.infopage {width:98%;}
	.infopage .pager {opacity:1}
	
	.infopage .record .mainbody { display:block; width:100%; }
	.infopage .record .sidebar-left { display:block; width:100%; float:none;}
	}


/* przeglądanie katalogu */
.browse-container { display: flex; margin: 40px 0px; }
#alphaBrowseForm { margin:40px 0px; }


#advSearchForm .sidebar {left:0px; top:148px; position: fixed; padding:10px 20px; border-radius:0 5px 5px 0; }

#advSearchForm .sidebar .facet {background-color: transparent;}
#advSearchForm .sidebar .facet-group {border:0px;}
#advSearchForm .sidebar .facet-group:hover {box-shadow: none;}
#advSearchForm .sidebar .facet:last-child {border: 0px;}


.facet.active {background-color: #c5c5c5;}
.facet.active .text { color: #000;}

.right-icon { display:inline-block; float:right; padding-right:5px;}


@media only screen and (max-width:768px) {
	
   #advSearchForm .sidebar {position: static; padding:10px 20px; border-radius:0;}

}




.libri-forms {display:block; width:100%; padding:10px; margin-bottom:5px; border-radius:4px; border:solid 1px #ccc;}
.libri-forms:focus {border:solid 1px var(--libri-btn-primary);}


/* footer */


footer {width:100%; min-height:20vh; border:solid 0px #fff; border-top:2px; border-radius:0; margin-bottom:0px; padding:20px; background-color:#181818; color:#a3a3a3; padding-bottom:20px;}

.footer-container {display:table; width:90%; margin-left:auto; margin-right:auto;}
.footer-column {display:table-cell; vertical-align:bottom;}


.footer-logo-bg {display:inline-block; margin:10px; width:200px; background-color:#e5e5e5; border-radius:10px; filter: grayscale(100%) invert(100%); transition:0.2s;}
.footer-logo-bg:hover {filter: grayscale(0%) invert(0%);}


/* graphy */

.graph-area {display:table;}

.graph-cloud {display:table-cell; width:3px; height:200px; overflow:hidden; background-color:transparent;  vertical-align:bottom; cursor:pointer;}
.graph-cloud:hover {background-color:yellow;}
.graph-straw {width:100%; background-color:#aaa; overflow:hidden;}
.graph-cloud:hover .graph-straw {background-color:#444;}
.graph-cloud.active {background-color:#eee;}
.graph-cloud.active .graph-straw {background-color:#5c517b;}
.graph-cloud a {display:inline-block;}


.Cgraph-area {display:table; }
.Cgraph-line {display:table-row; margin: 0 !important; padding: 0 !important;}
.Cgraph-cell {display:table-cell; margin:0 !important; padding: 0 !important; max-width:10px; width:10px; overflow:hidden; vertical-align:bottom; margin-bottom: solid 1px #eee; }
.Cgraph-cloud {outline:dotted 1px red; margin: 0 !important; padding:0 !important; display: block !important; height: 22vh; }

.Cgraph-filler {background-color: transparent; display:block; }
.Cgraph-gist {background-color: #aaa; display:block; }

.Cgraph-cell:hover .Cgraph-gist {background-color: #444;}
.Cgraph-cloud.active .Cgraph-gist {background-color: #5c517b;}





/* #content a {color:#2a2a2a !important;} */
/* #content a:hover {color:#010101; !important; text-decoration:underline;} */
	a {text-decoration:none; }
	a:hover {outline:0px !important; }

#modal .modal-content > .close {
  color: #fff;
  }
  
  
  


/* footer menu */  
  
.content-footer {display: table; width:100%; position: fixed; bottom:0px; left:0px; background-color: rgba(0,0,0,0.5); z-index:100; }  
.content-footer div {display: table-cell; border:solid 0px #555; border-left:1px; border-top:1px; padding:4px; font-size:10px;  }  



/* 
	PIE graphs - 
	
	https://codeburst.io/how-to-pure-css-pie-charts-w-css-variables-38287aea161e 

*/ 

.pie {
	background: #afafaf;
	border-radius: 100%;
	overflow:hidden;
	
	
	height: calc(var(--size,200) * 1px);
	position:relative;
	widht: calc(var(--size,200) * 1px);
	}
.pie_segment {
	border: 0px dashed #000;
	height: 100%;
	position: absolute;
	overflow:hidden;
	
	transform: translate(0, -50%) rotate(90deg) rotate(calc(var(--offset, 0) * 1deg));
	transform-origin: 50% 100%;
	
	width: 100%;
	transition:0.5s;
	cursor: pointer;
	}
.pie_segment:hover {
	opacity:0.8;
	}	
.pie_segment:before {
	background-color: var(--bg);
	content: '';
	height:100%;
	position:absolute;
	transform: translate(0,100%) rotate(calc(var(--value, 0) * 1deg));
	transform-origin: 50% 0;
	width:100%;
	}


.legend_block {display:inline-block; width:10px; height:10px;} 


/* table */
.list {width:100%}
.list tr:hover, .list tr.active {background-color: #f0f0f0;}
.list td {padding:8px;}


.percent-box {display:block; position:relative; width:100%; height:8px; padding:0; background-color: #f5f5f5; border: solid 1px transparent; transition: .5s ease;}
.percent-box .overlaygrow {position:absolute; top:0; left:0; width:100%; height:100%;}
.percent-box .label {display:absolute; display:none;}

.procent-box { display:block; position:relative; width:64px; height:20px; padding:1px; border-radius:3px; background-color: #f5f5f5; border: solid 1px transparent; transition: .5s ease;}
.procent-box .overlay {position:absolute; top:0; left:0; width:100%; height:100%; transition: .5s ease;}

.procent-box .overlaygrow {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.8;}
.procent-box .liczba { text-align:right; float:right; font-size:0.9em; padding:2px;}

.list tr:hover .overlaygrow, .list tr.active .overlaygrow {opacity:1;}

.no-results {padding:100px; font-size: 3em; color: #888; width:100%; text-align:center;}




/*

 https://stackoverflow.com/questions/52205399/percent-pie-chart-with-css-only 

*/


@property --p{
  syntax: '<number>';
  inherits: true;
  initial-value: 1;
}

.pie {
  --p:20;      /* the percentage */
  --b:3px;    /* the thickness */
  --c:#5F3D8D; /* the color */
  --w:50px;   /* the size*/
  
  width:var(--w);
  height:var(--w);
  aspect-ratio:1/1;
  position:relative;
  display:inline-grid;
  margin:2px; 
  place-content:center;
  background:transparent;
	box-shadow: 0px 0px 2px #ccc;
}
.pie:before,
.pie:after {
  content:"";
  position:absolute;
  border-radius:50%;
}
.pie:before {
  inset:0;
	background:
    radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,
    conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
          mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}
.pie:after {
  inset:calc(50% - var(--b)/2);
  background:var(--c);
  transform:rotate(calc(var(--p)*3.6deg - 90deg)) translate(calc(var(--w)/2 - 50%));
}
.animate {
  animation:p 1s .5s both;
}
.no-round:before {
  background-size:0 0,auto;
}
.no-round:after {
  content:none;
}
@keyframes p{
  from{--p:0;}
}


.cms-post {margin-top: 50px;
margin-bottom: 50px;
padding-top: 20px;
border-top: solid 1px #eee;
font-size: 1.2em;
line-height: 180%;
padding: 50px;
}


.container { width: 1290px; }

@media (min-width: 1290px)
.container {
  width: 1290px;
}
  @media (min-width: 992px)
.container {
  width: 970px;
}
  @media (min-width: 768px)
.container {
  width: 750px;
}




.europe-map {position: relative; display:block;}
.map-points {position:absolute; left:0px; bottom:0px; width:100%; height:100%; }
.map-mark {position:absolute; z-index:1000;}

.map-mark .map-mark-cloud {display:none; background: #fff; padding:10px; font-size:0.7em; border-radius:6px;}
.map-mark:hover .map-mark-cloud {display:block;}

.leaflet-popup-content-wrapper {border-radius:4px; padding:0;} 
.leaflet-popup-content { margin: 0; padding:0; line-height: 1.3; font-size: 13px; font-size: 1.8em; min-height: 1px;  }
.leaflet-popup-content h3 {padding:0px; font-size:1.4em; margin:0;}
.leaflet-popup-content h3 a {color:darkgray; display:block; padding: 4px 6px 1px 6px;}
.leaflet-popup-content h3 a:hover {color:black}
.leaflet-popup-content p {padding:2px 6px 6px 6px; margin:0;}
.leaflet-container a.leaflet-popup-close-button {position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #eee; text-decoration: none; background: transparent;}

.leaflet-popup-content .box-Image {display:block; border-radius:4px 4px 0 0; overflow: hidden;}
.leaflet-popup-content .box-Image .box-img-exists {height:11em; width:22em; background-size: cover; background-position: center; }
.leaflet-popup-content .linkPanel {display:block; width: 100%; text-align:right; padding:2px;}

.leaflet-popup-content .mapPlaceBox {display:block; width: 300px; text-align:left; padding:0;}
.leaflet-popup-content .box-Image {display:block; width: 301px; height:200px; overflow:hidden; margin-right:-1px;}
.leaflet-popup-content .box-Image img {display:block; width: 301px; }
.leaflet-popup-content .box-linkPanel {display:block; text-align: right; padding:3px; margin:0;}
.leaflet-popup-content .box-head h4 {padding:3px; padding-left:5px; margin:0; }
.leaflet-popup-content .box-bottom-link {display:none;}
.leaflet-popup-content .mapPlaceBox {padding:0; margin:0; border: 0; border-bottom: solid 1px #ccc;}


.mapPopup {display:block; position: fixed; padding:10px; background-color:#fff; right:40px; top:150px; width:290px; border-radius:10px; border:solid 1px #ddd; box-shadow: var(--box-shadow); z-index:1001; }
.mapPopup .detailsview {width:100%; margin:0; border: 0; display:block;}
.mapPopup .detailsview-item {display:table; width:100%;}
.mapPopup .detailsview-item .dv-label {width:60%; margin:0; padding:0; display:table-cell; text-align:left;}
.mapPopup .detailsview-item .dv-value {width:40%; text-align:right; margin:0; padding:0; display:table-cell;}
.mapPopup .detailsview-header {width:100%; display:table; margin:0;}
.mapPopup .detailsview-header .dv-header {width:100%; display:table-cell; font-weight: normal; }

.mapPopup .mapPopupCurrentView {max-height:30vh; overflow:scroll;}
.mapPopup .mapPopupCurrentPlace {max-height:30vh; overflow:scroll; margin-left:-10px; margin-right:-10px;}
.mapPopup .mapPopupCurrentPlace .box-Image img {max-width:100%; }
.mapPopup .mapPopupCurrentPlace .box-Image.empty img {padding:30px;}
.mapPopup .mapPopupCurrentPlace .box-Desc {padding:10px;}
.mapPopup .mapPopupCurrentPlace .box-linkPanel {text-align: right;}
.mapPopup .mapPopupCurrentPlace .box-bottom-link {display:block; text-align: right;}

.cookies {position: fixed; bottom:20px; left:0px; z-index: 1001; }
.cookies-box {display:block; padding:10px; border: solid 2px #aaa; width:90%; margin-left:auto; margin-right:auto; border-radius:10px; box-shadow: 0px 0px 40px #222; background-color: #fff;}
.cookies-box>div {display: table-cell; vertical-align: middle; padding:20px;}


.screen-center {display: flex; text-align:center; min-height:60vh; justify-content: center; align-items: center;}
.screen-center h1 {vartical-align:center; padding:100px 0; }


.scroll-menu {display:block; position: fixed; bottom:5px; right:5px; margin:0px; padding:0px;}
.scroll-menu li {display: inline-block; border:solid 1px #777; padding:8px; background-color:rgba(255,255,255,0.8); border-radius:25px; transition: 0.3s;}
.scroll-menu li:hover {background-color:rgba(255,255,255,1); box-shadow:0px 0px 10px #000;}
.scroll-menu a {display: table;}
.scroll-menu a>span {display: table-cell; color:#777; vertical-align:middle; text-align:center; }

.scroll-menu li .text { display:none; font-size:0.8em; padding:3px;}



.progress-thin {display:block; width:100%; height: 2px; background-color: #eee; margin-bottom:2px;}
.progress-bar-thin {display:inline-block; background-color: #76679B; height: 2px; top:0px; left:0px; vertical-align:top; }

.author-role-list:hover {background-color:#eee;}
li .author-roles-submenu {display:none; position:absolute; background-color:#fff; box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);
	       padding:8px; border:solid 1px #eee; z-index:100; border-radius:4px; margin-left:50px; margin-top:-20px; max-height:300px; max-width:300px; overflow-y: scroll; }
li:hover .author-roles-submenu {display:block; }


.author-role-submenu-item {display:block; list-style: none;  } 
.author-role-submenu-item a {display:block; padding:5px; } 
.author-role-submenu-item a:hover {background-color:#eee;} 

#map {height:480px; width:100%; /* background-image: url( '../images/maps/europe.png'); background-repeat: no-repeat; background-size:contain; background-position:center;*/}
.fullMap {}
.fullMap #map {height:73vh;}

.leaflet-tooltip.label-Top {display: block; background-color: #fe9846; border: solid 4px rgba(243,152,68,0.5); border-radius: 50%; box-shadow: none; font-size: 1.4em; padding-bottom: 10px; padding-top: 10px; top: -5px;}
.leaflet-tooltip.label-Middle {display: block; background-color: #f0cc41; border: solid 4px rgba(240,204,65,0.5); border-radius: 50%; box-shadow: none; font-size: 1.4em; padding-bottom: 10px; padding-top: 10px; top: -5px;}
.leaflet-tooltip.label-Bottom {display: block; background-color: #88d167; border: solid 4px rgba(136,209,103,0.5); border-radius: 50%; box-shadow: none; font-size: 1.4em; padding-bottom: 10px; padding-top: 10px; top: -5px;}
.leaflet-tooltip.label-Active {display: block; background-color: rgb(101,61,145); border: solid 4px rgba(101,61,145,0.5); border-radius: 50%; box-shadow: none; font-size: 1.4em; padding-bottom: 10px; padding-top: 10px; top: -5px;}


.leaflet-tooltip.relationLabel-purple {display: block; background-color: rgb(128,0,128); border: solid 4px rgba(128,0,128,0.5); border-radius: 50%; box-shadow: none; font-size: 1em; padding-bottom: 2px; padding-top: 2px; top: -5px; color:#eee;}
.leaflet-tooltip.relationLabel-maroon {display: block; background-color: rgb(128,0,0); border: solid 4px rgba(128,0,0,0.5); border-radius: 50%; box-shadow: none; font-size: 1em; padding-bottom: 2px; padding-top: 2px; top: -5px; color: #eee;}
.leaflet-tooltip.relationLabel-blue {display: block; background-color: rgb(101,61,145); border: solid 4px rgba(101,61,145,0.5); border-radius: 50%; box-shadow: none; font-size: 1em; padding-bottom: 2px; padding-top: 2px; top: -5px; color:#eee;}
.leaflet-tooltip.relationLabel-red {display: block; background-color: rgb(243,0,0); border: solid 4px rgba(243,0,0,0.5); border-radius: 50%; box-shadow: none; font-size: 1em; padding-bottom: 2px; padding-top: 2px; top: -5px;}
.leaflet-tooltip.relationLabel-mediumturquoise {display: block; background-color: rgb(72,209,204); border: solid 4px rgba(72,209,204,0.5); border-radius: 50%; box-shadow: none; font-size: 1em; padding-bottom: 2px; padding-top: 2px; top: -5px;}
.leaflet-tooltip.relationLabel-darkgreen {display: block; background-color: rgb(0,100,0); border: solid 4px rgba(0,100,0,0.5); border-radius: 50%; box-shadow: none; font-size: 1em; padding-bottom: 2px; padding-top: 2px; top: -5px; color: #eee;}
.leaflet-tooltip.relationLabel-fuchsia {display: block; background-color: rgb(255,0,255); border: solid 4px rgba(255,0,255,0.5); border-radius: 50%; box-shadow: none; font-size: 1em; padding-bottom: 2px; padding-top: 2px; top: -5px; color: #eee;}
.leaflet-tooltip.relationLabel-center {display: block; background-color: #653d91; border: solid 6px #653d91; border-radius: 50%; box-shadow: none; font-size: 1.5em; padding-bottom: 2px; padding-top: 2px; top: -5px; color: #eee;}

.leaflet-tooltip.relationLabel-mixed {display: block; background-color: rgb(255,204,0); border: solid 4px rgba(255,138,0,0.9); border-radius: 50%; box-shadow: none; font-size: 1em; padding-bottom: 2px; padding-top: 2px; top: -5px; color:#000;}
#mapLastAction input {font-weight:bold; border:transparent;}

.relationLabel-purple { background-color: rgb(101,61,145); border: solid 4px rgba(101,61,145,0.5); border-radius: 50%; box-shadow: none; font-size: 1em; padding-bottom: 2px; padding-top: 2px; top: -5px; color:#eee;}
.relationLabel-red { background-color: rgb(243,0,0); border: solid 4px rgba(243,0,0,0.5); border-radius: 50%; box-shadow: none; font-size: 1em; padding-bottom: 2px; padding-top: 2px; top: -5px;}
.relationLabel-green { background-color: rgb(136,209,103); border: solid 4px rgba(136,209,103,0.5); border-radius: 50%; box-shadow: none; font-size: 1em; padding-bottom: 2px; padding-top: 2px; top: -5px;}
.relationLabel-mixed { display: inline-block; background-color: rgb(255,204,0); border: solid 4px rgba(255,138,0,0.9); border-radius: 50%; box-shadow: none; font-size: 0.9em; padding: 0; top: -5px; color: #000; width: 26px; text-align: center;}

.switch { position: relative; display: inline-block; width: 52px; height: 24px;}
.switch input { opacity: 0; width: 0; height: 0;}

.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}

#mapRelationsAjaxArea {transition:0.5s;} 
input:checked + .slider-purple { background-color: #800080;}
input:focus + .slider-purple { box-shadow: 0 0 1px #800080;}
input:checked + .slider-maroon { background-color: #800000;}
input:focus + .slider-maroon { box-shadow: 0 0 1px #800000;}
input:checked + .slider-red { background-color: #f00000;}
input:focus + .slider-red { box-shadow: 0 0 1px #f00000;}
input:checked + .slider-green { background-color: rgb(136,209,103);}
input:focus + .slider-green { box-shadow: 0 0 1px rgb(136,209,103);} 
input:checked + .slider-mediumturquoise { background-color: rgb(72,209,204);}
input:focus + .slider-mediumturquoise { box-shadow: 0 0 1px rgb(72,209,204);} 
input:checked + .slider-darkgreen { background-color: rgb(0,100,0);}
input:focus + .slider-darkgreen { box-shadow: 0 0 1px rgb(0,100,0);} 
input:checked + .slider-fuchsia { background-color: rgb(255,0,255);}
input:focus + .slider-fuchsia { box-shadow: 0 0 1px rgb(255,0,255);} 
input:checked + .slider-fiolet { background-color: #76679B;}
input:focus + .slider-fiolet { box-shadow: 0 0 1px #76679B;}

input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}

/* Rounded sliders */
.slider.round { border-radius: 12px;}
.slider.round:before { border-radius: 50%;}




.compareStats {display:table; width:100%; border-spacing: 10px;}
.compareRow {display:table-row;}
.compareHeader {display:table-cell; text-align:center;}
.compareStats .rowHead {display: table-cell; transform: rotate(180deg);vertical-align: middle; writing-mode: vertical-rl; width:4%; }
.compareStats .dataCell {display: table-cell; padding:5px; background-color:#fefefe; border-radius:5px; border:solid 1px #eee; width:32%;}
.compareStats .il-panel-header {display:none;}
.compareStats .il-panel .il-panel-graph {text-align: center;}

.beta_version {position:fixed; display:block; top:0; left:0; width:90px; z-index:10000;}European Literary Bibliography Explorer