@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic");

body,
html {
	height: 100%
}

body {
	background: #ffff none;
	font-family: 'Muli',
	Arial,
	sans-serif;
	font-size: 16px
}

#wrap {
	padding: 0 !important;
}

#opaccredits {
	font-size: 13px;
}

.fonts-loaded body {
	font-family: 'Muli',
	Arial,
	sans-serif;
}

ul.list--arrow {
	margin-left: 15px;
}

ul.list--arrow li {
	list-style-type: none;
	padding-left: 15px;
	position: relative;
}

ul.list--arrow li::before {
	color: #06aaeb;
	content: "\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
}

.navbar .divider-vertical {
	border-left-color: #ffff;
	border-right-color: #ffff;
}

.navbar .nav li.dropdown>a:focus .caret,
.navbar .nav li.dropdown>a:hover .caret {
	border-bottom-color: #287cc0;
	border-top-color: #287cc0
}

.navbar-inverse .brand {
	color: #9fe1ff;
	font-weight: 700
}

.navbar-inverse .navbar-inner {
	background: #ffff none;
	border-color: #ffff;
}

.navbar-inverse .navbar-inner ul.dropdown-menu a:hover {
	color: #fff
}

.navbar-inverse .navbar-inner li>a {
	color: #727272;
	font-weight: 700;
}

.navbar-inverse .navbar-inner li>a:focus,
.navbar-inverse .navbar-inner li>a:hover,
.navbar-inverse .navbar-inner li>a:focus i,
.navbar-inverse .navbar-inner li>a:hover i{
	color: #287cc0
}

.navbar-inverse .navbar-inner li.dropdown>a:focus .caret,
.navbar-inverse .navbar-inner li.dropdown>a:hover .caret {
	border-bottom-color: #287cc0;
	border-top-color: #287cc0
}

.navbar-inverse .navbar-inner li.dropdown.open>.dropdown-toggle {
	background-color: transparent;
	color: #287cc0
}

.navbar-inverse .navbar-inner li.dropdown.open>.dropdown-toggle .caret,
.navbar-inverse .navbar-inner li.dropdown.open>.dropdown-toggle .caret:hover {
	border-bottom-color: #287cc0;
	border-top-color: #287cc0
}

.navbar-inner {
	background: #ffff none
}

.navbar-fixed-bottom.navbar-static-bottom {
	position: static
}

.navbar-fixed-bottom .navbar-inner {
	min-height: 45px
}

#wrap {
	height: auto !important;
	height: 100%;
	margin: 0 auto -46px;
	min-height: 100%;
	padding-left: 40px;
	padding-right: 40px
}

#changelanguage {
	clear: both;
	min-height: 45px
}

#changelanguage .nav>.active>p {
	padding: 0 15px
}

#i18nMenu {
	margin-left: 1em
}

#i18nMenu li {
	font-size: 85%
}

#i18nMenu li a:hover {
	color: #287cc0
}

#i18nMenu li li,
#i18nMenu li li>a {
	font-size: 100%
}

#i18nMenu li li>a:hover {
	color: #fff
}

#i18nMenu li a {
	color: #0076b2
}

#i18nMenu .dropdown-menu li p {
	clear: both;
	display: block;
	font-weight: 400;
	line-height: 20px;
	padding: 3px 20px;
	white-space: nowrap
}

#koha_url p {
	color: #666;
	float: right;
	margin: 0
}

.no-js .dateformat {
	display: inline;
	white-space: nowrap
}

.no-js .modal-body {
	padding: 0
}

.no-js .selections-toolbar {
	display: none
}

.no-js #sortsubmit {
	display: inline
}

.js #sortsubmit,
.js .dateformat {
	display: none
}

.fa.danger {
	color: #c00
}

.popup {
	padding-left: 0;
	padding-right: 0
}

.popup .main {
	font-size: 90%;
	padding: 0 1em
}

.popup legend {
	line-height: 1.5em;
	margin-bottom: .5em
}

a:link,
a:visited {
	color: #0076b2
}

a:active,
a:hover {
	color: #005580
}

a.cancel {
	padding-left: 1em
}

a.title {
	font-size: 108%;
	font-weight: 700
}

a.btn-link:focus,
a.btn-link:hover {
	text-decoration: none
}

a.login-link {
	color: #005580;
	font-weight: 700
}

a.login-link.loginModal-trigger {
	color: #287cc0
}

a .idreambooksrating {
	color: #29ade4;
	font-size: 30px;
	line-height: 30px;
	padding-left: 85px;
	text-decoration: none
}

#members .search_history a.logout {
	font-size: 14px;
	font-weight: 400
}

.fa.fa-rss {
	border-radius: 3px;
	color: #fff;
	padding: 2px 3px;
}

.fa.fa-rss.rsssearchicon {
	font-size: 90%
}

#opacheader {
	background-color: #ffff
}

#numresults,
#selections {
	color: #727272
}

#selections {
	font-weight: 700
}

#selections-toolbar {
	background: #e2e8e8 none;
	border-bottom: none;
	margin-top: 3px
}

.selections {
	font-weight: 700
}

.mastheadsearch {
	display: grid;
	grid-template-areas: "logo . buscador buscador";
	grid-template-columns: repeat(4, 1fr);
	background: #f0f3f3;
	margin: .5em 0;
	padding: 5px 0;
	gap: 25px;
}

.mastheadsearch #searchform {
	grid-area: buscador;
	display: grid;
	align-items: center;
	grid-template-rows: 30px;
	grid-template-columns: minmax(10px, 50px) 1fr;
	align-self: end;
	justify-self: end;
	width: 100%;
	max-width: 800px;
}

@media only screen and (min-width:1100px) {
	#notloggedin .span7.maincontent {
		width: 62.3%;
	}

	#notloggedin .span7.maincontent+.span3 {
		width: 18%;
	}
}

#searchform select {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
}

#searchform input {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#searchform .search-group {
	display: flex;
}

#searchform .search-group .input-append {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 0 minmax(30px,50px);
}

#searchform .search-group select {
	max-width: 175px;
}

.mastheadsearch img.logo {
	grid-area: logo;
}

.mastheadsearch label {
	color: #727272;
	font-size: 14px !important;
	margin-bottom: 0 !important;
}

.Aurora {
	text-align: center;
	font-weight: bold;
}

.Aurora h1 {
	font-size: 22px;
	color: hsl(204, 70%, 53%);
}

#login {
	background-color: #F7FBFE;
	border: 1px solid #E3E3E3;
	padding: 20px;
	border-radius: 4px;
	margin-bottom: 10px;
}

#login form {
	margin: 0;
}

#login label {
	font-weight: bold;
}

#login input:not(.btn) {
	width: 94%;
}

#login input.btn, input[value="Buscar"] {
	background-color: #287CC0;
	color: #ffff;
	font-family: 'Muli',
	Arial,
	sans-serif;
	font-weight: 300;
}

#login input.btn:hover,
#opac-auth input.btn:hover,
button.btn-primary:hover,
input.btn-primary:hover,
button.btn-success:hover,
input.btn-success:hover {
	background-color: #727272 !important;
	border-color: #727272 !important;
}

.enlaces {
	font-size: 14px;
}

.enlaces a {
	color: #000;
}

.enlaces a:hover {
	color: #287cc0;
	text-decoration: none;
}

.enlaces h4 {
	border-bottom: 1px solid #eeee;
	padding-bottom: 8px;
}

a.reviewlink,
a.reviewlink:visited {
	color: #000;
	font-weight: 400;
	text-decoration: none
}

a.OpenURL img {
	vertical-align: middle
}

a.brief {
	padding-left: 27px
}

a.addtocart {
	padding-right: 0
}

a.cartRemove {
	color: #900;
	font-size: 90%;
	padding-left: 0
}

