@charset "UTF-8";

.ms-offscreen {
	clip: rect(0 0 0 0) !important;
	width: 1px !important;
	height: 1px !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
	outline: 0 !important;
	left: auto !important;
	top: auto !important
}

.ms-parent {
	display: inline-block;
	position: relative;
	vertical-align: top
}

.ms-choice {
	display: block;
	width: 100%;
	height: 26px;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #aaa;
	text-align: left;
	white-space: nowrap;
	line-height: 26px;
	color: #444;
	text-decoration: none;
	border-radius: 4px;
	background-color: #fff
}

	.ms-choice.disabled {
		background-color: #f4f4f4;
		background-image: none;
		border: 1px solid #ddd;
		cursor: default
	}

	.ms-choice > span {
		position: absolute;
		top: 0;
		left: 0;
		right: 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		padding-left: 8px
	}

		.ms-choice > span.placeholder {
			color: #999
		}

	.ms-choice > div.icon-close {
		position: absolute;
		top: 0;
		right: 16px;
		height: 100%;
		width: 16px
	}

		.ms-choice > div.icon-close:before {
			content: '×';
			color: #888;
			font-weight: bold;
			position: absolute;
			top: 50%;
			margin-top: -14px
		}

		.ms-choice > div.icon-close:hover:before {
			color: #333
		}

	.ms-choice > div.icon-caret {
		position: absolute;
		width: 0;
		height: 0;
		top: 50%;
		right: 8px;
		margin-top: -2px;
		border-style: solid;
		border-width: 5px 4px 0 4px
	}

.ms-drop {
	width: auto;
	min-width: 100%;
	overflow: hidden;
	display: none;
	margin-top: -1px;
	padding: 0;
	position: absolute;
	z-index: 510;
}

	.ms-drop.top {
		bottom: 100%;
		box-shadow: 0 -4px 5px rgba(0,0,0,0.15)
	}

.ms-search {
	display: inline-block;
	margin: 0;
	min-height: 26px;
	padding: 2px;
	position: relative;
	white-space: nowrap;
	width: 100%;
	z-index: 10000;
	box-sizing: border-box
}

	.ms-search input {
		width: 100%;
		height: auto !important;
		min-height: 24px;
		padding: 0 5px;
		margin: 0;
		outline: 0;
		font-family: sans-serif;
		border: 1px solid #aaa;
		border-radius: 5px;
		box-shadow: none
	}

.ms-drop ul {
	overflow: auto;
	margin: 0;
	padding: 0
}

	.ms-drop ul > li {
		list-style: none;
		display: list-item;
		background-image: none;
		position: static;
		padding: .25rem 8px
	}

		.ms-drop ul > li .disabled {
			font-weight: normal !important;
			opacity: .35;
			filter: Alpha(Opacity=35);
			cursor: default
		}

		.ms-drop ul > li.multiple {
			display: block;
			float: left
		}

		.ms-drop ul > li.group {
			clear: both
		}

		.ms-drop ul > li.multiple label {
			width: 100%;
			display: block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis
		}

		.ms-drop ul > li label {
			position: relative;
			padding-left: 1.25rem;
			margin-bottom: 0;
			font-weight: normal;
			display: block;
			white-space: nowrap;
			cursor: pointer
		}

			.ms-drop ul > li label.optgroup {
				font-weight: bold
			}

		.ms-drop ul > li.hide-radio {
			padding: 0
		}

			.ms-drop ul > li.hide-radio:focus, .ms-drop ul > li.hide-radio:hover {
				background-color: #f8f9fa
			}

			.ms-drop ul > li.hide-radio.selected {
				color: #fff;
				background-color: #007bff
			}

			.ms-drop ul > li.hide-radio label {
				margin-bottom: 0;
				padding: 5px 8px
			}

			.ms-drop ul > li.hide-radio input {
				display: none
			}

		.ms-drop ul > li.option-level-1 label {
			padding-left: 28px
		}

.ms-drop input[type="radio"], .ms-drop input[type="checkbox"] {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem
}

.ms-drop .ms-no-results {
	display: none
}

/* Transitions ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

a,
input,
textarea,
select,
.container *,
.navbar-toggler,
.dropdown-toggle:after,
.dropdown-submenu:after,
.filter-group .navbar-toggler:after,
.volume-list .volume-opener:after,
.sort:after,
.menu-icon,
.small-icon,
.button,
.icon-search,
.ms-choice,
.icon-caret,
.ms-search input,
.loader,
.custom-select-button,
.material,
.load-more,
.nav-link,
.button-link,
.previous-item,
.next-item,
#privacy-notice{			
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.no-transition,
.dropdown-menu {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

/* Fonts ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Italic.woff') format('woff'), url('../fonts/OpenSans-Italic.ttf') format('truetype');
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: 600;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-BoldItalic.woff') format('woff'), url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}


/* Colors ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* White */
.header .nav-link,
.notifications .dropdown-menu > li:last-child .dropdown-item,
.unread-count,
.button,
.button-primary,
.notice,
.tag,
.tag:hover,
.applied-filters li,
.navbar-toggler.filter,
.page-item.active .page-link,
#privacy-notice,
#privacy-notice a,
#privacy-notice a:hover{					
	color: #fff;
}

.hero,
.burgers span,
.ms-drop,
.search-suggestions,
.slide-reservation,
.or {
	background-color: #fff;
}

.navbar-toggler .no-image,
.menu-icon > .no-image,
.navbar-toggler.search .icon-search,
.unread .nav-link .menu-icon,
.icon-close,
.applied-filters .small-icon:hover,
.cover.no-cover,
.system-message .small-icon {
	fill: #fff;
}

.nav-link .menu-icon,
.button-primary .small-icon {
	fill: rgba(255, 255, 255, .4);
}

.account-profile-image,
#filter,
.sidebar-menu,
.notification-item.unread,
.notification-container .dropdown-item.unread {
	border-color: #fff;
}

.dropdown-toggle:after,
.nav-link .menu-icon.account-profile-image {
	border-color: rgba(255, 255, 255, .4);
}

.active .nav-link,
.nav-link.show,
.nav-link:hover,
.mouse-on .active .nav-link:hover {
	border-bottom-color: rgba(255, 255, 255, .3);
}

/* Black */
.library-logo a,
.library-logo a:hover,
.search-suggestions a,
.search-suggestions a:hover,
.search-suggestions a:focus,
.title a,
.table-design th a,
.accordion-button,
.accordion-button:focus,
.accordion-button:not(.collapsed),
.button-secondary,
.dropdown-item,
.sidebar-menu .nav-link,
.title a,
.notification-item,
.notification-item:hover,
.notification-item:focus {
	color: #161616;
}

.menu-backdrop,
.close-filter:hover .burgers span,
.close-filter:focus .burgers span,
.close-reservation:hover .burgers span,
.close-reservation:focus .burgers span {
	background-color: #161616;
}

input:active,
select:active,
textarea:active,
input:focus,
select:focus,
textarea:focus,
.button:hover,
.navbar-toggler:hover,
.ms-choice:active,
.ms-choice:focus,
.ms-search input:active,
.ms-search input:focus {
	-webkit-box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.2);
}

.navbar .dropdown-menu,
.dropdown-menu,
.ms-drop.bottom,
.search-suggestions {
	-webkit-box-shadow: 0 3px 15px 3px rgba(0,0,0,.15);
	-moz-box-shadow: 0 3px 15px 3px rgba(0,0,0,.15);
	box-shadow: 0 3px 15px 3px rgba(0,0,0,.15);
}

.filter-group,
.sidebar-menu .nav-link,
.volume-items .table-design th,
.volume-items .table-design td {
	border-color: rgba(0,0,0,.06);
}

	/* Ghost gray */
	input:hover,
	select:hover,
	.dropdown-item:focus,
	.dropdown-item:hover,
	.active > .dropdown-item,
	.ms-choice:hover,
	.ms-choice:focus,
	.ms-search input:hover,
	.search-suggestions a:hover,
	.modal-body li a:hover,
	.table-design.even-odd tr:nth-child(even),
	input:disabled,
	select:disabled,
	textarea:disabled,
	.sidebar-menu .nav-link:hover,
	.notification-item:hover,
	.notification-item.unread:hover,
	.notification-container .dropdown-item.unread:hover,
	.soft-notice,
	.volume-list .volume-group {
		background-color: #f7f7f7;
	}

.applied-filters .small-icon {
	fill: rgba(255, 255, 255, .4);
}

/* Light gray */
.bookshelf.odd,
#filter,
.sidebar-menu,
.pagination .page-link:hover,
.system-message,
#filter-button,
.volume-list .volume-opener,
.volume-list .volume-opener.collapsed:hover {	   
	background-color: #f0f0f0;
}

.footer,
.dropdown-item,
.suggestion-group,
.tab-container .nav-tabs,
.reviews .row,
.accordion-button,
.accordion-button:focus,
.or-divider,
.table-design td,
.list-view .material,
.notification-item,
.library-contact-block {
	border-color: #f0f0f0;
}

#sidebar-menu .dropdown-submenu + .dropdown-menu,
.sidebar-menu .active .nav-link,
#account-nav .dropdown-menu .dropdown-menu {
	background-color: #e8e8e8;
}

.sidebar-menu .dropdown-item.submenu-active,
#account-nav .submenu-active {
	background-color: rgba(180, 180, 180, .15);
}

/* Medium gray */
.reviews .date,
.previous-label a,
.next-label a {
	color: rgba(180, 180, 180, 1);
}

