/* Style dla OPAC-u */

:root {
	--primary: #1d1a53;
}

body {
	background-color: #FFF;
	color: #454545;
}

#pk-header-logo {
	background-image: url("/opac-tmpl/bootstrap/images/godlo_granat.png");
	background-position: center;
	background-size: 80% 80%;
	background-repeat: no-repeat;
	height: 35mm;
	width: 35mm;
}

#pk-header-logo:lang("en") {
	background-image: url("/opac-tmpl/bootstrap/images/logoPK_EN.png");
}

#customTheme {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#customTheme a {
	padding: 0px 4px;
	font-size: 1.25em;
}

#customTheme .largerFont {
	font-size: 1.5em;
}

#customTheme .revertFont {
	font-size: 1.25em;
}

#customTheme .smallerFont {
	font-size: 1em;
}

#header-region {
	margin-left: -40px;
	margin-right: -40px;
}

#header-region .navbar {
	background-color: #1d1a53;
}

@media only screen and (max-width:767px) {
	#header-region {
		margin-left: 0px;
		margin-right: 0px;
		}
}

#header-region #logo {
	visibility: collapse;
}

#header-region #logo .navbar-brand {
	color: white;
}

#header-region .navbar-nav li a {
	font-size: 1.5em;
	font-weight: normal;
	color: white;
}

#header-region .navbar-nav li > a {
	text-transform: uppercase;
}

@media only screen and (max-width:767px) {
	#header-region .navbar-nav .dropdown-menu.show {
		position: fixed;
		width: 100%;
		overflow-y: auto;
		max-height: 100%;
		top: 0;
		align-self: center;
		justify-self: center;
	}

	#header-region .navbar-nav .dropdown-menu a.dropdown-item {
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

#header-region .navbar-nav .dropdown-menu a.dropdown-item {
	font-size: 1em;
	font-weight: normal;
	color: #454545;
	text-transform: revert;
	background-color: #dadada;
	border-bottom: 1px solid #f7f7f7;
}

#header-region .navbar-nav .dropdown-menu a.dropdown-item:hover {
	color: white;
	background-color: #1d1a53;
}

#header-region .navbar-nav .dropdown-menu h4:not(:first-child) {
	margin-top: .5rem;
}

#header-region .navbar-nav .dropdown-menu h4.dropdown-item:hover {
	background-color: white;
}

#header-region .navbar-nav li a i {
	color: white;
}

#custom-header {
	padding: 16px 32px;
}

#custom-header-logos {
	margin-left: 0px;
	margin-right: 0px;
}

#custom-header-names {
	align-self: center;
}

#custom-header-names p {
	color: #1d1a53;
	font-size:1.5em;
	line-height:1.5em;
	letter-spacing: -0.05em;
	margin-top: 0;
	margin-bottom: 0;
}

@media only screen and (max-width:767px) {
	#custom-header {
		margin-left: 0;
		margin-right: 0;
	}

	#custom-header-names {
		display: none;
	}
}

.main {
	border: none;
	padding-top: 0px;
}

#moresearches {
	padding 0;
}

#opac-main-search,
.breadcrumb {
	background-color: #e9ecef;
	margin: 0px 0px 0.5rem 0px;
	padding: 0.75rem, 1rem;
}

#OpacNavBottom ul {
	padding-left: 0px;
}

#OpacNavBottom li {
	list-style-type: none;
}
#OpacNavBottom li a {
	background-color: #1d1a53;
	color: white;
	border-radius: 0;
	border: 0px;
	margin: .4em 0;
	padding: .4em .6em;
	display: block;
}

#OpacNavBottom li a:hover,
#OpacNavBottom li a:focus {
	text-decoration: underline;
}