a.cartRemove:hover {
	color: #c60000
}

a.highlight_toggle {
	display: none
}

a.incart {
	color: #666
}

a.remove:hover {
	color: #900
}

a.remove:hover i .fa {
	color: #c60000
}

h1 {
	color: #727272;
	font-size: 140%;
	line-height: 150%
}

h1#libraryname {
	background: transparent url(../images/logo-koha.png) no-repeat scroll 0;
	border: 0;
	float: left !important;
	margin: 0;
	padding: 0;
	width: 120px
}

h1#libraryname a {
	border: 0;
	cursor: pointer;
	display: block;
	height: 0 !important;
	margin: 0;
	overflow: hidden;
	padding: 40px 0 0;
	text-decoration: none;
	width: 120px
}

h2 {
	font-size: 130%
}

h2,
h3 {
	color: #727272;
	line-height: 150%
}

h3 {
	font-size: 120%
}

h4 {
	font-size: 110%
}

h5 {
	font-size: 100%
}

caption,
h5 {
	color: #727272
}

caption {
	font-size: 120%;
	font-weight: 700;
	margin: 0;
	text-align: left
}

input,
textarea {
	width: auto
}

.input-fluid {
	width: 50%
}

legend {
	color: #727272;
	font-size: 110%;
	font-weight: 700
}

table {
	font-size: 90%
}

table,
td {
	background-color: #fff
}

tr.outstanding {
	font-style: italic
}

td img {
	max-width: none
}

td.overdue {
	color: #c33
}

td.sum {
	background-color: #ffffe5;
	font-weight: 700
}

td .btn {
	white-space: nowrap
}

th {
	background-color: #e2e8e8
}

th.sum,
th[scope=row] {
	text-align: right
}

th[scope=row] {
	background-color: transparent
}

#advsearches label,
#basketcount,
#booleansearch label {
	display: inline
}

#booleansearch p {
	display: inline-block;
	margin-right: 10px;
}

#booleansearch p label {
	margin-right: 10px;
}

#booleansearch p:first-of-type label{
	display: none;
}

#basketcount {
	margin: 0;
	padding: 0
}

#basketcount span {
	border-radius: 3px;
	background-color: #287cc0;
	color: #fff;
	display: inline;
	font-family: 'Muli',Arial,sans-serif;
	font-size: 80%;
	font-weight: 400;
	margin: 0 0 0 .9em;
	padding: 0 .3em
}

.dropdown-menu-right {
	left: auto;
	right: 0
}

.navbar .nav {
	margin-right: 0;
	font-size: 14px;
	margin-left: 5px;
}

.navbar .nav i {
	color: #777;
}

.navbar .nav>li>a {
	color: #777;
	float: none;
	padding: 10px 15px;
	text-decoration: none;
	text-shadow: none !important;
}

.navbar .nav>li>.dropdown-menu.dropdown-menu-right:after {
	left: unset;
	right: 10px
}

.navbar .nav>li>.dropdown-menu.dropdown-menu-right:before {
	left: unset;
	right: 9px
}

.navbar-inverse .navbar-inner #members ul.dropdown-menu a:hover {
	color: #005580;
	text-decoration: underline
}

.navbar-inverse .navbar-inner #members ul.dropdown-menu a:hover.logout:hover {
	color: #e8583c
}

.navbar-inverse .navbar-inner #members .divider-vertical {
	border-left-color: #ccc;
	border-right-color: #ffff;
	margin: 0 5px
}

#members {
	display: block
}

#members p {
	color: #727272
}

#members a.logout {
	color: #e8583c;
	font-weight: 700;
	margin-right: 20px;
}

#members a.logout i {
	color: #e8583c;
}

#members a.logout:hover {
	color: #e8583c
}

#members .search_history a {
	display: inline-block;
	padding: 10px 0
}

#members .search_history .divider-vertical {
	border-left-color: #ccc;
	border-right-color: #ffff;
	margin: 0 5px
}

#loggedinuser-menu {
	min-width: 300px;
	padding: .5em 1em
}

#moresearches {
	margin: .5em 0;
	padding: 10px;
	background-color: #727272;
	color: #ffff;
	border-top: 5px solid #287cc0;
}

#moresearches a  {
	color: #ffff;
}

#moresearches li {
	display: inline;
	white-space: nowrap
}

#moresearches li:after {
	content: " | "
}

#moresearches li:last-child:after {
	content: ""
}

#moresearches ul {
	margin: 0 13px;
	margin-bottom: 5px;
}

#news {
	margin: .5em 0;
	padding: 1em
}

#news .newsitem:last-child .newsfooter {
	border-bottom: 0
}

.newscontainer {
	border: 1px solid #ddd
}

.newsheader {
	margin: 0
}

.newsbody,
.newsheader {
	padding: 8px 0
}

.newsfooter {
	border-bottom: 1px solid #eee;
	font-size: 90%;
	margin-bottom: .5em;
	padding-bottom: .5em
}

#rssnews-container,
.newsfooter {
	color: #727272
}

#rssnews-container {
	font-size: 90%;
	padding: .5em 0
}

.rsssearchlink:hover {
	text-decoration: none
}

.selections-toolbar.toolbar {
	background: #e2e8e8 none
}

.actions-menu {
	padding-top: 5px
}

#action a:hover i.fa,
#action button:hover i.fa,
.actions a:hover i.fa,
.actions button:hover i.fa,
.toolbar a:hover i.fa,
.toolbar button:hover i.fa,
.view a:hover i.fa,
.view button:hover i.fa {
	color: #44ae89
}

#action a i.fa,
#action button i.fa,
.actions a i.fa,
.actions button i.fa,
.toolbar a i.fa,
.toolbar button i.fa,
.view a i.fa,
.view button i.fa {
	color: #4466ae
}

#action a.remove:hover,
#action button.remove:hover,
.actions a.remove:hover,
.actions button.remove:hover,
.toolbar a.remove:hover,
.toolbar button.remove:hover,
.view a.remove:hover,
.view button.remove:hover {
	color: #900
}

#action a.remove:hover i.fa,
#action button.remove:hover i.fa,
.actions a.remove:hover i.fa,
.actions button.remove:hover i.fa,
.toolbar a.remove:hover i.fa,
.toolbar button.remove:hover i.fa,
.view a.remove:hover i.fa,
.view button.remove:hover i.fa {
	color: #c60000
}

#action a.disabled,
#action a[disabled],
#action button.disabled,
#action button[disabled],
.actions a.disabled,
.actions a[disabled],
.actions button.disabled,
.actions button[disabled],
.toolbar a.disabled,
.toolbar a[disabled],
.toolbar button.disabled,
.toolbar button[disabled],
.view a.disabled,
.view a[disabled],
.view button.disabled,
.view button[disabled] {
	color: #333
}

#action a.disabled:hover i.fa,
#action a[disabled]:hover i.fa,
#action button.disabled:hover i.fa,
#action button[disabled]:hover i.fa,
.actions a.disabled:hover i.fa,
.actions a[disabled]:hover i.fa,
.actions button.disabled:hover i.fa,
.actions button[disabled]:hover i.fa,
.toolbar a.disabled:hover i.fa,
.toolbar a[disabled]:hover i.fa,
.toolbar button.disabled:hover i.fa,
.toolbar button[disabled]:hover i.fa,
.view a.disabled:hover i.fa,
.view a[disabled]:hover i.fa,
.view button.disabled:hover i.fa,
.view button[disabled]:hover i.fa {
	color: #333;
	filter: alpha(opacity=65);
	opacity: .65
}

.actions:first-child .btn-link {
	padding-left: 0
}

.carousel {
	text-align: center;
}

.carousel h2 {
	font-weight: bold;
	color: #287cc0;
}

.alert {
	border-color: #d6c43b;
	color: #333
}