input,
select,
.ms-choice,
.menu-icon.account-profile-image,
.reviews .account-profile-image,
.sidebar-menu .nav-link .menu-icon.account-profile-image,
.icon-caret,
.ms-search input,
.ms-drop,
.search-suggestions,
.filter-group .navbar-toggler:after,
.volume-list .volume-opener:after,
.accordion-button:after,
.custom-select-button:after,
.page-link,
.page-item.disabled .page-link,
.pagination .page-link:hover,
.view-more:after,
.return:before,
.table-design th,
.dropdown-submenu:after,
.user-avatar-image-block .account-profile-image,
.previous-label:before,
.next-label:before {
	border-color: rgba(180, 180, 180, 1);
}

	.menu-icon,
	.small-icon,
	.search-suggestions .smart-search-group a:hover .small-icon,
	.pagination .page-item.disabled .small-icon,
	.no-image,
	.dropdown-item .menu-icon > .no-image,
	.rating.full .empty-ratings .small-icon,
	.rating.clickable > label .small-icon,
	.sidebar-menu .nav-link .menu-icon {
		fill: rgba(180, 180, 180, 1);
	}

/* Dark gray */
.notification-time em,
.smart-search-category,
.quantity,
.pagination .page-link,
.additional-notice-info {
	color: rgba(120, 120, 120, 1);
}

.button,
.applied-filters li,
.tag,
.tag.notice:hover,
.close-filter .burgers span,
.close-reservation .burgers span,
#account-nav .dropdown-submenu:before,
.slider {
	background-color: rgba(120, 120, 120, 1);
}

.pagination .small-icon,
.switch-view .active .small-icon,
.switch-view a:hover .small-icon {
	fill: rgba(120, 120, 120, 1);
}

.button:hover,
.tag:hover {
	background-color: rgba(130, 130, 130, 1);
}

.button:focus,
.tag:focus {
	background-color: rgba(90, 90, 90, 1);
}

/* Green */
.success {
	color: #7fb800;
}

.success,
.added .add-to-wish-list .heart-filled,
.added .like-comment .small-icon {
	fill: #7fb800;
}

/* Orange */
.warning {
	fill: #efa70c;
}

/* Yellow */
.button-secondary,
.navbar-toggler.button-secondary {
	background-color: #f3bd00;
}

.rating.clickable > input:checked ~ label .small-icon,
.rating.clickable > input:checked ~ label ~ label .small-icon,
.rating.user-rating .small-icon {
	fill: #f3bd00;
}

/* Yellow hover */
.button-secondary:hover,
.navbar-toggler.button-secondary:hover {
	background-color: #ffde00;
}

.rating.clickable > input:not(:checked) ~ label:hover .small-icon,
.rating.clickable > input:not(:checked) ~ label:hover ~ label .small-icon {
	fill: #ffde00;
}

/* Yellow focus */
.button-secondary:focus,
.navbar-toggler.button-secondary:focus {
	background-color: #e29f0f;
}

/* No cover color */
.cover.no-cover {
	background-color: rgba(204, 191, 163, 1);
}

/* Alert color */
label.error {
	color: #ff5460;
}

.unread-count,
.system-message.maintenance .message-image {
	background-color: #ff5460;
}

input.error,
textarea.error,
.error[type="checkbox"]:not(:checked) + label:before,
.error[type="checkbox"]:checked:focus + label:before,
.error[type="checkbox"]:not(:checked):focus + label:before {
	border-color: #ff5460;
}

.error {
	fill: #ff5460;
	;
}

input.error:active,
select.error:active,
textarea.error:active,
input.error:focus,
select.error:focus,
textarea.error:focus {
	-webkit-box-shadow: 0 0 7px 0px rgba(255, 84, 96, 0.2);
	-moz-box-shadow: 0 0 7px 0px rgba(255, 84, 96, 0.2);
	box-shadow: 0 0 7px 0px rgba(255, 84, 96, 0.2);
}

/* Blue */
a,
a:hover,
a:focus,
.smart-search-group a,
.smart-search-group a:hover,
.smart-search-group a:focus,
.show-more,
.load-more,
.show-less,
.display-all,
.return,
.nav-link,
.button-link {
	color: rgba(0, 132, 209, 1);
}

/* Ghost blue */
.notification-item.unread,
.notification-container .dropdown-item.unread {
	background-color: rgba(0, 132, 209, .1);
}

	/* Main color */
	.header,
	.slide-menu.show,
	.button-primary,
	.navbar-toggler,
	.notifications .dropdown-menu > li:last-child .dropdown-item,
	.notice-queue,
	.tag.notice-queue:hover,
	.page-item.active .page-link,
	.system-message .message-image,
	.notification-item.unread:after,
	.notification-container .dropdown-item.unread:after,
	input:checked + .slider,
	#privacy-notice{			
		background-color: var(--alise-color-main-rgba-1);
	}

.page-item.active .page-link,
.tab-container .nav-tabs .nav-link {
	border-color: var(--alise-color-main-rgba-1);
}

.sidebar-menu .active > .nav-link,
.sidebar-menu .dropdown-item.submenu-active {
	border-left-color: var(--alise-color-main-rgba-07);
}

/* Main color hover */
.navbar-toggler:hover,
.button-primary:hover,
.notifications .dropdown-menu > li:last-child .dropdown-item:hover {
	background-color: var(--alise-color-hover-rgba-1);
}

.dropdown-item:hover .menu-icon,
.active > .dropdown-item .menu-icon,
.search-suggestions a:hover .small-icon,
.sidebar-menu .nav-link:hover .menu-icon,
.sidebar-menu .active > .nav-link .menu-icon,
.sidebar-menu .dropdown-item.submenu-active .menu-icon,
#account-nav .submenu-active .menu-icon {
	fill: var(--alise-color-hover-rgba-1);
}

	.dropdown-item:hover .menu-icon.account-profile-image,
	.active > .dropdown-item .menu-icon.account-profile-image {
		border-color: var(--alise-color-hover-rgba-1);
	}

/* Main color focus */
.navbar-toggler:focus,
.button-primary:focus,
.notifications .dropdown-menu > li:last-child .dropdown-item:focus {
	background-color: var(--alise-color-focus-rgba-1);
}

.dropdown-item:focus .menu-icon {
	fill: var(--alise-color-hover-rgba-1);
}

	.dropdown-item:focus .menu-icon.account-profile-image {
		border-color: var(--alise-color-hover-rgba-1);
	}

@media only screen and (max-width : 1199px) {
	/* White */
	.button-search .small-icon {
		fill: rgba(255, 255, 255, 1);
	}
}

@media only screen and (max-width : 991px) {
	/* White */
	#main-nav .dropdown-item {
		color: #fff;
	}
	/* Light gray */
	.header {
		background-color: #f0f0f0;
	}
	/* Medium gray */
	.hero {
		background-color: rgba(0, 0, 0, .05);
	}
	/* Main color focus */
	#main-nav .dropdown-item {
		background-color: var(--alise-color-focus-rgba-1);
	}
	/* Main color */
	#main-nav .dropdown-item {
		border-color: var(--alise-color-main-rgba-07);
	}
}