a:link,
a:visited,
.btn-link,
.toolbar button,
.toolbar button i.fa,
.toolbar button:hover i.fa,
.dt-button,
.dt-button::before,
.toolbar a i.fa,
.toolbar a:hover i.fa,
#action a,
#action a i.fa,
#action a:hover i.fa,
#members .dropdown-menu a:hover,
#members a.login-link,
#members a .loggedinusername,
#members .dropdown-menu #logout,
#members .dropdown-menu a:hover#logout:hover,
.breadcrumb-item a,
.breadcrumb-item.active a:link,
.breadcrumb-item.active a:hover,
.breadcrumb-item.active a:visited,
.newsheader a:link,
.newsheader a:hover,
.newsheader a:visited,
.actions a i.fa,
.actions a:hover i.fa,
.table-striped tbody > tr:nth-child(2n+1) > td a,
.table-striped tbody > tr:nth-child(2n+1) > th a,
.table-striped tbody > tr:nth-child(2n+1) > td a.btn.btn-link,
.table-striped tbody > tr:nth-child(2n+1) > th a.btn.btn-link,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.view a i.fa,
#a_listResults {
	color: #1d1a53;
}

#action a:hover,
.btn-link:hover,
.dt-button:hover,
.dt-button:hover::before,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.view a:hover i.fa,
#a_listResults:hover {
	text-decoration: underline;
	color: #1d1a53;
}

.nav-tabs .nav-link.active:hover {
	text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before{
	background: none;
	content: "/";
	color: #6c757d;
}

h1,
.enlaces h4,
h4.newsheader {
	color: #1d1a53;
}

h2 {
	color: revert;
}

input[type=submit],
input[type=reset],
.btn-primary,
.btn-primary:hover,
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-default,
.btn-default:link,
.btn-default:hover {
	background-color: #1d1a53;
	background-image: none;
	border: 0 none;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 1px 1px 1px #CCCCCC;
	color : white;
}

.btn-primary:focus,
.btn-primary.disabled:focus,
.btn-default:focus {
	background-color: #1d1a53;
	background-image: none;
	outline: 2px solid #1d1a53;
	outline-offset: 2px;
	box-shadow: 1px 1px 1px #CCCCCC;
	border: none;
}

.btn-link:focus,
.btn-link:focus i.fa{
	box-shadow: none;
	text-decoration: underline;
}

input[type=checkbox],
input[type=radio] {
	accent-color: #1d1a53;
}

a.menu-collapse-toggle:active,
a.menu-collapse-toggle:hover,
a.menu-collapse-toggle:link {
	cursor: default;
	color: #1d1a53;
	text-decoration: none;
}

a.menu-collapse-toggle:visited {
	color: #1d1a53;
}
#menu {
	border-right: 0px;
}

#menu li a {
	background-color: #1d1a53;
	color: white;
	border-radius: 0;
	border: 0px;
	margin-right: 0;
}

#menu li.active a {
	color: #1d1a53;
	border: 1px solid #1d1a53;
}

#menu li a:hover,
#menu li a:focus {
	text-decoration: underline;
}

#menu li.active a:hover,
#menu li.active a:focus {
	text-decoration:none;
}

#ulactioncontainer,
#ulactioncontainer .nav_results {
	display: grid;
	min-width: unset;
}

#ulactioncontainer #export a.dropdown-toggle,
#ulactioncontainer #moresearches_menu a.dropdown-toggle {
	white-space: normal;
}

#listResults li a {
	background-color: #1d1a53;
	color: white;
	border-radius: 0;
	border: 1px;
}

#listResults li a:hover {
	color: #1d1a53;
	background-color: white;
	border: 1px solid #1d1a53;
}

#listResults li.highlight a {
	color: #1d1a53;
	background-color: white;
	border: 1px solid #1d1a53;
}

#listResults li.highlight a:hover {
	background-color: #1d1a53;
	color: white;
	border: 1px;
}

.searchresults .author,
.searchresults .byAuthor,
.searchresults .results_format,
.searchresults .results_audience {
	display: none;
}

.searchresults .other_title .resource_list li {
	display: inline;
}

.searchresults .ItemBranch {
	display: none;
}

#catalogue_detail_biblio #content_type {
	display: none;
}

#catalogue_detail_biblio .online,
#catalogue_detail_biblio .helponline {
	float: none;
	margin-left: 2px;
	margin-right: 2px;
}

#catalogue_detail_biblio .materialtype {
	margin-right: 5px;
}