.alert .closebtn {
	line-height: 20px;
	position: relative;
	right: -21px;
	top: -2px
}

.alert-info {
	border-color: #c5d1e5;
	color: #333
}

.alert-success {
	border-color: #9fba35;
	color: #333
}

.breadcrumb {
	background-color: #EFEFEF;
	font-size: 15px;
	list-style: none outside none;
	margin: 10px 20px;
	padding: 10px;
	border-radius: 0;
	margin-bottom: 20px;
}

.breadcrumb li:first-of-type a,
.breadcrumb li .divider {
	color: #333;
	font-weight: bold;
}

.breadcrumb li:first-of-type::before {
	font-family: "FontAwesome";
	content: "\f015";
	display: inline-block;
	padding-right: 5px;
	vertical-align: middle;
	font-weight: 900;
	position: relative;
	bottom: 1px;
}

.buttons-print {
	background-color: transparent;
	border: 0;
	color: #08c;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	padding: 4px 12px;
	text-align: center;
	vertical-align: middle
}

.buttons-print:hover {
	color: #005580
}

.buttons-print:hover:before {
	color: #44ae89
}

.buttons-print:before {
	color: #4466ae;
	content: "\f02f";
	font-family: 'Muli',
	Arial,
	sans-serif;
	display: inline-block;
	padding-right: .5em
}

.form-inline {
	display: inline;
	margin: 0;
	padding: 0
}

.form-inline fieldset {
	margin: .3em 0;
	padding: .3em
}

.main {
	background-color: #fff;
	border: 1px solid #f0f3f3;
	margin-bottom: 15px !important;
}

.btn, input, textarea {
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

.btn:focus {
	outline: 0;
}

.btn-primary {
	font-family: 'Muli',
	Arial,
	sans-serif;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:visited {
	background-color: #287cc0;
	background-position: 0
}

input[type=password]:focus,
input[type=text]:focus {
	border-color: #287cc0 !important;
}

[class*=" icon-"],
[class^=icon-] {
	vertical-align: 0
}

.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
	background-color: #f0f3f3
}

#availability_facet,
#facet-holdings-library {
	color: #727272
}

#toolbar.toolbar {
	border: 1px solid #f0f3f3
}

#toolbar.toolbar,
#toolbar.toolbar.clearfix {
	background-color: #f0f3f3
}

.ui-tabs-nav .ui-tabs-active a,
.ui-tabs-nav a:active,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:hover,
.ui-tabs-nav span.a {
	background: none repeat scroll 0 0 transparent;
	outline: 0 none
}

.ui-widget,
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
	font-family: 'Muli',Arial,sans-serif;
	font-size: inherit
}

ul.ui-tabs-nav li {
	list-style: none
}

.ui-tabs .ui-tabs-nav li {
	background: #f0f3f3 none;
	border-color: #d8d8d8;
	margin-right: .4em
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background-color: #fff;
	border: 1px solid #d8d8d8;
	border-bottom: 0
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color: #727272;
	font-weight: 700
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover.ui-state-active {
	background: #fff none
}

.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
	background: #f3f3f3 none
}

.ui-tabs .ui-tabs-panel {
	border: 1px solid #d8d8d8;
	margin-bottom: 1em
}

.ui-tabs.ui-widget-content {
	background: transparent none;
	border: 0
}

.ui-tabs .ui-state-default a:link,
.ui-tabs .ui-state-default a:visited {
	color: #069
}

.ui-tabs .ui-state-hover a:link,
.ui-tabs .ui-state-hover a:visited {
	color: #903
}

.ui-tabs-nav.ui-widget-header {
	background: none;
	border: 0
}

.ui-corner-top {
	border-radius: 0
}

.statictabs ul {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #222;
	font-size: 100%;
	font-weight: 700;
	line-height: 1.3;
	list-style: none outside none;
	margin: 0;
	outline: 0 none;
	padding: .2em .2em 0;
	text-decoration: none
}

.statictabs ul:after,
.statictabs ul:before {
	content: "";
	display: table
}

.statictabs ul:after {
	clear: both
}

.statictabs li {
	background: none repeat scroll 0 0 #e6f0f2;
	border: 1px solid #b9d8d9;
	border-bottom: 0 none !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #555;
	float: left;
	font-weight: 400;
	list-style: none outside none;
	margin-bottom: 0;
	margin-right: .4em;
	padding: 0;
	position: relative;
	top: 1px;
	white-space: nowrap
}

.statictabs li.active {
	background-color: #fff;
	color: #212121;
	font-weight: 400;
	padding-bottom: 1px
}

.statictabs li.active a {
	background: none repeat scroll 0 0 transparent;
	color: #000;
	cursor: text;
	font-weight: 700;
	outline: 0 none
}

.statictabs li a {
	color: #004d99;
	cursor: pointer;
	float: left;
	padding: .5em 1em;
	text-decoration: none
}

.statictabs li a:hover {
	background-color: #edf4f5;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #538200
}

.statictabs .tabs-container {
	background: none repeat scroll 0 0 transparent;
	border: 1px solid #b9d8d9;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #222;
	display: block;
	padding: 1em 1.4em
}

.ui-datepicker table {
	border: 0;
	border-collapse: collapse;
	font-size: .9em;
	margin: 0 0 .4em;
	width: 100%
}

.ui-datepicker th {
	background: transparent none;
	border: 0;
	font-weight: 700;
	padding: .7em .3em;
	text-align: center
}

.ui-datepicker-trigger {
	margin: 0 3px;
	vertical-align: middle
}

.ui-widget-content {
	background: #fff none;
	border: 1px solid #aaa;
	color: #222
}

.ui-widget-content a:link,
.ui-widget-content a:visited {
	color: #0076b2
}

.ui-widget-content a:active,
.ui-widget-content a:hover {
	color: #005580
}

.ui-widget-header {
	background: #e6f0f2 none;
	border: 1px solid #aaa;
	color: #222;
	font-weight: 700
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #f4f8f9 none;
	border: 1px solid #aaa;
	color: #555;
	font-weight: 400
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
	background: #e6f0f2 none;
	border: 1px solid #aaa;
	color: #212121;
	font-weight: 400
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: #fff none;
	border: 1px solid #aaa;
	color: #212121;
	font-weight: 400
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background: #fbf9ee;
	border: 1px solid #fcefa1;
	color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	background: #fef1ec;
	border: 1px solid #cd0a0a;
	color: #cd0a0a
}

.item-thumbnail {
	max-width: none
}

.no-image {
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #aaa;
	color: #979797;
	display: block;
	font-size: 86%;
	font-weight: 700;
	text-align: center;
	width: 75px
}

#bookcover {
	float: left;
	margin: 0;
	padding: 0
}

#bookcover .no-image {
	margin-bottom: 10px;
	margin-right: 10px
}

#bookcover img {
	margin: 0 1em 1em 0
}

.custom_cover_image img {
	max-width: 140px
}

.required {
	color: #c00
}

.label {
	background-color: transparent;
	color: inherit;
	display: inline;
	font-weight: 400;
	padding: 0;
}

.blabel {
	background-color: #999;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-weight: 700;
	padding: 2px 4px;
}

.label-important {
	background-color: #b94a48
}

.label-warning {
	background-color: #f89406
}

.label-success {
	background-color: #468847
}

.label-info {
	background-color: #3a87ad
}

.label-inverse {
	background-color: #333
}

fieldset.rows {
	clear: left;
	float: left;
	font-size: 90%;
	margin: .9em 0 0;
	padding: 0;
	width: 100%
}

fieldset.rows legend {
	font-size: 130%;
	font-weight: 700
}

fieldset.rows .label,
fieldset.rows label {
	float: left;
	font-weight: 700;
	margin-right: 1em;
	text-align: right;
	width: 9em
}

