@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&subset=latin,cyrillic");
/* HTML5 {u2730} Boilerplate ==|== normalize ========================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea, td, th { font-family: sans-serif; color: #222; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; *overflow: visible; }

table button, table input { *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

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

.box:after { clear: both; }

.box { zoom: 1; }

/* ==|== print styles ======================================================= */
@media print { * { background: transparent !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  /* a[href]:after { content: " (" attr(href) ")"; } */
  /* abbr[title]:after { content: " (" attr(title) ")"; } */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .no-print { visibility: hidden; }
  .no-print2 { display: none; } }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.box { zoom: 1; }
.box:before, .box:after { content: ""; display: table; }
.box:after { clear: both; }

.c { font-size: 1px; line-height: 1px; overflow: hidden; clear: both; }

hr { border-top-color: #dddddd; margin: 1em 0; }

.disable_select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.site { max-width: 960px; margin: 0 auto; }

.column-half { width: 50%; float: left; }
.column-third {
  width: 33%;
  float: left;
}
.column-half.article { width: 47%; margin-right: 3%; }

.col-3 { float: left; margin-left: 1.25%; width: 32.5%; }
.col-3:first-child { margin-left: 0; }
.col-3 .column-half { margin-left: 4%; width: 48%; }
.col-3 .column-half:first-child { margin-left: 0; }

.grey { border: 1px solid #c1d0de; background-color: #f7f8f9; padding: 5px 1em 5px 1em; }

.white { border: 1px solid #dddddd; padding: 5px 1em 5px 1em; }

.site-header { background: url(/screens/header-gr.gif) repeat-x bottom left #e8edf3; font-size: 12px; }
.site-header > .site { position: relative; min-height: 98px; }

.front-header > .site { position: relative; }
.front-header .nav-vertical { float: right; margin: 30px 1em 15px 0; }
.front-header .nav-vertical li a { margin: 0.5em 0; }
.front-header .dropdown-box { font-size: 12px; }

.front-me > .site { position: relative; }
.front-me .nav-vertical { float: right; margin: 10px 1em 0 0; }
.front-me .nav-vertical li a { margin: 0 0; }
.front-me .dropdown-box { font-size: 12px; }

.site-footer { border-top: 1px solid #dddddd; margin: 3em 0; padding: 2em 0; font-size: 11px; color: #999999; }

.btn-site-home { position: absolute; bottom: 10px; }
.front-header .btn-site-home { bottom: 16px; }
.btn-site-home img { width: 140px; }
.front-header .btn-site-home img { width: 180px; }

.site-header-box { margin: 14px 0 10px 155px; }

.site-results-filter { border-bottom: 1px solid #9fc8ee; font-size: 12px; padding: 1em 0; margin-bottom: 1em; }

.help1 { width: 550px; float: left; margin-top: 0.5em; }

.help2 { margin-left: 600px; margin-top: 0.5em; }

.clear { clear: both; }

.simple-page { margin-left: 20px; }

body, button, input, select, textarea, td, th { font-family: Arial, Helvetica, sans-serif; }

body { color: #333333; font-size: 14px; }

a { text-decoration: none; color: #3063a9; }
a:hover { text-decoration: underline; }

h1 { font-weight: 700; }

pre { line-height: 1.8; font-size: 12px; }

.article { width: 70%; font-size: 13px; line-height: 1.4; }
.article p { margin: 1em 0; }
.article h1.title { font-size: 16px; }

.error { color: #cc0000; }

.msg { color: #cc0000; }

.success { color: #0b8140; }

.text-box { line-height: 1.4; font-size: 13px; margin: 1em 2em 0 0; }
.text-box .title { color: #3063a9; font-size: 24px; margin: 0 0 0.5em 0; font-weight: normal; }
.text-box .title-nb { color: #cc0000; font-size: 24px; margin: 0 0 0.5em 0; font-weight: normal; }

.front-promo-title { text-align: center; margin: 130px 2em 30px 2em; font-size: 33px; font-weight: normal; }

.front-promo-text { text-align: center; line-height: 1.6; font-size: 16px; margin: 1.5em auto 0 auto; max-width: 600px; }
.front-promo-text h3 { font-weight: 400; font-size: 24px; }

.front-promo-text a { color: #ffffff; text-decoration: underline; }

.popup { margin: 0.5em 0.5em 0.5em 0.5em; }

.nav { margin: 0; padding: 0; list-style: none; }
.nav > li { float: left; margin-right: 1em; }
.site-results-filter .nav > li { margin-right: 2em; }
.nav > li:last-child { margin-right: 0; }
.nav > li > a { display: inline-block; }
.nav > li > a:hover { color: #333333; }
.nav > li input { vertical-align: middle; display: inline-block; margin-right: 0.5em; }

.nav-vertical > li { border-left: 1px solid #dddddd; padding-left: 1em; }
.nav-vertical > li:first-child { border-left: 0; padding-left: 0; }
.nav-vertical .active { color: #313a4c; }

.nav-vertical-box .legend-nav { float: left; display: block; margin-right: 1em; color: #999999; }
.nav-vertical-box .nav-vertical { float: left; }

.nav-tabs { font-size: 15px; font-weight: 600; }
.nav-tabs li { margin-right: 2em; }
.nav-tabs .active { color: #000; position: relative; }
.nav-tabs .active:before { position: absolute; bottom: -16px; left: 50%; margin-left: -12px; content: ""; display: block; background: url(/screens/dropdown-top.gif) no-repeat; width: 23px; height: 13px; }

.nav-site-header { font-weight: 600; margin-bottom: 12px; float: left; }

.nav-site-header-user { float: right; }

/*.nav-lang{ position: absolute; top:15px; right:20px; font-size:$fontsize-s;
	a{ color:$textlight;}
}
*/
.nav-lang { float: right; margin-top: 15px; margin-right: 20px; font-size: 12px; }
.nav-lang a { color: #999999; }

.nav-vertical-box > a { border-left: 1px solid #dddddd; padding-left: 1em; padding-right: 1em; }

.nav-vertical-box > a:first-child { border-left: 0; padding-left: 0; }

.inputs { margin: 0 0 1em 0; }
.inputs.inputs-column .label { font-size: 12px; margin: 0 0 0.5em 0; font-weight: bold; }

.label { display: block; margin-bottom: 0.3em; }

.inputs-box { display: block; }

/*.input-text{ width:100%;  border:1px solid $borderc; padding:3px;}*/
.input-text { border: 1px solid #dddddd; padding: 3px; }

input[type=text], input[type=password] { border: 1px solid #c1d0de; padding: 3px; }
.article input[type=text], .article input[type=password] { padding: 8px; }

input.input-text { max-width: 30em; }

.input-med { width: 7em; display: inline-block; }

.input-large { border: 1px solid #dddddd; line-height: 46px; height: 46px; padding: 3px 0.5em; vertical-align: middle; }

select.input-large { background: #eee; }

input.input-large { font-size: 16px; padding: 3px 0.5em; }

.input-inline { float: left; margin-left: 10px; margin-bottom: 5px; }
.input-inline:first-child { margin-left: 0; }

.input-with-keyboard { border: 1px solid #dddddd; position: relative; padding-right: 50px; }
.input-with-keyboard .input-large { border: none; }
.input-with-keyboard .btn-search-keyboard, .input-with-keyboard .keyboardInputInitiator { position: absolute; top: 15px; right: 10px; }

.multi-checbox { font-size: 11px; position: relative; margin-bottom: 30px; }

.multi-checkbox-legend { font-size: 12px; margin: 0 0 0.5em 0; }

.multi-checbox-items { border: 1px solid #dddddd; padding: 0.5em 0.6em; overflow: auto; }

.multi-checkbox-item { margin: 0; padding: 0.25em 0; position: relative; padding-left: 1.8em; }
.multi-checkbox-item:hover { background: #e8edf3; }

.multi-checkbox-input { position: absolute; top: 0.35em; left: 0.35em; font-size: 11px; }

.multi-checkbox-label { display: block; margin: -0.25em 0; padding: 0.25em 0; }

.multi-checbox-scrollnext { position: absolute; z-index: 999; display: block; bottom: -19px; width: 100%; left: 0; background: #f7f8f9; border: 1px solid #dddddd; height: 20px; cursor: pointer; }
.multi-checbox-scrollnext:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid #333333; position: absolute; left: 50%; margin-left: -3px; top: 6px; font-size: 6px; }
.multi-checbox-scrollnext:hover { background: #e8edf3; }

.select-inputs-set { font-size: 11px; }
.select-inputs-set .select-input-item { position: relative; margin: 0; }
.select-inputs-set .select-input-item .label { padding: 3px 0 3px 30px; margin: 0; }
.select-inputs-set .select-input-item .input-item { position: absolute; top: 5px; left: 8px; }
.select-inputs-set .select-input-item .input-item:checked + .label { font-weight: bold; }
.select-inputs-set .select-input-item:hover { background: #e8edf3; }

.validate { display: inline-block; margin: 3px 0; font-size: 11px; }
.validate.validate-error { color: #710000; border: 1px solid #e7a2a2; background: #ffd6d6; padding: 0.5em 1em; }

.btn { display: inline-block; }

.btn-dropdown { font-weight: 600; position: relative; padding-right: 1.2em; }
.btn-dropdown:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid #3063a9; font-size: 0.4em; position: absolute; top: 5px; right: 0; }
.btn-dropdown.btn-open-overlay.active { color: #fff; z-index: 999; }
.btn-dropdown.btn-open-overlay.active:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid white; }

.btn-dropdown-help { position: relative; padding-right: 1.2em; }
.btn-dropdown-help:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid #3063a9; font-size: 0.4em; position: absolute; top: 5px; right: 0; }
.btn-dropdown-help.btn-open-overlay.active { color: #fff; z-index: 999; }
.btn-dropdown-help.btn-open-overlay.active:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid white; }

.btn-dropdown-invert { position: relative; color: #fff; background: #a9a9a9; line-height: 46px; padding: 0 30px 0 13px; font-size: 13px; }
.btn-dropdown-invert:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid white; font-size: 0.4em; position: absolute; top: 50%; margin-top: -3px; right: 10px; }
.btn-dropdown-invert:hover { text-decoration: none; background: #8f8f8f; }

.btn-dropdown-select { position: relative; color: #333333; background: #f0f0f0; line-height: 46px; padding: 0 30px 0 13px; min-width: 8em; overflow: hidden; white-space: nowrap; }
.btn-dropdown-select:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid #3063a9; font-size: 0.4em; position: absolute; top: 50%; margin-top: -3px; right: 10px; }

.btn-close-overlay { position: absolute; top: 1em; right: 1em; padding: 0.4em 0.8em; color: #fff; border: none; background: #a9a9a9; font-size: 16px; }
.btn-close-overlay:hover { text-decoration: none; background: #8f8f8f; }

.btn-icon { border: 1px solid #dddddd; display: inline-block; }

.btn-icon-www { border: 1px solid #4b98e0; display: inline-block; }

.btn-icon-print { background: url(/screens/btn-print.png) 50% 50% no-repeat white; width: 28px; height: 28px; }

.btn-icon-link { background: url(/screens/btn-link.png) 50% 50% no-repeat white; width: 65px; height: 28px; }

/*.btn-text{ border:1px solid $borderc; height:28px; font-size:$fontsize-s; white-space:nowrap; line-height:28px; padding:0 0.5em;}*/
.btn-text-action, .btn-text, input[type=submit] { background: #4b98e0; white-space: nowrap; line-height: 28px; color: #fff; padding: 0 0.5em; text-align: center; font-size: 12px; border: 0; }
.article .btn-text-action, .article .btn-text, .article input[type=submit] { padding: 0 1em; }
.btn-text-action:hover, .btn-text:hover, input[type=submit]:hover { background: #247fd4; text-decoration: none; }

.btn-text-reset { border: 1px solid #dddddd; background: #fff; line-height: 28px; padding: 0 0.5em; text-align: center; font-size: 12px; }
.btn-text-reset:hover { text-decoration: none; }

button, input[type=reset] { border: 1px solid #dddddd; background: #fff; line-height: 28px; padding: 0 0.5em; text-align: center; font-size: 12px; }
button:hover, input[type=reset]:hover { text-decoration: none; }

.btn-search-keyboard { display: block; background: url(/screens/keyboard.gif) no-repeat; width: 30px; height: 17px; }

.btn-help-large { background: #5dbca2; color: #fff; font-size: 24px; line-height: 46px; width: 44px; text-align: center; }
.btn-help-large:hover { text-decoration: none; background: #43a389; }

.btn-large { line-height: 46px; height: 46px; padding: 0 1em; font-size: 16px; }

.btn-submit-search { background: #4b98e0; color: #fff; border: none; font-weight: bold; font-size: 15px; text-transform: uppercase; text-align: center; }
.btn-submit-search:hover { background: #247fd4; }

.btn-submit-reset { background: #4b98e0; color: #fff; border: none; font-weight: bold; font-size: 15px; text-transform: uppercase; text-align: center; }
.btn-submit-reset:hover { background: #247fd4; }

.btn-select-catalog { display: block; position: relative; font-size: 12px; background: url(/screens//menu.png) 10px 12px no-repeat white; border: 1px solid #c1d0de; height: 46px; line-height: 46px; padding: 0 30px 0 35px; color: #313a4c; white-space: nowrap; overflow: hidden; }
.btn-select-catalog:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid #476f99; position: absolute; top: 20px; right: 9px; font-size: 6px; }
.btn-select-catalog.active { z-index: 100; }
.front-search-box .btn-select-catalog { background-color: #f0f0f0; border: none; }
.front-search-box .btn-select-catalog:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid #3063a9; }
.btn-select-catalog.has-moretext { line-height: 1.1; padding-top: 9px; white-space: normal; }
.btn-select-catalog.has-moretext.has-lotsmoretext { font-size: 12px; padding-top: 7px; }

.btn-open-overlay { position: relative; }
.btn-open-overlay.active { z-index: 999; }

.btn-larger { padding: 0.5em 1em; font-size: 13px; }

.btn-select { display: inline-block; background: url(/screens/arrow.gif) 0 3px no-repeat white; padding: 0 0 0 12px; }

.btn-alert-expand { cursor: pointer; display: block; position: relative; padding: 0 2em; color: #3063a9; }
.btn-alert-expand:hover { text-decoration: underline; }
.btn-alert-expand:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid #3063a9; position: absolute; font-size: 6px; top: 8px; right: 0; }
.alert-bad .btn-alert-expand:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid #710000; }

.results-filters-type { float: left; }
.results-filters-type .active { color: #333333; position: relative; }
.results-filters-type .active:after { content: ""; height: 12px; width: 21px; display: block; background: url(/screens/filter-active.gif) no-repeat; position: absolute; bottom: -1em; left: 50%; margin-bottom: -1px; margin-left: -10px; }

.results-filters-advanced { float: right; }

.nav-pager { float: right; font-size: 12px; }

.nav-more { float: left; font-size: 12px; }

.partners-logos { float: right; }

.site-search-box .btn-help-large { float: left; }

.select-catalog-box { float: left; margin-right: 9px; width: 252px; position: relative; }

.select-catalog-filter-dropdown { float: left; }

.link-box { border: 1px solid #c1d0de; background: #e8edf3; padding: 1em; text-align: center; font-size: 13px; margin-top: 5px; }

.search-box { float: left; margin-right: 9px; width: 535px; background: #fff; border: 1px solid #c1d0de; position: relative; padding-right: 140px; }
.search-box .btn-submit-search { position: absolute; top: -1px; bottom: -1px; right: -1px; padding: 0 1em; width: 87px; }
.search-box .btn-search-save { display: block; position: absolute; height: 17px; line-height: 17px; font-size: 10px; border: 1px solid #dddddd; color: #333333; background: #fff; top: 14px; right: 142px; padding: 0 1em; }
.search-box .btn-search-keyboard, .search-box .keyboardInputInitiator { position: absolute; top: 14px; right: 99px; }

/*input.search-input, .search-input{ width:100%; font-size:$fontsize-xl; border:0; height:44px; background:url(/screens/search.png) 10px 10px no-repeat; padding-left:42px; }*/
input.search-input, .search-input { width: 100%; font-size: 15px; border: 0; height: 44px; background: url(/screens/search.png) 10px 10px no-repeat; padding-left: 42px; }

/*.front-search-box { 
	.search-box{ width:464px; border-color:$borderc;  }
	.btn-help-large{ margin-right:9px;}
	.select-catalog-box{ width:220px;}

}*/
.front-search-box .search-box { width: 424px; border-color: #dddddd; }
.front-search-box .btn-help-large { margin-right: 9px; }
.front-search-box .select-catalog-box { width: 240px; }

.overlay-box-items .title { margin-top: 0; font-size: 16px; }

#selected-search-items { margin: 1.5em 0  0.5em 0; }

.selected-search-item { display: inline-block; background: #e8edf3; font-size: 10px; padding: 0.2em 0.5em; border: 1px solid #c1d0de; margin: 0 0.5em 0.5em 0; white-space: nowrap; cursor: pointer; }
.selected-search-item:after { content: "x"; display: inline-block; margin-left: 0.5em; }
.selected-search-item:hover { border-color: #dddddd; background: #fff; }

.result-page { border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; margin-top: 1em; }

.result-page-main { border-top: 1px solid #dddddd; padding: 2em 0; }

.result-page-content { float: left; width: 65%; margin: 0 3% 0 2%; }

.results-list { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; margin: 0 0 1em 0; width: 100%; }

.results-list-header { background: #f7f8f9; font-size: 12px; padding: 0.8em 2%; }
.results-list-header .nav-save-search { float: right; }
.results-list-header .nav-save-search .btn { font-weight: 600; }

.filter-sortby { float: right; font-size: 12px; margin-bottom: 1em; }

.results-total { float: left; margin: 0 0 1em 0; font-size: 12px; color: #999999; }

.results-total-red { float: left; margin: 0 0 1em 0; font-size: 12px; color: #cc0000; }

.library-header { position: relative; background: #6f95c4; color: #fff; text-align: center; padding: 1em; }
.library-header.library-header-tartu { background: #5dbca0; }
.library-header.library-header-tallinn { background: #e69d36; }
.library-header a { color: #fff; }
.library-header h2 { margin: 0; font-weight: normal; font-size: 24px; }
.library-header h3 { margin: 0; font-weight: normal; font-size: 16px; }
.library-header .btn-contact { position: absolute; top: 1em; right: 1em; font-size: 12px; }

/*.result-item{ border-bottom:1px solid $borderc; border-left:1px solid $borderc; border-right:1px solid $borderc; padding:20px 0 30px 0; }
.result-item-id{ float:left; text-align:center; width:4%; color:#666;}
.result-item-content{ float:left; width:66%;
	.title{ margin:0; font-size:$fontsize-l;
		a{ color:$textdark; }
			}
	dd{ margin:0; color:#666;}
}*/
.result-item { border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 20px 0 30px 0; }

.result-item-id { float: left; text-align: center; width: 4%; color: #666; }

.result-item-content { float: left; width: 66%; }
.result-item-content .title { margin: 0; font-size: 15px; }
.result-item-content .title a { color: #313a4c; }
.result-item-content .title a:visited { color: #999999; }
.result-item-content dd { margin: 0; color: #666; }

.result-item-details { float: left; width: 28%; margin-right: 2%; }

.result-item-details .has-btn { float: right; margin-right: 7px; display: block; margin-bottom: 1em;}

.result-item-details .has-btn:first-child { margin-right: 0px; }

.result-item-details .btn-text-action { width: 65px; }

.item-media-box {
  float: right;
  /*margin-top: 1em;*/
}

.media-type { float: right; font-size: 11px; line-height: 1.1; color: #313a4c; text-align: right; background-repeat: no-repeat; background-position: top right; }
.media-type img { display: inline-block; width: 33px; margin-bottom: 3px; }

.item-cover-small img { float: left; display: block; width: 65px; margin-left: 7px; }

.item-cover-medium img { float: left; display: block; width: 110px; margin-left: 10px; }

.data-list { margin: 0; }
.data-list dt { float: left; display: block; margin: 0 2% 0.5em 0; color: #999999; clear: left; width: 15%; }
.data-list dd { float: left; display: block; margin: 0 0 0.5em 0; width: 83%; font-weight: 600; }
.data-list .title { font-size: 16px; margin: 0 0 0.5em 0; }

.results-tab { width: 100%; border-top: 1px solid #dddddd; }
.results-tab td, .results-tab th { padding: 10px 8px; }
.results-tab td:last-child, .results-tab th:last-child { padding-right: 20px; }
.results-tab th { text-align: left; font-weight: 600; }
.results-tab th.cell-sum { text-align: right; }
.results-tab thead { font-size: 11px; color: #999999; }
.results-tab tbody { font-size: 13px; }
.results-tab tbody td, .results-tab tbody th { border-top: 1px solid #dddddd; }
.results-tab tbody tr:nth-child(even) { background: #fafbfb; }
.results-tab .media-type-img { width: 20px; }

.table-light { width: 100%; font-size: 13px; }
.table-light td, .table-light th { padding-right: 1em; }
.table-light thead th { text-align: left; font-weight: normal; color: #999999; border-bottom: 1px solid #dddddd; padding-bottom: 0.3em; }
.table-light tbody tr:first-child td { padding-top: 0.8em; }
.table-light tbody td { padding-bottom: 0.2em; }

.hold { margin-top: 10px; width: 480px; }

.hold_tly {
  margin-top: 10px;
  width: 480px;
  border: 1px solid #dddddd;
}

.holdhead { background-color: #f7f8f9; }

.holdhead1a { padding: 5px 1em 0px 1em; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; }

.holdhead1b { padding: 5px 1em 0px 1em; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; }

.holdhead2 { padding: 5px 1em 5px 1em; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; }

.holdhead_tly {
  padding: 5px 1em 5px 1em;
  background-color: #f7f8f9;
}

.holdline1 { font-weight: bold; border: 1px solid #dddddd; padding: 2px 0.5em 2px 0.5em; }

.holdline2 { border: 1px solid #dddddd; padding: 2px 0.5em 2px 0.5em; }

.cell-short-num { width: 1%; white-space: nowrap; }

.cell-sum { width: 5em; font-weight: 600; text-align: right; }

.qr-code { float: right; }
.qr-code img { max-width: 120px; }

.icon-user { display: block; position: relative; white-space: nowrap; padding-left: 30px; }
.icon-user:before { content: ""; background: url(/screens/icon-user.png) no-repeat; width: 21px; height: 21px; position: absolute; left: 0px; top: -4px; }

.front-promo { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/default.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-4 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S4.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-6 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S6.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-36 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S6.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-7 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S7.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-96 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S7.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-97 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S7.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-95 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S95.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-43 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S43.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-85 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S85.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-88 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S88.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-8 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S8.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-20 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S20.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-30 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S30.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-35 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S35.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-42 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S42.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-93 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S93.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-94 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S94.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-15 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S15.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-16 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S15.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-17 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S15.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-18 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S15.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-22 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S15.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-29 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S29.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-33 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S15.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-34 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S15.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-9 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S9.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-11 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S11.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-10 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S10.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-12 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S12.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-13 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S13.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-14 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S14.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-76 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S76.png); background-color: #e8edf3; color: #fff; }

.front-promo-48 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S48.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-51 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S51.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-53 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S53.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-55 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S55.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-23 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S23.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-58 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S58.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-59 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S58.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-72 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S72.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-74 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S74.jpg); background-color: #e8edf3; color: #fff; }

.front-promo-83 { height: 430px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top center; background-image: url(/screens/S83.jpg); background-color: #e8edf3; color: #fff; }

/*.tabs-box{ margin:1em 0; border:1px solid $borderc;}*/
.tabs-box { margin: 0 0; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }

.tabs-header { border-bottom: 1px solid #dddddd; padding: 1em 2%; background: #f7f8f9; }

.tab-content { padding: 2em 2%; }

.tab-box-content { float: left; width: 67.7%; }

.tab-box-details { float: left; width: 30%; margin-left: 2.3%; }

.has-dropdown { position: relative; }

.dropdown-box { background: #fff; border: 1px solid #dddddd; padding: 18px; box-shadow: 1px 1px 3px #999; position: absolute; min-width: 300px; max-width: 350px; top: 180%; left: 50%; margin-left: -111px; z-index: 999; }
.dropdown-box:before { position: absolute; top: -13px; left: 50%; margin-left: -12px; content: ""; display: block; background: url(/screens/dropdown-top.gif) no-repeat; width: 23px; height: 13px; }
.dropdown-box.dropdown-box-right { margin-left: 0; left: auto; right: 10px; }
.dropdown-box.dropdown-box-right:before { left: auto; margin-left: 0; right: 2em; }
.dropdown-box ul { list-style: none; margin: 0; padding: 0; font-weight: normal; }
.dropdown-box li { margin-top: 0.2em; }
.dropdown-box li:first-child { margin-top: 0; }
.dropdown-box.dropdown-select-box { padding: 0; width: 180px; }
.dropdown-box.dropdown-select-box ul { font-weight: normal; }
.dropdown-box.dropdown-select-box li { margin-top: 0; border-top: 1px solid #dddddd; }
.dropdown-box.dropdown-select-box li:first-child { border-top: 0; }
.dropdown-box.dropdown-select-box a { padding: 0.5em 1em; display: block; cursor: pointer; }
.dropdown-box.dropdown-select-box a:hover { background: #e8edf3; }
.dropdown-box.dropdown-select-box a.active { color: #000; }

.dropdown-box-btns { margin: 1em -18px -18px -18px; padding: 1em 18px; background: #e8edf3; }
.dropdown-box-btns .btn { display: block; width: 100%; margin-top: 0.3em; }

#select-catalog-item { font-size: 11px; }
#select-catalog-item ul { list-style: none; padding: 0; }
#select-catalog-item li { padding: 0.2em 1em 0.2em 0; }
#select-catalog-item h2 { margin: 0; font-size: 11px; }
#select-catalog-item a { color: #333333; }

#site-overlay { background: #1a2136; opacity: 0.82; position: absolute; position: fixed; top: 0; left: 0; width: 100%; bottom: 0; z-index: 99; display: none; }
body.has-overlay #site-overlay { display: block; }
body.has-overlay-light #site-overlay { display: block; opacity: 0.15; }

#overlay-box-arrow { content: ""; display: inline-block; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-bottom: 1em solid white; font-size: 0.8em; position: absolute; z-index: 999; display: none; }
body.has-overlay #overlay-box-arrow { display: block; }
body.front-body.has-overlay #overlay-box-arrow { display: none; }

.overlay-box-items { position: absolute; z-index: 999; background: #fff; width: 100%; left: 0; padding: 2em 0; }

.alert { border: 1px solid #dddddd; background: #f7f8f9; padding: 1em; }
.alert.alert-bad { border-color: #e7a2a2; background: #ffd6d6; }

.alert-title { text-align: center; margin: 0; font-weight: normal; font-size: 16px; }
.alert-bad .alert-title { color: #710000; }

.alert-content { margin-top: 1em; padding: 1em; background: #fff; border: 1px solid #dddddd; display: none; }
.alert.expanded .alert-content { display: block; }
.alert-bad .alert-content { border-color: #e7a2a2; }

.pager { text-align: center; font-size: 12px; }
.pager ul { margin: 0; padding: 0; list-style: none; }
.pager li { display: inline-block; margin-left: 5px; }
.pager li:first-child { margin-left: 0; }
.pager a { border: 1px solid #dddddd; display: block; padding: 0.3em 0.5em; }

.btn-pager-prev:after { content: ""; display: inline-block; width: 0; height: 0; border-top: 0.3em solid transparent; border-right: 0.5em solid #3063a9; border-bottom: 0.3em solid transparent; margin-right: 0.3em; }

.btn-pager-next:after { content: ""; display: inline-block; width: 0; height: 0; border-top: 0.3em solid transparent; border-left: 0.5em solid #3063a9; border-bottom: 0.3em solid transparent; margin-left: 0.3em; }

#keyboardInputMaster { border: 1px solid #c1d0de; position: absolute; font: normal 11px; -webkit-box-shadow: 0px 2px 6px #000; -moz-box-shadow: 0px 2px 6px #000; box-shadow: 0px 2px 6px #000; background-color: #fff; text-align: left; z-index: 1000000; width: auto; height: auto; min-width: 0; min-height: 0; margin: 0px; padding: 0px; line-height: normal; -moz-user-select: none; cursor: default; margin-top: 8px; }

#keyboardInputMaster * { position: static; color: #000000; background: transparent; font-weight: normal; width: auto; height: auto; min-width: 0; min-height: 0; margin: 0px; padding: 0px; border: 0px none; outline: 0px; vertical-align: baseline; line-height: 1.3em; }

#keyboardInputMaster table { table-layout: auto; }

#keyboardInputMaster.keyboardInputSize1, #keyboardInputMaster.keyboardInputSize1 * { font-size: 9px; }

#keyboardInputMaster.keyboardInputSize3, #keyboardInputMaster.keyboardInputSize3 * { font-size: 13px; }

#keyboardInputMaster.keyboardInputSize4, #keyboardInputMaster.keyboardInputSize4 * { font-size: 15px; }

#keyboardInputMaster.keyboardInputSize5, #keyboardInputMaster.keyboardInputSize5 * { font-size: 20px; }

#keyboardInputMaster thead tr th { padding: 0.3em 0.3em 0.1em 0.3em; background-color: #e8edf3; white-space: nowrap; text-align: right; font-weight: normal; font-size: 0.8em; }

#keyboardInputMaster thead tr th div { float: left; font-size: 130% !important; height: 1.3em; position: relative; z-index: 1; margin-right: 0.5em; cursor: pointer; background-color: transparent; }

#keyboardInputMaster thead tr th div ol { position: absolute; left: 0px; top: 90%; list-style-type: none; height: 9.4em; overflow-y: auto; overflow-x: hidden; background-color: #f6f6f6; border: 1px solid #999999; display: none; text-align: left; width: 12em; }

#keyboardInputMaster thead tr th div ol li { padding: 0.2em 0.4em; cursor: pointer; white-space: nowrap; width: 12em; }

#keyboardInputMaster thead tr th div ol li.selected { background-color: #ffffcc; }

#keyboardInputMaster thead tr th div ol li:hover, #keyboardInputMaster thead tr th div ol li.hover { background-color: #dddddd; }

#keyboardInputMaster thead tr th span, #keyboardInputMaster thead tr th strong, #keyboardInputMaster thead tr th small, #keyboardInputMaster thead tr th big { display: inline-block; padding: 0px 0.4em; height: 1.4em; line-height: 1.4em; border-top: 1px solid #e5e5e5; border-right: 1px solid #5d5d5d; border-bottom: 1px solid #5d5d5d; border-left: 1px solid #e5e5e5; background-color: #cccccc; cursor: pointer; margin: 0px 0px 0px 0.3em; vertical-align: middle; -webkit-transition: background-color .15s ease-in-out; -o-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out; }

#keyboardInputMaster thead tr th strong { font-weight: bold; }

#keyboardInputMaster thead tr th small { padding: 0px 0.2em 0px 0.3em; }

#keyboardInputMaster thead tr th big { border-left: 0px none; margin: 0px; padding: 0px 0.3em 0px 0.2em; }

#keyboardInputMaster thead tr th span:hover, #keyboardInputMaster thead tr th span.hover, #keyboardInputMaster thead tr th strong:hover, #keyboardInputMaster thead tr th strong.hover, #keyboardInputMaster thead tr th small:hover, #keyboardInputMaster thead tr th small.hover, #keyboardInputMaster thead tr th big:hover, #keyboardInputMaster thead tr th big.hover { background-color: #dddddd; }

#keyboardInputMaster tbody tr td { text-align: left; padding: 0.2em 0.3em 0.3em 0.3em; vertical-align: top; }

#keyboardInputMaster tbody tr td div { text-align: center; position: relative; zoom: 1; }

#keyboardInputMaster tbody tr td table { white-space: nowrap; width: 100%; border-collapse: separate; border-spacing: 0px; }

#keyboardInputMaster tbody tr td#keyboardInputNumpad table { margin-left: 0.2em; width: auto; }

#keyboardInputMaster tbody tr td table.keyboardInputCenter { width: auto; margin: 0px auto; }

#keyboardInputMaster tbody tr td table tbody tr td { vertical-align: middle; padding: 0px 0.45em; white-space: pre; height: 1.8em; border-top: 1px solid #e5e5e5; border-right: 1px solid #5d5d5d; border-bottom: 1px solid #5d5d5d; border-left: 1px solid #e5e5e5; background-color: #f7f8f9; cursor: default; min-width: 0.75em; -webkit-transition: background-color .15s ease-in-out; -o-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out; }

#keyboardInputMaster tbody tr td table tbody tr td.last { width: 99%; }

#keyboardInputMaster tbody tr td table tbody tr td.space { padding: 0px 4em; }

#keyboardInputMaster tbody tr td table tbody tr td.deadkey { background-color: #ccccdd; }

#keyboardInputMaster tbody tr td table tbody tr td.target { background-color: #ddddcc; }

#keyboardInputMaster tbody tr td table tbody tr td:hover, #keyboardInputMaster tbody tr td table tbody tr td.hover { border-top: 1px solid #d5d5d5; border-right: 1px solid #555555; border-bottom: 1px solid #555555; border-left: 1px solid #d5d5d5; background-color: #cccccc; }

#keyboardInputMaster thead tr th span:active, #keyboardInputMaster thead tr th span.pressed, #keyboardInputMaster tbody tr td table tbody tr td:active, #keyboardInputMaster tbody tr td table tbody tr td.pressed { border-top: 1px solid #555555 !important; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #555555; background-color: #cccccc; }

#keyboardInputMaster tbody tr td table tbody tr td small { display: block; text-align: center; font-size: 0.6em !important; line-height: 1.1em; }

#keyboardInputMaster tbody tr td div label { position: absolute; bottom: 0.2em; left: 0.3em; }

#keyboardInputMaster tbody tr td div label input { background-color: #f6f6f6; vertical-align: middle; font-size: inherit; width: 1.1em; height: 1.1em; }

#keyboardInputMaster tbody tr td div var { position: absolute; bottom: 0px; right: 3px; font-weight: bold; font-style: italic; color: #444444; }

.keyboardInputInitiator { margin: 0px 3px; vertical-align: middle; cursor: pointer; }

.confirmationprompt { color: #cc0000; font-size: 14px; }

/* .bibInfoLabel { float: left; display: block; margin: 0 2% 0.5em 0; color: #999999; clear: left; font-weight: normal; } */
.bibInfoLabel { margin: 0 0 0.5em 0; color: #999999; clear: left; font-weight: normal; width: 20%; }

.bibInfoLabel2 { margin: 0 0 0.5em 0; color: #999999; clear: left; font-weight: normal; width: 15%; }

/* .bibInfoData { float: left; display: block; margin: 0 0 0.5em 0; width: 83%; font-weight: 600; } */
.bibInfoData { margin: 0 0 0.5em 0; width: 83%; font-weight: 400; }

.bibInfoData2 { margin: 0 0 0 0; width: 80%; font-weight: 400; }

.bibItems { border: 0px solid #dddddd; margin-top: 5px; margin-bottom: 5px; }

.bibItemsHeader { font-weight: normal; color: #999999; text-align: left; border-bottom: 1px solid #dddddd; }

.bibItemsEntry { text-align: left; }

.briefCitRow { border: 1px solid #dddddd; }

/*.bibHoldings
{ border: 1px solid $borderc; border-top-width: 1px; border-right-width-value: 1px; border-bottom-width: 1px; border-left-width-value: 1px; border-top-style: solid; border-right-style-value: solid; border-bottom-style: solid; border-left-style-value: solid; border-image-source: none; border-image-slice: 100% 100% 100% 100%; border-image-width: 1 1 1 1; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch;
}
*/
.bibHoldings { border: none; border-top-width: 0px; border-right-width-value: 0px; border-bottom-width: 0px; border-left-width-value: 0px; border-top-style: none; border-right-style-value: none; border-bottom-style: none; border-left-style-value: none; border-image-source: none; border-image-slice: 100% 100% 100% 100%; border-image-width: 1 1 1 1; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; }

.bibHoldingsEntry { padding-bottom: 5px; padding-top: 5px; }

.browseEntry td { border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }

.browseEntry a:visited { color: #999999; }

.bibOrder { border: none; }

.browseHeader { background-color: #f7f8f9; padding: 20px 0 30px 0; }

.browseHeaderData { vertical-align: middle; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }

.browseHeaderEntries { vertical-align: middle; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }

.browseHeaderMark { vertical-align: middle; width: 5%; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }

.browseHeaderMedia { vertical-align: middle; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }

.browseHeaderNum { vertical-align: middle; width: 5%; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }

.browseHeaderRelevance { vertical-align: middle; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }

.browseHeaderYear { vertical-align: middle; width: 5%; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }

.browseSearchtool { display: none; }

.bibSearchtool { display: none; }

.bibSearchTool { display: none; }

.browseSaveJump { display: none; }

/*.browseScreen { border:1px solid $borderc;}*/
.bibLinks { border: none; }

.browseList { margin: 0 0 1em 0; width: 100%; }

.navigationRow { display: none; }

.checkinInfo { font-weight: bold; }

.checkinArrived, .checkinExpected, .checkinLate, .checkinClaime, .checkinPartiallyReceived, .checkinBinderyPrep, .checkinAtBindery, .checkinBound, .checkinMissing, .checkinRemoved, .checkinUnavailable, .checkinOutOfPrint, .checkinNotPublished, .checkinNull { background-color: white; border-top-width: 1px; border-right-width-value: 1px; border-bottom-width: 1px; border-left-width-value: 1px; border-top-style: solid; border-right-style-value: solid; border-bottom-style: solid; border-left-style-value: solid; border-top-color: #dddddd; border-right-color: #dddddd; border-bottom-color: #dddddd; border-left-color: #dddddd; border-image-source: none; border-image-slice: 100% 100% 100% 100%; border-image-width: 1 1 1 1; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }

/*.checkinCardTable
{
border: 1px solid $borderc;
}*/
.ftlistHeader { display: none; }

.holdingsDivider { border: 1px solid #dddddd; }

.pageMainAreaHeader { font-size: 12px; margin-bottom: 1em; font-weight: 600; }

.patFunc { border: none; border-top-width: 0px; border-top-style: solid; border-spacing: 0px; width: 100%; }

.patFunc td { border: 1px solid #dddddd; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-bottom-width: 1px; border-bottom-style: solid; }

.patFuncArea { border: none; border-top-width: 0px; border-right-width-value: 0x; border-bottom-width: 0px; border-left-width-value: 0px; border-top-style: solid; border-right-style-value: solid; border-bottom-style: solid; border-left-style-value: solid; border-image-source: none; border-image-slice: 100% 100% 100% 100%; border-image-width: 1 1 1 1; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; margin-top: 3px; margin-right: 3px; margin-bottom: 3px; margin-left: 3px; }

.patFuncHeaders { padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; background-color: #f7f8f9; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; }

.pat-btn-div { float: left; display: inline-block; }

.btn-pat { border-left: 1px solid #dddddd; display: inline-block; padding-left: 1em; padding-right: 1em; margin-top: 0.5em; margin-bottom: 0.5em; }

.reserveBibs { border: 1px solid #dddddd; border-top-width: 1px; border-right-width-value: 1px; border-bottom-width: 1px; border-left-width-value: 1px; border-top-style: solid; border-right-style-value: solid; border-bottom-style: solid; border-left-style-value: solid; border-image-source: none; border-image-slice: 100% 100% 100% 100%; border-image-width: 1 1 1 1; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; }

.reserveBibs td { border: 1px solid borderc; border-top-width: 1px; border-right-width-value: 1px; border-left-width-value: 1px; border-top-style: solid; border-right-style-value: solid; border-left-style-value: solid; border-top-color: #dddddd; border-top-color-value: #dddddd; border-right-color-value: #dddddd; border-bottom-color: #dddddd; border-left-color-value: #dddddd; border-image-source: none; border-image-slice: 100% 100% 100% 100%; border-image-width: 1 1 1 1; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }

.yourEntryWouldBeHereData { border-top-width: 2px; border-right-width-value: 2px; border-bottom-width: 2px; border-left-width-value: 2px; border-top-style: solid; border-right-style-value: solid; border-bottom-style: solid; border-left-style-value: solid; border-top-color: #c1d0de; border-right-color: #c1d0de; border-bottom-color: #c1d0de; border-left-color: #c1d0de; border-image-source: none; border-image-slice: 100% 100% 100% 100%; border-image-width: 1 1 1 1; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; }

.tunnused { border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }

.mylistsSavePage { width: 70%; font-size: 13px; line-height: 1.4; }

.pageMainAreaHeader { font-size: 16px; }

.formEntryArea { margin: 5px 0 1em 0; }

.formLabel { display: block; margin-bottom: 0.3em; }

.showInlineElem { display: block; }

.infokast { border: 1px solid #3063a9; background: White; }

.locations { text-indent: -20px; padding-left: 30px; color: black; white-space: nowrap; }

.locations:first-line { font-weight: bold; }

.spTable td { padding: 10px; border: 0px solid #dddddd; text-align: left; vertical-align: middle; }

.spTable td.bdl { border-left: 1px solid #dddddd; }

.spTable td.bdr { border-right: 1px solid #dddddd; }

.spTable td.bdt { border-top: 1px solid #dddddd; }

.spTable td.bdb { border-bottom: 1px solid #dddddd; }

.briefcitStatus .nav > li { float: left; margin-right: 0.3em; font-weight: normal; }

#marc-data pre { line-height: 100%; }

.dropdown-box-loc { background: #fff; border: 1px solid #ddd; padding: 18px 18px 18px 38px; box-shadow: 1px 1px 3px #999; position: absolute; min-width: 180px; top: 180%; left: -30px; z-index: 999; }

.dropdown-box-loc:before { position: absolute; top: -13px; left: 45px; margin-left: -12px; content: ""; display: block; background: url(/screens/dropdown-top.gif) no-repeat; width: 23px; height: 13px; }

.dropdown-box-loc ul { list-style: none; margin: 0; padding: 0; }

#order-button { z-index: 0; }

#order-digital-copy { min-height: 550px; padding-left: 100px; }

#savequery-box ul { font-weight: bold; }

.more-space { padding-top: 10px; padding-bottom: 10px; }

.deleteSelected a { border-left: 1px solid #dddddd; padding-left: 1em; padding-right: 1em; }

.deleteSelected a:first-child { border-left: 0; padding-left: 0; }

/* printimise dropdown box, 26. jaanuar  */
.dropdown-box-print { background: #fff; border: 1px solid #dddddd; padding: 18px; box-shadow: 1px 1px 3px #999; position: absolute; min-width: 200px; max-width: 250px; /*  top: 180%; left: 50%;*/ margin-left: -100px; z-index: 999; text-align: center; }

.dropdown-box-print:before { position: absolute; top: -13px; left: 57%; margin-left: -12px; content: ""; display: block; background: url(/screens/dropdown-top.gif) no-repeat; width: 23px; height: 13px; }

.dropdown-box-print ul { list-style: none; margin: 0; padding: 0; font-weight: normal; }

/* www dropdown box, 26. jaanuar  */
.dropdown-box-www-link { background: #fff; border: 1px solid #dddddd; padding: 18px; box-shadow: 1px 1px 3px #999; position: absolute; min-width: 300px; /*  max-width: 900px;*/ /* top: 180%; left: 50%;*/ margin-left: -240px; z-index: 999; text-align: center; }

.dropdown-box-www-link:before { position: absolute; top: -13px; left: 90%; margin-left: -12px; content: ""; display: block; background: url(/screens/dropdown-top.gif) no-repeat; width: 23px; height: 13px; }

.dropdown-box-www-link ul { list-style: none; margin: 0; padding: 0; font-weight: normal; }

.more-space { margin-top: 10px; margin-bottom: 10px; }

/* kirjete eksportimisel kirje div-i kujundus*/
.export-record { border-radius: 25px; border: 2px solid #8AC007; padding: 20px; margin-top: 10px; margin-bottom: 10px; }

/* kirjete eksportimise kuvas lingi kujundus */
.export-record a { color: black; }

/* kirjete eksportimise kuvas p{uFFFD}is raamatukogude nimedega, lahtrile serva rohkem ruumi*/
#lib-summary-header table td { padding-left: 30px; }

/* kirjete eksportimise kuvas, e-posti  saatmise teade*/
#mail_sent_message { padding-right: 30px; color: red; }

/* eksemplaride tabelid igal pool */
#links_table, #links_table_2, table.links_table { table-layout: fixed; width: 100%; padding-top: 1em;}


/* anname lehek?lgede loendile hingamisruumi, et paremini hiirega tabaks */
td.browsePager > *, p.browsePager > * {
  padding: 0 8px 0;
  font-size: 14px;
}

td.browsePager {
  padding: 1em;
}

.additionalCopiesNav {
  margin: 10px 0;
}

.additionalCopiesNav a {
  margin: 0 10px 0;
}

/* RWD */
/*IE10 Snap Mode*/
@-ms-viewport {
  /*noinspection CssInvalidPropertyValue*/
  width: device-width;
}

@media screen and (max-width: 768px) {
  /* DataTables vajab seda toimimiseks kitsal ekraanil */
  #links_table, #links_table_2, table.links_table {
    table-layout: auto;
  }
  .site, .front-header {
    padding: 0 5px 0;
  }
  .site-header {
    padding-top: 10px;
    background: #e8edf3 none;
  }
  .site-results-filter {
    background-color: #e8edf3;
    padding: 0 10% 0 0;
  }
  /* n?itame kitsal ekraanil erinevaid registri otsinguid, kuid peidame sisseloginud kasutaja dubleeritud men?? */
  .site-results-filter {
    display: none;
  }
  #registri_riba {
    display: block;
  }
  .results-list-header li:first-child {
    border-left: 1px solid #dddddd;
    padding-left: 1em;
  }
  .results-list-header li {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  select {
    min-height: 45px;
  }
  /* Kitsama ekraani peal lubame vajadusel s?nu murda ka suvalise koha pealt */
  table {
    word-break: break-word;
  }
  /* aga tabeli laiuse v?tame p?ise j?rgi v?i selle puudumisel esimese rea j?rgi */
  tr:first-child td, tr:first-child th, .patFuncHeaders, .browseHeader {
    word-break: normal;
  }
  /* meelega ?let?pne, et eelmist ilma important! kasutamata ?le kirjutada */
  table td.bibInfoData {
    word-break: break-word;
  }
  .patFuncHeaders {
    text-transform: uppercase;
  }
  .print-view table {
    word-break: normal;
  }
  .input-inline {
    margin-bottom: 10px;
  }
  .results-filters-advanced {
    padding-top: 10px;
  }
  .results-filters-advanced > .nav > li {
    float: none;
    margin-bottom: 12px;
  }
  /* p?ise korrastamine */
  .btn-site-home {
    position: relative;
    bottom: auto;
  }
  .site-header-box {
    margin: auto;
  }
  .nav-site-header-user, .nav-site-header {
    float: left;
    clear: both;
    margin: 11px 0;
  }
  .select-catalog-box {
    width: 90%;
  }
  #select-catalog-item {
    font-size: 14px;
  }
  #select-catalog-item h2 {
    font-size: 16px;
    padding-top: 16px;
  }
  .search-box {
    width: 90%;
    padding-right: 10px;
  }
  #viga {
    margin: auto !important;
    text-align: right;
    padding: 0 15px 15px 0;
  }
  .display-narrow {
    display: block !important;
    visibility: visible;
  }
  .search-box .btn-search-keyboard,
  .search-box .keyboardInputInitiator {
    display: none;
  }
  .keyboardInputInitiator {
    display: none;
  }
  .input-with-keyboard {
    padding-right: 0;
    min-width: 350px;
  }
  input.search-input, .search-input {
    background-color: white;
  }
  .front-search-box .search-box {
    width: 80%;
  }
  /* avalehel Liitotsing nupp ja kus veel? */
  .btn-dropdown-invert {
    width: 15%;
    padding: 0;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
  }
  /*.site-search-box.front-search-box.box {text-align: center}*/
  .front-promo-title {
    margin: 70px 0 30px;
    text-shadow: 2px 2px 3px #333;
  }
  .front-promo {
    padding-left: 15px;
  }
  .col-3 {
    width: 98%;
  }
  .col-3:first-child {
    margin-left: 1.25%;
  }
  .column-half select {
    width: 100%;
  }
  .result-page-content {
    float: left;
    width: 100%;
    margin-left: 0;
  }
  .result-item {
    padding: 20px 0;
  }
  .result-item-id {
    width: 10%;
  }
  .result-item-content {
    width: 65%;
  }
  .result-item-details {
    float: right;
    width: 20%;
    margin-top: 10px;
  }
  .result-item-details .has-btn:first-child, .result-item-details .has-btn {
    /*float: right;*/
    margin-right: 7px;
  }
  .result-page-main .result-item-details {
    width: 100%;
  }
  .item-cover-small {
    clear: both;
    float: right;
  }
  .item-cover-small img {
    float: left;
  }
  .media-type {
    margin-right: 8px;
    /* margin-bottom: 8px; */
    /* float: right; */
    word-break: normal;
  }
  .item-media-box {
    margin: 0 7px 7px 0;
  }
  /**
   * responsive nav + js
   */
  .results-filters-type {
    position: relative;
    min-width: 150px;
    height: 44px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #c1d0de;
    padding-top: 14px;
    padding-right: 30px;
    z-index: 1;
    background-color: white;
    margin-bottom: 10px;
  }
  .results-filters-type:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1em solid #476f99;
    position: absolute;
    top: 20px;
    right: 9px;
    font-size: 6px;
  }
  .results-filters-type.is-open {
    overflow: visible;
  }
  .results-filters-type.is-open:before {
    background: #1a2136;
    opacity: 0.82;
    content: "" !important;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 0;
  }
  .results-filters-type.is-open:after {
    content: "\002715";
    z-index: 10;
    border: none;
    font-size: 16px;
    width: 1em;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 10%;
    margin-top: -8px;
    margin-left: -8px;
  }
  .results-filters-type.is-open > .box.nav {
    border: 1px solid #c1d0de;
    background: white;
  }
  .results-filters-type > .box.nav {
    list-style: none;
    margin: 0;
    padding: 44px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
  }
  .results-filters-type .nav > li {
    float: none;
    font-size: 14px;
  }
  .results-filters-type .nav > li a {
    display: block;
    white-space: nowrap;
    padding-right: 14px;
    padding-left: 14px;
    line-height: 44px;
  }
  .results-filters-type .active:after {
    background-image: none;
  }
  .results-filters-type .active:before {
    content: "\0000bb ";
  }
  .results-filters-type:before {
    background: url(/screens/menu.png) 8px 0 no-repeat white;
    padding-left: 30px;
    font-size: 14px;
    z-index: 1;
    position: relative;
  }
  .results-filters-type:before {
    content: attr(data-content);
  }
  /* end responsive nav + js */
  /* patronview / aadressiandmed */
  .data-list dt {
    width: 40%;
  }
  .data-list dd {
    margin-left: 1em;
    width: 50%;
  }
  .column-half {
    width: 100%;
  }
  #help-box li, #oldersearch-box li, #my-settings-box li {
    padding-top: 12px;
    font-size: 14px;
  }
  /* laenutuste ajaloo lehe "nupud" sisaldavad nii div kui span elementi FIXME WWWOptions? */
  form[name="PHISTORYFORM"] a > * {
    margin: 0 0 10px;
  }
  /* Minu kaustad lehe "nupud" sisaldavad nii div kui span elementi */
  .patFunc a[href^="/patroninfo~"] > *,
  .patFuncArea a[href^="/patroninfo~"] > * {
    margin: 0 0 10px;
  }
  #hold_form input[type='submit'],
  #checkout_form input[type='submit'] {
    margin: 0 0 10px;
  }
  .paketid_vorm, .article {
    width: 100%;
  }
  .paketid_vorm input[type=text] {
    width: 70%;
  }
  .help1 {
    width: 90%;
  }
  .help2 {
    float: left;
    margin: 10px 0 10px 50px;
    clear: both;
  }
  /*uudiskirjandus*/
  .browseHeaderEntries, .browseHeaderNum {
    width: 10%;
  }
  .browseEntryNum, .browseEntryEntries {
    text-align: right !important;
  }
  .library-header .btn-contact {
    position: relative;
  }
  /* t?psusta otsingut kast */
  .input-large.keyboardInput {
    width: 100%;
  }
  .modal-content {
    width: 70%;
  }
}

@media screen and (max-width: 425px) {
  .site-footer {
    text-align: center;
  }
  .partners-logos {
    padding-top: 20px;
    width: 100%;
  }
  .front-header .btn-site-home {
    clear: both;
    float: left;
  }
  .front-header .btn-site-home img {
    width: 140px;
  }
  .site-search-box .btn-dropdown-invert,
  .front-promo-text {
    display: none;
  }
  .front-search-box .search-box,
  .front-search-box .select-catalog-box {
    width: 90%;
    margin-bottom: 5px;
  }
  .select-catalog-filter-dropdown {
    width: 100%;
  }
  .btn-dropdown-select {
    width: 90%;
  }
  .front-header .nav-vertical {
    float: left;
    margin: 0;
    width: 100%;
  }
  .front-header ul.box.nav.nav-vertical > li {
    border: none;
    text-align: left;
    padding: 0 10px 0;
    margin: 0;
  }
  .front-header #name_box > li {
    width: 100%;
  }
  .front-header .icon-user {
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 0 5px 30px;
  }
  .icon-user:before {
    left: 0;
    top: 0;
  }
  /*kirjete eksport*/
  #export_options form > * {
    display: inline-block;
  }
  #export_options form label {
    width: 40%;
  }
  #export_options form > label:before {
    content: "\A";
    white-space: pre;
  }
  #tab-marc-li, #tab-latest-li {
    display: none;
  }
  /*FIXME metsik h'kk srchhelp_X_est_s1.html jaoks*/
  .foobar {
    margin-left: 0;
    float: left;
  }
  .hold {
    width: 100%;
  }
  .reserveBibs {
    border: none;
  }
  #order-digital-copy {
    padding: 0;
    min-height: 250px;
  }
  .dropdown-box {
    left: 25%;
  }
  .results-list-header .nav-vertical {
    float: left;
    clear: both;
  }
  .column-half, .column-half.article, .article {
    width: 100%;
  }
  .input-text {
    width: 100%;
  }
  /*.filter-sortby {float: left;}*/
}

/*TODO m?tle kuhu see panna?!*/
.dataTables_wrapper .dataTables_info {
  color: #999999 !important;
  text-align: left !important;
}

.dataTables_wrapper {
  margin-bottom: 1em;
}

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
  text-align: left;
}

table.dataTable thead th, table.dataTable thead td {
  border-top: 1px solid #999;
}

table.dataTable tr.parent td {
  border-top: 1px solid #999 !important;
}

table.dataTable tr.parent td:first-child {
  font-weight: bold;
}

table.dataTable td.child {
  border-left: none !important;
  border-right: none !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  min-width: 70%;
}

.dataTables_paginate .paginate_button {
  text-transform: lowercase;
}

.dataTables_paginate .paginate_button.next:after {
  content: "\00a0\00bb";
}

.dataTables_paginate .paginate_button.previous:before {
  content: "\00ab\00a0";
}

table.dataTable > tbody > tr.child span.dtr-title {
  color: #999;
  text-transform: uppercase;
}

/* TODO lisa veel */
span.dtr-title:after {
  content: ":";
}

/*Opens dropdown on mouseover*/
.hover-dropdown:hover .dropdown-box-loc {
  display: block !important;
  visibility: visible !important;
}

/* vaeg-kuva parandamiseks IFrames */
.details-iframe { background: #fff; }