df0122f4bbe6c66c71ab9c5d64719a643e2a51b4
[Evergreen.git] / Open-ILS / src / templates-bootstrap / opac / css / style.css.tt2
1 [%-
2     PROCESS "opac/parts/css/colors.tt2";
3     PROCESS "opac/parts/css/fonts.tt2";
4     rtl = ctx.get_i18n_l(ctx.eg_locale).rtl;
5 %]
6
7 .adv_filters{
8
9     -moz-column-count: 4;
10     -moz-column-gap: 20px;
11     -webkit-column-count: 4;
12     -webkit-column-gap: 20px;
13     column-count: 4;
14     column-gap: 20px;
15     list-style: none;
16 }
17
18 .top-divide{
19         border-top: 1px solid rgba(0,0,0,.1);
20 }
21
22 /*
23 Mini Table Styling
24 */
25 @media
26 only screen and (max-width: 650px)  {
27     .miniTable{
28         width: 100% !important;
29     }
30
31     /* Force table to not be like tables anymore */
32     .miniTable table, .miniTable thead, .miniTable tbody, .miniTable th, .miniTable td, .miniTable tr
33     {
34         display: block;
35     }
36
37     .miniTable th{
38        display:none;
39     }
40
41     /* Hide table headers (but not display: none;, for accessibility) */
42     .miniTable thead tr{
43         position: absolute;
44         top: -9999px;
45         left: -9999px;
46     }
47
48     .miniTable tr
49      {
50          border: 1px solid #ccc;
51          margin: 10px 0px;
52      }
53
54
55     .miniTable td
56     {
57         border: none;
58         border-bottom: 1px solid #eee;
59         position: relative;
60         padding-left: 50%;
61         min-height:45px;
62         text-align: right;
63     }
64
65     .miniTable td:before
66     {
67         left: 6px;
68         width: 45%;
69         padding-right: 10px;
70         white-space: nowrap;
71         position: absolute;
72     }
73     .copyTable tr:nth-of-type(1):before { content: "Copy #1"; display: block; text-align:center; }
74     .copyTable tr:nth-of-type(2):before { content: "Copy #2"; display: block; text-align:center;}
75     .copyTable tr:nth-of-type(3):before { content: "Copy #3"; display: block; text-align:center;}
76     .copyTable tr:nth-of-type(4):before { content: "Copy #4"; display: block; text-align:center;}
77     .copyTable tr:nth-of-type(5):before { content: "Copy #5"; display: block; text-align:center;}
78     .copyTable tr:nth-of-type(6):before { content: "Copy #6"; display: block; text-align:center;}
79     .copyTable tr:nth-of-type(7):before { content: "Copy #7"; display: block; text-align:center;}
80     .copyTable tr:nth-of-type(8):before { content: "Copy #8"; display: block; text-align:center;}
81     .copyTable tr:nth-of-type(9):before { content: "Copy #9"; display: block; text-align:center;}
82     .copyTable tr:nth-of-type(10):before { content: "Copy #10"; display: block; text-align:center;}
83
84     .copyTable td:nth-of-type(1):before { content: "Library"; display: flex; }
85     .copyTable td:nth-of-type(2):before { content: "Call Number"; display: flex; }
86     .copyTable td:nth-of-type(3):before { content: "Barcode"; display: flex;}
87     .copyTable td:nth-of-type(4):before { content: "Shelving Location"; display: flex;}
88     .copyTable td:nth-of-type(5):before { content: "Status"; display: flex;}
89     .copyTable td:nth-of-type(6):before { content: "Due Date"; display: flex;}
90
91     .holdingsTable tr:nth-of-type(1):before { content: "Copy #1"; display: block; text-align:center; }
92     .holdingsTable tr:nth-of-type(2):before { content: "Copy #2"; display: block; text-align:center;}
93     .holdingsTable tr:nth-of-type(3):before { content: "Copy #3"; display: block; text-align:center;}
94     .holdingsTable tr:nth-of-type(4):before { content: "Copy #4"; display: block; text-align:center;}
95     .holdingsTable tr:nth-of-type(5):before { content: "Copy #5"; display: block; text-align:center;}
96     .holdingsTable tr:nth-of-type(6):before { content: "Copy #6"; display: block; text-align:center;}
97     .holdingsTable tr:nth-of-type(7):before { content: "Copy #7"; display: block; text-align:center;}
98     .holdingsTable tr:nth-of-type(8):before { content: "Copy #8"; display: block; text-align:center;}
99     .holdingsTable tr:nth-of-type(9):before { content: "Copy #9"; display: block; text-align:center;}
100     .holdingsTable tr:nth-of-type(10):before { content: "Copy #10"; display: block; text-align:center;}
101
102
103     .holdingsTable td:nth-of-type(1):before { content: "Library"; display: flex; }
104     .holdingsTable td:nth-of-type(2):before { content: "Shelving location"; display: flex; }
105     .holdingsTable td:nth-of-type(3):before { content: "Call number"; display: flex;}
106     .holdingsTable td:nth-of-type(4):before { content: "Status"; display: flex;}
107
108     .chargesTable td:nth-of-type(1):before { content: "Select"; display: flex; }
109     .chargesTable td:nth-of-type(2):before { content: "Owed"; display: flex; }
110     .chargesTable td:nth-of-type(3):before { content: "Billing Type"; display: flex;}
111     .chargesTable td:nth-of-type(4):before { content: "Note"; display: flex;}
112     .chargesTable td:nth-of-type(5):before { content: "Date"; display: flex;}
113
114     .chargesMainTable td:nth-of-type(1):before { content: "Select"; display: flex; }
115     .chargesMainTable td:nth-of-type(2):before { content: "Owed"; display: flex; }
116     .chargesMainTable td:nth-of-type(3):before { content: "Billing Type"; display: flex;}
117     .chargesMainTable td:nth-of-type(4):before { content: "Title"; display: flex;}
118     .chargesMainTable td:nth-of-type(5):before { content: "Checkout"; display: flex;}
119     .chargesMainTable td:nth-of-type(6):before { content: "Due"; display: flex;}
120     .chargesMainTable td:nth-of-type(7):before { content: "Returned/Renewed"; display: flex;}
121
122     .activeHoldstable td:nth-of-type(1):before { content: "Select"; display: flex; }
123     .activeHoldstable td:nth-of-type(2):before { content: "Title"; display: flex; }
124     .activeHoldstable td:nth-of-type(3):before { content: "Author"; display: flex;}
125     .activeHoldstable td:nth-of-type(4):before { content: "Format"; display: flex;}
126     .activeHoldstable td:nth-of-type(5):before { content: "Pickup Location"; display: flex;}
127     .activeHoldstable td:nth-of-type(6):before { content: "Cancel If Not Filled By"; display: flex;}
128     .activeHoldstable td:nth-of-type(7):before { content: "Status"; display: flex;}
129     .activeHoldstable td:nth-of-type(8):before { content: "Notes"; display: flex;}
130
131     .holdHistoryTable td:nth-of-type(1):before { content: "Title"; display: flex; }
132     .holdHistoryTable td:nth-of-type(2):before { content: "Author"; display: flex; }
133     .holdHistoryTable td:nth-of-type(3):before { content: "Format"; display: flex; }
134     .holdHistoryTable td:nth-of-type(4):before { content: "Pickup Location"; display: flex; }
135     .holdHistoryTable td:nth-of-type(5):before { content: "Status"; display: flex; }
136
137     .paymentTable td:nth-of-type(1):before { content: "Payment Date"; display: flex; }
138     .paymentTable td:nth-of-type(2):before { content: "Payment For"; display: flex; }
139     .paymentTable td:nth-of-type(3):before { content: "Amount"; display: flex; }
140     .paymentTable td:nth-of-type(4):before { content: "Receipt"; display: flex; }
141
142     .messagesTable td:nth-of-type(1):before { content: "Select"; display: flex; }
143     .messagesTable td:nth-of-type(2):before { content: "Date"; display: flex; }
144     .messagesTable td:nth-of-type(3):before { content: "Library"; display: flex; }
145     .messagesTable td:nth-of-type(4):before { content: "Subject"; display: flex; }
146     .messagesTable td:nth-of-type(5):before { content: ""; display: flex; }
147
148     .circTable td:nth-of-type(1):before { content: "Select"; display: flex; }
149     .circTable td:nth-of-type(2):before { content: "Title"; display: flex; }
150     .circTable td:nth-of-type(3):before { content: "Author"; display: flex; }
151     .circTable td:nth-of-type(4):before { content: "Renewals Left"; display: flex; }
152     .circTable td:nth-of-type(5):before { content: "Due Date"; display: flex; }
153     .circTable td:nth-of-type(6):before { content: "Barcode"; display: flex; }
154     .circTable td:nth-of-type(7):before { content: "Call Number"; display: flex; }
155
156     .circHistTable td:nth-of-type(1):before { content: "Select"; display: flex; }
157     .circHistTable td:nth-of-type(2):before { content: "Title"; display: flex; }
158     .circHistTable td:nth-of-type(3):before { content: "Author"; display: flex; }
159     .circHistTable td:nth-of-type(4):before { content: "Checkout Date"; display: flex; }
160     .circHistTable td:nth-of-type(5):before { content: "Due Date"; display: flex; }
161     .circHistTable td:nth-of-type(6):before { content: "Date Returned"; display: flex; }
162     .circHistTable td:nth-of-type(7):before { content: "Barcode"; display: flex; }
163     .circHistTable td:nth-of-type(8):before { content: "Call Number"; display: flex; }
164
165     .bookbagTable td:nth-of-type(1):before { content: ""; display: flex; }
166     .bookbagTable td:nth-of-type(2):before { content: "Title"; display: flex; }
167     .bookbagTable td:nth-of-type(3):before { content: "Author(s)"; display: flex; }
168     .bookbagTable td:nth-of-type(4):before { content: "Local Call number"; display: flex; }
169     .bookbagTable td:nth-of-type(5):before { content: "Publication Date"; display: flex; }
170     .bookbagTable td:nth-of-type(6):before { content: "Format"; display: flex; }
171     .bookbagTable td:nth-of-type(7):before { content: "Notes"; display: flex; }
172
173     .eholdsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
174     .eholdsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
175     .eholdsTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
176     .eholdsTable td:nth-of-type(4):before { content: "Status"; display: flex; }
177     .eholdsTable td:nth-of-type(5):before { content: "Actions"; display: flex; }
178
179     .eholdsreadyTable td:nth-of-type(1):before { content: "Title"; display: flex; }
180     .eholdsreadyTable td:nth-of-type(2):before { content: "Author"; display: flex; }
181     .eholdsreadyTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
182     .eholdsreadyTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
183
184     .echeckoutTable td:nth-of-type(1):before { content: "Title"; display: flex; }
185     .echeckoutTable td:nth-of-type(2):before { content: "Author"; display: flex; }
186     .echeckoutTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
187     .echeckoutTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
188
189     .ecircsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
190     .ecircsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
191     .ecircsTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
192     .ecircsTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
193
194     .bucketTable td:nth-of-type(2):before { content: "Title"; display: flex; text-align:left; }
195     .bucketTable td:nth-of-type(3):before { content: "Author"; display: flex; text-align:left; }
196     .bucketTable td:nth-of-type(4):before { content: "Call Number"; display: flex; text-align:left; }
197
198     /*Media Style Additions*/
199     .fullRow{
200         padding: 5px !important;
201         text-align: center !important;
202         width: 100%;
203     }
204
205     .paginateText{
206         display:none;
207     }
208 }/*Micro Tables End*/
209
210 .sumNum {
211     font-weight:700;
212 }
213
214 .coverImage{position: relative;}
215 .carousel .glide__arrow{background: unset;}
216
217 /*
218 Novelist Styling
219 */
220
221 .NovGroupHeader{
222     font-size: 16pt !important;
223     text-align: center;
224     font-weight: 600 !important;
225 }
226
227 .NovSectionHeader{
228     font-size: 16pt !important;
229     font-weight: 600 !important;
230 }
231
232 .NovSelectImageHeadingToggle{
233         font-size: 20px;
234
235 }
236
237 /*Novelist Styling End*/
238
239 /* Buttons */
240
241 .btn-confirm {
242     color: [% css_colors.button_confirm_text %];
243     background-color: [% css_colors.button_confirm %];
244     border-color: [% css_colors.button_confirm_border %];
245 }
246
247 .btn-confirm:hover {
248     color: [% css_colors.button_confirm_text %];
249     background-color: [% css_colors.button_confirm_hover %];
250     border-color: [% css_colors.button_confirm_border_hover %];
251 }
252
253 .btn-deny {
254     color: [% css_colors.button_deny_text %];
255     background-color: [% css_colors.button_deny %];
256     border-color: [% css_colors.button_deny_border_hover %];
257 }
258
259 .btn-deny:hover {
260     color: [% css_colors.button_deny_text %];
261     background-color: [% css_colors.button_deny_hover %];
262     border-color: [% css_colors.button_deny_border_hover %];
263 }
264
265 .btn-remove {
266     color: [% css_colors.button_remove_text %];
267     background-color: [% css_colors.button_remove %];
268     border-color: [% css_colors.button_remove_border %];
269 }
270
271 .btn-remove:hover {
272     color: [% css_colors.button_remove_text %];
273     background-color: [% css_colors.button_remove_hover %];
274     border-color: [% css_colors.button_remove_border_hover %];
275 }
276
277 .btn-opac{
278     color: [% css_colors.opac_button_text %] !important;
279     background-color: [% css_colors.opac_button %];
280     border-color: [% css_colors.opac_button_border %];
281 }
282
283 .btn-opac:hover{
284     color: [% css_colors.opac_button_text %];
285     background-color: [% css_colors.opac_button_hover %] !important;
286     border-color: [% css_colors.opac_button_border_hover %];
287 }
288
289 .btn-action{
290     color: [% css_colors.action_button_text %] !important;
291     background-color: [% css_colors.action_button %];
292     border-color: [% css_colors.action_button_border %];
293 }
294
295 .btn-action:hover{
296     color: [% css_colors.action_button_text %];
297     background-color: [% css_colors.action_button_hover %] !important;
298     border-color: [% css_colors.action_button_border_hover %];
299 }
300 .btn-action > a{
301     color: [% css_colors.action_button_text_anchors %];
302 }
303
304
305 .dash-link{
306     color: #fff;
307 }
308
309 .dash-clear{
310     color: [% css_colors.zero_count %] !important;
311 }
312
313 .dash-unclear{
314     color: [% css_colors.non_zero_count %] !important;
315 }
316
317 .remove_filter{
318     padding: .25rem .25rem !important;
319     font-size: .875rem;
320     line-height: 0.5;
321     border-radius: 1rem !important;
322 }
323
324
325 .cn_browse_item .card{
326     padding: 15px;
327 }
328 #facets .card-header,#facets .card-header a {
329     background-color: [% css_colors.facets_back %];
330     color: [% css_colors.text_invert %]
331 }
332
333 .facet_template:hover{
334         background-color:#e8e8e8;
335 }
336
337 .danger, .validate{
338     color: [% css_colors.text_alert %] !important;
339 }
340
341 .danger{
342     font-weight: 600;
343     font-style: italic;
344 }
345
346 .success{
347     color: green !important;
348 }
349 .dropdown-menu{
350     border: 1px solid black;
351     box-shadow: 2px 2px #00000054;
352 }
353 .dropdown-item.active, .dropdown-item:active{
354     color : #000 !important;
355 }
356 .browse-result-list{
357     list-style:none;
358 }
359 .not_active_pill{
360     border: 2px solid #007bff;
361     padding: 6px;
362     margin: 0 10px;
363 }
364
365 .mini-control{
366     max-width: 100px !important;
367 }
368
369 .card-body:empty{
370     display:none;
371 }
372 .min{
373  min-height:500px;
374 }
375 .container{
376
377 }
378 html{
379     height:100%;
380     min-height: 100vh;
381 }
382 body {
383     min-height: 100vh;
384     margin:0;
385     font-family: [% css_fonts.font_main %] !important;
386     font-size: [% css_fonts.size_base %];
387   /*  background-color: [% css_colors.primary %]; */
388     [% IF rtl == 't' -%]
389     direction: rtl;
390     [%- END %]
391 }
392
393 button, input {
394     font-family: [% css_fonts.font_main %] !important;
395     font-size: [% css_fonts.size_base %];
396 }
397
398 img {
399     border: none;
400 }
401
402 #topnav_logo {
403     margin: 2em 0;
404 }
405
406 #homesearch_main_logo {
407     padding-top: 60px;
408     margin: auto;
409     width: 50%;
410 }
411
412 a {
413     color: [% css_colors.link %];
414 }
415
416 #search-wrapper h1,
417 #search-wrapper h2 {
418     text-align: center;
419 }
420
421 #search-wrapper input[type=text] {
422     height: calc(1.8125rem + 2px);
423     margin:0;
424     padding:0;
425 }
426
427 #search-wrapper select, .results_header_lbl select {
428     border:1px solid [% css_colors.border_standard %];
429     height: calc(1.8125rem + 2px);
430     margin:0;
431     padding:0;
432     width: 12em;
433 }
434
435 .search-check {
436     text-align: center;
437 }
438
439 .searchbar {
440     font-weight: bold;
441     padding-top: 10px;
442     [% IF rtl == 't' -%]
443     margin-right: 1em;
444     [%- ELSE %]
445     margin-left: 1em;
446     [%- END %]
447 }
448
449 .refine_search {
450     padding-bottom: 7px;
451     margin-left: 1em;
452 }
453
454 /*
455 #search-wrapper select {
456     border:0px solid [% css_colors.border_dark %];
457     filter:alpha(opacity=0);
458     -khtml-opacity:0;
459     opacity:0;
460     padding:0;
461     margin:0;
462     height:18px;
463 }
464 */
465
466 #actions .btn-action {
467     text-align: left;
468 }
469
470 #adv_numeric_block{
471     max-width: 600px;
472 }
473
474
475 h2.graphic880 {
476     font-size: [% css_fonts.size_bigger %];
477     font-weight:normal;
478 }
479
480 .hide_me, .hidden {
481     display: none;
482     visibility: hidden;
483 }
484
485 div.select-box-wrapper {
486     position:absolute;
487     padding-top:2px;
488     overflow:hidden;
489     [% IF rtl == 't' -%]
490     padding-right: 3px;
491     text-align:right;
492     [%- ELSE %]
493     padding-left:3px;
494     text-align:left;
495     [%- END %]
496 }
497
498 #dash_wrapper {
499     [% IF rtl == 't' -%]
500     margin-right: 0.5em;
501     [%- ELSE %]
502     margin-left: 0.5em;
503     [%- END %]
504 }
505
506 #dash_wrapper div {
507     background-color: [% css_colors.primary %];
508     border-radius: 5px;
509     padding: 0em 1em;
510 }
511
512 .dash_divider {
513     margin: 0 20px;
514     color: #fff;
515     display:inline-block;
516 }
517
518
519
520 #dash_user {
521     font-weight: bold;
522 }
523
524 #logout_link {
525     [% IF rtl == 't' -%]
526     right: 1px;
527     [%- ELSE %]
528     left: 1px;
529     [%- END %]
530 }
531
532
533 /*
534 #dash_fines { color: [% css_colors.text_badnews %]; }
535 the color contrast between "text_badnews" and "primary"
536 is too low for WCAG compliance.  Use "text_attention"
537 for now until a better color is picked - if needed.
538 */
539
540 #dash_wrapper #dash_user_message_button_container {
541     display: inline;
542     padding: 0;
543 }
544 #dash_wrapper #unread_message_count_floater {
545     position: absolute;
546     background-color: [% css_colors.text_alert %];
547     padding-left: 0.2em;
548     padding-right: 0.2em;
549     display: inline-block;
550     font-size: 95%;
551     border-radius: 0;
552     z-index: 2;
553     margin-top: 0.2em;
554     [% IF rtl == 't' -%]
555     margin-right: -1.5em;
556     [%- ELSE %]
557     margin-left: -1.5em;
558     [%- END %]
559 }
560
561 #header-wrap {
562     /* border-bottom: 5px solid [% css_colors.nav_separation %]; */
563     background-color: [% css_colors.header_primary_fade %];
564     background-image: -moz-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
565     background-image: -o-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
566     background-image: -webkit-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
567     background-image: linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
568 }
569 #header {
570     color: [% css_colors.background %];
571     margin-left: 1em;
572     margin-right: 1em;
573     font-size: [% css_fonts.size_small %];
574 }
575
576 #header a {
577     color: [% css_colors.background %];
578 }
579
580 #header a:hover {
581     color: [% css_colors.text_invert %];
582     text-decoration: none;
583 }
584
585 #header-links {
586     color: [% css_colors.text_invert %];
587     font-size: [% css_fonts.size_small %];
588     font-weight: bold;
589     position: relative;
590     top:4px;
591
592 }
593
594 #header-links a {
595     color: [% css_colors.text_invert %];
596     display: block;
597     text-decoration: none;
598     [% IF rtl == 't' -%]
599     float: right;
600     margin-left: 22px;
601     [%- ELSE %]
602     float:left;
603     margin-right:22px;
604     [%- END %]
605 }
606
607 #header-links a:hover {
608     color: [% css_colors.text_invert %];
609     text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
610     text-decoration: none;
611 }
612
613 #header #header-links2 {
614     position:relative;
615     top:-8px;
616     color: [% css_colors.text_invert %];
617     padding-bottom: 15px;
618 }
619
620 #header #header-links2 a {
621     color: [% css_colors.text_invert %];
622 }
623
624 #header #header-links2 a:hover {
625     text-decoration: underline;
626 }
627
628 #your-acct-login {
629     padding-top:2em;
630 }
631
632 #gold-links {
633     [% IF rtl == 't' -%]
634     margin-right: 1em;
635     padding-right: 0px;
636     [%- ELSE %]
637     margin-left: 1em;
638     padding-left:0px;
639     [%- END %]
640 }
641
642 #gold-links-home {
643     margin:auto;
644     [% IF rtl == 't' -%]
645     padding-right: 0px;
646     [%- ELSE %]
647     padding-left:0px;
648     [%- END %]
649 }
650
651 #gold-links-holder {
652     height: 24px;
653     background-color: [% css_colors.background_invert %];
654 }
655
656 #util-bar {
657     [% IF rtl == 't' -%]
658     margin-right: 1em;
659     padding-right: 0px;
660     [%- ELSE %]
661     margin-left: 1em;
662     padding-left:0px;
663     [%- END %]
664     height:0px;
665 }
666
667 .search_box_wrapper {
668     padding-left: 1rem;
669 }
670
671 #search-wrapper {
672     /*border-bottom: 1px solid [% css_colors.border_standard %];*/
673     padding-bottom: 5px;
674     background-color: [% css_colors.background %];
675 }
676
677 #search-wrapper #breadcrumb {
678     margin-top:0px;
679     font-size: [% css_fonts.size_smaller %];
680     [% IF rtl == 't' -%]
681     float: right;
682     [%- ELSE %]
683     float:left;
684     [%- END %]
685 }
686
687 #search-wrapper #search-within {
688     margin-top:10px;
689     position:relative;
690     [% IF rtl == 't' -%]
691     float: left;
692     right: -173px;
693     [%- ELSE %]
694     float:right;
695     left:-173px;
696     [%- END %]
697 }
698
699 #search-wrapper #breadcrumb a {
700     color: [% css_colors.text %];
701 }
702
703 #search-wrapper #search_frm label {
704     font-size: [% css_fonts.size_smaller %];
705 }
706
707 #search-wrapper #search-box {
708     [% IF rtl == 't' -%]
709     margin-right: 1em;
710     padding-right: 0px;
711     [%- ELSE %]
712     margin-left: 1em;
713     padding-left: 0px;
714     [%- END %]
715     padding-top: 10px;
716     padding-bottom: 10px;
717 }
718
719 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
720     [% IF rtl == 't' -%]
721     margin-right:2px;
722     [%- ELSE %]
723     margin-left: 2px;
724     [%- END %]
725     overflow: auto;
726 }
727
728 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
729     [% IF rtl == 't' -%]
730     float: right;
731     margin: 10px 0px 0px 7px;
732     border-radius: 10px 10px 0px 0px;
733     [%- ELSE %]
734     float: left;
735     margin: 10px 7px 0px 0px;
736     border-radius: 10px 10px 0px 0px;
737     [%- END %]
738     text-align: center;
739     vertical-align: middle;
740     display: block;
741     padding: 10px 0px 10px 0px;
742     font-weight: bold;
743     color: [% css_colors.text_invert %];
744     background-color: [% css_colors.control %];
745     font-weight: bold;
746     text-decoration: none;
747 }
748
749 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
750     padding: 1em 1em 0.5em;
751 }
752
753 #adv_search_tabs a:hover, #acct_tabs a:hover, #acct_fines_tabs a:hover, #acct_checked_tabs a:hover, #acct_holds_tabs a:hover, #acct_prefs_tabs a:hover {
754     background-color: [% css_colors.primary %];
755     color: [% css_colors.text_invert %];
756     text-decoration: none;
757 }
758
759 #adv_search_filters {
760     position: relative;
761 }
762 #adv_search_rows {
763     border-bottom: none;
764 }
765 .adv_filter_block {
766     [% IF rtl == 't' -%]
767     float: right;
768     [%- ELSE %]
769     float: left;
770     [%- END %]
771     padding: 15px;
772     clear: both;
773 }
774 .adv_filter_block_item {
775     [% IF rtl == 't' -%]
776     float: right;
777     [%- ELSE %]
778     float: left;
779     [%- END %]
780     padding: 5px;
781 }
782
783 #adv_special_block {
784     
785     padding: 5px;
786     margin-top: 5px;
787 }
788
789
790 .checkbox_col {
791     width: 1%;
792     [% IF rtl == 't' -%]
793     padding-right: 10px !important;
794     [%- ELSE %]
795     padding-left: 10px !important;
796     [%- END %]
797 }
798
799 #adv_search.on, #num_search.on, #expert_search.on {
800     color: [% css_colors.accent_darker %];
801     background-color: [% css_colors.background %];
802     text-decoration: none;
803 }
804
805 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
806     color: [% css_colors.accent_darker %];
807     background-color: [% css_colors.background %];
808     text-decoration: none;
809 }
810
811 .acct-tab-off {
812     background-color: [% css_colors.control %];
813 }
814
815 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
816     margin-top: 0px;
817     font-size: [% css_fonts.size_smaller %];
818     color: [% css_colors.accent_darker %];
819     padding: 10px 10px 10px 10px;
820 }
821
822 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
823     background-color: [% css_colors.accent_lightest %];
824     color: [% css_colors.accent_darker %];
825 }
826
827 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
828     padding-bottom: 12px;
829     color: [% css_colors.accent_medium %];
830 }
831
832 #acct_select, #acct_prefs_select {
833      display: none;
834 }
835
836 #mobile_acct_search_links {
837       background-color: [% css_colors.primary_fade %];
838 }
839
840 .rdetail_header {
841     [% IF rtl == 't' -%]
842     padding: 5px 0px 6px 7px;
843     margin-right: 1em;
844     [%- ELSE %]
845     padding: 5px 7px 6px 0px;
846     margin-left: 1em;
847     [%- END %]
848     border-bottom: 1px dotted [% css_colors.accent_light %];
849 }
850
851 .rdetail_results a {
852     color:[% css_colors.primary_fade %];
853     font-weight:bold;
854     font-size: [% css_fonts.size_bigger %];
855 }
856
857 .rdetail_result_count {
858     color: [% css_colors.text %];
859     font-weight: normal;
860     display: inline-block;
861     [% IF rtl == 't' -%]
862     padding-right: 1em;
863     [%- ELSE %]
864     padding-left: 1em;
865     [%- END %]
866 }
867
868 .rdetail_result_nav {
869     font-weight:normal;
870     display: inline-block;
871     [% IF rtl == 't' -%]
872     padding-right: 1em;
873     [%- ELSE %]
874     padding-left: 1em;
875     [%- END %]
876 }
877
878 #rdetail_details_table {
879     margin-top: 15px;
880 }
881
882 #rdetail_image { border: none; }
883 #rdetail_image_cell {
884     padding-top: 3px;
885     [% IF rtl == 't' -%]
886     padding-left: 10px;
887     [%- ELSE %]
888     padding-right: 10px;
889     [%- END %]
890 }
891
892 h2.rdetail_uris {
893     margin-top: 1em;
894 }
895 div.rdetail_uris {
896     padding: 0.5em 1em 0.5em 1em;
897     background-color: [% css_colors.accent_lighter2 %];
898 }
899 div.rdetail_uris ul li {
900     position: relative;
901     [% IF rtl == 't' -%]
902     right: 1em;
903     [%- ELSE %]
904     left: 1em;
905     [%- END %]
906 }
907
908 div.rdetail_show_copies {
909     margin-top: 1em;
910 }
911
912 div#rdetail_actions_div {
913     background-color: [% css_colors.background %];
914     [% IF rtl == 't' -%]
915     float: left;
916     [%- ELSE %]
917     float: right;
918     [%- END %]
919 }
920
921 span#rdetail_copy_counts {
922     display: inline-block;
923     vertical-align: top;
924     [% IF rtl == 't' -%]
925     border-left: thin;
926     margin-left: 1em;
927     padding-left: 1em;
928     [%- ELSE %]
929     border-right: thin;
930     margin-right: 1em;
931     padding-right: 1em;
932     [%- END %]
933 }
934
935 span#rdetail_hold_counts {
936     display: inline-block;
937     vertical-align: top;
938 }
939 span#rdetail_hold_counts p {
940     [% IF rtl == 't' -%]
941     padding-right: 2em;
942     [%- ELSE %]
943     padding-left: 2em;
944     [%- END %]
945 }
946
947 #rdetail_image_div {
948     [% IF rtl == 't' -%]
949     float: right;
950     margin-left: 1em;
951     [%- ELSE %]
952     float: left;
953     margin-right: 1em;
954     [%- END %]
955 }
956
957 .rdetail_aux_utils {
958     padding-bottom: 6px;
959     [% IF rtl == 't' -%]
960     border-right: 1px dotted [% css_colors.accent_light %];
961     padding-right:17px;
962     padding-left:70px;
963     [%- ELSE %]
964     border-left:1px dotted [% css_colors.accent_light %];
965     padding-left: 17px;
966     padding-right: 70px;
967     [%- END %]
968 }
969
970 div.place_hold {
971     border-bottom: 1px dotted [% css_colors.accent_light %];
972     padding-top: 10px;
973 }
974
975 div.toggle_list { padding-top: 6px; }
976
977 div.share_record {
978     padding-top: 6px;
979     border-top: 1px dotted [% css_colors.accent_light %];
980 }
981
982 div.format_icon {
983     [% IF rtl == 't' -%]
984     float: left;
985     margin-left: 17px;
986     [%- ELSE %]
987     float: right;
988     margin-right: 17px;
989     [%- END %]
990 }
991
992 #metarecord_population {
993     overflow: hidden;
994     width: 40%;
995     padding-bottom: 10px;
996 }
997
998 .metarecord_population_span_link {
999     line-height: 20px;
1000 }
1001
1002 .metarecord_population_format {
1003     border-right: thin;
1004     display: inline-block;
1005     margin-right: 1em;
1006     padding-right: 1em;
1007     vertical-align: top;
1008 }
1009
1010 .metarecord_population_item_lang {
1011     display: inline-block;
1012     vertical-align: top;
1013 }
1014
1015 .metarecord_population_all {
1016     padding-top:10px;
1017 }
1018
1019 .results_aux_utils {
1020     display: table-cell;
1021 }
1022
1023 .result_util {
1024     border-bottom: 1px dotted [% css_colors.accent_light %];
1025     padding-top: 6px;
1026     [% IF rtl == 't' -%]
1027     padding-right: 1em;
1028     [%- ELSE %]
1029     padding-left: 1em;
1030     [%- END %]
1031 }
1032
1033 .results_reviews {
1034     top: -5px;
1035 }
1036
1037 #rdetail_copies {
1038     padding-top: 1.5em;
1039 }
1040
1041 #rdetails_status td {
1042     [% IF rtl == 't' -%]
1043     padding: 7px 13px 3px 0px;
1044     [%- ELSE %]
1045     padding: 7px 0px 3px 13px;
1046     [%- END %]
1047 }
1048
1049 #rdetails_status td[headers=copy_header_library],
1050 #rdetails_status td[headers=copy_header_shelfloc] {
1051     white-space: normal;
1052 }
1053
1054 #rdetails_status thead th {
1055     [% IF rtl == 't' -%]
1056     padding: 13px 13px 13px 0px;
1057     text-align: right;
1058     [%- ELSE %]
1059     padding: 13px 0px 13px 13px;
1060     text-align: left;
1061     [%- END %]
1062     background-color: [% css_colors.accent_lighter2 %];
1063     font-size: [% css_fonts.size_smaller %];
1064     font-weight: bold;
1065 }
1066
1067 #rdetails_status tbody td {
1068     [% IF rtl == 't' -%]
1069     padding-right: 13px;
1070     text-align: right;
1071     [%- ELSE %]
1072     padding-left: 13px;
1073     text-align: left;
1074     [%- END %]
1075 }
1076 #rdetails_status tbody td.copy_note {
1077     color: [% css_colors.primary %];
1078     text-wrap:normal;
1079     white-space:pre-wrap !important;
1080     word-wrap:normal;
1081 }
1082
1083 #rdetails_status tbody td.copy_tag {
1084     border-color: [% css_colors.primary %];
1085     border-style: dashed;
1086     border-width: 2px;
1087 }
1088 #rdetails_status tbody .copy_tag_value {
1089     font-weight: bolder;
1090 }
1091
1092 .rdetail_extras {
1093     background-color: [% css_colors.primary_fade %];
1094     border: 1px solid [% css_colors.primary %];
1095     padding-top:1px;
1096     clear:both;
1097 }
1098
1099 #rdetail_extras_div {
1100     margin: 1em 0;
1101 }
1102
1103 .rdetail_extras_hr {
1104     [% IF rtl == 't' -%]
1105     margin-right: 1px;
1106     margin-left: 1px;
1107     [%- ELSE %]
1108     margin-left: 1px;
1109     margin-right: 1px;
1110     [%- END %]
1111     height: 1px;
1112     background-color: [% css_colors.accent_light %];
1113 }
1114
1115 .rdetail_extras_link {
1116     padding: 6px 12px;
1117     font-size: [% css_fonts.size_smaller %];
1118     font-weight: bold;
1119 }
1120
1121 .rdetail_extras_lbl {
1122     color: [% css_colors.text_invert %];
1123     text-decoration: none;
1124 }
1125
1126 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
1127     [% IF rtl == 't' -%]
1128     margin-right: 13px;
1129     [%- ELSE %]
1130     margin-left: 13px;
1131     [%- END %]
1132 }
1133
1134 #rdetail_locs_expand, #rdetail_locs_collapse {
1135     [% IF rtl == 't' -%]
1136     margin-right: 13px;
1137     [%- ELSE %]
1138     margin-left:13px;
1139     [%- END %]
1140     padding-bottom:3px;
1141     margin-top:15px;
1142 }
1143
1144 #rdetail_anotes_div .biography {
1145     margin:0;
1146 }
1147
1148 #gbp_extra, #gbp_arrow_down_link {
1149     display: none;
1150 }
1151
1152 .almost-content-wrapper {
1153     background-color: [% css_colors.background %];
1154 }
1155
1156 #cartDropdown .dropdown-menu {
1157
1158 }
1159
1160 #content-wrapper {
1161     background-color: [% css_colors.background %];
1162     height: auto;
1163     display: grid;
1164 }
1165
1166 .content-wrapper-record-page { top: -15px; position: relative; }
1167
1168 #main-content-home {
1169     [% IF rtl == 't' -%]
1170     padding-right: 17px;
1171     margin-right: 1em;
1172     [%- ELSE %]
1173     padding-left: 17px;
1174     margin-left: 1em;
1175     [%- END %]
1176 }
1177 #main-content {
1178     [% IF rtl == 't' -%]
1179     padding-right: 0px;
1180     [%- ELSE %]
1181     padding-left: 0px;
1182     [%- END %]
1183     margin: 0 1em;
1184     clear: both;
1185 }
1186
1187 #main-content-after-bar {
1188     [% IF rtl == 't' -%]
1189     margin-right: 1em;
1190     padding-right: 4px;
1191     [%- ELSE %]
1192     margin-left: 1em;
1193     padding-left: 4px;
1194     [%- END %]
1195 }
1196
1197 #results_header_inner {
1198     padding-bottom: 1rem;
1199 }
1200
1201 #results-side-bar {
1202     [% IF rtl == 't' -%]
1203     float: right;
1204     margin-left: 5px;
1205     [%- ELSE %]
1206     float: left;
1207     margin-right: 5px;
1208     [%- END %]
1209     width: 174px;
1210     background-color: [% css_colors.background %];
1211 }
1212
1213 #main-content .login_boxes {
1214     border: 1px solid [% css_colors.accent_lighter %];
1215     background-color: [% css_colors.accent_lightest %];
1216     background-image: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1217     background-image: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1218     background-image: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1219     background-image: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1220     background-image: linear-gradient(to bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1221     color: [% css_colors.accent_darker %];
1222 }
1223
1224 #main-content .login_boxes h1 {
1225     font-weight: normal;
1226     font-size: [% css_fonts.size_biggest %];
1227     margin:0;
1228 }
1229
1230 #main-content .left_brain {
1231     [% IF rtl == 't' -%]
1232     padding-right: 28px;
1233     [% ELSE -%]
1234     padding-left:28px;
1235     [% END -%]
1236     padding-top:25px;
1237 }
1238
1239 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
1240     width:167px;
1241     margin:0;
1242     padding:0;
1243     background-color: [% css_colors.background %];
1244     font-size: [% css_fonts.size_bigger %];
1245     color: [% css_colors.text %];
1246 }
1247
1248 #main-content .left_brain .input_bg {
1249     [% IF rtl == 't' -%]
1250     padding: 10px 13px 0px 10px;
1251     [% ELSE -%]
1252     padding:10px 10px 0px 13px;
1253     [% END -%]
1254     width:167px;
1255     height:29px;
1256 }
1257
1258 .login-help-box {
1259     [% IF rtl == 't' -%]
1260     float: right;
1261     margin-right: 2em;
1262     [% ELSE -%]
1263     float: left;
1264     margin-left: 2em;
1265     [% END -%]
1266     width: 200px;
1267     text-align: center;
1268 }
1269
1270 .login-help-button {
1271     font-size: [% css_fonts.size_biggest %];
1272     padding: 1.5em;
1273 }
1274
1275 #login-failed-message {
1276     font-size: [% css_fonts.size_bigger %];
1277     font-weight: bold;
1278     color: [% css_colors.text_alert %];
1279     padding-top: 1em;
1280 }
1281
1282 #holds_temp_parent td {
1283     border-bottom:1px solid [% css_colors.border_standard %];
1284 }
1285
1286 #holds_temp_parent input, #holds_temp_parent select {
1287     margin:0;
1288 }
1289
1290
1291 #holds_temp_parent tr td div.format_icon {
1292     margin-top: 6px;
1293     margin-bottom: 6px;
1294     float: none;
1295 }
1296
1297 #results_header_bar {
1298     background-color: [% css_colors.accent_medium %];
1299     border-top:1px solid [% css_colors.accent_mediumdark %];
1300     border-bottom:1px solid [% css_colors.accent_mediumdark %];
1301 }
1302
1303 .results_header_lbl {
1304     [% IF rtl == 't' -%]
1305     float: right;
1306     [% ELSE -%]
1307     float: left;
1308     [% END -%]
1309     font-weight: bold;
1310     color: [% css_colors.text %];
1311     /* this border is not visible, but it keeps these labels the same size
1312     as the buttons */
1313     border: 1px solid [% css_colors.accent_medium %];
1314     background-color: [% css_colors.accent_medium %];
1315     margin: 0.5em 0.3em;
1316     padding: 0.3em;
1317 }
1318 /* we need a negative margin on the select to allow the containing <label>
1319 to determine the actual size of the element.  By doing this, we can increase
1320 the odds that the buttons and the select will be the same size, and therefore
1321 collapse correctly when the window width decreases */
1322 .results_header_lbl select {
1323     margin: -0.5em 0;
1324 }
1325
1326 #limit_to_available {
1327     vertical-align: middle;
1328 }
1329
1330 .results_header_sel {
1331     [% IF rtl == 't' -%]
1332     float: right;
1333     [% ELSE -%]
1334     float:left;
1335     [% END -%]
1336     margin:0;
1337 }
1338
1339
1340 .results_header_nav1 {
1341     text-align: center;
1342 }
1343
1344 .results_header_nav1 .h1 {
1345     font-size: [% css_fonts.size_bigger %];
1346     font-weight:bold;
1347     color:[% css_colors.primary_fade %];
1348 }
1349
1350 .table_no_border_space {
1351   border-spacing: 0px;
1352 }
1353 .table_no_cell_pad td {
1354   padding: 0px;
1355 }
1356 .table_no_border {
1357   border-collapse: collapse;
1358 }
1359
1360 #result_table_table {
1361   margin-top:10px;
1362 }
1363
1364 #result_table_div {
1365     margin-top: 1em;
1366 }
1367
1368 tr.result_table_row > td.results_row_count,
1369 tr.result_table_row > td.result_table_pic_header,
1370 tr.result_table_row > td.result_table_title_cell {
1371     vertical-align: top;
1372 }
1373
1374 .result_metadata {
1375     [% IF rtl == 't' -%]
1376     float: right;
1377     padding-left: 2em;
1378     [% ELSE -%]
1379     float: left;
1380     padding-right: 2em;
1381     [% END -%]
1382     width: 30em;
1383 }
1384
1385 tr.result_table_row:nth-child(n+2) > td {
1386     border-top: 1px solid [% css_colors.accent_lighter2 %];
1387 }
1388
1389 tr.result_table_row > td.result_table_pic_header {
1390     [% IF rtl == 't' -%]
1391     padding-right: 1em;
1392     [% ELSE -%]
1393     padding-left: 1em;
1394     [% END -%]
1395     white-space: nowrap;
1396     width: 78px;
1397 }
1398
1399 /* styles for selecting records in the results set */
1400 .result_table_row_selected {
1401     background-color: [% css_colors.item_selected %];
1402 }
1403 #selected_records_summary, #clear_basket {
1404     margin-left: 5em;
1405 }
1406
1407 /* styles for the basket */
1408 #record_basket {
1409     [% IF rtl == 't' -%]
1410     float: left;
1411     margin-left: 5em;
1412     [% ELSE; %]
1413     float: right;
1414     margin-right: 5em;
1415     [% END %]
1416 }
1417 #record_basket_icon {
1418     [% IF rtl == 't' -%]
1419     float: left;
1420     margin-left: 2em;
1421     [% ELSE; %]
1422     float: right;
1423     margin-right: 2em;
1424     [% END %]
1425     position: relative;
1426 }
1427 #record_basket_count_floater {
1428     background-color: #ddd;
1429     position: absolute;
1430     top: 0px;
1431     right: -10px;
1432     z-index: 2;
1433     text-align: center;
1434     border-radius: 50%;
1435     width: 20px;
1436 }
1437 #record_basket_count_floater a {
1438     text-decoration: none;
1439 }
1440 #basket_actions {
1441     margin: .5rem;
1442 }
1443 #basket_actions select {
1444     border-color: rgb(169, 169, 169);
1445 }
1446
1447 .result_number {
1448     [% IF rtl == 't' -%]
1449     padding-right: 1em;
1450     [% ELSE -%]
1451     padding-left: 1em;
1452     [% END -%]
1453     white-space: nowrap;
1454 }
1455
1456 .result_count_number {
1457    font-weight: bold;
1458 }
1459
1460 .result_table_subtable {
1461     width: 100%;
1462     padding-top: 1em;
1463 }
1464
1465 div.result_table_utils_cont {
1466     [% IF rtl == 't' -%]
1467     text-align: right;
1468     float: right;
1469     [% ELSE -%]
1470     text-align:left;
1471     float: left;
1472     [% END -%]
1473 }
1474
1475 .mylist_action:hover{
1476     text-decoration: none;
1477 }
1478
1479 #myopac_summary_div p {
1480     margin:0;
1481     margin-bottom: 10px;
1482 }
1483
1484 #acct_sum_checked_table td {
1485     padding-bottom:5px;
1486 }
1487
1488 .zero_search_hits_main {
1489     [% IF rtl == 't' -%]
1490     float: right;
1491     [% ELSE -%]
1492     float:left;
1493     [% END -%]
1494     width:300px;
1495     margin-top: 2ex;
1496 }
1497 .zero_search_hits_saved {
1498     [% IF rtl == 't' -%]
1499     float: right;
1500     margin-left: 2em;
1501     [% ELSE -%]
1502     float:left;
1503     margin-right: 2em;
1504     [% END -%]
1505     width:200px;
1506     margin-top: 2ex;
1507 }
1508
1509 #zero_search_hits p {
1510     margin-top:0;
1511 }
1512
1513 #zero_hits_term {
1514     font-weight: bold;
1515 }
1516
1517 #zero_search_hits #spell_check_link {
1518 }
1519
1520 #zero_search_hits #zero_hits_suggestions {
1521 }
1522
1523 #lowhits_help {
1524     [% IF rtl == 't' -%]
1525     float: left;
1526     [% ELSE -%]
1527     float: right;
1528     [% END-%]
1529     width: 353px;
1530     background-color: [% css_colors.accent_light %];
1531     padding: 10px;
1532     margin-top: 7px;
1533 }
1534
1535 .results_info_table td {
1536     [% IF rtl == 't' -%]
1537     padding-left: 10px;
1538     [% ELSE -%]
1539     padding-right: 10px;
1540     [% END-%]
1541 }
1542
1543 #myopac_holds_main_table {
1544     border-collapse: collapse;
1545 }
1546
1547 #myopac_holds_main_table td {
1548     border: 1px solid [% css_colors.border_dark %];
1549
1550 }
1551
1552 .myopac-hold-available {
1553     color: [% css_colors.text_greatnews %];
1554     font-weight: bold;
1555 }
1556
1557 .myopac-hold-suspended {
1558     color: [% css_colors.text_badnews %];
1559     font-weight: bold;
1560 }
1561
1562 #myopac_prefs_div .data_grid {
1563     border-collapse:collapse;
1564 }
1565
1566 #myopac_prefs_div .data_grid td {
1567     [% IF rtl == 't' -%]
1568     padding: 6px 17px 7px 0px;
1569     [% ELSE -%]
1570     padding:6px 0px 7px 17px;
1571     [% END -%]
1572     background-color:[% css_colors.accent_ultralight %];
1573     border-bottom:3px solid [% css_colors.background %];
1574 }
1575
1576 .header_middle {
1577     [% IF rtl == 't' -%]
1578     padding: 0px 0px 0px 7px;
1579     [% ELSE -%]
1580     padding: 0px 7px 0px 0px;
1581     [% END -%]
1582     height:22px;
1583     font-size: [% css_fonts.size_bigger %];
1584     font-weight:bold;
1585     color:[% css_colors.primary_header %];
1586     /*border-bottom: 1px dotted [% css_colors.accent_light %];*/
1587     clear: both;
1588 }
1589
1590 .header_middle a {
1591     font-weight: normal;
1592 }
1593
1594 #acct_sum_block {
1595     [% IF rtl == 't' -%]
1596     float: right;
1597     clear: right;
1598     [% ELSE -%]
1599     float: left;
1600     clear: left;
1601     [% END -%]
1602 }
1603
1604 .acct_sum_table {
1605     border-collapse: collapse;
1606     background-color: [% css_colors.accent_ultralight %];
1607 }
1608
1609 .acct_sum_table tr {
1610     border-bottom: 2px solid white;
1611 }
1612
1613 .acct_sum_table td {
1614     padding: 1em;
1615 }
1616
1617 .acct_sum_table a {
1618     text-transform: none;
1619     position:relative;
1620     top:-1px;
1621 }
1622
1623 .acct_sum_table .view_link {
1624     font-weight: normal;
1625 }
1626
1627 #myopac_sum_fines {
1628     [% IF rtl == 't' -%]
1629     float: left;
1630     padding: 15px 23px 0px 0px;
1631     [% ELSE -%]
1632     float:right;
1633     padding: 15px 0px 0px 23px;
1634     [% END -%]
1635     width: 177px;
1636 }
1637
1638 .cc_logo_img
1639 {
1640    width: 79%;
1641     [% IF rtl == 't' -%]
1642       padding-right: .5em;
1643     [% ELSE -%]
1644        padding-left: .5em;
1645     [% END -%]
1646 }
1647
1648 #myopac_sum_fines_placehold {
1649     [% IF rtl == 't' -%]
1650     float: left;
1651     [% ELSE -%]
1652     float: right;
1653     [% END -%]
1654     width: 177px;
1655     height: 166px;
1656 }
1657
1658 .acct_holds_temp td {
1659     [% IF rtl == 't' -%]
1660     text-align: right;
1661     [% ELSE -%]
1662     text-align: left;
1663     [% END -%]
1664 }
1665
1666 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1667     [% IF rtl == 't' -%]
1668     float: right;
1669     [% ELSE -%]
1670     float:left;
1671     [% END -%]
1672 }
1673
1674
1675
1676 .acct_fines_header
1677 {
1678    width: 100%;
1679    padding-bottom:1em;
1680    [% IF rtl == 't' -%]
1681    float: right;
1682    [% ELSE -%]
1683    float:left;
1684    [% END -%]
1685 }
1686
1687 /* tables for entering payment information */
1688 #acct_fines_main_header
1689 {
1690    width: 100%;
1691 }
1692
1693 /* tables for entering payment information */
1694 #billing_info_table
1695 {
1696     width: auto;
1697     [% IF rtl == 't' -%]
1698     float: right;
1699     [% ELSE -%]
1700     float:left;
1701     [% END -%]
1702     display:inline;
1703     padding-left: 1em;
1704     padding-right: 1em;
1705 }
1706
1707 /* tables for entering payment information */
1708 #credit_card_info_table
1709 {
1710     width: auto;
1711     display: block;
1712 }
1713
1714 /* tables for entering payment information */
1715 #billing_info_table td,
1716 #credit_card_info_table td
1717 {
1718    [% IF rtl == 't' -%]
1719     padding-right: .5em;
1720     [% ELSE -%]
1721     padding-left: .5em;
1722     [% END -%]
1723
1724 }
1725
1726 /* div for the payment buttons with the total */
1727 #payment_actions
1728 {
1729    width: auto;
1730    display: block;
1731    padding: 1em 0 0 1em;
1732    text-align:center;
1733 }
1734
1735 /* text to state what is seen on cc statement */
1736 .cc_disclaimer
1737 {
1738    font-style:italic;
1739    font-size: 90%;
1740    color:[% css_colors.primary_fade %];
1741 }
1742
1743 .hold_notes {
1744     text-transform: none;
1745     font-weight: normal;
1746 }
1747
1748
1749
1750 #acct_list_header select, #acct_list_header_anon select {
1751     font-weight:normal;
1752     text-transform:none;
1753 }
1754
1755 .search_catalog_lbl {
1756     font-size: [% css_fonts.size_bigger %];
1757 }
1758 .adv_search_catalog_lbl {
1759     font-size: [% css_fonts.size_bigger %];
1760 }
1761
1762 .browse_the_catalog_lbl {
1763     font-size: [% css_fonts.size_bigger %];
1764 }
1765
1766 .lbl1 {
1767     font-size: [% css_fonts.size_bigger %];
1768     font-weight:bold;
1769 }
1770
1771 .lbl2 {
1772     font-size: [% css_fonts.size_smaller %];
1773     font-weight:normal;
1774     position:relative;
1775     top:3px;
1776     max-width:300px;
1777 }
1778
1779 #fines_payments_wrapper {
1780     padding-left: 5px;
1781     padding-right: 5px;
1782 }
1783
1784 .myopac_payments_table th {
1785     [% IF rtl == 't' -%]
1786     text-align: right; }
1787     [% ELSE -%]
1788     text-align: left;
1789     [% END -%]
1790 }
1791
1792 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1793 .myopac_payments_table thead th:first-child { width: 8em; }
1794 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1795 .myopac_payments_table form { display: inline; }
1796 .myopac_payments_table input[type="submit"] { padding: 1px; }
1797
1798 .cc_header
1799 {
1800    padding-top:1em;
1801    background-color: [% css_colors.accent_lighter %];
1802 }
1803
1804 .payment-error {
1805     font-weight: bold; color: [% css_colors.text_alert %];
1806     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1807 }
1808
1809 .payment-processing {
1810     font-weight: bold;
1811     color: [% css_colors.text_greatnews %];
1812     font-size: [% css_fonts.size_bigger %];
1813     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1814     text-align: center;
1815 }
1816 #adv_search_input { width: 100%; }
1817 #adv_search_parent {
1818     margin-bottom:0px;
1819 }
1820
1821 #search-wrapper #search-submit-go,
1822 #search-wrapper #search-submit-go-depth {
1823     display: inline-block;
1824     margin-top: 1.3rem;
1825 }
1826
1827 #search-submit-spinner {
1828     height: 16px;
1829     width: 16px;
1830 }
1831 div.adv_search_available {
1832     margin-top: 1em;
1833 }
1834
1835 #myopac_loading {
1836     width:100%;
1837     text-align:center;
1838     padding-top:20px;
1839     font-size: [% css_fonts.size_bigger %];
1840     font-weight:bold;
1841 }
1842
1843 .chili_link {
1844     width:100px !important;
1845     text-align: center !important;
1846 }
1847
1848 .chili_review div.chili_link div {
1849     margin: auto;
1850 }
1851
1852 /* styling for advanced search filters that display with searchbar */
1853
1854 #adv_filter_results_block h4 { display: inline; }
1855
1856 #adv_filter_results_block {
1857     margin-top: 6px;
1858     text-align: center;
1859 }
1860
1861 .adv_filter_results_block_label {
1862     font-weight:bold;
1863     [% IF rtl == 't' -%]
1864     padding: 4px 12px 4px 0px;
1865     [% ELSE -%]
1866     padding: 4px 0px 4px 12px;
1867     [% END -%]
1868 }
1869
1870 .adv_filter_results_group {
1871     font-size: 12px;
1872     display: inline-block;
1873     background-color:  [% css_colors.accent_lighter2 %];
1874     border-style: solid;
1875     border-color: [% css_colors.accent_medium %];
1876     border-width: 1px;
1877     border-radius: 4px;
1878     padding: 2px 4px 2px 4px;
1879 }
1880
1881 .adv_filter_results_group_wrapper {
1882     display: inline-block;
1883     [% IF rtl == 't' -%]
1884     margin-right: 1em;
1885     [% ELSE -%]
1886     margin-left: 1em;
1887     [% END -%]
1888     margin-bottom: 8px;
1889 }
1890
1891 .adv_filter_results_group_header {
1892     display: inline-block;
1893 }
1894
1895 .adv_filter_results_group_values {
1896     display: inline;
1897 }
1898
1899 .adv_search_result_filter {
1900     display: inline-block;
1901     font-size: 16px;
1902 }
1903
1904 .remove_filter {
1905     font-size: 16px;
1906     [% IF rtl == 't' -%]
1907     margin-right: 3px;
1908     [% ELSE -%]
1909     margin-left: 3px;
1910     [% END -%]
1911 }
1912
1913 a.remove_filter {
1914     text-decoration: none;
1915     color: [% css_colors.accent_dark %];
1916 }
1917
1918 #filter_hits {
1919      display: inline-block;
1920 }
1921
1922 #refine_search_link {
1923     display: inline-block;
1924 }
1925
1926 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1927 /* some facet styling */
1928 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1929 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1930 .facetClassLabel { font-weight: bold; text-align: center; }
1931 .facetFieldContainer {  }
1932 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1933 .extraFacetFieldsWrapper { }
1934 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1935 .facetFieldLineCount {
1936     display: inline-block;
1937     border-right: 1px solid [% css_colors.accent_light %];
1938     color: [% css_colors.accent_mediumdark %];
1939     width: 3em;
1940     margin-right: 3px
1941 }
1942 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1943 .facetFields { padding-left: 5px; }
1944 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1945 [%- END -%]
1946
1947 div#facet_sidebar {
1948     [% IF rtl == 't' -%]
1949     float: right;
1950     margin-left: 1em;
1951     [% ELSE -%]
1952     float: left;
1953     margin-right: 1em;
1954     [% END-%]
1955 }
1956
1957 .facet_box_temp {
1958     padding-bottom:3px;
1959 }
1960
1961 .facet_box_temp .header {
1962     height: 2.3em;
1963     background-color:[% css_colors.primary %];
1964     border-top-left-radius: 5px;
1965     border-top-right-radius: 5px;
1966     font-weight:bold;
1967     color:[% css_colors.text_invert %];
1968     padding-top:4px;
1969 }
1970
1971 .facet_box_temp.filter_box_temp .header {
1972     background-color: [% css_colors.background_invert %] !important;
1973 }
1974
1975 .filter_box_label {
1976     color: [% css_colors.background_invert %];
1977     font-weight:bold;
1978     padding-top:4px;
1979     padding-bottom:4px;
1980     padding-left:12px;
1981 }
1982
1983 .facet_box_temp .header .title {
1984     [% IF rtl == 't' -%]
1985     float: right;
1986     padding-right: 12px;
1987     [% ELSE -%]
1988     float:left;
1989     padding-left:12px;
1990     [% END -%]
1991     padding-top:6px;
1992 }
1993
1994 /* in this context, where h4 is primarily for structure,
1995    avoid the normal large font and margin for h4's */
1996 .facet_box_temp h4 {
1997     font-size : 100%;
1998     margin: 0px;
1999 }
2000
2001 .facet_box_temp .header a.button {
2002     [% IF rtl == 't' -%]
2003     float: left;
2004     padding-left: 6px;
2005     [% ELSE -%]
2006     float:right;
2007     padding-right:6px;
2008     [% END -%]
2009     padding-top:6px;
2010     color:[% css_colors.text_invert %];
2011 }
2012
2013 .facet_box_wrapper .box_wrapper .box {
2014     border-top:1px solid [% css_colors.border_standard %];
2015     border-left:1px solid [% css_colors.border_standard %];
2016     border-right:1px solid [% css_colors.border_standard %];
2017     padding: 0 0.5em;
2018     overflow: hidden;
2019 }
2020
2021 .filter_box_wrapper {
2022     margin-bottom: 3px;
2023     padding: 2px;
2024     border: 1px solid [% css_colors.background_invert %];
2025     border-radius: 3px;
2026     font-weight:bold;
2027     padding-top:4px;
2028 }
2029
2030 .facet_template {
2031     box-sizing: border-box;
2032     -moz-box-sizing: border-box;
2033     display: table;
2034     margin: 0.5em 0;
2035     width: 100%;
2036 }
2037
2038 .facet_template div {
2039     display: table-cell;
2040     padding: 2px;
2041 }
2042
2043 .facet_template.filter_template div {
2044     padding: 0px !important;
2045 }
2046
2047 .facet_template .count {
2048     text-align: right;
2049     color: [% css_colors.accent_dark %];
2050 }
2051
2052 .page-item.active .page-link {
2053     background-color: #00593d;
2054     border-color: #00593d;
2055 }
2056 .page-link
2057 {
2058     color: #00593d;
2059 }
2060
2061 .filter-header{
2062      background-color: [% css_colors.bg_filter %];
2063      color: [% css_colors.text_filter %];
2064 }
2065
2066 .filter-header:hover{
2067      background-color: [% css_colors.bg_filter_hover %];
2068 }
2069
2070 .extra_header{
2071      background-color: [% css_colors.bg_extras %];
2072 }
2073 .facet_template_selected {
2074     background-color: [% css_colors.accent_lighter2 %];
2075     border: 1px solid [% css_colors.accent_medium %];
2076 }
2077
2078 #footer-wrap {
2079     /* border-top: 5px solid [% css_colors.nav_separation %]; */
2080     background-color: [% css_colors.footer_primary %];
2081     background-image: -moz-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2082     background-image: -o-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2083     background-image: -webkit-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2084     background-image: linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2085     bottom: 0px;
2086     width: 100%;
2087 }
2088
2089 #footer {
2090     [% IF rtl == 't' -%]
2091     margin-right: 1em;
2092     [% ELSE -%]
2093     margin-left: 1em;
2094     [% END -%]
2095     padding-top:5px;
2096     padding-bottom: 10px;
2097     font-size: [% css_fonts.size_small %];
2098 }
2099
2100 #footer .navbar-nav {
2101     justify-content: center;
2102 }
2103
2104 #copyright_text, #footer_logo {
2105     color: [% css_colors.footer_link %];
2106     font-size: [% css_fonts.size_small %];
2107     margin: 5px 0;
2108     text-align: center;
2109 }
2110
2111 .color_4 {
2112     font-weight: bold;
2113 }
2114
2115 .advanced_div { padding-top: 15px; }
2116 #adv_global_search { width: 100%; }
2117 #adv_global_addrow td { padding-top: 7px; }
2118 [% IF rtl == 't' -%]
2119 #adv_global_addrow.td-search-left{text-align:right;}
2120 [% END -%]
2121 #adv_global_input_table { width: 100%; }
2122 #adv_global_input_table select { width: 7em; }
2123 .adv_adv_link {
2124     font-size: [% css_fonts.size_smaller %];
2125     color: [% css_colors.text_alert %];
2126 }
2127 #acct_prefs_header {
2128     [% IF rtl == 't' -%]
2129     float: right;
2130     [% ELSE -%]
2131     float: left;
2132     [% END -%]
2133 }
2134 .search_page_nav_link {
2135     cursor: pointer;
2136     [% IF rtl == 't' -%]
2137     padding-right: 1em;
2138     [% ELSE -%]
2139     padding-left: 1em;
2140     [% END -%]
2141 }
2142 #opac.result.sort { width: 160px; }
2143 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
2144 .failure-text {
2145     [% IF rtl == 't' -%]
2146     margin-right: 4em;
2147     [% ELSE -%]
2148     margin-left: 4em;
2149     [% END -%]
2150     font-style: italic;
2151     color: [% css_colors.text_alert %];
2152 }
2153 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
2154 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
2155 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
2156 #adv_search_refine {
2157     [% IF rtl == 't' -%]
2158     padding-right: 5em;
2159     [% ELSE -%]
2160     padding-left: 5em;
2161     [% END -%]
2162     background-color: [% css_colors.accent_lighter2 %];
2163     margin: 2ex 0;
2164 }
2165 .row-remover { position: relative; top: 1px; vertical-align: middle; }
2166 .subtle-button {
2167     background-color: [% css_colors.background %];
2168     color: [% css_colors.primary %]; text-decoration: none;
2169     padding: 0; border: 0; margin: 0;
2170     vertical-align: middle;
2171 }
2172 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
2173 .no-dec:hover { text-decoration: none; }
2174 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
2175
2176 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
2177 #account-update-email table td {
2178     [% IF rtl == 't' -%]
2179     text-align: right;
2180     [% ELSE -%]
2181     text-align: left;
2182     [% END -%]
2183     padding: 5px 15px 5px 15px;
2184     border-bottom: 1px solid [% css_colors.accent_lighter %];
2185 }
2186 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
2187 a.dash-link:hover { text-decoration: underline !important; }
2188 #list_create_table td { vertical-align: middle; padding: 0 8px; }
2189 #list_create_table {
2190     background-color: [% css_colors.accent_light %];
2191     padding-bottom: 4px;
2192     margin-bottom: 10px;
2193     border-bottom: 1px dotted [% css_colors.accent_medium %];
2194     width: 100%;
2195 }
2196 .list_create_table_label {
2197     width: 30%;
2198 }
2199 #list_description, #list_create_name {
2200         width: 500px;
2201 }
2202 .list-create-table-buttons input[type=image] { margin-top: 2px; }
2203 .result_table_format_cell { padding: 0px 10px; text-align: center; }
2204 .results_row_count { font-weight: bold; }
2205
2206 .fmt-note {
2207     [% IF rtl == 't' -%]
2208     padding-right: 1em !important;
2209     [% ELSE -%]
2210     padding-left: 1em !important;
2211     [% END -%]
2212     vertical-align: middle;
2213 }
2214 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
2215 .hold-editor-controls a { padding-left: 2em; }
2216
2217 .text-right {
2218     [% IF rtl == 't' -%]
2219     text-align: left;
2220     [% ELSE -%]
2221     text-align: right;
2222     [% END -%]
2223 }
2224 .text-right-top {
2225     [% IF rtl == 't' -%]
2226     text-align: right;
2227     [% ELSE -%]
2228     vertical-align: top;
2229     [% END -%]
2230 }
2231 .rdetail-author-div {
2232     padding-bottom: 10px;
2233     display: inline-block;
2234 }
2235
2236 .invisible { visibility: hidden; }
2237 .rdetail-extras-summary { margin: 10px; }
2238 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
2239 .expert-search tbody tr th {
2240     [% IF rtl == 't' -%]
2241     text-align: left;
2242     padding-right: 2em;
2243     [% ELSE -%]
2244     text-align: right;
2245     padding-left: 2em;
2246     [% END -%]
2247 }
2248 #adv_expert_row label { font-weight: bold; }
2249
2250 .cn_browse_item { padding: 2ex; }
2251 .results-paginator-list {
2252     [% IF rtl == 't' -%]
2253     padding-right: 1em;
2254     [% ELSE -%]
2255     padding-left: 1em;
2256     [% END -%]
2257 }
2258 .results-paginator-selected { color: [% css_colors.text_alert %]; }
2259 .inactive-hold { background-color: [% css_colors.inactive_hold %]; }
2260 .unread-patron-message { font-weight: bold; }
2261
2262 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
2263 .hold-items-list-title {
2264   font-size: [% css_fonts.size_bigger %];
2265   margin-bottom: 20px;
2266 }
2267 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
2268
2269 .hold_success_links > span { margin: 0 2em; }
2270
2271 .radio-parts-selection {
2272    width: 75%;
2273    margin-bottom: 20px;
2274 }
2275
2276 .parts-radio-option {
2277   display: inline-block;
2278   width:15em;
2279 }
2280
2281 .mr_holds_no_formats {
2282   [% IF rtl == 't' -%]
2283   margin-right: 25px;
2284   [% ELSE -%]
2285   margin-left: 25px;
2286   [% END -%]
2287   padding: 5px;
2288   font-size: 110%;
2289   font-weight: bold;
2290   color: [% css_colors.text_invert %];
2291   background-color: [% css_colors.primary %];
2292 }
2293
2294 .holds_item_row_separator td {
2295   border-top: 2px dashed [% css_colors.accent_medium %];
2296 }
2297
2298 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2299
2300 .results_header_btns, .results_header_sel {
2301     [% IF rtl == 't' -%]
2302     float: right;
2303     [% ELSE -%]
2304     float:left;
2305     [% END -%]
2306 }
2307
2308 /*
2309  * .various_containers a = shortcut to putting .opac-button on every 'a' with
2310  *     the tradeoff of increased stylesheet complexity (TODO: rethink?)
2311  */
2312
2313 .opac-multiline-button > a,
2314 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
2315     color: [% css_colors.button_text %];
2316     font-weight: bold;
2317     text-decoration: none;
2318     cursor: pointer !important;
2319     border-radius: 5px;
2320     border: 1px solid [% css_colors.primary %];
2321     background-color:  [% css_colors.primary_fade %];
2322     margin: 0.5em;
2323     padding: 0.3em;
2324     display: inline-block;
2325 }
2326
2327 .opac-multiline-button > a:hover,
2328 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
2329     background-color: [% css_colors.primary %];
2330 }
2331
2332 .opac-button:disabled {
2333     color: [% css_colors.accent_medium %];
2334     cursor: pointer !important;
2335     border: 1px solid [% css_colors.accent_light %];
2336     background-color: [% css_colors.accent_lighter %];
2337 }
2338
2339 /* Firefox adds its own special space to inputs; this gets us closer */
2340 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
2341     padding: 0;
2342     border: 0;
2343 }
2344
2345 .opac-button-header, #dash_wrapper .opac-button {
2346     background-color: [% css_colors.control %];
2347     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2348     font-size: [% css_fonts.size_base %];
2349 }
2350 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
2351     border-color: [% css_colors.control %];
2352 }
2353
2354 .opac-multiline-button > a {
2355     display: inline-block;
2356 }
2357
2358 #myopac_checked_div {
2359     padding: 0px;
2360 }
2361
2362 .rdetail-mfhd-head {
2363     margin-top: 5px;
2364     padding-top: 5px;
2365     background-color: [% css_colors.table_heading %];
2366 }
2367
2368 .rdetail-mfhd-type {
2369     [% IF rtl == 't' -%]
2370     padding-right: 1em;
2371     [% ELSE -%]
2372     padding-left: 1em;
2373     [% END -%]
2374 }
2375
2376 .rdetail-mfhd-bottom {
2377     border-bottom: thin solid [% css_colors.border_dark %];
2378     width: 100%;
2379 }
2380
2381 #rdetail_record_details {
2382     clear: both;
2383     margin-top: 1em;
2384 }
2385
2386 .rdetail_content {
2387     [% IF rtl == 't' -%]
2388     margin-right: 1.5em;
2389     padding-right: 1.5em;
2390     [% ELSE -%]
2391     margin-left: 1.5em;
2392     padding-left: 1.5em;
2393     [% END -%]
2394 }
2395
2396 .rdetail_content_type, .rdetail_subject_type {
2397     vertical-align: top;
2398     font-weight: bold;
2399 }
2400
2401 .bookbag-item-row td { vertical-align: top; }
2402
2403 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
2404 .success {
2405     color: [% css_colors.text_greatnews %];
2406     font-weight: bold;
2407 }
2408
2409 .rdetail_related_subjects {
2410     margin-top: 1.5em;
2411 }
2412
2413 .rdetail_related_series {
2414     margin-top: 1.5em;
2415 }
2416
2417 #rdetail_openurl {
2418     margin-top: 1em;
2419 }
2420
2421 .rdetail_openurl_entry {
2422     [% IF rtl == 't' -%]
2423     margin-right: 1em;
2424     padding-right: 1em;
2425     [% ELSE -%]
2426     margin-left: 1em;
2427     padding-left: 1em;
2428     [% END -%]
2429 }
2430 .bookbag-controls-holder { width: 100%; }
2431 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
2432 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
2433 .bookbag-controls-holder .most {
2434     [% IF rtl == 't' -%]
2435     padding-right: 0;
2436     margin-left: 5em;
2437     [% ELSE -%]
2438     padding-left: 0;
2439     margin-right: 5em;
2440     [% END -%]
2441 }
2442 .bookbag-controls-title-block {
2443     [% IF rtl == 't' -%]
2444     float:right;
2445     [% ELSE -%]
2446     float:left;
2447     [% END -%]
2448     width:40%;
2449 }
2450 .bookbag-controls-button-block {
2451     [% IF rtl == 't' -%]
2452     float:right;
2453     [% ELSE -%]
2454     float:left;
2455     [% END -%]
2456     width:50%;
2457 }
2458 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
2459 .bookbag-share .fixed { min-width: 4em; }
2460 .bookbag-specific {
2461     [% IF rtl == 't' -%]
2462     margin-right: 1em;
2463     [% ELSE -%]
2464     margin-left: 1em;
2465     [% END -%]
2466 }
2467 .bookbag-specific div.sort {
2468     [% IF rtl == 't' -%]
2469     float: right;
2470     text-align: right;
2471     margin-right: 15px;
2472     [% ELSE -%]
2473     float: left;
2474     text-align: left;
2475     margin-left: 15px;
2476     [% END -%]
2477     width: 40%;
2478 }
2479 .bookbag-specific div.meta {
2480     background-color: [% css_colors.accent_light %];
2481     [% IF rtl == 't' -%]
2482     float: left;
2483     text-align: left;
2484     [% ELSE -%]
2485     float: right;
2486     text-align: right;
2487     [% END -%]
2488     width: 54%;
2489     border: 1px solid [% css_colors.accent_light %];
2490     padding: 5px;
2491     margin-top: 5px;
2492 }
2493 #bbag-name-desc-form tr th { vertical-align: middle; }
2494 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2495 .bookbag-description {
2496     padding-top: 0em;
2497     font-style: italic;
2498     max-width: 40em;
2499 }
2500 .bbag-edit-desc-label {
2501     [% IF rtl == 't' -%]
2502     float:right;
2503     [% ELSE -%]
2504     float:left;
2505     [% END -%]
2506     width:8em;
2507 }
2508 .bbag-edit-desc-save {
2509     clear:both;
2510     margin-bottom:10px;
2511 }
2512 #bbag-edit-description {
2513     width: 20em;
2514     [% IF rtl == 't' -%]
2515     float:right;
2516     [% ELSE -%]
2517     float:left;
2518     [% END -%]
2519 }
2520 #bbag-edit-name {
2521     width: 20em;
2522     [% IF rtl == 't' -%]
2523     float: right;
2524     [% ELSE -%]
2525     float: left;
2526     [% END -%]
2527 }
2528 .bbag-action {
2529     [% IF rtl == 't' -%]
2530     margin-right: 15px;
2531     [% ELSE -%]
2532     margin-left: 15px;
2533     [% END -%]
2534 }
2535 .bbag-navigate-list {
2536     [% IF rtl == 't' -%]
2537     padding-right: 32px;
2538     float:right;
2539     [% ELSE -%]
2540     padding-left: 32px;
2541     float:left;
2542     [% END -%]
2543 }
2544 .bbag-navigate-list-pages {
2545     [% IF rtl == 't' -%]
2546     padding-right: 10px;
2547     float:right;
2548     [% ELSE -%]
2549     padding-left: 10px;
2550     float:left;
2551     [% END -%]
2552 }
2553 textarea { font-family: sans-serif; }
2554 table.bookbag-specific {
2555     border-right: 1px solid [% css_colors.accent_dark %];
2556     border-bottom: 1px solid [% css_colors.accent_medium %];
2557     margin-bottom: 2ex;
2558     width: 100%;
2559 }
2560 .bookbag-share {
2561     [% IF rtl == 't' -%]
2562     float: right;
2563     padding: 0px 10px 0px 0px;
2564     [% ELSE -%]
2565     float: left;
2566     padding: 0px 0px 0px 10px;
2567     [% END -%]
2568 }
2569 .bookbag-share .fixed { min-width: 6em; }
2570 .bookbag-controls {
2571     [% IF rtl == 't' -%]
2572     float: right;
2573     padding: 0px 10px 0px 0px;
2574     [% ELSE -%]
2575     float: left;
2576     padding: 0px 0px 0px 10px;
2577     [% END -%]
2578 }
2579 .bookbag-specific td.list_checkbox {
2580     [% IF rtl == 't' -%]
2581     padding-right: 10px !important;
2582     [% ELSE -%]
2583     padding-left: 10px !important;
2584     [% END -%]
2585 }
2586 .bookbag-specific td.list_entry {
2587     min-width: 10em;
2588     [% IF rtl == 't' -%]
2589     padding-right: 5px !important;
2590     [% ELSE -%]
2591     padding-left: 5px !important;
2592     [% END -%]
2593 }
2594 .bookbag-specific td.list_actions {
2595     white-space: nowrap !important;
2596 }
2597 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2598
2599 .list_is_empty {
2600     padding: 8px 0px 6px 0px;
2601     width: 100%;
2602     border: 0;
2603     font-size: [% css_fonts.size_bigger %];
2604     text-align: center;
2605     font-style: italic;
2606 }
2607 .save-notes { padding-bottom: 1.5ex; }
2608
2609 .nonbreaking-wrapper {
2610     display: inline-block;
2611 }
2612
2613 /* Moved from semiauto.css */
2614 .adv_global_input_container {
2615     border-bottom: none;
2616     clear: both;
2617 }
2618 .opac-auto-013 {
2619     border-bottom: none;
2620     *height: 0px;
2621 }
2622 .adv_global_filter_sort {
2623     border: none;
2624     width: 100%;
2625 }
2626 .clear-both { clear: both; }
2627 .common-no-pad {
2628     clear: both;
2629     height: 0px;
2630     margin: 0px;
2631     padding: 0px;
2632 }
2633 .common-full-pad {
2634     clear: both;
2635     height: 15px;
2636 }
2637 .opac-alert { color: [% css_colors.text_alert %]; }
2638
2639 .float-left {
2640     [% IF rtl == 't' -%]
2641     float: right;
2642     [% ELSE -%]
2643     float: left;
2644     [% END -%]
2645 }
2646 .float-right {
2647     [% IF rtl == 't' -%]
2648     float: left;
2649     [% ELSE -%]
2650     float: right;
2651     [% END -%]
2652 }
2653
2654 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2655 .saved-searches-header .button {
2656     [% IF rtl == 't' -%]
2657     float: left;
2658     [% ELSE -%]
2659     float: right;
2660     width: 28px;
2661     [% END -%]
2662 }
2663 .saved-searches-header .text {
2664     [% IF rtl == 't' -%]
2665     float: right;
2666     padding-left: 1em;
2667     [% ELSE -%]
2668     float: left;
2669     padding-right: 1em;
2670     [% END -%]
2671     margin: 0.5ex 0;
2672 }
2673 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2674 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2675 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2676     [% IF rtl == 't' -%]
2677     border-left: 1px solid [% css_colors.accent_darker %];
2678     [% ELSE -%]
2679     border-right: 1px solid [% css_colors.accent_darker %];
2680     [% END -%]
2681 }
2682 .result_item_circulated {
2683     padding-top: 4px;
2684 }
2685
2686 .result_item_circulated span {
2687     position: relative;
2688     top:-3px;
2689     [% IF rtl == 't' -%]
2690     right: 3px;
2691     [% ELSE -%]
2692     left:3px;
2693     [% END -%]
2694 }
2695
2696 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2697 #result-bookbag-heading { text-align: center; margin: 2ex; }
2698
2699 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2700 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2701 .result-bookbag-item-note { font-style: italic; }
2702 .lowhits-bookbag-name { font-weight: bold; }
2703 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2704 .oils_AS_match_term {
2705     [% IF rtl == 't' -%]
2706     text-align: right;
2707     [% ELSE -%]
2708     text-align: left;
2709     [% END -%]
2710     color: [% css_colors.text %];
2711 }
2712 .oils_AS_match_field {
2713     font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2714     [% IF rtl == 't' -%]
2715     text-align: left;
2716     [% ELSE -%]
2717     text-align: right;
2718     [% END -%]
2719     color: [% css_colors.accent_medium %];
2720 }
2721 table.result_holdings_table {
2722     margin-top: 1em;
2723     margin-bottom: 1em;
2724 }
2725 table.result_holdings_table thead tr {
2726     background-color: [% css_colors.table_heading %];
2727 }
2728 table.result_holdings_table thead tr th {
2729     font-weight: bold;
2730 }
2731 span.preflib {
2732     margin: 0 2em 0 2em;
2733 }
2734 a.preflib_change {
2735   vertical-align: super;
2736   font-size: [% css_fonts.size_smaller %];
2737   line-height: normal;
2738   text-decoration: none;
2739 }
2740 .rdetail-holding-group {
2741     [% IF rtl == 't' -%]
2742     margin-right: 1.5em;
2743     [% ELSE -%]
2744     margin-left: 1.5em;
2745     [% END -%]
2746 }
2747 .rdetail-holding-group span {
2748     [% IF rtl == 't' -%]
2749     margin-right: 1.5em;
2750     [% ELSE -%]
2751     margin-left: 1.5em;
2752     [% END -%]
2753 }
2754 .rdetail-holding-group .paging {
2755     [% IF rtl == 't' -%]
2756     margin-right: 1.5em;
2757     [% ELSE -%]
2758     margin-left: 1.5em;
2759     [% END -%]
2760 }
2761 #rdetail_deleted_exp {
2762     font-weight: bold;
2763     padding: 1em;
2764     margin: 1em;
2765     border: thick solid [% css_colors.border_alert %];
2766 }
2767
2768 #ac_tab_wrapper { width : 100%; }
2769 .ac_tab {
2770     [% IF rtl == 't' -%]
2771     float: right;
2772     padding-left: 10px;
2773     [% ELSE -%]
2774     float: left;
2775     padding-right: 10px;
2776     [% END -%]
2777     font-size: [% css_fonts.size_big %];
2778     padding: 5px;
2779     border: 1px solid [% css_colors.primary_offset %];
2780 }
2781 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2782 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2783 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2784
2785 /* Popmenu styles used for making css menus. */
2786 .popmenu {
2787     margin: 0;
2788     padding: 0;
2789 }
2790 .popmenu li {
2791     list-style: none;
2792 }
2793 .popmenu li a {
2794     display: block;
2795     padding: 3px 5px;
2796 }
2797 .popmenu li ul {
2798     display: none;
2799     width: 10em; /* Width to help Opera out */
2800     background-color: [% css_colors.primary %];
2801 }
2802 .popmenu li:hover ul {
2803     display: block;
2804     position: absolute;
2805     margin: 0;
2806     padding: 0;
2807     border-color: [% css_colors.border_dark %];
2808     border-width: 1px;
2809     border-style: solid;
2810 }
2811 .popmenu li:hover li {
2812     float: none;
2813 }
2814 .popmenu li:hover li a {
2815     background-color: [% css_colors.primary %];
2816     color: [% css_colors.accent_ultralight %];
2817 }
2818 .popmenu li li a:hover {
2819     background-color: [% css_colors.accent_ultralight %];
2820     color: [% css_colors.primary %];
2821 }
2822 /* Styles for the basket entry. */
2823 .popmenu li:hover li[class~="temporary"] a {
2824     background-color: [% css_colors.primary %];
2825     color: [% css_colors.accent_ultralight %];
2826 }
2827 .popmenu li li[class~="temporary"] a:hover {
2828     background-color: [% css_colors.accent_ultralight %];
2829     color: [% css_colors.primary %];
2830 }
2831 /* Styles for the default list entry. */
2832 .popmenu li:hover li[class~="default"] a {
2833     background-color: [% css_colors.primary %];
2834     color: [% css_colors.accent_ultralight %];
2835 }
2836 .popmenu li li[class~="default"] a:hover {
2837     background-color: [% css_colors.accent_ultralight %];
2838     color: [% css_colors.primary %];
2839 }
2840 /* Styles for the new list entry. */
2841 .popmenu li:hover li[class~="new"] a {
2842     background-color: [% css_colors.primary %];
2843     color: [% css_colors.accent_ultralight %];
2844 }
2845 .popmenu li li[class~="new"] a:hover {
2846     background-color: [% css_colors.accent_ultralight %];
2847     color: [% css_colors.primary %];
2848 }
2849 /* Style to add a divider on the menu. */
2850 .popmenu li li[class~="divider"] {
2851     border-bottom-width: 1px;
2852     border-bottom-color: [% css_colors.border_dark %];
2853     border-bottom-style: solid;
2854 }
2855
2856
2857
2858
2859 #patron_usr_barcode_not_found {
2860     font-weight: bold; color: [% css_colors.text_alert %];
2861 }
2862
2863 .record_title {
2864     font-weight: bold;
2865 }
2866
2867 .record_author {
2868     font-style: italic;
2869 }
2870
2871 .password_message {
2872     padding-top: 1em;
2873     padding-bottom: 0.5em;
2874     font-style: italic;
2875 }
2876
2877 #maintenance_message {
2878     padding: 5px;
2879     width: 100%;
2880     background-color: [% css_colors.text_alert %];
2881     color: [% css_colors.text_invert %];
2882     text-align: center;
2883 }
2884
2885 #search-box > span {
2886     margin: 0 1em;
2887 }
2888 .browse-error {
2889     font-weight: bold;
2890     font-color: #c00;
2891 }
2892 .browse-result-sources, .browse-result-authority-bib-links {
2893     [% IF rtl == 't' -%]
2894     margin-right: 1em;
2895     [% ELSE -%]
2896     margin-left: 1em;
2897     [% END -%]
2898 }
2899 .browse-result-best-match {
2900     font-weight: bold;
2901 }
2902 .browse-pager {
2903     margin: 2ex 0;
2904 }
2905 .browse-result-list {
2906     padding-bottom: 0.5ex;
2907 }
2908 .browse-shortcuts {
2909     font-size: [% css_fonts.size_bigger %];
2910 }
2911 .browse-result-authority-field-name {
2912     font-style: italic;
2913     [% IF rtl == 't' -%]
2914     margin-left: 1em;
2915     [% ELSE -%]
2916     margin-right: 1em;
2917     [% END -%]
2918 }
2919 .browse-leading-article-warning {
2920     font-style: italic;
2921     font-size: [% css_fonts.size_big %];
2922 }
2923 .browse-public-general-note {
2924     font-size: [% css_fonts.size_big %];
2925 }
2926 .browse-public-general-note-label { }
2927 .browse-public-general-note-institution {
2928     font-style: normal;
2929     font-weight: bold;
2930 }
2931 .browse-public-general-note-body {
2932     font-style: italic;
2933 }
2934
2935 .bib_peer_type {
2936     font-weight: bold;
2937 }
2938
2939 #main-content-register {
2940     [% IF rtl == 't' -%]
2941     margin-right: 40px;
2942     [% ELSE -%]
2943     margin-left: 40px;
2944     [% END -%]
2945     font-size: [% css_fonts.size_bigger %];
2946 }
2947
2948 #main-content-register table {
2949     padding: 20px;
2950     margin-top: 18px;
2951     border-collapse: collapse;
2952 }
2953
2954 #main-content-register td {
2955     [% IF rtl == 't' -%]
2956     text-align: right;
2957     [% ELSE -%]
2958     text-align: left;
2959     [% END -%]
2960 }
2961
2962 #main-content-register td:not(:first-child) {
2963     [% IF rtl == 't' -%]
2964     padding-right: 20px;
2965     [% ELSE -%]
2966     padding-left: 20px;
2967     [% END -%]
2968 }
2969
2970 .patron-reg-invalid {
2971     font-weight: bold;
2972     color: red;
2973     [% IF rtl == 't' -%]
2974     padding-left: 10px;
2975     [% ELSE -%]
2976     padding-right: 10px;
2977     [% END -%]
2978 }
2979
2980 .result_footer_nav1 {
2981     clear: both;
2982 }
2983
2984 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
2985     display: none;
2986 }
2987
2988 .rdetail_authors_div {
2989     margin-bottom: 1em;
2990 }
2991
2992 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2993     white-space: nowrap;
2994     display: inline-block;
2995 }
2996
2997 .result_table_title_cell {
2998     padding-top: 4px;
2999     padding-bottom: 4px;
3000 }
3001
3002 .record_title {
3003     font-size: [% css_fonts.size_bigger %];
3004 }
3005
3006 /* styling for sms text call number */
3007 .sms_text pre {
3008     font-family: Arial, Helvetica, sans-serif;
3009     font-size: [% css_fonts.size_medium %];
3010     background-color: [% css_colors.accent_lightest %];
3011     padding: .5%;
3012     /* Allow text to wrap */
3013     white-space: pre-wrap;       /* css-3 */
3014     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
3015     white-space: -pre-wrap;      /* Opera 4-6 */
3016     white-space: -o-pre-wrap;    /* Opera 7 */
3017     word-wrap: break-word;       /* Internet Explorer 5.5+ */
3018 }
3019
3020 .mobile_view {
3021    display:none;
3022 }
3023
3024 /* patron message center */
3025 #myopac_message_tbody {
3026     vertical-align: top;
3027 }
3028 .myopac_message_message {
3029     white-space: pre-wrap;
3030 }
3031
3032 #browse-controls {
3033     text-align: center;
3034 }
3035
3036 .browse-pager-spinner {
3037     display: inline-block;
3038     height: 16px;
3039     width: 16px;
3040 }
3041
3042 /* override a tiny bootstrap alignment issue */
3043 .form-check-input {
3044     margin-top: .2rem;
3045 }
3046
3047 @media only screen and (min-width: 992px) {
3048     .nav-fr{
3049         float: right;
3050     }
3051     .nav-fl{
3052         float: left;
3053     }
3054     #nav-divide{
3055         display:none !important;
3056     }
3057 }
3058
3059 @media only screen and (max-width: 767px) {
3060     .search_box_wrapper {
3061         padding-left: 0;
3062     }
3063     
3064 }
3065
3066 @media only screen and (max-width: 800px) {
3067     .adv_options{
3068         width: 100% !important;
3069     }
3070     .facet_sidebar_hidden, .result_block_hidden {
3071         display: none;
3072     }
3073     .facet_sidebar_visible, .result_block_visible {
3074         display: inline ! important;
3075     }
3076     #acct_select, #acct_prefs_select {
3077         display: inline-block;
3078     }
3079     #acct_tabs, #acct_prefs_tabs {
3080          display:none;
3081      }
3082     .radio-parts-selection { width: 90%; }
3083     #list_description, #list_create_name {
3084         width: 300px;
3085     }
3086 }
3087
3088 @media only screen and (max-width: 600px) {
3089     input, select {
3090         font-size: [% css_fonts.size_big %];
3091     }
3092     span .nav_arrow_fix {
3093         display: none;
3094     }
3095     #header {
3096         padding: 0px;
3097         margin: 0px;
3098     }
3099     #homesearch_main_logo img {
3100         width:75%;
3101     }
3102     #format_selector {
3103         display:none;
3104     }
3105     #your-acct-login {
3106         padding: 0px;
3107         padding-top: 5px;
3108     }
3109     #your-acct-login a {
3110         margin: 0px;
3111         padding: 5px;
3112     }
3113     #topnav_logo {
3114         margin: 0;
3115     }
3116     #topnav_logo img {
3117         width: 200px;
3118     }
3119
3120     #gold-links-holder {
3121         display: none;
3122     }
3123     #simple-detail-view-links {
3124         display: none;
3125     }
3126     #acct_tabs a, #acct_fines_tabs a {
3127        [% IF rtl == 't' -%]
3128        border-radius: 6px 0px 0px 6px;
3129        margin: 0px 0px 0px 5px;
3130        [% ELSE -%]
3131        border-radius: 6px 6px 0px 0px;
3132        margin: 0px 5px 0px 0px;
3133        [% END -%]
3134        padding: 2px 4px 3px 4px;
3135        font-size: [% css_fonts.size_base %];
3136     }
3137     .bookbag-controls-title-block {
3138         [% IF rtl == 't' -%]
3139         clear:right;
3140         [% ELSE -%]
3141         clear:left;
3142         [% END -%]
3143         width:90%;
3144     }
3145     .bookbag-controls-button-block {
3146         [% IF rtl == 't' -%]
3147         clear:right;
3148         [% ELSE -%]
3149         clear:left;
3150         [% END -%]
3151         width;90%;
3152     }
3153     .bookbag-specific {
3154         [% IF rtl == 't' -%]
3155         margin-right: 0px;
3156         [% ELSE -%]
3157         margin-left: 0px;
3158         [% END -%]
3159     }
3160     .bookbag-specific div.sort {
3161         [% IF rtl == 't' -%]
3162         float: right;
3163         text-align: right;
3164         [% ELSE -%]
3165         float: left;
3166         text-align: left;
3167         [% END -%]
3168         width: 95%;
3169         margin: 5px 0px 5px 0px;
3170         border: 1px solid [% css_colors.accent_light %];
3171         padding:5px;
3172     }
3173     .bookbag-specific div.meta {
3174         [% IF rtl == 't' -%]
3175         float: right;
3176         margin-right:0px;
3177         text-align: right;
3178         [% ELSE -%]
3179         float: left;
3180         margin-left:0px;
3181         text-align: left;
3182         [% END -%]
3183         width: 95%;
3184         margin-bottom:5px;
3185         padding:5px;
3186     }
3187     #bbag-edit-name {
3188         [% IF rtl == 't' -%]
3189         float: right;
3190         [% ELSE -%]
3191         float: left;
3192         [% END -%]
3193         width: 220px;
3194     }
3195     #bbag-edit-description {
3196         width: 220px;
3197         margin-top:5px;
3198     }
3199     .bbag-content {
3200         padding:5px;
3201         border:1px solid [% css_colors.accent_light %];
3202     }
3203     .bbag-action {
3204         [% IF rtl == 't' -%]
3205         margin-right:0px;
3206         [% ELSE -%]
3207         margin-left:0px;
3208         [% END -%]
3209         margin-bottom:5px;
3210     }
3211     .bbag-action-field {
3212         width:230px;
3213     }
3214     .bookbag-specific div.sort select {
3215         width:180px;
3216     }
3217     .bookbag-specific tr {
3218         display: block;
3219         border-bottom: 1px solid [% css_colors.border_standard %];
3220     }
3221     .bookbag-specific td.list_checkbox {
3222         [% IF rtl == 't' -%]
3223         padding-right: 0px !important;
3224         [% ELSE -%]
3225         padding-left: 0px !important;
3226         [% END -%]
3227     }
3228     .bookbag-specific td.list_entry {
3229         display: inline-block;
3230         min-width: 5em;
3231         [% IF rtl == 't' -%]
3232         padding-right: 40% !important;
3233         [% ELSE -%]
3234         padding-left: 40% !important;
3235         [% END -%]
3236     }
3237     .bookbag-specific td.list_entry:before {
3238         content: attr(data-label);
3239         position: absolute;
3240         [% IF rtl == 't' -%]
3241         right: 10px;
3242         [% ELSE -%]
3243         left: 10px;
3244         [% END -%]
3245     }
3246     .bbag-navigate-list {
3247         display: none;
3248     }
3249     .bbag-navigate-list-pages {
3250         [% IF rtl == 't' -%]
3251         text-align:left;
3252         float:left;
3253         [% ELSE -%]
3254         text-align:right;
3255         float:right;
3256         [% END -%]
3257     }
3258     #dash_wrapper div {
3259         background-color: transparent;
3260         padding: 0px;
3261     }
3262     #dash_wrapper {
3263         position: static;
3264         top: auto;
3265     }
3266     #dash_wrapper .opac-button {
3267         top: 0px;
3268     }
3269     .small_view_only, #filter_hits {
3270         display: inline !important;
3271     }
3272     #dash_identity a {
3273         [% IF rtl == 't' -%]
3274         float:right;
3275         [% ELSE -%]
3276         float:left;
3277         [% END -%]
3278     }
3279
3280     #holds_box form blockquote {
3281         [% IF rtl == 't' -%]
3282         margin-right: 10px;
3283         margin-left: 2px;
3284         [% ELSE -%]
3285         margin-left: 10px;
3286         margin-right: 2px;
3287         [% END -%]
3288     }
3289     #holds_box form blockquote select {
3290         width: 100%;
3291     }
3292     #myopac_sum_fines_placehold {
3293         display:none;
3294     }
3295     #myopac_sum_fines {
3296         display: none;
3297     }
3298     #list_description, #list_create_name {
3299         width: 170px;
3300     }
3301     .results_header_lbl {
3302         display: none;
3303     }
3304     .results_header_nav1 span.h1 {
3305         display: none;
3306     }
3307     .preflib {
3308         display: none;
3309     }
3310     .start_end_links_span {
3311         display: block;
3312     }
3313     .invisible {
3314         display: none;
3315     }
3316     .result_table_pic_header {
3317         [% IF rtl == 't' -%]
3318         padding-right: 0px !important;
3319         padding-left: 5px;
3320         [% ELSE -%]
3321         padding-left: 0px !important;
3322         padding-right: 5px;
3323         [% END -%]
3324         width: 0px !important;
3325         margin: 0px;
3326     }
3327     .result_table_pic {
3328         width: 55px;
3329         padding: 0px;
3330         margin: 0px;
3331     }
3332     tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
3333          display: none;
3334     }
3335     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
3336     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
3337         display:none;
3338     }
3339     #results_header_bar {
3340         background-color: inherit;
3341     }
3342     .results_header_btns a {
3343         margin: 0.3em;
3344     }
3345     .adv_filter_results_hide {
3346         display: none;
3347     }
3348     .adv_filter_results_show {
3349         display: block;
3350     }
3351     .adv_filter_results_block_label {
3352         display: block;
3353     }
3354     .adv_filter_results_group_wrapper {
3355         display: block;
3356     }
3357     #main-content {
3358         margin: 0 1px;
3359     }
3360     #rdetails_status thead {
3361         display: none;
3362     }
3363     #rdetails_status tr {
3364     display: block;
3365     margin-top: 3px;
3366     }
3367     #rdetails_status td {
3368     display: block;
3369     padding: 1px;
3370     }
3371     .copy_details_row {
3372     background-color: [% css_colors.accent_lightest %];
3373     }
3374     .copy_details_offers_row {
3375     background-color: [% css_colors.accent_lightest %];
3376     }
3377     select#pickup_lib.search-wrapper-locg {
3378         width: 100%;
3379     }
3380     #search-wrapper #search-box {
3381         width: 85%;
3382         padding-top: 5px;
3383     }
3384     #main-content-home {
3385         padding: 0px;
3386         margin: 0px;
3387     }
3388     /* Make use of full width in mobile mode */
3389     .facet_box_wrapper .box_wrapper .box,
3390     .facet_template .facet,
3391     .facet_box_temp {
3392         width: inherit;
3393     }
3394     .facet_template .count {
3395         [% IF rtl == 't' -%]
3396         padding-right: 1em;
3397         [% ELSE -%]
3398         padding-left: 1em;
3399         [% END -%]
3400     }
3401     #facet_sidebar {
3402         margin-top: 0.5em;
3403     }
3404     #adv_search_parent {
3405         font-size: [% css_fonts.size_smaller %];
3406     }
3407     #adv_search_filters {
3408         position: relative;
3409         width: 300px;
3410     }
3411     #format_actions {
3412         [% IF rtl == 't' -%]
3413         float: right;
3414         [% ELSE -%]
3415         float: left;
3416         [% END -%]
3417     }
3418     .rdetail_aux_utils {
3419         padding: 0px;
3420         border: none;
3421     }
3422     .result_metadata {
3423         width: inherit;
3424     }
3425     div#rdetail_actions_div {
3426         float: none;
3427     }
3428     h2.rdetail_uris {
3429         clear: both;
3430     }
3431     #metarecord_population {
3432         overflow: hidden;
3433         width: 100%;
3434     }
3435     .metarecord_population_span_link {
3436     }
3437     .metarecord_population_item_lang {
3438         float: none;
3439     }
3440     .search_catalog_lbl {
3441         [% IF rtl == 't' -%]
3442     margin-right: 0;
3443         [% ELSE -%]
3444     margin-left: 0;
3445         [% END -%]
3446     white-space: nowrap;
3447     }
3448     .adv_search_catalog_lbl {
3449         margin-top: 0;
3450     white-space: nowrap;
3451     }
3452     .browse_the_catalog_lbl {
3453         white-space: nowrap;
3454     }
3455     .mobile_hide {
3456     display: none;
3457     }
3458     #dash_user {
3459         display: block;
3460         padding: 0.5em;
3461         font-size: 18px;
3462         text-align: center;
3463     }
3464     .dash_divider {
3465     display: none;
3466     }
3467     .dash_account_buttons {
3468         display: block;
3469     }
3470     .searchbar { line-height: 1.5em; }
3471     #browse-controls { line-height: 1.5em; }
3472     #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3473         display: block;
3474     }
3475     .bookshelf td {
3476     display: block;
3477     width: 100%;
3478     }
3479     .bookshelf table thead tr {
3480     display: block;
3481     }
3482     #lowhits_help { width: inherit; }
3483     #adv_search_tabs a{
3484         font-size: [% css_fonts.size_small %];
3485         margin: 2px 2px 0px 2px;
3486         padding: 2px 2px 5px 2px;
3487         [% IF rtl == 't' -%]
3488         border-radius: 7px 0px 0px 7px;
3489         [% ELSE -%]
3490         border-radius: 7px 7px 0px 0px;
3491         [% END -%]
3492     }
3493     #adv_global_tbody td {
3494         border-bottom: thin solid [% css_colors.accent_light %];
3495     }
3496     #adv_global_addrow td {
3497         border-bottom: none;
3498     }
3499         /* Force table to not be like tables anymore */
3500         table#acct_checked_main_header thead tr th, table#acct_holds_main_header thead tr th, table#acct_checked_hist_header thead tr th, table#acct_holds_hist_header thead tr th, table#ebook_circs_main_table thead tr th, table#ebook_holds_main_table thead tr th {
3501                 display: none;
3502         }
3503         table#acct_checked_main_header tbody tr td, table#acct_holds_main_header tbody tr td, table#acct_checked_hist_header tbody tr td, table#acct_holds_hist_header tbody tr td, table#ebook_circs_main_table tbody tr td, table#ebook_holds_main_table tbody tr td {
3504                 display: block;
3505         }
3506
3507         /* Hide table headers (but not display: none;, for accessibility) */
3508        /* thead tr {
3509                 position: absolute;
3510                 top: -9999px;
3511                 [% IF rtl == 't' -%]
3512                 right: -9999px;
3513                 [% ELSE -%]
3514                 left: -9999px;
3515                 [% END -%]
3516         }*/
3517
3518         table#acct_checked_main_header, table#acct_holds_main_header, table#acct_checked_hist_header, table#acct_holds_hist_header, table#ebook_circs_main_table, table#ebook_holds_main_table {
3519                 width: 90%;
3520         }
3521
3522         table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3523
3524         /* Holds history gets large white border to mimic header cell on other
3525            account screens that provide visual cue for next title. We should do
3526            the same for ebook tables too since we have no actions on those
3527            tables. If actions get added, we should move those tables out of
3528            here. */
3529
3530         table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3531         table#acct_holds_hist_header tr{ border-top: 2px solid #bbb; }
3532
3533         table#acct_checked_main_header td, table#acct_holds_main_header td, table#acct_checked_hist_header td, table#acct_holds_hist_header td, table#ebook_circs_main_table td, table#ebook_holds_main_table td {
3534                 /* Behave  like a "row" */
3535                 border: none;
3536                 border-bottom: 1px solid #eee;
3537                 position: relative;
3538                 [% IF rtl == 't' -%]
3539                 padding-right: 40%;
3540                 [% ELSE -%]
3541                 padding-left: 40%;
3542                 [% END -%]
3543         }
3544
3545          table#acct_checked_main_header td:before, table#acct_holds_main_header td:before, table#acct_checked_hist_header td:before, table#acct_holds_hist_header td:before, table#ebook_circs_main_table td:before, table#ebook_holds_main_table td:before {
3546                 /* Now like a table header */
3547                 position: absolute;
3548                 /* Top/left values mimic padding */
3549                 top: 2px;
3550                 width: 40%;
3551                 [% IF rtl == 't' -%]
3552                 right: 2px;
3553                 padding-left: 10px;
3554                 [% ELSE -%]
3555                 left: 2px;
3556                 padding-right: 10px;
3557                 [% END -%]
3558                 white-space: nowrap;
3559         }
3560
3561         table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3562         table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3563         table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3564         table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3565         table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3566         table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3567         table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3568
3569      table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3570         table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3571         table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3572         table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3573         table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3574         table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3575         table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3576         table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3577
3578         table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3579         table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3580         table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3581         table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3582         table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3583         table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3584         table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3585         table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3586
3587         table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3588         table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3589         table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3590         table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3591         table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3592
3593         table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3594         table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3595         table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3596         table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3597
3598         table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3599         table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3600         table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3601         table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3602
3603
3604
3605        /*Want to see these in mobile ONLY */
3606        .mobile_view{
3607           display:block;
3608        }
3609
3610        .mobile_search_lbl_clr{
3611           color:[% css_colors.mobile_header_text %];
3612        }
3613 }
3614
3615
3616 /*
3617 For text which is visible only to screen readers.
3618 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3619 See also http://webaim.org/techniques/css/invisiblecontent/
3620 */
3621 .sr-only {
3622     position: absolute;
3623     width: 1px;
3624     height: 1px;
3625     padding: 0;
3626     margin: -1px;
3627     overflow: hidden;
3628     clip: rect(0, 0, 0, 0);
3629     border: 0;
3630 }
3631
3632 /* Make added rows in Expert Search have bold labels like the initial row */
3633 label[for*=expert_]
3634 {
3635     font-weight: bold;
3636 }
3637
3638 .sort_deemphasize {
3639     font-weight: lighter;
3640     font-size: 70%;
3641 }
3642
3643 #results-page-depth-hint {
3644     text-align: center;
3645     font-style: italic;
3646 }
3647
3648 #clear-history-confirm {
3649   font-weight: bold;
3650   color: [% css_colors.text_badnews %];
3651   padding: 10px;
3652 }
3653
3654 /*Inline rules from other templates files*/
3655
3656 .td-left{
3657     [% IF rtl == 't' -%]
3658     text-align:right;
3659     [% ELSE -%]
3660     text-align:left;
3661     [% END -%]
3662     width:100%;
3663 }
3664 .td-search-left{
3665     [% IF rtl == 't' -%]
3666     text-align:right;
3667     [% ELSE -%]
3668     text-align:left;
3669     [% END -%]
3670 }
3671 #myopac_summary_div{padding:0px;}
3672 .div-left{
3673     [% IF rtl == 't' -%]
3674     float: right;
3675     [% ELSE -%]
3676     float: left;
3677     [% END -%]
3678 }
3679 .td-right{
3680     [% IF rtl == 't' -%]
3681     text-align:left;
3682     [% ELSE -%]
3683     text-align:right;
3684     [% END -%]
3685 }
3686 .login-form-left{
3687     [% IF rtl == 't' -%]
3688     float: right;
3689     margin-left: 40px;
3690     [% ELSE -%]
3691     float: left;
3692     margin-right: 40px;
3693     [% END -%]
3694     padding-bottom: 10px;
3695 }
3696 .hold-div{
3697     [% IF rtl == 't' -%]
3698     padding-right: 10px;
3699     [% ELSE -%]
3700     padding-left: 10px;
3701     [% END -%]
3702     padding-bottom: 15px;
3703 }
3704 .hold-span{font-weight: bold;}
3705 .padding-left-6{
3706     [% IF rtl == 't' -%]
3707     padding-right: 6px;
3708     [% ELSE -%]
3709     padding-left: 6px;
3710     [% END -%]
3711 }
3712 .padding-left-10{
3713     [% IF rtl == 't' -%]
3714     padding-right:10px;
3715     [% ELSE -%]
3716     padding-left:10px;
3717     [% END -%]
3718 }
3719 .padding-left-5{
3720     [% IF rtl == 't' -%]
3721     padding-right: 5px;
3722     [% ELSE -%]
3723     padding-left: 5px;
3724     [% END -%]
3725 }
3726
3727 /* Rules from metarecord_hold_filters.tt2 */
3728
3729 .metarecord_filters{
3730       padding: 5px;
3731       margin-top: 5px;
3732       border-bottom: 1px solid #333;
3733       border-top: 1px solid #333; }
3734 .metarecord_filter_container{
3735     [% IF rtl == 't' -%]
3736     float : right;
3737     margin-left: 10px;
3738     [% ELSE -%]
3739     float : left;
3740     margin-right: 10px;
3741     [% END -%]
3742 }
3743 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3744 .metarecord_filter_header{padding-bottom: 5px;}
3745
3746 /* Toggled items. */
3747 /* A block that is initially hidden and shown by clicking an anchor. */
3748 [id^="toggled-block-"]{
3749     display: none;
3750 }
3751 [id^="toggled-block-"]:target{
3752     display: block;
3753 }
3754 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
3755 [id^="toggled-inline-"]{
3756     display: none;
3757 }
3758 [id^="toggled-inline-"]:target{
3759     display: inline;
3760 }
3761
3762 .oils_SH {
3763     font-weight: bolder;
3764     background-color: #99ff99;
3765 }
3766
3767 .oils_SH.identifier {
3768     font-weight: bolder;
3769     background-color: #42b0f4;
3770 }
3771 .hold_note_title { font-weight: bold; }
3772
3773 /*
3774 #acct_checked_main_header td, #acct_holds_main_header td, #acct_fines_main_header td, #acct_fines_confirm_header td, #acct_fees_main_header td,#acct_checked_hist_header td, #acct_holds_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td, #acct_messages_main_header td, #ebook_circs_main_table td, #ebook_holds_main_table td {
3775     background-color: [% css_colors.background %];
3776     padding: 10px;
3777      border: 1px solid #d3d3d3;
3778 }
3779
3780 #acct_checked_main_header th, #acct_holds_main_header th, #acct_fines_main_header th, #acct_fines_confirm_header th, #acct_fees_main_header th, #acct_checked_hist_header th, #acct_holds_hist_header th, #acct_list_header th, #acct_list_header_anon th, #temp_list_holds th, #acct_messages_main_header th, #ebook_holds_main_table th {
3781     [% IF rtl == 't' -%]
3782     text-align: right;
3783     [% ELSE -%]
3784     text-align: left;
3785     [% END -%]
3786     padding: 0px 10px 0px 10px;
3787 }
3788 #acct_checked_main_header, #acct_holds_main_header, #acct_fines_main_header, #acct_checked_hist_header, #acct_holds_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds, #acct_messages_main_header, #ebook_circs_main_table, #ebook_holds_main_table {
3789     border-collapse: collapse;
3790 }
3791
3792 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
3793 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
3794 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
3795 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
3796 #hold_editor_table th {
3797     [% IF rtl == 't' -%]
3798     text-align: left;
3799     padding-left: 1em;
3800     [% ELSE -%]
3801     text-align: right;
3802     padding-right: 1em;
3803     [% END -%]
3804 }
3805 #hold_editor_table td { padding: 0.25em 0; }
3806 */
3807
3808
3809 /*
3810   Carousels
3811 */
3812
3813 .carousel {
3814     width: 40%;
3815     margin: 0 auto;
3816 }
3817 .carousel-title {
3818     font-size: 150%;
3819     font-weight: bold;
3820     text-align: center;
3821 }
3822
3823 .fas, .far{
3824     margin: 0px 3px;
3825 }
3826 .carousel-entry {
3827     max-width: 150px;
3828 }
3829 .carousel-entry-image {
3830     width: 100%;
3831     height: auto;
3832 }
3833 .carousel .glide__arrow {
3834     color: [% css_colors.button_text %];
3835     font-weight: bold !important;
3836     text-decoration: none !important;
3837     cursor: pointer;
3838     border-radius: 5px;
3839     border: 1px solid [% css_colors.primary %];
3840     background-color:  [% css_colors.primary_fade %];
3841     margin: 0.5em;
3842     padding: 0.3em;
3843     display: inline-block;
3844 }
3845 .carousel .glide__arrow--right {
3846     right: -8em;
3847 }
3848 .carousel .glide__arrow--left {
3849     left: -8em;
3850 }
3851
3852 .search-filter{
3853     display: inline;
3854     white-space: nowrap;
3855 }
3856
3857
3858
3859 .search-option{
3860     display: inline-block;
3861     margin: 0px 10px;
3862 }
3863
3864
3865 #homeLogo{
3866     filter: alpha(opacity=50);
3867     background-color: #fff; /* Used if the image is unavailable */
3868     height: 500px; /* You must set a specified height */
3869     background-position: center; /* Center the image */
3870     background-repeat: no-repeat; /* Do not repeat the image */
3871     background-size: contain; /* Resize the background image to cover the entire container */
3872     background-image: url("[% ctx.media_prefix %]/images/Evergreen-Final-Logo.png");
3873
3874 }
3875
3876 .navbar-dark .navbar-nav .nav-link{
3877     color: #fff !important;
3878 }
3879
3880 .nav-link.active {
3881     color: #000;
3882 }
3883
3884 .pref_table{
3885     margin: 10px;
3886 }
3887
3888 .checkCell{width:30px;}
3889
3890 @media (min-width: 650px){
3891 .modal-dialog {
3892     max-width: 600px !important;
3893     }
3894
3895 }
3896
3897 .listTitleText{
3898     width:33%;
3899 }
3900
3901 .facet_box_wrapper .card-header{
3902     background-color: [% css_colors.facets_back %];
3903     color: [% css_colors.facets_text %];
3904 }
3905 .facet_box_wrapper .card-body {
3906     padding: .5rem;
3907 }
3908
3909 .vertMid {
3910     position: relative;
3911     top: 50%;
3912     transform: translateY(-50%);
3913 }
3914
3915 .sumNum{
3916     margin-right:5px;
3917 }
3918
3919 .my_nav .active{
3920      background-color: #c8ffaf;
3921 }
3922
3923 .my_nav a {
3924     text-align:left !important;
3925     border-radius: 0;
3926 }
3927
3928 .my_nav .dropdown {
3929     display: block;
3930     width: 100%;
3931 }
3932
3933 .my_nav .dropdown button {
3934     border-radius: 0;
3935 }
3936
3937 .my_nav .dropdown-toggle::after{
3938     float: right;
3939     margin: 5px 0 0 5px;
3940 }
3941
3942 .dropdown-item:active {
3943     background-color: #EDFFCC;
3944 }
3945
3946 .my_nav .fas, .mynav .far{
3947     min-width:20px;
3948 }
3949
3950 .adv_options {
3951     width: 50%;
3952 }
3953
3954 .page-link {
3955     color: [% css_colors.link %];
3956 }
3957
3958 .page-item.active .page-link {
3959     background-color: [% css_colors.link %];
3960     border-color: [% css_colors.link %];
3961 }
3962
3963 .btn-outline-primary {
3964     border-color: [% css_colors.link %];
3965     color: [% css_colors.link %];
3966 }
3967
3968 .btn-outline-primary:hover {
3969     color: [% css_colors.button_confirm_text %];
3970     background-color: [% css_colors.button_confirm_hover %];
3971     border-color: [% css_colors.button_confirm_border_hover %];
3972 }
3973
3974 #rdetail_extras_div .card-header {
3975     background-color: #007a54;
3976 }
3977
3978 #rdetail_extras_div .card-header  a {
3979     color: #FFF
3980 }
3981
3982 #record_actions .btn {
3983     text-align: left;
3984 }
3985
3986 .alert-danger a:link,
3987 .alert-danger a:visited {
3988     color: #424fa6;
3989 }
3990
3991 .language_form button {
3992     background:none;
3993     border:none;
3994     margin:0;
3995     padding:0;
3996     color:[% css_colors.footer_link %];
3997 }
3998 .language_form button:disabled {
3999     color:[% css_colors.footer_link_disabled %];
4000 }
4001 .language_form ul{
4002     list-style:none;
4003 }
4004 .language_form h6{
4005     color:[% css_colors.footer_link %];
4006         }
4007 .language_form{
4008     float: right;
4009 padding: 15px;
4010 }