fieldset.rows label.lradio {
	float: none;
	margin: inherit;
	width: auto
}

fieldset.rows fieldset {
	margin: 0;
	padding: .3em
}

fieldset.rows ol {
	list-style-type: none;
	padding: 1em 1em 0
}

fieldset.rows ol.lradio label {
	float: none;
	margin-right: 0;
	width: auto
}

fieldset.rows ol.lradio label.lradio {
	float: left;
	margin-right: 1em;
	width: 12em
}

fieldset.rows li {
	clear: left;
	float: left;
	list-style-type: none;
	padding-bottom: 1em;
	width: 100%
}

fieldset.rows li.lradio {
	padding-left: 8.5em;
	width: auto
}

fieldset.rows li.lradio label {
	float: none;
	margin: 0 0 0 1em;
	width: auto
}

fieldset.rows .hint {
	display: block;
	margin-left: 11em
}

fieldset.action {
	border: 0;
	clear: both;
	float: none;
	margin: 0;
	padding: 1em 0 .3em;
	width: auto
}

fieldset.action p {
	margin-bottom: 1em
}

fieldset table {
	font-size: 100%
}

div.rows {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	width: 100%
}

div.rows+div.rows {
	margin-top: .6em
}

div.rows span.label {
	float: left;
	font-weight: 700;
	margin-right: 1em;
	text-align: left;
	width: 9em
}

div.rows ol {
	list-style-type: none;
	margin-left: 0;
	padding: .5em 1em 0 0
}

div.rows ol li li {
	border-bottom: 0
}

div.rows li {
	border-bottom: 1px solid #eee;
	clear: left;
	float: left;
	list-style-type: none;
	padding-bottom: .2em;
	padding-top: .1em;
	width: 100%
}

div.rows ul li {
	margin-left: 7.3em
}

div.rows ul li:first-child {
	clear: none;
	float: none;
	margin-left: 0
}

.tagweight0 {
	font-size: 12px
}

.tagweight1 {
	font-size: 14px
}

.tagweight2 {
	font-size: 16px
}

.tagweight3 {
	font-size: 18px
}

.tagweight4 {
	font-size: 20px
}

.tagweight5 {
	font-size: 22px
}

.tagweight6 {
	font-size: 24px
}

.tagweight7 {
	font-size: 26px
}

.tagweight8 {
	font-size: 28px
}

.tagweight9 {
	font-size: 30px
}

.toolbar {
	background-color: #eee;
	border: 1px solid #e8e8e8;
	font-size: 85%;
	padding: 3px 3px 5px 5px;
	vertical-align: middle
}

.toolbar a {
	white-space: nowrap
}

.toolbar label {
	display: inline;
	font-size: 100%;
	font-weight: 700;
	margin-left: .5em
}

.toolbar select {
	font-size: 97%;
	height: auto;
	line-height: inherit;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	width: auto
}

.toolbar #tagsel_form {
	margin-top: .5em
}

.toolbar li {
	display: inline;
	list-style: none
}

.toolbar li a {
	border-left: 1px solid #e8e8e8
}

.toolbar li:first-child a {
	border-left: 0
}

.toolbar ul {
	padding-left: 0
}

#basket .toolbar {
	padding: 7px 5px 9px 9px
}

#selections-toolbar,
.selections-toolbar {
	margin: 0;
	padding-left: 10px;
	padding-top: .5em
}

.list-actions {
	display: inline
}

.results_summary {
	color: #707070;
	display: block;
	font-size: 85%;
	padding: 0 0 .5em
}

.results_summary .results_summary {
	font-size: 100%
}

.results_summary.actions {
	margin-top: .5em
}

.results_summary.tagstatus {
	display: inline
}

.results_summary .label {
	color: #202020
}

.results_summary a {
	font-weight: 400
}

#views {
	margin-bottom: .5em;
	padding: 0 2em .2em .2em
}

.view {
	background-color: #f0f3f3;
	border: 1px solid #c9c9c9;
	border-radius: 4px;
	color: #727272;
	display: inline-block;
	margin-right: .4em
}

.view a,
.view span {
	font-size: 87%;
	font-weight: 400;
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle
}

#bibliodescriptions,
#isbdcontents {
	clear: left;
	margin-top: .5em
}

.current-view {
	background-color: #fff;
	font-weight: 700
}

#Briefhistory,
#Fullhistory {
	background: transparent none;
	padding-left: 0
}

.pagination {
	display: inline-block;
	margin: 10px 0 0 10px
}

.pagination li.page-first,
.pagination li.page-last {
	display: none
}

.results-pagination {
	background-color: #f3f3f3;
	display: none;
	padding-bottom: 10px
}

.close_pagination {
	display: none
}

.back {
	float: right
}

.back input {
	background: none !important;
	color: #999 !important
}

.pagination_list ul {
	margin: 0;
	padding: 0
}

.pagination_list li {
	border-top: 1px solid #ddd;
	color: #999;
	float: bottom;
	list-style: none;
	padding: 4px
}

.pagination_list li.highlight {
	background-color: #ddd
}

.pagination_list li a {
	padding-left: 0
}

.pagination_list .li_pag_index {
	color: #636363;
	font-size: 90%;
	font-weight: 700;
	padding-right: 10px;
	text-align: right;
	width: 13px
}

.pagination_footer {
	background-color: #e1e1e1;
	text-align: center
}

.pagination_footer .close_pagination {
	display: none
}

.l_Results {
	background-color: #e1e1e1
}

.l_Results .close_pagination {
	float: right;
	padding: 8px 12px
}

.nav_results {
	border: 1px solid #d0d0d0;
	font-size: 95%;
	font-weight: 700;
	margin-top: .5em;
	position: relative
}

#a_listResults {
	color: #069;
	display: inline-block;
	padding: 8px 28px;
	text-decoration: none
}

.pg_menu {
	background-color: #f3f3f3;
	border-top: 1px solid #d0d0d0;
	margin: 0;
	white-space: nowrap
}

.pg_menu li {
	color: #b2b2b2;
	display: inline-block;
	float: left;
	list-style: none;
	margin: 0
}

.pg_menu li.back_results a {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0
}

.pg_menu li a,
.pg_menu li span {
	background-color: #f3f3f3;
	display: block;
	float: left;
	font-weight: 400;
	padding: .4em .5em;
	text-align: center;
	text-decoration: none
}

.pg_menu li span {
	color: #b2b2b2
}

#listResults li {
	color: #c5c5c5;
	display: inline-block;
	font-size: 80%;
	font-weight: 400;
	padding: 0;
	text-align: center
}

#listResults li a {
	background-color: #999;
	color: #fff;
	display: block;
	font-weight: 400;
	min-width: 18px;
	text-decoration: none
}

#listResults li a:hover {
	background-color: #069
}

#listResults li .highlight a {
	background-color: #616161
}

.nav_pages {
	border-top: 1px solid #ddd;
	padding: .6em
}

.nav_pages ul {
	display: inline-block;
	margin: 0;
	padding: 0
}

.nav_pages li {
	color: #999;
	list-style: none;
	padding: 4px
}

.nav_pages li a:hover {
	text-decoration: underline
}

#action {
	background-color: #f0f3f3;
	border: 1px solid #e8e8e8;
	margin: .5em 0 0;
	padding: .5em
}

#action li {
	list-style: none;
	margin: .2em;
	padding: .2em 0
}

#action a {
	font-weight: 700;
	text-decoration: none
}

#export li,
#moresearches_menu li {
	margin: 0;
	padding: 0
}

#export li a,
#moresearches_menu li a {
	font-weight: 400
}

#export li a.menu-inactive,
#moresearches_menu li a.menu-inactive {
	font-weight: 700
}

.highlight_controls {
	float: left;
	margin-top: 3px
}

.links a {
	font-weight: 700
}