/* Classes ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

html {
	font-size: 100%;
}

body {
	font-family: 'Open Sans';
}

h1,
h2,
.size-xxl {
	font-size: 2rem;
	line-height: 2.5rem;
	margin: 0 0 15px;
}

.description h2,
.description h3,
.result-details .description h3,
.description h4,
.description h5,
.description h6,
.size-xxl,
.size-xl,
.size-l,
.size-m,
.size-s {
	margin: 0 0 15px;
}

.result-details .description h3,
.size-xl {
	font-size: 1.8rem;
	line-height: 2.3rem;
}

.description h4,
.size-l {
	font-size: 1.6rem;
	line-height: 2.1rem;
}

.description h5,
.size-m {
	font-size: 1.4rem;
	line-height: 1.9rem;
}

.description h6,
.size-s {
	font-size: 1.2rem;
	line-height: 1.6rem;
}

.user-form h1 {
	padding-bottom: 10px;
}

a,
.navbar a:hover,
.library-logo-contents a:hover,
.dropdown-menu a:hover,
.search-suggestions a:hover,
.tag:hover,
.tab-container .nav-tabs .nav-link,
.sidebar-menu .nav-link:hover,
.title a:hover,
.table-design th a,
.notification-list .notification-item {
	text-decoration: none;
}

	a:hover,
	.return:hover,
	.filter-group label:hover,
	.ms-drop ul > li label:hover,
	.button-link:hover,
	.show-more:hover,
	.load-more:hover,
	.show-less:hover,
	.clear-filters:hover,
	.display-all:hover,
	.table-design th a.sort:hover,
	#privacy-notice a{				  
		text-decoration: underline;
	}

.home .header {
	display: flex;
	flex-direction: column-reverse;
}

.footer {
	border-top-width: 1px;
	border-top-style: solid;
	padding: 30px 0;
}

li{
	padding-top: 5px;
	padding-bottom: 5px;
}

.header li,
.footer li,
.sidebar-menu li,
.dropdown-menu li{
	padding-top: 0;
	padding-bottom: 0;
}

.footer ul,
.modal-body .list-items{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footer li a {
	padding: 2px 0;
	display: inline-block;
}

.copyright {
	padding: 15px 0 0;
	margin: 0;
}

.bookshelf {
	padding: 30px 0 10px;
}

	.bookshelf h2 {
		margin-bottom: 10px;
	}

	.bookshelf .results {
		padding-top: 15px;
	}

	.bookshelf .title {
		text-align: center;
	}

	.bookshelf .link {
		text-align: right;
	}

#account-nav {
	justify-content: end;
	flex-grow: 0;
}

	.nav-item.notifications .dropdown-menu,
	#account-nav .dropdown-menu {
		left: auto;
		right: -1px;
	}

	#account-nav .dropdown-submenu + .dropdown-menu {
		display: none;
	}

.nav-item.notifications .dropdown-menu {
	border-bottom: 0 none;
}

.hero {
	background-size: cover;
}

.hero-image {
	background-image: var(--alise-hero-image-background);
}

.library-logo {
	text-align: left;
}

.home .library-logo {
	text-align: center;
}

.navbar .library-logo {
	text-align: left;
}

.library-logo-contents,
.library-logo-contents a {
	display: flex;
	text-decoration: none;
	justify-content: center;
	align-items: center;
}

.library-logo img {
	height: 70px;
	width: auto;
	max-width: 150px;
	display: inline-block;
	margin-right: 15px;
}

.home .library-logo img {
	height: 80px;
}

.library-logo span {
	display: inline-block;
	text-align: left;
	max-width: 340px;
	vertical-align: middle;
}

.home .library-logo span {
	font-size: 1.1rem;
}

.search-container {
	display: block;
}

.search .burgers {
	position: relative;
	opacity: 1;
	visibility: visible;
	display: inline-block;
	-webkit-animation: rotate-90-cw 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: rotate-90-cw 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

.search.collapsed .burgers {
	opacity: 0;
	visibility: hidden;
	display: none;
}

#main-search-box {
	display: flex;
	justify-content: center;
	line-height: 0;
	margin-top: -8px;
	position: relative;
	z-index: 1050;
	-webkit-animation: fadeInUp .5s .1s ease-in-out both;
	animation: fadeInUp .5s .1s ease-in-out both;
}

.home #main-search-box {
	margin-top: 0;
}

#main-search {
	display: flex;
	justify-content: space-between;
	padding: 25px 0 15px;
}

.home #main-search {
	display: flex;
	flex-direction: column;
	padding: 40px 0px;
}

.search-button-container {
	position: relative;
	display: inline-block;
}

.extended-search-container {
	text-align: right;
	display: block;
	padding-bottom: 10px;
}

.collapsing {
	transition: height 0s ease;
}

#main-search-box.collapsing {
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	-ms-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out;
}

.navbar-collapse-container {
	display: flex;
	width: 100%;
}

.dropdown-toggle:after,
.ms-choice > div.icon-caret,
.filter-group .navbar-toggler:after,
.filter-group .navbar-toggler.collapsed:after,
.volume-list .volume-opener:after,
.volume-list .volume-opener.collapsed:after,
.view-more:after,
.return:before,
.sort:after,
.accordion-button:after,
.dropdown-submenu:after,
.previous-label:before,
.next-label:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: 2px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-style: solid;
	border-top-width: 0;
	border-left-width: 0;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.ms-choice > div.icon-caret,
.filter-group .navbar-toggler:after,
.filter-group .navbar-toggler.collapsed:after,
.volume-list .volume-opener:after,
.volume-list .volume-opener.collapsed:after,
.accordion-button:after,
.dropdown-submenu:after {
	margin-top: 0;
	right: 14px;
}

.dropdown-submenu:after {
	right: 25px;
	margin-top: -1px;
}

.dropdown-toggle.show:after,
.ms-choice > div.icon-caret.open,
.filter-group .navbar-toggler:after,
.volume-list .volume-opener:after,
.accordion-button:not(.collapsed):after,
.dropdown-submenu.show:after {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.view-more:after,
.return:before,
.previous-label:before,
.next-label:before {
	right: 0;
	margin-top: 1px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-moz-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	-o-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.return:before,
.previous-label:before {
	right: auto;
	left: 0;
	-webkit-transform: translateY(-50%) rotate(135deg);
	-moz-transform: translateY(-50%) rotate(135deg);
	-ms-transform: translateY(-50%) rotate(135deg);
	-o-transform: translateY(-50%) rotate(135deg);
	transform: translateY(-50%) rotate(135deg);
}

.next-label:before {
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-moz-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	-o-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.sort:after {
	right: -15px;
	margin-top: 0;
	display: none;
}

.sort.desc:hover:after {
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.sort.asc:after,
.sort.desc:after,
.sort:hover:after {
	display: block;
}

.sort.desc:after,
.sort.asc:hover:after {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.filter-group .navbar-toggler.close-filter,
.navbar-toggler.close-reservation,
.volume-list .volume-opener.collapsed,
.return,
.return:hover,
.return:focus{
	background-color: transparent;
	box-shadow: none;
}

	.filter-group .navbar-toggler.close-filter:after {
		display: none;
	}

.dropdown-submenu {
	position: relative;
}

.navbar .dropdown-menu,
.dropdown-menu {
	margin-top: 0;
	padding: 0;
	border-radius: 0 0 3px 3px;
	border-top: 0px none;
	left: -1px;
	min-width: 80px;
	z-index: 1000;
}

.sidebar-menu .dropdown-menu {
	border: 0px none;
	-webkit-box-shadow: 0 0 0 0;
	-moz-box-shadow: 0 0 0 0;
	box-shadow: 0 0 0 0;
}

.home .dropdown-menu {
	z-index: 1060;
}

.dropdown-item,
.sidebar-menu .nav-link {
	padding: 10px 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.sidebar-menu .nav-link {
	padding-top: 15px;
	padding-bottom: 15px;
}

.page-contents .dropdown-menu li {
	margin-bottom: 0;
}

.dropdown-menu li:last-child .dropdown-item {
	border-bottom-style: none;
}

.dropdown-submenu + .dropdown-menu li:last-child .dropdown-item {
	border-bottom-style: solid;
}

.notifications .dropdown-menu > li:last-child .dropdown-item {
	text-align: center;
	border-radius: 0 0 3px 3px;
}

.nav-link {
	position: relative;
	padding-top: 16px;
	padding-bottom: 10px;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 30px;
	padding-right: 30px;
}

.nav-link,
.mouse-on .active .nav-link {
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
}

.menu-buttons {
	display: flex;
	justify-content: end;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.navbar {
	padding: 0;
}

	.navbar .container-fluid {
		padding: 0;
		justify-content: center;
	}

.navbar-toggler {
	border-radius: 2px;
	width: 50px;
	height: 50px;
	padding: 9px;
	text-align: center;
	line-height: 1;
	font-size: 0;
	position: relative;
}

	.navbar-toggler.filter {
		width: auto;
	}

		.navbar-toggler.filter i,
		.reservation.button,
		.return {
			font-size: 1rem;
			font-style: normal;
		}

.reservation.button,
.return {
	width: auto;
	height: auto;
}

#filter .filter-title {
	background: transparent;
	width: 100%;
	height: auto;
	font-size: 1rem;
	text-align: left;
	padding: 15px;
	font-weight: 600;
	box-shadow: none;
}

.slide-menu .navbar-toggler {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 5;
}

.account-menu.navbar-toggler,
.search.navbar-toggler {
	margin-right: 8px;
}

.account-menu .account-profile-image,
.reviews .account-profile-image {
	width: 30px;
	height: 30px;
}

.no-image,
.navbar-toggler .no-image,
.menu-icon.account-profile-image .no-image,
.navbar-toggler.search .icon-search {
	height: 100%;
	width: 100%;
	vertical-align: middle;
	margin-top: 3px;
}

.menu-icon.account-profile-image .no-image {
	margin-top: 1px;
}

.user-avatar-image-block .no-image {
	margin-top: 18px;
}

#sidebar-menu .nav-link .menu-icon.account-profile-image .no-image {
	opacity: 1;
}

#sidebar-menu .active .nav-link .menu-icon.account-profile-image .no-image,
#sidebar-menu .nav-link:hover .menu-icon.account-profile-image .no-image,
#sidebar-menu .nav-link:focus .menu-icon.account-profile-image .no-image,
#sidebar-menu .active .nav-link:hover .menu-icon.account-profile-image .no-image,
#account-nav .dropdown-menu .active .dropdown-item .menu-icon.account-profile-image .no-image,
#account-nav .dropdown-menu .dropdown-item:hover .menu-icon.account-profile-image .no-image,
#account-nav .dropdown-menu .dropdown-item:focus .menu-icon.account-profile-image .no-image {
	fill: rgba(21, 139, 179, 1);
}

.nav-link .menu-icon.account-profile-image .no-image {
	margin-top: 2px;
	border-radius: 50%;
	opacity: .4;
}

.navbar-toggler.search .icon-search {
	margin-top: 0;
	height: 90%;
	width: 90%;
	opacity: 0;
	visibility: hidden;
	display: none;
	-webkit-animation: rotate-90-cw 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: rotate-90-cw 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

.navbar-toggler.search.collapsed .icon-search {
	opacity: 1;
	visibility: visible;
	display: inline-block;
}

.account-profile-image {
	border-radius: 50%;
	border-width: 3px;
	border-style: solid;
	line-height: 0;
	overflow: hidden;
}

.reviews .account-profile-image {
	flex-shrink: inherit;
}

.account-profile-image-container {
	position: relative;
	display: block;
}

.menu-icon.account-profile-image {
	border-width: 1.6px;
}

.account-profile-image img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.burgers,
.account-profile-image {
	display: inline-block;
	height: 18px;
	width: 18px;
	position: relative;
	margin: 0px;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.user-avatar-image-block .account-profile-image {
	height: 220px;
	width: 220px;
	border-width: 1rem;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.account-profile-image:hover {
	opacity: .8;
}

.menu-button-container {
	width: 100%;
	padding: 10px 0;
}

.no-padding {
	padding: 0;
}

.padding-right {
	padding-right: 15px;
}

.menu-icon,
.sidebar-menu .nav-link .menu-icon,
.small-icon {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	margin-top: -2px;
	line-height: 0;
	position: relative;
}

.system-message .small-icon {
	width: 70px;
	height: 70px;
	padding: 15px;
}

.notifications .menu-icon,
.pagination .small-icon {
	margin-right: 0;
}

.pagination .small-icon {
	width: 10px;
	height: 10px;
}

.nav-link .menu-icon {
	width: 22px;
	height: 22px;
	border-width: 2px;
}

.menu-icon svg,
.small-icon svg {
	height: 100%;
	width: 100%;
}

.unread-count {
	position: absolute;
	top: -6px;
	right: -2px;
	font-style: normal;
	font-size: .6rem;
	line-height: 1;
	padding: 2px;
	border-radius: 2px;
}

.notification-container {
	padding: 0;
	list-style-type: none;
	overflow: auto;
	max-height: 300px;
	width: 400px;
}

.notification-list .notification-container {
	width: 100%;
	max-height: 100%;
	overflow: unset;
}

.page-contents .notification-list li {
	margin: 0;
	padding: 0;
}

.notification-item {
	padding: 15px 45px 15px 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	display: block;
	position: relative;
	border-radius: 4px;
}

.notification-container .dropdown-item {
	position: relative;
	padding-right: 45px;
}

.notification-list li:last-child .notification-item {
	border-bottom-style: none;
	border-bottom-width: 0;
}

.notification-item.unread:after,
.notification-container .dropdown-item.unread:after {
	content: '';
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
	right: 20px;
	top: 48%;
	border-radius: 50%;
}

.notification-title {
	padding-bottom: 5px;
	line-height: 1.35rem;
}

.notification-title,
.notification-time {
	display: block;
	white-space: normal;
}

.notification-time,
.action-notice,
.additional-notice-info {
	font-size: 0.9rem;
}

.action-notice {
	margin-top: 5px;
}

.notification-time em,
.rating-count {
	font-style: normal;
}

.cover {
	display: flex;
	text-align: center;
	position: relative;
}

.type-book .cover:before {
	content: '';
	background-image: url('../images/book-overlay-3.png');
	background-repeat: repeat-y;
	height: 100%;
	width: 10%;
	max-width: 9px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: .8
}

.table-design .cover {
	min-width: 20px;
}

.cover img {
	width: 100%;
	box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,.15);
}

.type-book .cover img,
.type-book .cover.no-cover {
	border-radius: 1% 1.8% 1.8% 1%;
}

.notification-container .cover img {
	box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.15);
}

.cover.no-cover svg {
	opacity: .2;
	width: 30%;
	height: 22%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.button {
	padding: 14px 20px;
	border: 0px none;
	border-radius: 2px;
	outline: none;
	height: auto;
	line-height: 1rem;
	width: auto;
}

	.button.disabled,
	.button:disabled {
		opacity: .4;
	}

.table-responsive {
	position: relative;
	min-height: 80px;
}

.table-responsive .button {
	white-space: nowrap;
}

.button-link {
	background-color: transparent;
	border: 0px none;
	padding: 0;
	margin: 0;
}

input,
select,
.ms-search input,
textarea {
	border-width: 1px;
	border-style: solid;
	padding: 10px 14px;
	outline: none;
	border-radius: 2px;
	height: 44px;
}

	input::-ms-clear {
		display: none;
		height: 0;
		width: 0;
	}

textarea {
	width: 100%;
	min-height: 150px;
}

.home .search-input {
	height: 46px;
}

.ms-choice {
	position: relative;
	z-index: 520;
}

#main-search-box .library-select,
#main-search-box .ms-choice {
	border-radius: 3px 0 0 3px;
	border-right-width: 0px;
}

.library-select,
.ms-choice {
	height: 44px;
	max-width: 200px;
	border-radius: 3px;
}

.home .library-select,
.home .ms-choice {
	height: 46px;
}

.filter-group .ms-choice,
#reservation .ms-choice,
#reservation-magazine .ms-choice,
.custom-select .ms-choice {
	max-width: none;
}

.filter-group .ms-parent.library-select {
	width: 100% !important;
	max-width: none;
}

#reservation .ms-parent.library-select,
#reservation-magazine .ms-parent.library-select {
	width: 400px !important;
	max-width: none;
}

.custom-filter {
	width: 200px !important;
	max-width: none;
}

.search-input-fields {
	display: flex;
}

.search-input {
	border-radius: 0px;
	min-width: 500px;
}

.search-input-fields .button,
.button-search {
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	margin-left: -1px;
	position: relative;
	z-index: 506;
}

.smart-search-container {
	display: flex;
	position: relative;
	z-index: 1020;
}

.smart-search {
	position: relative;
}

.search-suggestions {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	line-height: 1rem;
	width: 100%;
	padding: 10px 0;
	border-width: 0 1px 1px;
	border-style: solid;
	z-index: 1005;
	border-radius: 0 0 3px 3px;
	min-width: 200px;
}

.smart-search-active .search {
	position: relative;
	z-index: 505;
}

.smart-search-active.search-history .search-suggestions,
.smart-search-active.result-groups .search-suggestions {
	display: flex;
	flex-direction: column;
}

.smart-search-active.search-history .suggestion-group:first-child,
.smart-search-active.result-groups .suggestion-group:last-child {
	display: block;
}

.search-suggestions ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	.search-suggestions ul a {
		padding: 5px 5px 5px 10px;
		display: block;
		line-height: 1.2rem;
		font-size: .95rem
	}

.smart-search-group {
	text-align: right;
}

.smart-search-category {
	padding-bottom: 5px;
}

.smart-search-category,
.smart-search-group a {
	display: block;
}

.fast-results .suggestion-group:first-child .smart-search-group {
	display: none;
}

.smart-search-category,
.smart-search-group a,
.filter-group-items,
.extended-search-trigger,
.ms-drop li {
	font-size: .875rem;
}

.extended-search-trigger {
	line-height: 1rem;
}

.search-suggestions .smart-search-group a:hover {
	background-color: unset;
	text-decoration: underline;
}

.close-search {
	position: absolute;
	width: 35px;
	height: 35px;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	padding: 0;
	border: 0px none;
	background: none;
	z-index: -1;
}

.smart-search-active .close-search {
	z-index: 5;
}

.close-search:after,
.smart-search-active .typing .close-search:after {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	left: 50%;
	background-image: url(../images/svg/icon-close.svg);
	background-repeat: no-repeat;
	transform: translate(-50%, -50%);
	cursor: pointer;
	background-size: 0;
	background-position: center;
	opacity: 0;
	z-index: 5;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

.smart-search-active .close-search:after {
	opacity: .5;
	background-size: 14px;
}

.typing .loader {
	opacity: 1;
}

.close-search:hover:after {
	opacity: 1;
}

.search-button-label {
	font-style: normal;
}

.suggestion-group {
	display: none;
}

.search-history.result-groups .suggestion-group {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 8px;
	padding-bottom: 6px;
}

	.suggestion-group:last-child,
	.search-history.result-groups .suggestion-group:last-child {
		border-bottom-width: 0px;
		padding-bottom: 0;
		margin-bottom: 0;
	}

.suggestion-group .row {
	padding-left: 10px;
	padding-right: 15px;
}

.quantity {
	font-style: normal;
	padding-left: 7px;
}

.search-categories .quantity {
	font-weight: 400;
}

.search-categories ul a {
	font-weight: 600;
	font-size: .93rem;
}

.grid-view .result-details,
.bookshelf .result-details {
	margin: 10px 0 0px;
	padding-bottom: 25px;
}

.list-view .material {
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

	.list-view .material:last-child {
		border-bottom-width: 0px;
		border-bottom-style: none;
	}

#open-material .result-details {
	padding-left: 35px;
	padding-right: 35px;
}

#reservation .material,
#reservation-magazine .material,
#open-material .material {
	margin: 15px 0;
}

#open-material .material {
	margin-bottom: 45px;
}

.result-details h3 {
	word-wrap: anywhere;
	font-size: 1.1rem;
	line-height: 1.3rem;
	margin: 0 0 5px;
}
.result-details img {
	max-width: 100%;
	height: auto;
}

.table-design .result-details h3 {
	word-wrap: normal;
}

.result-details .result-meta,
.result-details .rating,
.additional-mobile-details {
	font-size: .9rem;
	line-height: 1.2rem;
}

.result-details .result-meta,
.additional-mobile-details {
	margin: 0;
}

.additional-mobile-details {
	margin-top: 5px;
	list-style-type: none;
	padding: 0;
}

.notice-container {
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: left;
	width: 100%;
}

.notice,
.tag {
	border-radius: 0 2px 2px 0;
	font-size: .8rem;
	font-style: normal;
	padding: 2px 8px 2px 12px;
	line-height: 1rem;
	display: inline-block;
}

.tag {
	border-radius: 2px;
	padding-left: 8px;
	margin-right: 10px;
}

.author,
.rating,
.result-volume {
	margin-right: 20px;
	margin-bottom: 5px;
	display: inline-block;
}

.result-meta .rating.full {
	display: block;
	cursor: pointer;
	margin: 5px 0 15px;
}

.grid-view .author,
.grid-view .rating,
.grid-view .result-volume,
.bookshelf .author,
.bookshelf .rating,
.bookshelf .result-volume {
	margin-right: 8px;
}

.filter-options,
.total-results {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.total-results {
	justify-content: flex-start;
	height: 100%;
}

#filter,
.sidebar-menu {
	height: 100%;
	display: block;
}

	#filter .navbar-collapse {
		-webkit-transition: height .4s ease;
		-moz-transition: height .4s ease;
		-ms-transition: height .4s ease;
		-o-transition: height .4s ease;
		transition: height .4s ease;
	}

.filter-group {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.filter-group-items {
	padding: 0 15px;
	position: relative;
}

.filter-group ul {
	padding: 0;
	margin: 0 0 10px;
	list-style-type: none;
}

.filter-group li {
	white-space: normal;
	line-height: 1.2rem;
	padding: 3px 0;
}

.filter-group label {
	display: inline;
}

.filter-group .show-more,
.filter-group.more .show-less,
.filter-group.more .hidden,
.latvian-cities.hidden,
.foreign-cities,
.edit-heading,
.delete-single-item,
.cancel-edit,
.edit-wishlist .start-edit,
#add-new-wish-list-item,
.add-wishlist #wish-list-items,
.add-wishlist .button.edit-list,
.cancel-addition,
.add-wishlist .start-addition,
.data-export-request,
.processing .export-data,
.email-confirmation-message,
.user-form #user-email.error ~ .email-confirmation-message,
.user-form #user-email.error.changed ~ .email-confirmation-message,
.column-sms {
	display: none;
}

	.filter-group.more .show-more,
	.foreign-cities.visible,
	.processing .data-export-request,
	.user-form #user-email.changed ~ .email-confirmation-message {
		display: block;
	}

.sms-enabled .column-sms {
	display: table-cell;
}

.show-more,
.load-more,
.show-less,
.clear-filters,
.display-all {
	border: 0px none;
	margin-bottom: 15px;
	display: block;
	text-align: left;
	width: 100%;
	padding: 0;
	background-color: transparent;
}

.display-all {
	margin: 0 0 -5px;
}

.toggle-more {
	margin-top: -5px;
}

.modal-body .toggle-more {
	margin-top: 10px;
	text-align: center;
	position: relative;
}

.hidden {
	animation: load-opacity .3s ease;
}

.list-items a {
	display: flex;
	justify-content: space-between;
}

.applied-filters li {
	display: inline-block;
	border-radius: 3px;
	padding: 4px 9px 4px 4px;
	margin: 0 4px 4px 0;
	line-height: 1rem;
}

.applied-filters .small-icon {
	padding: 2px;
	margin-right: 5px;
	cursor: pointer;
}

#filter-library .ms-parent {
	margin-bottom: 15px;
}

.page-contents {
	padding: 25px 0 35px;
}

	.page-contents li {
		margin-bottom: 7px;
	}

.custom-select-button {
	background: none;
	border: 0px none;
	position: relative;
	padding: 0 30px 0 0;
}

	.custom-select-button:hover {
		text-decoration: underline;
	}

	.custom-select-button:after {
		top: 10px;
	}

.result-amount,
.switch-view {
	margin-left: 20px;
	position: relative;
}

.order-filter {
	padding: 0 0 20px;
}

.view-more,
.return,
.previous-label,
.next-label {
	position: relative;
	padding-right: 15px;
	display: inline-block;
}

.return,
.previous-label {
	padding-left: 15px;
	padding-right: 0;
	margin-top: 10px;
}

.next-label {
	padding-left: 0;
	padding-right: 15px;
}

.previous-label,
.next-label {
	margin-top: 0;
	margin-bottom: 5px;
}

.modal-header,
.modal-search,
.modal-body {
	padding: 20px;
}

.modal-search {
	padding-bottom: 0;
}

.modal-body {
	margin-bottom: 20px;
}

	.modal-body li a {
		padding: 2px 10px;
	}

	.modal-body .toggle-more button {
		text-align: center;
		position: relative;
		z-index: 10;
	}

	.modal-body .toggle-more.loading button {
		opacity: 0;
		z-index: -1;
	}

.loading .loader {
	opacity: 1;
}

.result-extra .button,
#open-material .result-details .material-actions .button {
	margin-top: 15px;
}

.result-extra .review-form .button {
	margin-top: 0;
}

.result-description {
	margin: 0;
}

.list-view .result-description {
	margin: 5px 0 0;
}

.rating-count {
	padding-left: 5px;
}

.slide-reservation {
	top: 0;
	right: -100%;
	position: fixed;
	width: 90%;
	height: 100% !important;
	z-index: 1100;
	padding: 0;
	box-shadow: -3px 0 15px 3px rgba(0,0,0,.2);
	overflow: auto;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

	.slide-reservation.show {
		right: 0;
	}

.menu-backdrop {
	cursor: pointer;
	position: fixed;
	z-index: 1060;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.menu-open .menu-backdrop {
	opacity: .3;
	visibility: visible;
}

.reservation-open .menu-backdrop {
	opacity: .3;
	visibility: visible;
}

#reservation,
#reservation-magazine {
	padding-top: 15px;
}

	#reservation .container,
	#reservation-magazine .container {
		padding-left: 2rem;
		padding-right: 2rem;
	}

.table-design {
	width: 100%;
}

.table-design th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.table-design th {
	white-space: nowrap;
}

.table-design th,
.table-design td {
	padding: 10px;
}

.table-design td,
.table-design.dashboard-mini-table tr:last-child td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.table-design.even-odd td,
.table-design tr:last-child td,
.volume-list .table-design .volume-items tr:last-child td {
	border-bottom-style: none;
}

.volume-list .table-design tr:last-child td {
    border-bottom-style: solid;
}	

.sortable:after {
	background-color: red;
}

#reservation .table-design .button,
#reservation-magazine .table-design .button {
	white-space: nowrap;
}

.slide-header {
	margin-bottom: 10px;
}

.table-design .column-1 {
	padding-left: 20px;
}

.sort {
	position: relative;
	padding-right: 5px;
}

.library-select-container {
	margin-top: 10px;
}

#reservation-magazine .library-select-container,
#reservation-magazine #filter-years,
#reservation .library-select-container,
#reservation #filter-years{
	display: inline-block;
}

p.library {
	margin: 0 0 10px;
}

.tab-content {
	padding-top: 15px;
}

.tab-container .nav-tabs {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

	.tab-container .nav-tabs .nav-link {
		border-width: 0px;
		border-style: none;
		border-bottom-style: none;
		border-bottom-width: 6px;
		padding: 10px 25px;
	}

		.tab-container .nav-tabs .nav-link.active,
		.tab-container .nav-tabs .nav-link:hover {
			border-bottom-style: solid;
		}

.align-top td {
	vertical-align: top;
}

.marc-wrapper {
	display: block;
}

.reviews .row {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

.review-form-container .row {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom-style: none;
}

.reviews .date {
	justify-content: flex-end;
	display: flex;
	align-items: center;
}

.comment-author .name {
	font-weight: bold;
	margin: 0 15px 0 15px;
}

.comment-author .goodreads img,
.user-rating .goodreads img {
	height: 18px;
	width: auto;
	margin-left: 10px;
}

.user-rating .goodreads img {
	height: 25px;
}

.comment {
	margin: 10px 0;
}

.comment-author {
	display: flex;
	align-items: center;
	line-height: 1.2rem;
}

.review-form,
.button-show-review-form {
	-webkit-animation: fadeInUp .5s .1s ease-in-out both;
	animation: fadeInUp .5s .1s ease-in-out both;
}

.review-form,
.form-visible .button-show-review-form,
.add-to-wish-list .heart-filled,
.added .add-to-wish-list .heart-empty,
.close-extra-data-form,
.form-visible .button-link,
.extra-data-form {
	display: none;
}

.form-visible .review-form,
.form-visible .extra-data-form {
	display: block;
}

.added .add-to-wish-list .heart-filled,
.form-visible .button-link.close-extra-data-form {
	display: inline-block;
}

.review-form .row,
.user-form .row {
	margin-bottom: 15px;
}

.review-form .buttons {
	text-align: right;
}

.hide-review-form {
	margin-right: 25px;
}

.loading .add-to-wish-list,
.loading .like-comment {
	opacity: .3;
}

.result-extra .add-to-wish-list-container,
#open-material .result-details .material-actions .add-to-wish-list-container {
	margin: 12px 0 25px;
}

.tag-cloud h4 {
	font-size: 1rem;
	line-height: 1.3rem;
}

.tag-cloud {
	margin-bottom: 20px;
}

.accordion {
	margin: 15px 0 45px;
}

.accordion-item {
	border: 0px none;
}

.accordion-button,
.accordion-body {
	padding-left: 0;
	padding-right: 0;
}

.accordion-button {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
}

	.accordion-button:not(.collapsed),
	.accordion-button:focus {
		background-color: transparent;
		box-shadow: 0 0 0 0;
	}

.user-form input,
.user-form select {
	display: block;
	width: 100%;
}

.user-form .button {
	width: auto;
}

.forgot-password-link,
.add-extra-data-link {
	text-align: right;
}

.validate-form label {
	margin-bottom: 10px;
}

	.validate-form label.error {
		display: none;
		margin-bottom: 0;
		margin-top: 5px;
		font-size: .9rem;
	}

.smart-search label.error {
	position: absolute;
	bottom: -15px;
	left: 0;
	display: none !important;
}

.register-link {
	margin-top: 10px;
	display: inline-block;
}

.or-divider {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	position: relative;
	margin: 20px 0 30px;
	display: flex;
	justify-content: center;
	opacity: 0;
}

.or {
	margin-bottom: -10px;
	padding: 0 15px;
}

.button-authorization {
	width: 100%;
	margin-bottom: 15px;
}

.button-facebook .small-icon {
	fill: #4267B2;
}

.button-twitter .small-icon {
	fill: #1DA1F2;
}

.bullet-list {
	list-style-type: unset;
}

form .goodreads img {
	width: 17px;
	margin-right: 5px;
}

.disabled-input {
	position: relative;
	display: block;
}

	.disabled-input:after {
		content: '';
		position: absolute;
		width: 16px;
		height: 16px;
		top: 50%;
		right: 14px;
		background-image: url(../images/svg/icon-lock.svg);
		background-repeat: no-repeat;
		opacity: .5;
		transform: translateY(-50%);
	}

.pull-content-right {
	text-align: right;
}

	.pull-content-right .ms-drop {
		text-align: left;
		right: 0;
	}

#sidebar-menu .dropdown-submenu.show + .dropdown-menu {
	display: block;
}

.sidebar-menu .nav-link {
	border-left-color: transparent;
	padding-left: 20px;
}

.sidebar-menu .nav-link,
.sidebar-menu .active .nav-link,
.sidebar-menu .dropdown-item.submenu-active {
	border-left-width: 5px;
	border-left-style: solid;
}

.sidebar-menu .active > .dropdown-submenu.nav-link {
	border-left-color: transparent;
}

.system-message {
	margin: 10px 0;
	border-radius: 3px;
}

	.system-message .message-image {
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 3px 0 0 3px;
		height: 100%;
	}

		.system-message .message-image img {
			width: 100%;
			height: auto;
		}

	.system-message .message-content {
		padding: 20px 20px 20px 0;
	}

.filters-buttons .button {
	margin-left: 7px;
	margin-bottom: 7px;
}

.dashboard-mini-table {
	margin-bottom: 15px;
}

.dashboard-widget {
	padding-top: 15px;
	padding-bottom: 15px;
}

.icon-plus svg {
	transform: rotate(45deg);
	width: 75%;
}

.add-wishlist .icon-plus svg {
	transform: rotate(0deg);
}

.edit-check {
	position: relative;
	display: inline-block;
}

	.edit-check label {
		vertical-align: top;
	}

.edit-check {
	display: none;
}

.edit-heading {
	padding: 10px 0;
	margin-bottom: 10px;
}

	.edit-heading label {
		margin-right: 25px;
		margin-bottom: 10px;
	}

.edit-wishlist .edit-heading,
.edit-wishlist .edit-check,
.edit-wishlist .delete-single-item,
.edit-wishlist .cancel-edit,
.add-wishlist .cancel-addition {
	display: inline-block;
}

.add-wishlist #add-new-wish-list-item {
	display: block;
}

.edit-heading,
.delete-single-item {
	-webkit-animation: fadeInUp .5s .1s ease-in-out both;
	animation: fadeInUp .5s .1s ease-in-out both;
}

.edit-check {
	-webkit-animation: fadeInLeft .5s .1s ease-in-out both;
	animation: fadeInLeft .5s .1s ease-in-out both;
}

.edit-wishlist .result-extra .button {
	margin-right: 7px;
}

.hiding {
	opacity: 0;
}

.removed {
	display: none;
}

#wish-list-items .result-image {
	display: flex;
}

.previous-next-items .result-image {
	padding: 0;
}

#add-new-wish-list-item .smart-search-container {
	z-index: 800;
}

.user-review-rating,
.user-review {
	margin-top: 8px;
}

.user-review {
	margin-bottom: 0;
}

input[type="file"] {
	display: none;
}

#change-user-avatar-label {
	display: block;
}

.avatar-widget {
	text-align: center;
}

.delete-user-account {
	margin-top: 20px;
	display: inline-block;
}

.user-avatar-image-block {
	margin-bottom: 15px;
}

	.user-avatar-image-block label {
		margin-bottom: 0;
	}

.form-extra-info {
	margin-top: 5px;
	font-size: .9rem;
	margin-bottom: 0;
}

.soft-notice {
	padding: 20px 30px 25px;
	border-radius: 3px;
}

.column-email label,
.column-sms label {
	display: inline;
}

#user-notifications table .column-1 {
	max-width: 280px;
}

#user-notifications table {
	margin-bottom: 30px;
}


	#user-notifications table:last-child {
		margin-bottom: 10px;
	}

.additional-notice-info {
	margin-top: 5px;
}

.notification-receival-options {
	margin: 10px 0 15px;
}

	.notification-receival-options .col-12 {
		padding: 0;
	}

.notification-receival-option {
	display: inline-block;
	margin-right: 35px;
}

	.notification-receival-option:last-child {
		margin-right: 0;
	}

#open-material .result-details .material-actions {
	display: none;
}

.previous-item,
.next-item {
	opacity: .6;
}

	.previous-item:hover,
	.next-item:hover {
		opacity: 1;
	}

		.previous-item:hover .result-image {
			transform: translate(-3px, 0);
		}

		.next-item:hover .result-image {
			transform: translate(3px, 0);
		}

.previous-item {
	text-align: left;
}

.next-item {
	text-align: right;
}

.modal-backdrop{
	z-index: 1050;
}

#privacy-notice{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 0 25px;
	z-index: 5;
	-webkit-animation: fadeInUp .5s 1.5s ease-in-out both;
			animation: fadeInUp .5s 1.5s ease-in-out both;
}

#privacy-notice .button{
	margin-top: 30px;
}

#privacy-notice.slide-down{
	-webkit-animation: fadeOutDown .5s 0s ease-in-out both;
			animation: fadeOutDown .5s 0s ease-in-out both;
}

#filter-button{
	display: none;
	position: sticky;
	bottom: 0;
	text-align: center;
}

.filter-changed #filter-button{
	display: block;
	-webkit-animation: fadeInUp .5s 0s ease-in-out both;
			animation: fadeInUp .5s 0s ease-in-out both;
}

#filter-button .button{
	width: 100%;
	margin-bottom: 15px;
}

.result-extra,
.material-actions {
	position: relative;
}

.volume-list .volume-opener{
    position: relative;
    cursor: pointer;
    padding: 10px;
}

.volume-list .volume-opener td{
    padding-top: 18px;
    padding-bottom: 18px;
}

.volume-items{
    padding: 0 15px;
}

.faq-block {
	padding: 15px 0;
}

.library-contact-block {
	padding: 35px 0;
}

.library-contact-block {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.library-contact-block:last-child {
	border-bottom: 0px none;
}

.library-contact-block table,
.library-contact-block iframe {
	margin-top: 15px;
}

.library-contact-block td {
	vertical-align: top;
}

	.library-contact-block td:first-child {
		padding-right: 15px;
	}

.library-contact-block iframe {
	width: 100%;
	height: 200px;
}























/* Rating   -----------------------------------------------------------*/
.rating.full .small-icon {
	fill: #f3bd00;
	margin-right: 0;
}