#catalogue_detail_biblio .other_title .resource_list li {
	display: inline;
}

@media only screen and (max-width:395px) {
	#catalogue_detail_biblio .bookcover {
		float: unset;
	}
}

.bookcover > .row {
	display: -ms-grid;
}

#cite-button-content .modal-content {
	padding: 10px;
}

#cite-button-content .cite-entry {
	padding: 5px 0;
}

.table .sorting_asc {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMxZDFhNTMiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L2c+PC9zdmc+")
}

.table .sorting_desc {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMxZDFhNTMiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvZz48L3N2Zz4=")
}

#loginModal .closebtn {
	font-size: 2rem;
}

#fluid {
padding-top:8px;
}

#catalogue_detail_biblio h1 {color:#1d1a53;}
.fecha {color:#FF8E02;}

#userauthMARCdetails h1,
#authdescriptions {
	display: none;
}

#subscriptions h3 {
	display: none;
}

#subscriptions .subscription_location {
	font-weight: bold;
	font-size: 1.2em;
}

#opac-holds a.title {
	display: inline;
}

legend {
	color: revert;
}

.uppercase-header {
	text-transform: uppercase;
	font-size: 1em;
}

/* Font Awesome */

.fa {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

/* ISBD */
body#opac-isbddetail .biblio-title,
body#opac-isbddetail .subtitle {
	display: none;
}