#tagslist li {
	display: inline
}

.tag_results_input {
	font-size: 12px;
	margin-left: 1em;
	padding: .3em
}

.tag_results_input input[type=text] {
	font-size: inherit;
	margin: 0;
	padding: 0
}

.tag_results_input label {
	display: inline
}

.tagsinput input[type=text] {
	font-size: inherit;
	margin: 0;
	padding: 0
}

.tagsinput label {
	display: inline
}

.branch-info-tooltip {
	display: none
}

.ui-tooltip-content p {
	margin: .3em 0
}

#social_networks {
	margin-top: .5em
}

#social_networks a {
	border: 1px solid transparent;
	border-radius: 4px;
	display: inline-block;
	min-width: 1em;
	padding: .5em;
	text-align: center
}

#social_networks a:active,
#social_networks a:hover {
	border: 1px solid #eee
}

#social_networks span {
	color: #274d7f;
	display: block;
	float: left;
	font-size: 85%;
	font-weight: 700;
	line-height: 2em;
	margin: .5em
}

#social_networks div {
	float: left
}

#social_networks #facebook {
	color: #4267b2
}

#social_networks #twitter {
	color: #1da1f2
}

#social_networks #linkedin {
	color: #0073b0
}

#social_networks #email {
	color: #666
}

#marc td,
#marc th {
	background-color: transparent;
	border: 0;
	padding: 3px 5px;
	text-align: left
}

#marc td:first-child {
	text-indent: 2em
}

#marc p {
	padding-bottom: .6em
}

#marc p .label {
	font-weight: 700
}

#marc ul {
	padding-bottom: .6em
}

#marc .results_summary {
	clear: left
}

#marc .results_summary ul {
	clear: none;
	display: inline;
	float: none;
	list-style: none;
	margin: 0;
	padding: 0
}

#marc .results_summary li {
	display: inline
}

#items,
#items td,
#items th {
	border: 1px solid #eee;
	font-size: 90%
}

#plainmarc table {
	border: 0;
	font-family: 'Muli',
	Arial,
	sans-serif;
	font-size: 95%;
	margin: .7em 0 0
}

#plainmarc th {
	background-color: #fff;
	text-align: left;
	white-space: nowrap
}

#plainmarc td,
#plainmarc th {
	border: 0;
	padding: 2px;
	vertical-align: top
}

#renewcontrols {
	float: right;
	font-size: 66%
}

#renewall_link i:first-child {
	left: 5px
}

.authref {
	text-indent: 2em
}

.authref .label {
	font-style: italic
}

.authstanza {
	margin-top: 1em
}

.authstanza li {
	margin-left: .5em
}

.authorizedheading,
.authstanzaheading {
	font-weight: 700
}

.authres_notes,
.authres_otherscript,
.authres_seealso {
	padding-top: .5em
}

.authres_notes {
	font-style: italic
}

#didyoumean {
	border-radius: 3px;
	background-color: #eee;
	border: 1px solid #e8e8e8;
	box-sizing: border-box;
	margin: .5em 1.5em;
	padding: .5em;
	text-align: left
}

#didyoumean.dym-loaded {
	background-color: #fffbea;
	border-color: #f4ecbe
}

.suggestionlabel {
	font-weight: 700
}

.searchsuggestion {
	display: inline-block;
	padding: .2em .5em
}

.authlink {
	padding-left: .25em
}

#hierarchies a {
	color: #069;
	font-weight: 400;
	text-decoration: underline
}

#hierarchies a:hover {
	color: #903
}

#top-pages {
	margin: 0 0 .5em
}

.dropdown-menu {
	border-radius: 0
}

.dropdown-menu>li>a {
	font-size: 90%
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background: #287cc0 none
}

#cartDetails,
#cartUpdate,
#holdDetails {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	color: #000;
	display: none;
	font-size: 90%;
	margin: 0;
	padding: 8px 20px;
	text-align: center;
	width: 180px;
	z-index: 2
}

#cartmenulink {
	white-space: nowrap
}

#menu,
#search-facets {
	border: 1px solid #d2d2cf
}

#menu ul,
#search-facets ul {
	margin: 0;
	padding: .3em
}

#menu form,
#search-facets form {
	margin: 0
}

#menu h2,
#search-facets h2 {
	font-size: 90%;
	margin: 0 0 .6em;
	text-align: center
}

#menu h2 a,
#search-facets h2 a {
	background-color: #f0f3f3;
	border-bottom: 1px solid #d8d8d8;
	display: block;
	font-weight: 700;
	padding: .7em .2em;
	text-decoration: none
}

#menu h3,
#search-facets h3 {
	font-size: 80%
}

#menu li,
#search-facets li {
	font-size: 90%;
	font-weight: 700;
	list-style-type: none
}

#menu li li,
#search-facets li li {
	font-size: 95%;
	font-weight: 400;
	line-height: 125%;
	margin-bottom: 2px;
	padding: .1em .2em
}

#menu li.showmore a,
#search-facets li.showmore a {
	font-weight: 700;
	text-indent: 1em
}

#menu a,
#search-facets a {
	font-weight: 400;
	text-decoration: underline
}

#menu .facet-count,
#search-facets .facet-count {
	display: inline-block
}

#menu {
	font-size: 94%
}

#menu li {
	list-style-type: none
}

#menu li a {
	background-color: #f0f3f3;
	border: 1px solid #d8d8d8;
	border-bottom-color: #999;
	display: block;
	font-size: 111%;
	margin: .4em 0;
	margin-right: -1px;
	padding: .4em .6em;
	text-decoration: none
}

#menu li a:hover {
	background: #eaeef5
}

#menu li.active a {
	background-image: none;
	border-right-width: 0;
	font-weight: 700
}

#menu li.active a,
#menu li.active a:hover {
	background-color: #fff
}

#menu h4 {
	display: none
}

#addto {
	max-width: 10em
}

.searchresults p {
	margin: 0;
	padding: 0 0 .6em
}

.searchresults p.details {
	color: #979797
}

.searchresults .commentline {
	border-radius: 3px;
	background-color: rgba(255, 255, 204, .4);
	border: 1px solid #ccc;
	display: inline-block;
	margin: .3em;
	padding: .4em
}

.searchresults .commentline .yours {
	background-color: hsla(82, 95%, 92%, .4)
}

.searchresults .commenter {
	color: #666;
	font-size: 85%
}

.commentline .avatar {
	float: right;
	padding-left: .5em
}

.term {
	background-color: #ffc;
	color: #900
}

.shelvingloc {
	font-style: italic
}

#CheckAll,
#CheckNone,
.CheckAll,
.CheckNone {
	font-weight: 400;
	margin: 0 .5em;
	text-decoration: underline
}

.sep {
	color: #888;
	padding: 0 .2em 0 .5em;
}

.pages a:first-child,
.pages span:first-child {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	border-width: 1px
}

.pages a:last-child,
.pages span:last-child {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	border-width: 1px 1px 1px 0
}

.pages .currentPage,
.pages .inactive,
.pages a {
	background-color: #fff;
	border-color: #ddd;
	-o-border-image: none;
	border-image: none;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	float: left;
	font-size: 11.9px;
	line-height: 20px;
	padding: 4px 12px;
	text-decoration: none
}

.pages {
	margin: 20px 0
}

.pages .inactive {
	background-color: #f5f5f5
}