.rating.user-rating .small-icon {
	height: 25px;
	width: 25px;
	top: -1px;
}

.result-details .user-rating {
	font-size: 1.3rem;
}

.rating.full {
	font-size: 1rem;
	line-height: 1rem;
	position: relative;
	margin: 0;
	padding: 0;
	display: inline-block;
	white-space: nowrap;
}

	.rating.full .fill-ratings {
		position: absolute;
		z-index: 1;
		display: inline-block;
		top: 0;
		left: 0;
		overflow: hidden;
	}

		.rating.full .fill-ratings span,
		.rating.full .empty-ratings span {
			display: inline-block;
		}

	.rating.full .empty-ratings {
		display: inline-block;
		z-index: 0;
	}

.rating.clickable .small-icon {
	width: 28px;
	height: 30px;
	margin-right: 0px;
}

.rating.clickable {
	display: flex;
	justify-content: flex-end;
	overflow: hidden;
	flex-direction: row-reverse;
	position: relative;
}

	.rating.clickable > input {
		opacity: 0;
		visibility: hidden;
		height: 0;
		width: 0;
		display: inline;
		z-index: -1;
		position: absolute;
		text-indent: -9999px;
	}

	.rating.clickable > label {
		cursor: pointer;
		margin-top: auto;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 76%;
		transition: 0.3s;
		padding-left: 2px;
		padding-right: 2px;
		margin-bottom: 0;
	}