/* Wysoki kontrast */
@media only screen {
	body.dark {
		background-color: #000;
		color: yellow;
	}

	body.dark #header-region .navbar {
		background-color: #000;
	}

	body.dark #header-region .navbar-nav li a {
		color: yellow;
	}

	body.dark #header-region .navbar-nav .dropdown-menu {
		background-color: #000;
	}

	body.dark #header-region .navbar-nav .dropdown-menu a.dropdown-item {
		color: yellow;
		background-color: #000;
		border-bottom: 1px solid yellow;
	}

	body.dark #header-region .navbar-nav .dropdown-menu a.dropdown-item:hover,
	body.dark #header-region .navbar-nav .dropdown-menu h4.dropdown-item,
	body.dark #header-region .navbar-nav .dropdown-menu h4.dropdown-item:hover {
		color: yellow;
		background-color: #000;
	}

	body.dark #header-region .navbar-nav li a i {
		color: yellow;
	}

	body.dark #pk-header-logo {
		background-image: url("/opac-tmpl/bootstrap/images/godlo_biale.png");
	}

	body.dark #pk-header-logo:lang("en") {
		background-image: url("/opac-tmpl/bootstrap/images/godlorgb-wersja-angielska_1.png");
	}

	body.dark #custom-header-names p {
		color: yellow;
	}

	body.dark #opac-main-search,
	body.dark .main,
	body.dark .breadcrumb {
		background-color: #000;
	}

	body.dark #opac-main-search label {
		color: yellow;
	}

	body.dark #OpacNavBottom li a {
		background-color: #000;
		color: yellow;
	}

	body.dark a:link,
	body.dark a:visited,
	body.dark .btn-link,
	body.dark .toolbar button,
	body.dark .toolbar button i.fa,
	body.dark .toolbar button:hover i.fa,
	body.dark .dt-button,
	body.dark .dt-button::before,
	body.dark .toolbar a i.fa,
	body.dark .toolbar a:hover i.fa,
	body.dark #action a,
	body.dark #action a i.fa,
	body.dark #action a:hover i.fa,
	body.dark #members .dropdown-menu a:hover,
	body.dark #members a.login-link,
	body.dark #members a .loggedinusername,
	body.dark #members .dropdown-menu #logout,
	body.dark #members .dropdown-menu a:hover#logout:hover,
	body.dark .breadcrumb-item a,
	body.dark .breadcrumb-item.active a:link,
	body.dark .breadcrumb-item.active a:hover,
	body.dark .breadcrumb-item.active a:visited,
	body.dark .newsheader a:link,
	body.dark .newsheader a:hover,
	body.dark .newsheader a:visited,
	body.dark .actions a i.fa,
	body.dark .actions a:hover i.fa,
	body.dark .dropdown-header,
	body.dark .table-striped tbody > tr:nth-child(2n+1) > td a,
	body.dark .table-striped tbody > tr:nth-child(2n+1) > th a,
	body.dark .table-striped tbody > tr:nth-child(2n+1) > td a.btn.btn-link,
	body.dark .table-striped tbody > tr:nth-child(2n+1) > th a.btn.btn-link,
	body.dark .nav-tabs .nav-item.show .nav-link,
	body.dark .nav-tabs .nav-link.active,
	body.dark .view a i.fa,
	body.dark .selections,
	body.dark #numresults,
	body.dark .results_summary,
	body.dark .results_summary .label,
	body.dark #social_networks span,
	body.dark #social_networks #email,
	body.dark #social_networks #facebook,
	body.dark #social_networks #linkedin,
	body.dark #social_networks #twitter,
	body.dark #rssnews-container,
	body.dark .newsfooter{
		color: yellow;
	}

	body.dark .available {
		color: lightgreen;
	}

	body.dark .unavailable,
	body.dark .notforloan,
	body.dark #cancel_rating_text a {
		color: red;
	}

	body.dark .dropdown-item:hover,
	body.dark .dropdown-item:focus {
		background: #000;
	}

	body.dark #action a:hover,
	body.dark .btn-link:hover,
	body.dark .dt-button:hover,
	body.dark .dt-button:hover::before,
	body.dark .nav-tabs .nav-link:focus,
	body.dark .nav-tabs .nav-link:hover,
	body.dark .view a:hover i.fa,
	body.dark .view span {
		color: yellow;
	}

	body.dark .nav-tabs .nav-link,
	body.dark #views .view {
		background: #000;
		border: none;
	}

	body.dark .nav-tabs .nav-link:focus,
	body.dark .nav-tabs .nav-link:hover,
	body.dark .nav-tabs .nav-link.active,
	body.dark .nav-tabs .nav-link.active:hover,
	body.dark #views .view.current-view {
		background: #000;
		border: 1px solid yellow;
	}

	body.dark .breadcrumb-item + .breadcrumb-item::before{
		background: none;
		color: yellow;
	}

	body.dark h1,
	body.dark h2,
	body.dark h3,
	body.dark h4,
	body.dark h5,
	body.dark h6 {
		color: yellow;
	}

	body.dark .form-control option,
	body.dark select option,
	body.dark .table_controls .dataTables_filter input,
	body.dark input[type=text],
	body.dark input[type=password],
	body.dark input[type=submit],
	body.dark input[type=reset],
	body.dark textarea,
	body.dark .btn-primary,
	body.dark .btn-primary:hover,
	body.dark .btn-primary.disabled,
	body.dark .btn-primary.disabled:hover,
	body.dark .btn-default,
	body.dark .btn-default:link,
	body.dark .btn-default:hover {
		background-color: #000;
		color: yellow;
	}

	body.dark .form-control,
	body.dark select,
	body.dark .ui-datepicker-month,
	body.dark .ui-datepicker-year {	
		background-color: #000;
		color: yellow;
		border: 1px solid yellow;	
	}

	body.dark .btn-primary:focus,
	body.dark .btn-primary.disabled:focus,
	body.dark .btn-default:focus {
		background-color: #000;
		outline: 2px solid yellow;
	}

	body.dark input[type=checkbox],
	body.dark input[type=radio] {
		accent-color: yellow;
	}

	body.dark a.menu-collapse-toggle:active,
	body.dark a.menu-collapse-toggle:hover,
	body.dark a.menu-collapse-toggle:link,
	body.dark a.menu-collapse-toggle:visited {
		color: yellow;
	}

	body.dark #menu li a {
		background-color: #000;
		color: yellow;
	}

	body.dark #menu li.active a {
		color: yellow;
		border: 1px solid yellow;
	}

	body.dark #listResults li a {
		background-color: #000;
		color: yellow;
	}

	body.dark #listResults li a:hover {
		color: yellow;
		background-color: #000;
		border: 1px solid #yellow;
	}

	body.dark #listResults li.highlight a {
		color: yellow;
		background-color: #000;
		border: 1px solid yellow;
	}

	body.dark #listResults li.highlight a:hover {
		background-color: #000;
		color: yellow;
	}

	body.dark #catalogue_detail_biblio h1 {color:yellow;}

	body.dark #action,
	body.dark #cartDetails,
	body.dark #cartUpdate,
	body.dark #holdDetails,
	body.dark #listsDetails,
	body.dark #search-facets,
	body.dark #search-facets h2 a,
	body.dark .message .error,
	body.dark .alert.alert-info,
	body.dark #toolbar,
	body.dark #toolbar.clearfix,
	body.dark .tab-content,
	body.dark table,
	body.dark td,
	body.dark th,
	body.dark .table-bordered,
	body.dark .table-bordered td,
	body.dark .table-bordered th,
	body.dark .table-striped tbody > tr:nth-child(2n+1) > td,
	body.dark .table-striped tbody > tr:nth-child(2n+1) > th,
	body.dark .toolbar,
	body.dark .selections-toolbar,
	body.dark .dropdown-menu,
	body.dark .ui-widget.ui-widget-content,
	body.dark .ui-widget-header,
	body.dark .suggestion,
	body.dark .pages .inactive,
	body.dark .pages .currentPage,
	body.dark .pages a,
	body.dark .page-link,
	body.dark .page-item.disabled .page-link {
		border: 1px solid yellow;
		background: #000;
		color: yellow;
	}

	body.dark .ui-state-default,
	body.dark .ui-widget-content .ui-state-default,
	body.dark .ui-state-active,
	body.dark .ui-widget-content .ui-state-active {
		background-color: #000;
		border-color: yellow;
		color: yellow;
	}

	body.dark #a_listResults,
	body.dark #a_listResults:hover,
	body.dark .li_pag_index,
	body.dark .pagination_list li	{
		color: yellow;
	}

	body.dark .nav_results,
	body.dark .l_Results,
	body.dark .pg_menu,
	body.dark .pg_menu .pg_link,
	body.dark .results-pagination,
	body.dark .pagination_footer {
		border: 1px solid yellow;
		background: #000;
		color: yellow;
	}

	body.dark .pg_menu .pg_link a,
	body.dark .pg_menu .pg_link span,
	body.dark .nav_pages,
	body.dark #plainmarc th,
	body.dark .pagination_list li {
		border: none;
		background: none;
	}

	body.dark .pagination_list li.highlight {
		border: 2px solid yellow;
		background: none;
	}

	body.dark .ui-datepicker a.ui-state-default {
		border-style: dotted;
	}

	body.dark .ui-datepicker a.ui-state-active {
		border-style: solid;
	}

	body.dark .table .sorting {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi41NTFtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMyAyLjU1MDY2MTQiPjxwYXRoIGZpbGw9InllbGxvdyIgZD0iTTQuMDUgMS40NWgtMi4xTDMgMi41NXoiLz48cGF0aCBmaWxsPSJ5ZWxsb3ciIGQ9Ik00LjA1IDEuMWgtMi4xTDMgMHoiLz48L3N2Zz4=");
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 100% 80%;
		background-color: transparent;
	}

	body.dark .table .sorting_asc {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9InllbGxvdyIgZD0iTTQuMDUgMS43NGgtMi4xTDMgLjY0eiIvPjwvZz48L3N2Zz4=");
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 100% 80%;
		background-color: transparent;
	}

	body.dark .table .sorting_desc {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9InllbGxvdyIgZD0iTTQuMDUuNjRoLTIuMUwzIDEuNzR6Ii8+PC9nPjwvc3ZnPg==");
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 100% 80%;
		background-color: transparent;
	}

	body.dark .modal-content {
		background-color: #000;
		border-color: yellow;
	}

	body.dark #loginModal .closebtn {
		color: yellow;
	}

	body.dark #loginModal input[type="submit"]:hover {
		background: none;
	}

	body.dark .ui-datepicker-prev,
	body.dark .ui-datepicker-next {
		background-color: yellow;
	}

	body.dark #userauthhome fieldset.rows ol {
		background: #000;
	}
}