.pages a[rel=last] {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.hold-message {
	border-radius: 3px;
	background-color: #fff0b1;
	display: inline-block;
	margin: .5em;
	padding: .2em .5em
}

.expiration_date,
.reserve_date {
	white-space: nowrap
}

.close {
	color: #08c;
	filter: none;
	float: none;
	font-weight: 400;
	position: inherit;
	right: auto;
	top: auto
}

.close,
.close:hover {
	font-size: inherit;
	opacity: inherit
}

.close:hover {
	color: #005580;
	filter: inherit
}

.modal-header .closebtn {
	margin-top: 2px
}

.closebtn {
	color: #000;
	float: right;
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	opacity: .2;
}

.closebtn:hover {
	color: #000;
	cursor: pointer;
	opacity: .4;
	text-decoration: none
}

button.btn-link {
	color: #0076b2
}

button.btn-link:focus,
button.btn-link:hover {
	color: #005580;
	text-decoration: none
}

button.closebtn {
	background: transparent;
	border: 0;
	cursor: pointer;
	padding: 0
}

button.remove:hover {
	color: #900
}

button.remove:hover i.fa {
	color: #c60000
}

.btn-link.btn-lg {
	font-size: 100%
}

.btn.disabled:hover,
.btn.disabled i.fa,
.btn.disabled i.fa:hover,
.btn[disabled]:hover,
.btn[disabled] i.fa,
.btn[disabled] i.fa:hover {
	color: #333;
	filter: alpha(opacity=65);
	opacity: .65
}

.modal form {
	margin: 0
}

#opac-auth {
	background-color: #F7FBFE;
	border: 1px solid #E3E3E3;
	padding: 20px;
	border-radius: 4px;
	margin-bottom: 10px;
}

#opac-auth.maincontent {
	width: 230px;
	margin: auto;
}

#opac-auth input.btn{
	background-color: #287CC0;
	color: #ffff;
	font-family: 'Muli',
	Arial,
	sans-serif;
	font-weight: 300;
}

#loginModal {
	margin: 0 !important;
	width: 400px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#loginModal input {
	box-sizing: border-box;
	display: block;
	font-size: 150%;
	height: auto;
	padding: .4em;
	width: 100%
}

#loginModal input[type=submit] {
	font-size: 100%;
	padding: .5em;
	transition: background-color .5s ease
}

#loginModal .closebtn {
	color: #c00;
	opacity: 1
}

#loginModal .closebtn:hover {
	opacity: .4
}

#loginModal .modal-body,
#loginModal .modal-footer,
#loginModal .modal-header {
	font-size: 120%;
	padding: 1em 2em
}

#advsearch .span3 {
	width: 100%;
}

.nologininstructions,
#nologininstructions,
#pubrange p {
	color: #777;
	font-size: 13px;
}


.nologininstructions li,
#nologininstructions li {
	line-height: 18px;
	margin-bottom: 6px;
}

.forgotpassword,
.nologininstructions,
#nologininstructions,
.patronregistration {
	padding-top: 1em
}

.btn-group label,
.btn-group select {
	font-size: 13px
}

.span2 select {
	width: 100%
}

.item-status {
	display: block;
	font-size: 95%;
	margin-bottom: .5em
}

.available {
	color: #060
}

.unavailable {
	color: #903
}

.ItemSummary .LabelCallNumber:before {
	content: " ["
}

.ItemSummary .CallNumber:after {
	content: "]"
}

.checkedout,
.intransit,
.lost,
.notforloan,
.notonhold,
.waiting {
	display: block
}

.notforloan {
	color: #900
}

.lost {
	color: #666
}

.suggestion {
	background-color: #f0f3f3;
	border: 1px solid #f0f3f3;
	color: #727272;
	margin: 1em auto;
	padding: .5em;
	width: 35%
}

#logo {
	background: transparent url(../images/koha-green-logo.png) no-repeat scroll 0;
	float: left !important;
	padding: 0;
	display: none !important;
}

#logo,
#logo a {
	border: 0;
	margin: 0;
	width: 100px
}

#logo a {
	cursor: pointer;
	display: block;
	height: 0 !important;
	overflow: hidden;
	padding: 40px 0 0;
	text-decoration: none
}

#logo a:focus {
	background-color: transparent
}

#user-menu-trigger {
	display: none
}

#user-menu-trigger i {
	padding: 14px 0 0;
	width: 14px
}

#user-menu-trigger .caret {
	border-bottom-color: #999;
	border-top-color: #999;
	margin-top: 18px
}

#header-region .icon-white {
	background-image: url(/opac-tmpl/bootstrap/lib/bootstrap/img/glyphicons-halflings.png)
}

.floating {
	margin-top: 0;
	z-index: 5
}

.tdlabel {
	display: none;
	font-weight: 700
}

#ulactioncontainer {
	min-width: 16em
}

.notesrow label {
	font-weight: 700
}

.notesrow span {
	display: block
}

.thumbnail-shelfbrowser span {
	margin: 0 auto
}

.table .sorting_asc {
	background: url(../images/asc.gif) no-repeat scroll 100% 80% #e2e8e8;
	padding-right: 19px
}

.table .sorting_desc {
	background: url(../images/desc.gif) no-repeat scroll 100% 80% #e2e8e8;
	padding-right: 19px
}

.table .sorting {
	background: url(../images/ascdesc.gif) no-repeat scroll 100% 75% #e2e8e8;
	padding-right: 19px
}

.table .nosort,
.table .nosort.sorting,
.table .nosort.sorting_asc,
.table .nosort.sorting_desc {
	background: #e2e8e8 none;
	padding-right: 19px
}

.table td,
.table th {
	line-height: 135%
}

.table-bordered,
.table-bordered tbody:last-child tr:last-child>td:first-child,
.table-bordered tbody:last-child tr:last-child>td:last-child,
.table-bordered thead:first-child tr:first-child>th:first-child,
.table-bordered thead:first-child tr:first-child>th:last-child {
	border-radius: 0
}

.shelves ul,
.tags ul {
	display: inline;
	list-style: none;
	margin-left: 0
}

.shelves ul li,
.tags ul li {
	display: inline
}

.coverimages {
	float: right
}

#authorSearch label,
#subjectsList label {
	display: inline;
	vertical-align: middle
}

#authorSearch ul,
#subjectsList ul {
	border-bottom: 1px solid #eee;
	list-style-type: none;
	margin: 0;
	padding: .6em 0
}

#authorSearch li,
#subjectsList li {
	list-style-type: none;
	margin: 0;
	padding: 0
}

#openlibrary-results,
#overdrive-results,
#recordedbooks-results {
	font-weight: 700;
	padding-left: 1em
}

.throbber {
	vertical-align: middle
}

#overdrive-results-list .star-rating-control {
	display: block;
	overflow: auto
}

#holdingst {
	table-layout: fixed
}

#holdingst td {
	overflow-wrap: break-word
}

#shelfbrowser table {
	margin: 0
}

#shelfbrowser table,
#shelfbrowser td,
#shelfbrowser th {
	border: 0;
	font-size: 90%;
	text-align: center
}

#shelfbrowser td,
#shelfbrowser th {
	padding: 3px 5px;
	width: 20%
}

#shelfbrowser td.nav-cell,
#shelfbrowser th.nav-cell {
	padding: 0;
	vertical-align: middle;
	width: 1em
}

#shelfbrowser a {
	display: block;
	font-size: 110%;
	font-weight: 700;
	text-decoration: none
}

#shelfbrowser a.shelfbrowser_cover {
	min-height: 80px;
	min-width: 80px;
	display: inline-block
}

#shelfbrowser #browser_previous a {
	transform: rotate(-90deg);
	white-space: nowrap
}

#shelfbrowser #browser_previous a i {
	padding: 0 .5em
}

#shelfbrowser #browser_next a {
	transform: rotate(90deg);
	white-space: nowrap
}

#shelfbrowser #browser_next a i {
	padding: 0 .5em
}

#holds {
	margin: 0 auto;
	max-width: 800px
}

.holdrow {
	border-bottom: 1px solid #ccc;
	clear: both;
	margin-bottom: .5em;
	padding: 0 1em 1em
}

.holdrow fieldset {
	border: 0;
	float: none;
	margin: 0
}