.rating-value {
	margin-left: 8px;
}

/* Pagination   -----------------------------------------------------------*/
.pagination {
	padding: 20px 0 10px;
	flex-wrap: wrap;
}

	.pagination a:hover {
		text-decoration: none;
	}

	.pagination .page-link {
		padding: 6px 14px;
		margin-bottom: -1px;
		margin-right: -1px;
	}

.page-item:not(:first-child) .page-link {
	margin-left: 0;
}

.page-link:focus {
	-webkit-box-shadow: 0 0 0 0;
	-moz-box-shadow: 0 0 0 0;
	box-shadow: 0 0 0 0;
}

/* Multi-select dropdown  -----------------------------------------------------------*/
.ms-drop ul > li label {
	white-space: normal;
	line-height: 1.4rem;
	padding: 3px 0;
}

	.ms-drop ul > li label.optgroup {
		padding: 10px 5px;
		font-size: 1rem;
	}

		.ms-drop ul > li label.optgroup.disabled:hover {
			cursor: default;
			text-decoration: none;
		}

.ms-choice > span,
.ms-choice > span.placeholder {
	align-items: center;
	padding-left: 14px;
	padding-right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.ms-drop {
	min-width: 350px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-radius: 0 0 3px 3px;
	z-index: 1000;
}

.custom-select .ms-drop,
.custom-filter .ms-drop {
	width: 100%;
}

.custom-filter .ms-drop {
	min-width: auto;
}

.ms-search {
	margin-bottom: 6px;
}

	.ms-search:after {
		content: '';
		position: absolute;
		width: 16px;
		height: 16px;
		top: 50%;
		right: 14px;
		background-image: url(../images/svg/icon-search.svg);
		background-repeat: no-repeat;
		transform: translateY(-50%);
		opacity: .5;
	}

.ms-drop ul > li {
	padding: 0 0 0 15px;
	margin-bottom: 0;
}

	.ms-drop ul > li.group {
		padding-left: 0;
	}

/* Custom checkbox  -----------------------------------------------------------*/
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -50px;
	opacity: 0.01;
	width: auto;
}

	[type="checkbox"]:not(:checked) + label,
	[type="checkbox"]:checked + label,
	.ms-drop [type="checkbox"]:not(:checked) + span,
	.ms-drop [type="checkbox"]:checked + span {
		position: relative;
		padding-left: 2em;
		cursor: pointer;
	}

		/* checkbox aspect */
		[type="checkbox"]:not(:checked) + label:before,
		[type="checkbox"]:checked + label:before,
		.ms-drop [type="checkbox"]:not(:checked) + span:before,
		.ms-drop [type="checkbox"]:checked + span:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 1.4rem;
			height: 1.4rem;
			border: 1px solid #aaa;
			background: #FFF;
			border-radius: .2em;
			box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(0, 0, 0, .2);
			-webkit-transition: all .275s;
			transition: all .275s;
		}