.holdrow fieldset .label {
	font-size: 14px
}

.holdrow label {
	display: inline
}

.hold-options {
	clear: both
}

.toggle-hold-options {
	background-color: #eee;
	clear: both;
	display: block;
	font-weight: 700;
	margin: 1em 0;
	padding: .5em
}

.copiesrow {
	clear: both
}

#idreambooksreadometer {
	float: right
}

.idreambookslegend {
	font-size: small
}

.idreambookssummary a {
	color: #707070;
	text-decoration: none
}

.idreambookssummary img {
	vertical-align: middle
}

.idbresult {
	color: #29ade4;
	margin: .5em;
	padding: .5em;
	text-align: center
}

.idbresult img {
	padding-right: 6px;
	vertical-align: middle
}

.idbresult a,
.idbresult a:visited {
	text-decoration: none;
	color: #29ade4
}

.js-show,
.modal-nojs .modal-footer,
.modal-nojs .modal-header {
	display: none
}

.contents {
	width: 75%
}

.contents .t:first-child:before {
	content: "→ "
}

.contents .t:before {
	content: "\A → ";
	white-space: pre
}

.contents .t {
	font-weight: 700
}

.contents .r,
.contents .t {
	display: inline
}

.contentblock {
	font-size: 95%;
	line-height: 135%;
	margin-left: 2em;
	position: relative
}

.m880 {
	display: block;
	float: right;
	padding-left: 20px;
	text-align: right;
	width: 50%
}

#memberentry-form input.error,
#memberentry-form input.error:focus {
	border-color: #c00;
	color: red;
	outline: 0 none
}

#memberentry-form input.error label.error {
	color: #c00;
	float: none;
	font-size: 90%
}

#illrequests .illrequest-actions {
	margin-bottom: 20px;
	padding-top: 20px
}

#illrequests .illrequest-actions .btn,
#illrequests .illrequest-actions .cancel {
	margin-right: 5px
}

#illrequests #illrequests-create-button {
	margin-bottom: 20px
}

#illrequests .bg-info {
	overflow: auto;
	position: relative
}

#illrequests .bg-info #search-summary {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

#illrequests #freeform-fields .custom-name {
	float: left;
	margin-right: 1em;
	text-align: right;
	width: 8em
}

#illrequests .dropdown:hover .dropdown-menu.nojs {
	display: block
}

#dc_fieldset {
	border: 1px solid #ddd;
	border-radius: 10px;
	border-width: 1px;
	padding: 5px
}

.label_dc {
	cursor: pointer;
	display: inline;
	margin: 0;
	padding: 0
}

.btn-danger {
	color: #fff !important
}

.count_label {
	background-color: #369;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-weight: 700;
	min-width: 1.5em;
	padding: .2em;
	text-align: center;
}

.count_label:hover {
	background-color: #69c
}

.user_fines_count,
.user_overdues_count {
	background-color: #900
}

.user_fines_count:hover,
.user_overdues_count:hover {
	background-color: #c00
}

.user_holds_waiting_count {
	background-color: #538200
}

.user_holds_waiting_count:hover {
	background-color: #74b500
}

#user_summary {
	border: 1px solid #eaeae6;
	margin-bottom: 1em;
	padding-bottom: .5em
}

#user_summary h3 {
	background-color: #e2e8e8;
	color: #727272;
	margin-top: 0;
	padding: .2em 0;
	text-align: center
}

#user_summary ul {
	list-style-type: none;
	margin: 0 0 .2em
}

#user_summary ul a {
	display: block;
	font-weight: 700;
	padding: .2em 1em
}

.adlibris-cover {
	max-height: 120px
}

.adlibris-cover-big {
	max-height: 200px
}

.br-wrapper {
	display: inline-block
}

.br-theme-fontawesome-stars .br-widget {
	height: 28px;
	white-space: nowrap
}

.br-theme-fontawesome-stars .br-widget a {
	-webkit-font-smoothing: antialiased;
	font: normal normal normal 20px/1 FontAwesome;
	margin-right: 2px;
	text-decoration: none;
	text-rendering: auto
}

.br-theme-fontawesome-stars .br-widget a:after {
	color: #d2d2d2;
	content: "\f005"
}

.br-theme-fontawesome-stars .br-widget a.br-active:after {
	color: #c24a4a
}

.br-theme-fontawesome-stars .br-widget a.br-selected:after {
	color: #edb867
}

.br-theme-fontawesome-stars .br-widget .br-current-rating {
	display: none
}

.br-theme-fontawesome-stars .br-readonly a {
	cursor: default
}

#cancel_rating_text a {
	color: #c24a4a
}

@media print {
	.br-theme-fontawesome-stars .br-widget a:after {
		color: #000;
		content: "\f006"
	}

	.br-theme-fontawesome-stars .br-widget a.br-active:after,
	.br-theme-fontawesome-stars .br-widget a.br-selected:after {
		color: #000;
		content: "\f005"
	}
}

#qrcode {
	margin-left: 35px
}

#qrcode canvas,
#qrcode img {
	margin-top: 1em
}

#scrolltocontent {
	background: #c60000;
	border: 1px solid #fff;
	border-radius: 0 0 4px 0;
	border-width: 0 1px 1px 0;
	color: #fff;
	left: 0;
	padding: 6px 12px;
	position: absolute;
	text-decoration: none;
	top: -40px;
	transition: top .5s ease-out;
	z-index: 100
}

#scrolltocontent:focus {
	left: 0;
	outline-color: transparent;
	position: absolute;
	top: 0;
	transition: top .1s ease-in
}

@media only screen and (min-width:0) and (max-width:304px) {

	input,
	select,
	textarea {
		max-width: 11em;
		width: auto
	}
}

@media only screen and (min-width:0) and (max-width:440px) {

	.statictabs li a,
	.ui-tabs .ui-tabs-nav li a {
		padding: .1em .5em
	}

	.input-fluid {
		width: 90%
	}

	#wrap {
		padding: 0
	}
}

@media only screen and (min-width:342px) and (max-width:479px) {
	.input-fluid {
		width: 75%
	}

	.searchsuggestion {
		display: block
	}
}

@media (max-width:979px) {
	.mastheadsearch {
		grid-template-areas: "logo buscador buscador";
		grid-template-columns: repeat(3, 1fr);
	}
	.navbar-fixed-bottom,
	.navbar-fixed-top {
		margin-left: 0;
		margin-right: 0;
		position: fixed
	}
}