#filter [type="checkbox"]:not(:checked) + label:before,
#filter [type="checkbox"]:checked + label:before,
.library-select .ms-drop [type="checkbox"]:not(:checked) + span:before,
.library-select .ms-drop [type="checkbox"]:checked + span:before {
	width: 1.2rem;
	height: 1.2rem;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
.ms-drop [type="checkbox"]:not(:checked) + span:after,
.ms-drop [type="checkbox"]:checked + span:after {
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	top: .32rem;
	left: .32rem;
	color: #CB22ED;
	line-height: 0;
	-webkit-transition: all .2s;
	transition: all .2s;
	background-image: url(../images/svg/icon-check.svg);
	background-repeat: no-repeat;
	background-position: center;
}

#filter [type="checkbox"]:not(:checked) + label:after,
#filter [type="checkbox"]:checked + label:after,
.library-select .ms-drop [type="checkbox"]:not(:checked) + span:after,
.library-select .ms-drop [type="checkbox"]:checked + span:after {
	top: .22rem;
	left: .22rem;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after,
.ms-drop [type="checkbox"]:not(:checked) + span:after {
	opacity: 0;
	-webkit-transform: scale(0) rotate(45deg);
	transform: scale(0) rotate(45deg);
}

[type="checkbox"]:checked + label:after,
.ms-drop [type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
}

/* Disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before,
.ms-drop [type="checkbox"]:disabled:not(:checked) + span:before,
.ms-drop [type="checkbox"]:disabled:checked + span:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #e9e9e9;
}

[type="checkbox"]:disabled:checked + label:after,
.ms-drop [type="checkbox"]:disabled:checked + span:after {
	color: #777;
	opacity: .3;
}

[type="checkbox"]:disabled + label,
.ms-drop [type="checkbox"]:disabled + span {
	color: #aaa;
}

/* Accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before,
.ms-drop [type="checkbox"]:checked:focus + span:before,
.ms-drop [type="checkbox"]:not(:checked):focus + span:before {
	box-shadow: inset 0 1px 3px rgba(0,0,0, .05), 0 0 0 5px rgba(0, 0, 0, .05);
}

.error[type="checkbox"]:not(:checked) + label:before,
.error[type="checkbox"]:checked:focus + label:before,
.error[type="checkbox"]:not(:checked):focus + label:before {
	box-shadow: inset 0 1px 3px rgba(140,23,98, .05), 0 0 0 5px rgba(255, 84, 96, .05);
}

/* Burger animation  -----------------------------------------------------------*/
.burgers {
	width: 25px;
}

	.burgers span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		border-radius: 2px;
		opacity: 1;
		left: 0;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-ms-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

.collapsed .burgers span:nth-child(1) {
	top: 0px;
	width: 100%;
	left: 0;
}

.burgers span:nth-child(2),
.burgers span:nth-child(3) {
	top: 8px;
}

.collapsed .burgers span:nth-child(4) {
	top: 16px;
	width: 100%;
	left: 0;
}

.burgers span:nth-child(1) {
	top: 11px;
	width: 0%;
	left: 50%;
}

.burgers span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.burgers span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.burgers span:nth-child(4) {
	top: 11px;
	width: 0%;
	left: 50%;
}

.collapsed .burgers span {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}




/* Toggle switch  -----------------------------------------------------------*/
.switch {
	position: relative;
	display: inline-block;
	width: 53px;
	height: 25px;
}

.switch-label {
	margin-left: 10px;
	position: relative;
	top: -6px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

	.switch input:disabled ~ .slider {
		opacity: .4;
	}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 25px;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 19px;
		width: 19px;
		left: 4px;
		bottom: 3px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
		border-radius: 50%;
	}

.switch input:focus + .slider {
	box-shadow: inset 0 1px 3px rgba(0,0,0, .05), 0 0 0 5px rgba(0, 0, 0, .05);
}

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









/* Loader  -----------------------------------------------------------*/
.loader {
	width: 22px;
	height: 22px;
	border: 2.5px solid transparent;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}

#data-export-request .loader {
	position: relative;
	top: 0;
	left: 0;
	margin-left: 20px;
}

.filter-group .loader,
.result-extra .loader,
.material-actions .loader {
	position: relative;
	margin: 0 auto 15px;
	left: 0;
	top: 0;
	transform: none;
	display: none;
}

.result-extra .loader,
.material-actions .loader {
	margin: 0;
}

.filter-group .loading .loader,
.result-extra.loading .loader,
.material-actions.loading .loader {
	display: block;
	opacity: 1;
}

.processing .loader {
	display: none;
}

.typing .loader {
	opacity: 1;
}

.loader:before,
.loader:after {
	content: '';
	border: 2.5px solid rgba(0, 0, 0, 1);
	border-radius: 50%;
	width: 22px;
	height: 22px;
	position: absolute;
	top: -2px;
	left: -2px;
	animation: loader-scale 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation-delay: 1.5s;
	opacity: 0;
}

.loader:after {
	animation: loader-scale 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation-delay: .75s;
	position: absolute;
}

.filter-group .loader:before {
	animation-delay: .75s;
}

.filter-group .loader:before {
	animation-delay: 0s;
}

@keyframes loader-scale {
	0% {
		transform: scale(0);
		opacity: 1;
	}

	80% {
		transform: scale(1);
	}

	100% {
		opacity: 0;
	}
}

/* Animations   -----------------------------------------------------------*/
@-webkit-keyframes rotate-90-cw {
	0% {
		opacity: 0;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

@keyframes rotate-90-cw {
	0% {
		opacity: 0;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

@keyframes load-opacity {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 5%, 0);
		transform: translate3d(0, 5%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeOutDown {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0);
		z-index: -1;
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/* IE11 specific styles   -----------------------------------------------------------*/
@media all and (-ms-high-contrast:none) {
	.modal-dialog-scrollable .modal-content {
		max-height: none;
	}

	.modal.fade {
		transition: none;
	}

	.dashboard-mini-table .material,
	.table-design .material,
	.result-image a {
		flex: 1;
	}

	.table-design .row {
		max-width: 350px;
	}

	#data-export-request .loader {
		top: 12px;
	}

	#filter-button{
		position: fixed; /* added to support older browsers */
	}
 }

/* Extra Small Devices, Phones ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width : 480px) {
}

/* Burger animation end  -----------------------------------------------------------*/

/* Large Devices, Wide Screens ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width : 1399px) {
	.search-input {
		min-width: 380px;
	}

	.home .search-input {
		min-width: 400px;
	}

	.smart-search-group {
		text-align: left;
		display: flex;
		justify-content: space-between;
	}

	.suggestion-group .row {
		padding-left: 0;
		padding-right: 0;
	}

	.smart-search-group,
	.search-suggestions ul a {
		padding-left: 15px;
		padding-right: 15px
	}

	.library-select,
	.ms-choice {
		max-width: 170px;
	}

	.custom-filter .ms-choice {
		max-width: none;
	}

	#open-material .result-details {
		padding-left: 12px;
		padding-right: 12px;
	}

	.tab-container .nav-tabs .nav-link {
		padding: 7px 18px;
	}

	.table-design.dashboard-mini-table .button .small-icon,
	.dashboard-mini-table .material {
		display: none;
	}

	.previous-item .result-image {
		padding-right: 7px;
	}

	.next-item .result-image {
		padding-left: 7px;
	}
}

/* Large Devices, Wide Screens ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width : 1199px) {
	.search-input {
		min-width: 320px;
	}

	.search-button-label,
	.list-view .notice-container .notice-queue {
		display: none;
	}

	.search-input-fields .button,
	.button-search {
		padding-left: 30px;
		padding-right: 30px;
	}

		.button-search .small-icon {
			margin-right: 0;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			height: 26px;
			width: 26px;
			margin-top: 0;
		}

	.filter-options {
		justify-content: flex-start;
	}

	.switch-view {
		margin-left: auto;
	}

	.tab-container .nav-tabs .nav-link {
		padding: 5px 12px;
		font-size: .9rem;
	}

	.table-responsive .material {
		display: none;
	}

	.table-design.dashboard-mini-table .button .small-icon {
		display: inline-block;
	}
}

/* Medium Devices, Desktops ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width : 991px) {
	.header {
		display: flex;
		flex-direction: column-reverse;
	}

	.slide-menu {
		top: 0;
		right: -100%;
		position: fixed;
		width: 90%;
		height: 100% !important;
		background: rgba( 255, 255, 255, .9);
		z-index: 1100;
		padding: 0;
		box-shadow: -3px 0 15px 3px rgba(0,0,0,.2);
		overflow: auto;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}

		.slide-menu.show {
			right: 0;
		}

	#main-search-box,
	#account-nav .dropdown-menu,
	#account-nav .dropdown-submenu.show + .dropdown-menu,
	#open-material .result-details .material-actions {
		display: block;
	}

		#body-search,
		#main-search-box.collapse:not(.show),
		.nav-item.notifications,
		#account-nav .dropdown-toggle:after,
		#open-material .result-extra .material-actions {
			display: none;
		}

	.navbar .dropdown-menu,
	.dropdown-menu {
		border: 0px none;
		border-radius: 0;
	}

	.library-logo img,
	.library-logo span {
		align-self: center;
	}

	.home .library-logo span {
		font-size: 1rem;
	}

	.library-logo img,
	.home .library-logo img {
		max-width: 75px;
		height: auto;
	}

	.dropdown-toggle:after {
		right: 30px;
		top: 45%;
	}

	.custom-select-button:after {
		right: 10px;
	}

	.nav-link,
	.mouse-on .active .nav-link {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: rgba(255, 255, 255, .3);
	}

	.nav-link {
		padding-top: 18px;
		padding-bottom: 18px;
	}

	#account-nav .nav-link {
		overflow: hidden;
		width: 100%;
	}

	#main-search {
		justify-content: center;
	}

	.home #main-search {
		flex-direction: row;
	}

	.library-logo {
		padding: 0;
	}

	#main-search,
	.home #main-search {
		padding: 0;
	}

	#main-search-box form {
		padding: 30px 0;
	}

	.search-input,
	.home .search-input {
		min-width: 400px;
	}

	#main-search-box {
		margin-top: 0;
	}

	.search-input {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.library-select,
	.ms-choice,
	.search-input,
	.home .library-select,
	.home .ms-choice {
		height: 46px;
	}

	.hero {
		background-image: none !important;
	}

	#filter,
	.sidebar-menu {
		border-top-width: 1px;
		border-top-style: solid;
	}

	.bookshelf {
		padding: 25px 0;
	}

		.bookshelf .link {
			text-align: center;
		}

		.bookshelf .link {
			padding: 15px 0 5px;
		}

	.copyright {
		padding: 0;
	}

	.mobile-sidebar-container {
		display: flex;
		flex-direction: column-reverse;
	}

	.result-extra,
	#open-material .result-details .material-actions {
		margin-top: 15px;
	}

	.material-actions {
		width: 75%;
	}

	.table-design .column-1 {
		padding-left: 10px;
	}

	.bottom-buttons {
		margin-top: 20px;
	}

	.button.custom-file-upload {
		margin-right: 15px;
	}

	.delete-avatar {
		display: inline-block;
	}

	.navbar .dropdown-menu,
	.dropdown-menu {
		-webkit-box-shadow: 0 0 0 0;
		-moz-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
	}

	.dropdown-item {
		white-space: normal
	}

	#user-notifications table td {
		vertical-align: top;
	}

	.notification-receival-option {
		margin-top: 7px;
	}

	.library-contact-block .filters-buttons.pull-content-right {
		text-align: left;
	}

	.library-contact-block .filters-buttons .button {
		margin-left: 0;
		margin-top: 10px;
	}

	.library-contact-block .contact-column {
		margin-top: 20px;
	}

}

/* Small Devices, Tablets ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width : 767px) {
	h1,
	h2 {
		font-size: 1.6rem;
		line-height: 1.8rem;
	}

	.library-logo span,
	.home .library-logo span {
		font-size: .9rem;
		line-height: 1.2rem;
	}

	#main-search-box .library-select,
	#main-search-box .ms-choice {
		border-right-width: 1px;
		border-radius: 3px;
	}

	.search-container {
		width: 100%;
	}

	.search-input-fields {
		flex-direction: column;
	}

	.smart-search-container {
		margin: 5px 0;
		width: 100%;
		z-index: 300;
	}

	.smart-search {
		width: 100%;
	}

	.search-input {
		border-radius: 3px 0 0 3px;
	}

	.library-select,
	.ms-choice {
		max-width: none;
		border-radius: 3px;
	}

	.search-input,
	.home .search-input {
		min-width: auto;
		width: 100%;
	}

	.slide-menu .navbar-toggler {
		right: 0;
		width: 65px;
	}

	.ms-parent.library-select,
	#reservation .ms-parent.library-select,
	#reservation-magazine .ms-parent.library-select,
	.custom-filter {
		width: 100% !important;
		z-index: 600;
	}

	.custom-filter {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.ms-drop {
		min-width: 100%;
	}

	.search-input-fields .button,
	.button-search {
		border-radius: 0 2px 2px 0;
	}

	#filter,
	.sidebar-menu {
		border-top-width: 0px;
	}

		#filter.collapse:not(.show),
		#reservation .result-description,
		#reservation-magazine .result-description,
		.table-design .button .small-icon,
		.table-design.dashboard-mini-table .button .small-icon {
			display: none;
		}

	.slide-filter {
		top: 0;
		left: -100%;
		position: fixed;
		width: 90%;
		height: 100% !important;
		background: rgba( 255, 255, 255, .9);
		z-index: 1100;
		padding: 0;
		box-shadow: -3px 0 15px 3px rgba(0,0,0,.2);
		overflow: auto;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}

		.slide-filter.show {
			left: 0;
		}

	.filter-open .menu-backdrop {
		opacity: .3;
		visibility: visible;
	}

	.filter-options {
		justify-content: space-between;
	}

	.switch-view {
		margin-left: 0;
		text-align: right;
	}

	.navbar-toggler.filter {
		width: 100%;
		margin: 8px 0;
	}

	.footer ul {
		margin-bottom: 30px;
	}

	.bookshelf .results {
		padding-top: 10px;
	}

    #reservation .container,
    #reservation-magazine .container {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.pagination {
		justify-content: center;
	}

	.rating.clickable {
		margin-top: 10px;
	}

	.rating.full {
		margin-bottom: 8px;
	}

	.reviews .account-profile-image {
		vertical-align: top;
		margin-right: 5px;
		margin-bottom: 5px;
		height: 22px;
		width: 22px;
	}

	.comment-author .name {
		margin-left: 0;
		margin-right: 5px;
	}

	.reviews .comment-author,
	.reviews .date {
		display: block;
	}

	.reviews .date {
		text-align: right;
	}

	.or-divider {
		opacity: 1;
		margin-top: 0;
	}

	.page-contents.user-form {
		padding-bottom: 0;
	}

	.system-message .message-content {
		padding: 20px;
	}

	.system-message .message-image,
	.system-message .message-image img {
		border-radius: 3px 3px 0 0;
	}

	.system-message .small-icon {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.filters-buttons.pull-content-right {
		text-align: left;
	}

	.filters-buttons .button {
		margin-left: 0;
		margin-right: 7px;
	}

	#filter-button .button{
		margin-bottom: 0;
	}

	#reservation-magazine .library-select-container,
	#reservation-magazine #filter-years,
	#reservation .library-select-container,
	#reservation #filter-years {
		display: block;
	}
}

/* Extra Small Devices, Phones ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width : 575px) {
	#reservation .container,
    #reservation-magazine .container {
		padding: 0;
	}

	.slide-header {
		padding: 0 15px;
	}

	#reservation .table-design .column-1,
    #reservation-magazine .table-design .column-1 {
		padding-left: 15px;
	}

	.table-design th,
	.table-design td {
		padding: 5px;
	}

	.pagination .page-link {
		padding: 6px 12px;
	}

	.show-small {
		display: block;
	}

	.notification-item {
		padding-left: 10px;
		padding-right: 20px;
	}

		.notification-item.unread:after,
		.notification-container .dropdown-item.unread:after {
			right: 8px;
			width: 6px;
			height: 6px;
		}

	.previous-next-items .result-image {
		padding: 0 15px;
	}

	.previous-item,
	.next-item {
		opacity: 1;
	}

	#privacy-notice .button{
		margin-top: 0;
	}
}

/* Extra Small Devices, Phones ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width : 479px) {
	.library-logo img,
	.home .library-logo img {
		max-width: 45px;
		height: auto;
		margin-right: 8px;
	}

	.library-logo span,
	.home .library-logo span {
		overflow: hidden;
		max-height: 100px;
		font-size: .75rem;
		line-height: 1rem;
	}

	.result-amount,
	.pagination .hide-small,
	#open-material .result-details .material-actions {
		display: none;
	}

	#open-material .result-extra .material-actions {
		display: block;
	}

	.burgers {
		width: 20px;
	}

		.burgers span {
			height: 2.5px;
		}

	.account-menu.navbar-toggler,
	.search.navbar-toggler {
		margin-right: 5px;
	}

	.navbar-toggler {
		width: 40px;
		height: 40px;
		padding: 3px;
	}

	.reservation.button,
	.return {
		width: auto;
		height: auto;
	}

	.return {
		padding-left: 15px;
	}

	.slide-menu .navbar-toggler {
		top: 10px;
	}

	.account-menu .account-profile-image {
		width: 25px;
		height: 25px;
	}

	.account-profile-image {
		border-width: 2.5px;
	}

	.navbar-toggler.search .icon-search {
		height: 70%;
		width: 70%;
	}

	.search-input-fields .button,
	.button.button-search,
	.button-search {
		padding-left: 24px;
		padding-right: 24px;
	}

		.button-search .small-icon {
			height: 20px;
			width: 20px;
		}

	.bookshelf {
		padding: 20px 0;
	}

		.bookshelf .library {
			margin-top: 0;
		}

		.bookshelf .results {
			padding-top: 5px;
		}

	.filter-group .navbar-toggler.close-filter {
		margin-top: 5px;
	}

	.button,
	.navbar-toggler.reservation {
		padding: 12px 14px;
	}

	.material-actions {
		width: 100%;
	}

	.reviews .comment-author {
		width: 100%;
	}

	.reviews .date {
		display: block;
		text-align: left;
		width: 100%;
	}

	#open-material .previous-item .material {
		margin-bottom: 0;
	}
}

/* Custom ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width : 319px) {
	.library-logo span,
	.home .library-logo span {
		font-size: .7rem;
		line-height: .9rem;
	}

	.library-logo img,
	.home .library-logo img {
		max-width: 40px;
		margin-right: 5px;
	}

	.list-view .result-image,
	.list-view .result-details,
	#reservation .result-details,
	#reservation-magazine .result-details,
	#open-material .result-image,
	#open-material .result-details {
		width: 100%;
	}

	.list-view .result-details,
	#open-material .result-details {
		margin-top: 10px;
	}

	#reservation .result-image,
    #reservation-magazine .result-image {
		display: none;
	}
}

/* Custom ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width : 240px) {
	.grid-view.results .material {
		width: 100%;
	}
}