@media only screen and (max-width:608px) {
	fieldset.rows label {
		display: block;
		float: none;
		text-align: left
	}

	fieldset.rows li {
		padding-bottom: .5em
	}

	fieldset.rows .hint,
	fieldset.rows ol {
		margin-left: 0
	}

	.tdlabel {
		display: inline
	}

	.navbar-fixed-top,
	.navbar-static-top {
		margin-left: -20px;
		margin-right: -20px;
	}

	.navbar-inner {
		padding: 0
	}

	#remove-selected,
	.checkall,
	.clearall,
	.highlight_controls,
	.list-actions,
	.selectcol {
		display: none
	}

	.table td.bibliocol {
		padding-left: 1.3em
	}

	.actions {
		display: block
	}

	.actions #login4tags,
	.actions a {
		border-radius: 4px;
		background-color: #f2f2ef;
		border: 1px solid #ddd;
		display: block;
		font-size: 120%;
		font-weight: 700;
		margin: 2px 0
	}

	.actions .label {
		display: block;
		font-weight: 700
	}

	.actions #login4tags {
		margin-right: 1em
	}

	.toolbar .resort {
		border-radius: 5px;
		font-size: 14px;
		max-width: 100%;
		padding: 4px 6px
	}

	.toolbar .pagination li a {
		font-size: 105%;
		padding: .3em .7em
	}


	.main {
		border-radius: 0;
		margin: .5em 0;
		padding: 15px
	}

	.breadcrumb {
		margin: 10px 0
	}

	#searchsubmit {
		font-weight: 700
	}

	#topissues .item-thumbnail,
	#usersuggestions .item-thumbnail,
	#usertags .item-thumbnail,
	.tabs-container .item-thumbnail,
	.ui-tabs-panel .item-thumbnail {
		margin: .5em 0 0 .5em
	}

	#topissues .table-bordered,
	#usersuggestions .table-bordered,
	#usertags .table-bordered,
	.tabs-container .table-bordered,
	.ui-tabs-panel .table-bordered {
		border: 0
	}

	#topissues .table th,
	#topissues .table thead,
	#usersuggestions .table th,
	#usersuggestions .table thead,
	#usertags .table th,
	#usertags .table thead,
	.tabs-container .table th,
	.tabs-container .table thead,
	.ui-tabs-panel .table th,
	.ui-tabs-panel .table thead {
		display: none
	}

	#topissues .table td,
	#usersuggestions .table td,
	#usertags .table td,
	.tabs-container .table td,
	.ui-tabs-panel .table td {
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-top: 0;
		display: block;
		padding: .2em
	}

	#topissues .table p,
	#usersuggestions .table p,
	#usertags .table p,
	.tabs-container .table p,
	.ui-tabs-panel .table p {
		margin-bottom: 2px
	}

	#topissues tr,
	#usersuggestions tr,
	#usertags tr,
	.tabs-container tr,
	.ui-tabs-panel tr {
		display: block;
		margin-bottom: .6em
	}

	#topissues tr td:first-child,
	#usersuggestions tr td:first-child,
	#usertags tr td:first-child,
	.tabs-container tr td:first-child,
	.ui-tabs-panel tr td:first-child {
		border-radius: 5px 5px 0 0;
		border-top: 1px solid #ddd
	}

	#topissues tr td:last-child,
	#usersuggestions tr td:last-child,
	#usertags tr td:last-child,
	.tabs-container tr td:last-child,
	.ui-tabs-panel tr td:last-child {
		border-bottom: 2px solid #cacaca;
		border-radius: 0 0 5px 5px
	}

	.no-image {
		display: none
	}
}

@media only screen and (max-width:700px) {

	#logo {
		background: transparent url(../lib/bootstrap/img/glyphicons-halflings.png) no-repeat;
		background-position: 0 -24px;
		margin: 14px 14px 0;
		width: 14px
	}

	#logo a {
		padding: 14px 0 0;
		width: 14px
	}

	#user-menu-trigger {
		display: inline;
		margin-right: 12px
	}
}

@media only screen and (max-width:480px) {
	.navbar .nav > li > a {
		padding: 10px;
	}
	#members .search_history a {
		display: inline-flex;
		white-space: nowrap;
		overflow: hidden;
		width: 55px;
	}
	#members .search_history a.logout {
	overflow-y: hidden;
	white-space: nowrap;
	width: 12px;
	display: inline-flex;
}
	.mastheadsearch #searchform label {
		display: none;
	}
	.mastheadsearch #searchform #masthead_search {
		width: 95px;
	}
	.mastheadsearch #searchform #translControl1 {
		max-width: 125px;
	}
}

@media only screen and (min-width:480px) and (max-width:608px) {
	.input-fluid {
		width: 75%
	}
}

@media only screen and (min-width:608px) {
	#views {
		border-bottom: 1px solid #d6d6d6;
		margin: 0;
		padding: 0;
		white-space: nowrap
	}

	.view {
		border-bottom-width: 0;
		border-radius: 0;
		border-right-width: 0;
		border-top-width: 0
	}

	.current-view {
		border: 0;
	}
}

@media only screen and (min-width:608px) and (max-width:767px) {
	.main {
		padding: .8em 20px
	}

	.navbar-static-bottom {
		margin-left: -20px;
		margin-right: -20px
	}

	.row-fluid input.span6 {
		width: 48.9362%
	}
}

@media only screen and (max-width:767px) {
	a.title {
		font-size: 120%
	}

	#userresults {
		margin: 0 -20px
	}

	.breadcrumb,
	.menu-collapse {
		display: none
	}

	#menu,
	#search-facets {
		margin-bottom: .5em
	}

	#menu h4,
	#search-facets h4 {
		display: block;
		margin: 0;
		padding: 0
	}

	#menu h4 a,
	#search-facets h4 a {
		border-bottom: 0;
		font-weight: 400;
		padding: .7em .2em
	}

	#menu ul,
	#search-facets ul {
		padding: 0
	}

	#menu li a {
		border-radius: 0;
		border: 0;
		border-bottom: 1px solid #d8d8d8;
		display: block;
		font-size: 120%;
		margin: 0;
		text-decoration: none
	}

	#menu li.active a {
		border-right-width: 1px;
		border-top: 1px solid #d8d8d8
	}

	#menu li:last-child a {
		border-radius: 0 0 7px 7px
	}

	#search-facets li {
		padding: .4em
	}

	#search-facets h5 {
		margin: .2em
	}

	#menu h4 a.menu-open,
	#search-facets h4 a.menu-open {
		border-bottom: 1px solid #d8d8d8
	}

	#loginModal {
		margin: 0;
		width: auto
	}
}

@media only screen and (max-width:800px) {

	.mastheadsearch {
		grid-template-areas: "logo"
		"buscador";
		grid-template-columns: 1fr;
		gap: 5px;
	}
	.mastheadsearch #searchform {
		justify-self: start;
	}

	.cartlabel,
	.langlabel,
	.listslabel,
	.userlabel {
		display: none
	}

	.navbar .divider-vertical {
		margin: 0 2px
	}

	.toolbar select {
		width: 220px
	}

}

@media only screen and (min-width:768px) {

	.main {
		margin: 0 60px;
		padding: 10px 0;
	}

	#wrap>*:not(#header-region, .main) {
		margin: 0 40px;
	}

	#menu {
		border-radius: 0;
		border: 0;
		border-right: 1px solid #d8d8d8
	}

	#menu h4 {
		display: none
	}

	#menu ul {
		padding: 1em 0
	}

	#didyoumean {
		margin: .5em 0
	}

	.searchsuggestion {
		white-space: nowrap
	}

	.pagination li.page-num {
		display: inline
	}

	a.menu-collapse-toggle:active,
	a.menu-collapse-toggle:hover,
	a.menu-collapse-toggle:link,
	a.menu-collapse-toggle:visited {
		color: #727272;
		cursor: default
	}

	a.menu-collapse-toggle:active:before,
	a.menu-collapse-toggle:hover:before,
	a.menu-collapse-toggle:link:before,
	a.menu-collapse-toggle:visited:before {
		display: none
	}
}

@media only screen and (min-width:768px) and (max-width:984px) {
	.librarypulldown .transl1 {
		width: 38%
	}
}

@media only screen and (min-width:984px) {
	.librarypulldown .transl1 {
		width: 53%
	}

	.pagination li.page-first,
	.pagination li.page-last {
		display: inline
	}

	.pagination li.page-first a {
		border-left: 1px solid #ddd
	}

	.pagination li.page-next a,
	.pagination li.page-prev a {
		border-left: 0;
		border-radius: 0
	}
}

@media only screen and (max-width:1040px) {

	#a_listResults,
	#close_pagination {
		padding: 5px
	}

	.pg_menu li a {
		display: block;
		float: none;
		text-align: left
	}

	.pg_menu li.back_results a {
		border: 0;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd
	}

	#ulactioncontainer {
		min-width: 0
	}
}

@media only screen and (max-width:1100px) {

	.cartlabel,
	.langlabel,
	.listslabel,
	.userlabel {
		display: none
	}
}