LP1895678: Bring course materials into the bootstrap OPAC
[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 .adv_search_catalog_lbl,
1757 .browse_the_catalog_lbl,
1758 .search_courses_lbl,
1759 .browse_courses_lbl {
1760     font-size: [% css_fonts.size_bigger %];
1761 }
1762
1763 .lbl1 {
1764     font-size: [% css_fonts.size_bigger %];
1765     font-weight:bold;
1766 }
1767
1768 .lbl2 {
1769     font-size: [% css_fonts.size_smaller %];
1770     font-weight:normal;
1771     position:relative;
1772     top:3px;
1773     max-width:300px;
1774 }
1775
1776 #fines_payments_wrapper {
1777     padding-left: 5px;
1778     padding-right: 5px;
1779 }
1780
1781 .myopac_payments_table th {
1782     [% IF rtl == 't' -%]
1783     text-align: right; }
1784     [% ELSE -%]
1785     text-align: left;
1786     [% END -%]
1787 }
1788
1789 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1790 .myopac_payments_table thead th:first-child { width: 8em; }
1791 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1792 .myopac_payments_table form { display: inline; }
1793 .myopac_payments_table input[type="submit"] { padding: 1px; }
1794
1795 .cc_header
1796 {
1797    padding-top:1em;
1798    background-color: [% css_colors.accent_lighter %];
1799 }
1800
1801 .payment-error {
1802     font-weight: bold; color: [% css_colors.text_alert %];
1803     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1804 }
1805
1806 .payment-processing {
1807     font-weight: bold;
1808     color: [% css_colors.text_greatnews %];
1809     font-size: [% css_fonts.size_bigger %];
1810     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1811     text-align: center;
1812 }
1813 #adv_search_input { width: 100%; }
1814 #adv_search_parent {
1815     margin-bottom:0px;
1816 }
1817
1818 #search-wrapper #search-submit-go,
1819 #search-wrapper #search-submit-go-depth {
1820     display: inline-block;
1821     margin-top: 1.3rem;
1822 }
1823
1824 #search-submit-spinner {
1825     height: 16px;
1826     width: 16px;
1827 }
1828 div.adv_search_available {
1829     margin-top: 1em;
1830 }
1831
1832 #myopac_loading {
1833     width:100%;
1834     text-align:center;
1835     padding-top:20px;
1836     font-size: [% css_fonts.size_bigger %];
1837     font-weight:bold;
1838 }
1839
1840 .chili_link {
1841     width:100px !important;
1842     text-align: center !important;
1843 }
1844
1845 .chili_review div.chili_link div {
1846     margin: auto;
1847 }
1848
1849 /* styling for advanced search filters that display with searchbar */
1850
1851 #adv_filter_results_block h4 { display: inline; }
1852
1853 #adv_filter_results_block {
1854     margin-top: 6px;
1855     text-align: center;
1856 }
1857
1858 .adv_filter_results_block_label {
1859     font-weight:bold;
1860     [% IF rtl == 't' -%]
1861     padding: 4px 12px 4px 0px;
1862     [% ELSE -%]
1863     padding: 4px 0px 4px 12px;
1864     [% END -%]
1865 }
1866
1867 .adv_filter_results_group {
1868     font-size: 12px;
1869     display: inline-block;
1870     background-color:  [% css_colors.accent_lighter2 %];
1871     border-style: solid;
1872     border-color: [% css_colors.accent_medium %];
1873     border-width: 1px;
1874     border-radius: 4px;
1875     padding: 2px 4px 2px 4px;
1876 }
1877
1878 .adv_filter_results_group_wrapper {
1879     display: inline-block;
1880     [% IF rtl == 't' -%]
1881     margin-right: 1em;
1882     [% ELSE -%]
1883     margin-left: 1em;
1884     [% END -%]
1885     margin-bottom: 8px;
1886 }
1887
1888 .adv_filter_results_group_header {
1889     display: inline-block;
1890 }
1891
1892 .adv_filter_results_group_values {
1893     display: inline;
1894 }
1895
1896 .adv_search_result_filter {
1897     display: inline-block;
1898     font-size: 16px;
1899 }
1900
1901 .remove_filter {
1902     font-size: 16px;
1903     [% IF rtl == 't' -%]
1904     margin-right: 3px;
1905     [% ELSE -%]
1906     margin-left: 3px;
1907     [% END -%]
1908 }
1909
1910 a.remove_filter {
1911     text-decoration: none;
1912     color: [% css_colors.accent_dark %];
1913 }
1914
1915 #filter_hits {
1916      display: inline-block;
1917 }
1918
1919 #refine_search_link {
1920     display: inline-block;
1921 }
1922
1923 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1924 /* some facet styling */
1925 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1926 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1927 .facetClassLabel { font-weight: bold; text-align: center; }
1928 .facetFieldContainer {  }
1929 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1930 .extraFacetFieldsWrapper { }
1931 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1932 .facetFieldLineCount {
1933     display: inline-block;
1934     border-right: 1px solid [% css_colors.accent_light %];
1935     color: [% css_colors.accent_mediumdark %];
1936     width: 3em;
1937     margin-right: 3px
1938 }
1939 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1940 .facetFields { padding-left: 5px; }
1941 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1942 [%- END -%]
1943
1944 div#facet_sidebar {
1945     [% IF rtl == 't' -%]
1946     float: right;
1947     margin-left: 1em;
1948     [% ELSE -%]
1949     float: left;
1950     margin-right: 1em;
1951     [% END-%]
1952 }
1953
1954 .facet_box_temp {
1955     padding-bottom:3px;
1956 }
1957
1958 .facet_box_temp .header {
1959     height: 2.3em;
1960     background-color:[% css_colors.primary %];
1961     border-top-left-radius: 5px;
1962     border-top-right-radius: 5px;
1963     font-weight:bold;
1964     color:[% css_colors.text_invert %];
1965     padding-top:4px;
1966 }
1967
1968 .facet_box_temp.filter_box_temp .header {
1969     background-color: [% css_colors.background_invert %] !important;
1970 }
1971
1972 .filter_box_label {
1973     color: [% css_colors.background_invert %];
1974     font-weight:bold;
1975     padding-top:4px;
1976     padding-bottom:4px;
1977     padding-left:12px;
1978 }
1979
1980 .facet_box_temp .header .title {
1981     [% IF rtl == 't' -%]
1982     float: right;
1983     padding-right: 12px;
1984     [% ELSE -%]
1985     float:left;
1986     padding-left:12px;
1987     [% END -%]
1988     padding-top:6px;
1989 }
1990
1991 /* in this context, where h4 is primarily for structure,
1992    avoid the normal large font and margin for h4's */
1993 .facet_box_temp h4 {
1994     font-size : 100%;
1995     margin: 0px;
1996 }
1997
1998 .facet_box_temp .header a.button {
1999     [% IF rtl == 't' -%]
2000     float: left;
2001     padding-left: 6px;
2002     [% ELSE -%]
2003     float:right;
2004     padding-right:6px;
2005     [% END -%]
2006     padding-top:6px;
2007     color:[% css_colors.text_invert %];
2008 }
2009
2010 .facet_box_wrapper .box_wrapper .box {
2011     border-top:1px solid [% css_colors.border_standard %];
2012     border-left:1px solid [% css_colors.border_standard %];
2013     border-right:1px solid [% css_colors.border_standard %];
2014     padding: 0 0.5em;
2015     overflow: hidden;
2016 }
2017
2018 .filter_box_wrapper {
2019     margin-bottom: 3px;
2020     padding: 2px;
2021     border: 1px solid [% css_colors.background_invert %];
2022     border-radius: 3px;
2023     font-weight:bold;
2024     padding-top:4px;
2025 }
2026
2027 .facet_template {
2028     box-sizing: border-box;
2029     -moz-box-sizing: border-box;
2030     display: table;
2031     margin: 0.5em 0;
2032     width: 100%;
2033 }
2034
2035 .facet_template div {
2036     display: table-cell;
2037     padding: 2px;
2038 }
2039
2040 .facet_template.filter_template div {
2041     padding: 0px !important;
2042 }
2043
2044 .facet_template .count {
2045     text-align: right;
2046     color: [% css_colors.accent_dark %];
2047 }
2048
2049 .page-item.active .page-link {
2050     background-color: #00593d;
2051     border-color: #00593d;
2052 }
2053 .page-link
2054 {
2055     color: #00593d;
2056 }
2057
2058 .filter-header{
2059      background-color: [% css_colors.bg_filter %];
2060      color: [% css_colors.text_filter %];
2061 }
2062
2063 .filter-header:hover{
2064      background-color: [% css_colors.bg_filter_hover %];
2065 }
2066
2067 .extra_header{
2068      background-color: [% css_colors.bg_extras %];
2069 }
2070 .facet_template_selected {
2071     background-color: [% css_colors.accent_lighter2 %];
2072     border: 1px solid [% css_colors.accent_medium %];
2073 }
2074
2075 #footer-wrap {
2076     /* border-top: 5px solid [% css_colors.nav_separation %]; */
2077     background-color: [% css_colors.footer_primary %];
2078     background-image: -moz-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2079     background-image: -o-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2080     background-image: -webkit-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2081     background-image: linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2082     bottom: 0px;
2083     width: 100%;
2084 }
2085
2086 #footer {
2087     [% IF rtl == 't' -%]
2088     margin-right: 1em;
2089     [% ELSE -%]
2090     margin-left: 1em;
2091     [% END -%]
2092     padding-top:5px;
2093     padding-bottom: 10px;
2094     font-size: [% css_fonts.size_small %];
2095 }
2096
2097 #footer .navbar-nav {
2098     justify-content: center;
2099 }
2100
2101 #copyright_text, #footer_logo {
2102     color: [% css_colors.footer_link %];
2103     font-size: [% css_fonts.size_small %];
2104     margin: 5px 0;
2105     text-align: center;
2106 }
2107
2108 .color_4 {
2109     font-weight: bold;
2110 }
2111
2112 .advanced_div { padding-top: 15px; }
2113 #adv_global_search { width: 100%; }
2114 #adv_global_addrow td { padding-top: 7px; }
2115 [% IF rtl == 't' -%]
2116 #adv_global_addrow.td-search-left{text-align:right;}
2117 [% END -%]
2118 #adv_global_input_table { width: 100%; }
2119 #adv_global_input_table select { width: 7em; }
2120 .adv_adv_link {
2121     font-size: [% css_fonts.size_smaller %];
2122     color: [% css_colors.text_alert %];
2123 }
2124 #acct_prefs_header {
2125     [% IF rtl == 't' -%]
2126     float: right;
2127     [% ELSE -%]
2128     float: left;
2129     [% END -%]
2130 }
2131 .search_page_nav_link {
2132     cursor: pointer;
2133     [% IF rtl == 't' -%]
2134     padding-right: 1em;
2135     [% ELSE -%]
2136     padding-left: 1em;
2137     [% END -%]
2138 }
2139 #opac.result.sort { width: 160px; }
2140 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
2141 .failure-text {
2142     [% IF rtl == 't' -%]
2143     margin-right: 4em;
2144     [% ELSE -%]
2145     margin-left: 4em;
2146     [% END -%]
2147     font-style: italic;
2148     color: [% css_colors.text_alert %];
2149 }
2150 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
2151 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
2152 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
2153 #adv_search_refine {
2154     [% IF rtl == 't' -%]
2155     padding-right: 5em;
2156     [% ELSE -%]
2157     padding-left: 5em;
2158     [% END -%]
2159     background-color: [% css_colors.accent_lighter2 %];
2160     margin: 2ex 0;
2161 }
2162 .row-remover { position: relative; top: 1px; vertical-align: middle; }
2163 .subtle-button {
2164     background-color: [% css_colors.background %];
2165     color: [% css_colors.primary %]; text-decoration: none;
2166     padding: 0; border: 0; margin: 0;
2167     vertical-align: middle;
2168 }
2169 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
2170 .no-dec:hover { text-decoration: none; }
2171 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
2172
2173 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
2174 #account-update-email table td {
2175     [% IF rtl == 't' -%]
2176     text-align: right;
2177     [% ELSE -%]
2178     text-align: left;
2179     [% END -%]
2180     padding: 5px 15px 5px 15px;
2181     border-bottom: 1px solid [% css_colors.accent_lighter %];
2182 }
2183 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
2184 a.dash-link:hover { text-decoration: underline !important; }
2185 #list_create_table td { vertical-align: middle; padding: 0 8px; }
2186 #list_create_table {
2187     background-color: [% css_colors.accent_light %];
2188     padding-bottom: 4px;
2189     margin-bottom: 10px;
2190     border-bottom: 1px dotted [% css_colors.accent_medium %];
2191     width: 100%;
2192 }
2193 .list_create_table_label {
2194     width: 30%;
2195 }
2196 #list_description, #list_create_name {
2197         width: 500px;
2198 }
2199 .list-create-table-buttons input[type=image] { margin-top: 2px; }
2200 .result_table_format_cell { padding: 0px 10px; text-align: center; }
2201 .results_row_count { font-weight: bold; }
2202
2203 .fmt-note {
2204     [% IF rtl == 't' -%]
2205     padding-right: 1em !important;
2206     [% ELSE -%]
2207     padding-left: 1em !important;
2208     [% END -%]
2209     vertical-align: middle;
2210 }
2211 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
2212 .hold-editor-controls a { padding-left: 2em; }
2213
2214 .text-right {
2215     [% IF rtl == 't' -%]
2216     text-align: left;
2217     [% ELSE -%]
2218     text-align: right;
2219     [% END -%]
2220 }
2221 .text-right-top {
2222     [% IF rtl == 't' -%]
2223     text-align: right;
2224     [% ELSE -%]
2225     vertical-align: top;
2226     [% END -%]
2227 }
2228 .rdetail-author-div {
2229     padding-bottom: 10px;
2230     display: inline-block;
2231 }
2232
2233 .invisible { visibility: hidden; }
2234 .rdetail-extras-summary { margin: 10px; }
2235 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
2236 .expert-search tbody tr th {
2237     [% IF rtl == 't' -%]
2238     text-align: left;
2239     padding-right: 2em;
2240     [% ELSE -%]
2241     text-align: right;
2242     padding-left: 2em;
2243     [% END -%]
2244 }
2245 #adv_expert_row label { font-weight: bold; }
2246
2247 .cn_browse_item { padding: 2ex; }
2248 .results-paginator-list {
2249     [% IF rtl == 't' -%]
2250     padding-right: 1em;
2251     [% ELSE -%]
2252     padding-left: 1em;
2253     [% END -%]
2254 }
2255 .results-paginator-selected { color: [% css_colors.text_alert %]; }
2256 .inactive-hold { background-color: [% css_colors.inactive_hold %]; }
2257 .unread-patron-message { font-weight: bold; }
2258
2259 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
2260 .hold-items-list-title {
2261   font-size: [% css_fonts.size_bigger %];
2262   margin-bottom: 20px;
2263 }
2264 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
2265
2266 .hold_success_links > span { margin: 0 2em; }
2267
2268 .radio-parts-selection {
2269    width: 75%;
2270    margin-bottom: 20px;
2271 }
2272
2273 .parts-radio-option {
2274   display: inline-block;
2275   width:15em;
2276 }
2277
2278 .mr_holds_no_formats {
2279   [% IF rtl == 't' -%]
2280   margin-right: 25px;
2281   [% ELSE -%]
2282   margin-left: 25px;
2283   [% END -%]
2284   padding: 5px;
2285   font-size: 110%;
2286   font-weight: bold;
2287   color: [% css_colors.text_invert %];
2288   background-color: [% css_colors.primary %];
2289 }
2290
2291 .holds_item_row_separator td {
2292   border-top: 2px dashed [% css_colors.accent_medium %];
2293 }
2294
2295 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2296
2297 .results_header_btns, .results_header_sel {
2298     [% IF rtl == 't' -%]
2299     float: right;
2300     [% ELSE -%]
2301     float:left;
2302     [% END -%]
2303 }
2304
2305 /*
2306  * .various_containers a = shortcut to putting .opac-button on every 'a' with
2307  *     the tradeoff of increased stylesheet complexity (TODO: rethink?)
2308  */
2309
2310 .opac-multiline-button > a,
2311 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
2312     color: [% css_colors.button_text %];
2313     font-weight: bold;
2314     text-decoration: none;
2315     cursor: pointer !important;
2316     border-radius: 5px;
2317     border: 1px solid [% css_colors.primary %];
2318     background-color:  [% css_colors.primary_fade %];
2319     margin: 0.5em;
2320     padding: 0.3em;
2321     display: inline-block;
2322 }
2323
2324 .opac-multiline-button > a:hover,
2325 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
2326     background-color: [% css_colors.primary %];
2327 }
2328
2329 .opac-button:disabled {
2330     color: [% css_colors.accent_medium %];
2331     cursor: pointer !important;
2332     border: 1px solid [% css_colors.accent_light %];
2333     background-color: [% css_colors.accent_lighter %];
2334 }
2335
2336 /* Firefox adds its own special space to inputs; this gets us closer */
2337 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
2338     padding: 0;
2339     border: 0;
2340 }
2341
2342 .opac-button-header, #dash_wrapper .opac-button {
2343     background-color: [% css_colors.control %];
2344     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2345     font-size: [% css_fonts.size_base %];
2346 }
2347 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
2348     border-color: [% css_colors.control %];
2349 }
2350
2351 .opac-multiline-button > a {
2352     display: inline-block;
2353 }
2354
2355 #myopac_checked_div {
2356     padding: 0px;
2357 }
2358
2359 .rdetail-mfhd-head {
2360     margin-top: 5px;
2361     padding-top: 5px;
2362     background-color: [% css_colors.table_heading %];
2363 }
2364
2365 .rdetail-mfhd-type {
2366     [% IF rtl == 't' -%]
2367     padding-right: 1em;
2368     [% ELSE -%]
2369     padding-left: 1em;
2370     [% END -%]
2371 }
2372
2373 .rdetail-mfhd-bottom {
2374     border-bottom: thin solid [% css_colors.border_dark %];
2375     width: 100%;
2376 }
2377
2378 #rdetail_record_details {
2379     clear: both;
2380     margin-top: 1em;
2381 }
2382
2383 .rdetail_content {
2384     [% IF rtl == 't' -%]
2385     margin-right: 1.5em;
2386     padding-right: 1.5em;
2387     [% ELSE -%]
2388     margin-left: 1.5em;
2389     padding-left: 1.5em;
2390     [% END -%]
2391 }
2392
2393 .rdetail_content_type, .rdetail_subject_type {
2394     vertical-align: top;
2395     font-weight: bold;
2396 }
2397
2398 .bookbag-item-row td { vertical-align: top; }
2399
2400 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
2401 .success {
2402     color: [% css_colors.text_greatnews %];
2403     font-weight: bold;
2404 }
2405
2406 .rdetail_related_subjects {
2407     margin-top: 1.5em;
2408 }
2409
2410 .rdetail_related_series {
2411     margin-top: 1.5em;
2412 }
2413
2414 #rdetail_openurl {
2415     margin-top: 1em;
2416 }
2417
2418 .rdetail_openurl_entry {
2419     [% IF rtl == 't' -%]
2420     margin-right: 1em;
2421     padding-right: 1em;
2422     [% ELSE -%]
2423     margin-left: 1em;
2424     padding-left: 1em;
2425     [% END -%]
2426 }
2427 .bookbag-controls-holder { width: 100%; }
2428 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
2429 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
2430 .bookbag-controls-holder .most {
2431     [% IF rtl == 't' -%]
2432     padding-right: 0;
2433     margin-left: 5em;
2434     [% ELSE -%]
2435     padding-left: 0;
2436     margin-right: 5em;
2437     [% END -%]
2438 }
2439 .bookbag-controls-title-block {
2440     [% IF rtl == 't' -%]
2441     float:right;
2442     [% ELSE -%]
2443     float:left;
2444     [% END -%]
2445     width:40%;
2446 }
2447 .bookbag-controls-button-block {
2448     [% IF rtl == 't' -%]
2449     float:right;
2450     [% ELSE -%]
2451     float:left;
2452     [% END -%]
2453     width:50%;
2454 }
2455 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
2456 .bookbag-share .fixed { min-width: 4em; }
2457 .bookbag-specific {
2458     [% IF rtl == 't' -%]
2459     margin-right: 1em;
2460     [% ELSE -%]
2461     margin-left: 1em;
2462     [% END -%]
2463 }
2464 .bookbag-specific div.sort {
2465     [% IF rtl == 't' -%]
2466     float: right;
2467     text-align: right;
2468     margin-right: 15px;
2469     [% ELSE -%]
2470     float: left;
2471     text-align: left;
2472     margin-left: 15px;
2473     [% END -%]
2474     width: 40%;
2475 }
2476 .bookbag-specific div.meta {
2477     background-color: [% css_colors.accent_light %];
2478     [% IF rtl == 't' -%]
2479     float: left;
2480     text-align: left;
2481     [% ELSE -%]
2482     float: right;
2483     text-align: right;
2484     [% END -%]
2485     width: 54%;
2486     border: 1px solid [% css_colors.accent_light %];
2487     padding: 5px;
2488     margin-top: 5px;
2489 }
2490 #bbag-name-desc-form tr th { vertical-align: middle; }
2491 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2492 .bookbag-description {
2493     padding-top: 0em;
2494     font-style: italic;
2495     max-width: 40em;
2496 }
2497 .bbag-edit-desc-label {
2498     [% IF rtl == 't' -%]
2499     float:right;
2500     [% ELSE -%]
2501     float:left;
2502     [% END -%]
2503     width:8em;
2504 }
2505 .bbag-edit-desc-save {
2506     clear:both;
2507     margin-bottom:10px;
2508 }
2509 #bbag-edit-description {
2510     width: 20em;
2511     [% IF rtl == 't' -%]
2512     float:right;
2513     [% ELSE -%]
2514     float:left;
2515     [% END -%]
2516 }
2517 #bbag-edit-name {
2518     width: 20em;
2519     [% IF rtl == 't' -%]
2520     float: right;
2521     [% ELSE -%]
2522     float: left;
2523     [% END -%]
2524 }
2525 .bbag-action {
2526     [% IF rtl == 't' -%]
2527     margin-right: 15px;
2528     [% ELSE -%]
2529     margin-left: 15px;
2530     [% END -%]
2531 }
2532 .bbag-navigate-list {
2533     [% IF rtl == 't' -%]
2534     padding-right: 32px;
2535     float:right;
2536     [% ELSE -%]
2537     padding-left: 32px;
2538     float:left;
2539     [% END -%]
2540 }
2541 .bbag-navigate-list-pages {
2542     [% IF rtl == 't' -%]
2543     padding-right: 10px;
2544     float:right;
2545     [% ELSE -%]
2546     padding-left: 10px;
2547     float:left;
2548     [% END -%]
2549 }
2550 textarea { font-family: sans-serif; }
2551 table.bookbag-specific {
2552     border-right: 1px solid [% css_colors.accent_dark %];
2553     border-bottom: 1px solid [% css_colors.accent_medium %];
2554     margin-bottom: 2ex;
2555     width: 100%;
2556 }
2557 .bookbag-share {
2558     [% IF rtl == 't' -%]
2559     float: right;
2560     padding: 0px 10px 0px 0px;
2561     [% ELSE -%]
2562     float: left;
2563     padding: 0px 0px 0px 10px;
2564     [% END -%]
2565 }
2566 .bookbag-share .fixed { min-width: 6em; }
2567 .bookbag-controls {
2568     [% IF rtl == 't' -%]
2569     float: right;
2570     padding: 0px 10px 0px 0px;
2571     [% ELSE -%]
2572     float: left;
2573     padding: 0px 0px 0px 10px;
2574     [% END -%]
2575 }
2576 .bookbag-specific td.list_checkbox {
2577     [% IF rtl == 't' -%]
2578     padding-right: 10px !important;
2579     [% ELSE -%]
2580     padding-left: 10px !important;
2581     [% END -%]
2582 }
2583 .bookbag-specific td.list_entry {
2584     min-width: 10em;
2585     [% IF rtl == 't' -%]
2586     padding-right: 5px !important;
2587     [% ELSE -%]
2588     padding-left: 5px !important;
2589     [% END -%]
2590 }
2591 .bookbag-specific td.list_actions {
2592     white-space: nowrap !important;
2593 }
2594 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2595
2596 .list_is_empty {
2597     padding: 8px 0px 6px 0px;
2598     width: 100%;
2599     border: 0;
2600     font-size: [% css_fonts.size_bigger %];
2601     text-align: center;
2602     font-style: italic;
2603 }
2604 .save-notes { padding-bottom: 1.5ex; }
2605
2606 .nonbreaking-wrapper {
2607     display: inline-block;
2608 }
2609
2610 /* Moved from semiauto.css */
2611 .adv_global_input_container {
2612     border-bottom: none;
2613     clear: both;
2614 }
2615 .opac-auto-013 {
2616     border-bottom: none;
2617     *height: 0px;
2618 }
2619 .adv_global_filter_sort {
2620     border: none;
2621     width: 100%;
2622 }
2623 .clear-both { clear: both; }
2624 .common-no-pad {
2625     clear: both;
2626     height: 0px;
2627     margin: 0px;
2628     padding: 0px;
2629 }
2630 .common-full-pad {
2631     clear: both;
2632     height: 15px;
2633 }
2634 .opac-alert { color: [% css_colors.text_alert %]; }
2635
2636 .float-left {
2637     [% IF rtl == 't' -%]
2638     float: right;
2639     [% ELSE -%]
2640     float: left;
2641     [% END -%]
2642 }
2643 .float-right {
2644     [% IF rtl == 't' -%]
2645     float: left;
2646     [% ELSE -%]
2647     float: right;
2648     [% END -%]
2649 }
2650
2651 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2652 .saved-searches-header .button {
2653     [% IF rtl == 't' -%]
2654     float: left;
2655     [% ELSE -%]
2656     float: right;
2657     width: 28px;
2658     [% END -%]
2659 }
2660 .saved-searches-header .text {
2661     [% IF rtl == 't' -%]
2662     float: right;
2663     padding-left: 1em;
2664     [% ELSE -%]
2665     float: left;
2666     padding-right: 1em;
2667     [% END -%]
2668     margin: 0.5ex 0;
2669 }
2670 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2671 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2672 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2673     [% IF rtl == 't' -%]
2674     border-left: 1px solid [% css_colors.accent_darker %];
2675     [% ELSE -%]
2676     border-right: 1px solid [% css_colors.accent_darker %];
2677     [% END -%]
2678 }
2679 .result_item_circulated {
2680     padding-top: 4px;
2681 }
2682
2683 .result_item_circulated span {
2684     position: relative;
2685     top:-3px;
2686     [% IF rtl == 't' -%]
2687     right: 3px;
2688     [% ELSE -%]
2689     left:3px;
2690     [% END -%]
2691 }
2692
2693 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2694 #result-bookbag-heading { text-align: center; margin: 2ex; }
2695
2696 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2697 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2698 .result-bookbag-item-note { font-style: italic; }
2699 .lowhits-bookbag-name { font-weight: bold; }
2700 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2701 .oils_AS_match_term {
2702     [% IF rtl == 't' -%]
2703     text-align: right;
2704     [% ELSE -%]
2705     text-align: left;
2706     [% END -%]
2707     color: [% css_colors.text %];
2708 }
2709 .oils_AS_match_field {
2710     font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2711     [% IF rtl == 't' -%]
2712     text-align: left;
2713     [% ELSE -%]
2714     text-align: right;
2715     [% END -%]
2716     color: [% css_colors.accent_medium %];
2717 }
2718 table.result_holdings_table {
2719     margin-top: 1em;
2720     margin-bottom: 1em;
2721 }
2722 table.result_holdings_table thead tr {
2723     background-color: [% css_colors.table_heading %];
2724 }
2725 table.result_holdings_table thead tr th {
2726     font-weight: bold;
2727 }
2728 span.preflib {
2729     margin: 0 2em 0 2em;
2730 }
2731 a.preflib_change {
2732   vertical-align: super;
2733   font-size: [% css_fonts.size_smaller %];
2734   line-height: normal;
2735   text-decoration: none;
2736 }
2737 .rdetail-holding-group {
2738     [% IF rtl == 't' -%]
2739     margin-right: 1.5em;
2740     [% ELSE -%]
2741     margin-left: 1.5em;
2742     [% END -%]
2743 }
2744 .rdetail-holding-group span {
2745     [% IF rtl == 't' -%]
2746     margin-right: 1.5em;
2747     [% ELSE -%]
2748     margin-left: 1.5em;
2749     [% END -%]
2750 }
2751 .rdetail-holding-group .paging {
2752     [% IF rtl == 't' -%]
2753     margin-right: 1.5em;
2754     [% ELSE -%]
2755     margin-left: 1.5em;
2756     [% END -%]
2757 }
2758 #rdetail_deleted_exp {
2759     font-weight: bold;
2760     padding: 1em;
2761     margin: 1em;
2762     border: thick solid [% css_colors.border_alert %];
2763 }
2764
2765 #ac_tab_wrapper { width : 100%; }
2766 .ac_tab {
2767     [% IF rtl == 't' -%]
2768     float: right;
2769     padding-left: 10px;
2770     [% ELSE -%]
2771     float: left;
2772     padding-right: 10px;
2773     [% END -%]
2774     font-size: [% css_fonts.size_big %];
2775     padding: 5px;
2776     border: 1px solid [% css_colors.primary_offset %];
2777 }
2778 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2779 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2780 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2781
2782 /* Popmenu styles used for making css menus. */
2783 .popmenu {
2784     margin: 0;
2785     padding: 0;
2786 }
2787 .popmenu li {
2788     list-style: none;
2789 }
2790 .popmenu li a {
2791     display: block;
2792     padding: 3px 5px;
2793 }
2794 .popmenu li ul {
2795     display: none;
2796     width: 10em; /* Width to help Opera out */
2797     background-color: [% css_colors.primary %];
2798 }
2799 .popmenu li:hover ul {
2800     display: block;
2801     position: absolute;
2802     margin: 0;
2803     padding: 0;
2804     border-color: [% css_colors.border_dark %];
2805     border-width: 1px;
2806     border-style: solid;
2807 }
2808 .popmenu li:hover li {
2809     float: none;
2810 }
2811 .popmenu li:hover li a {
2812     background-color: [% css_colors.primary %];
2813     color: [% css_colors.accent_ultralight %];
2814 }
2815 .popmenu li li a:hover {
2816     background-color: [% css_colors.accent_ultralight %];
2817     color: [% css_colors.primary %];
2818 }
2819 /* Styles for the basket entry. */
2820 .popmenu li:hover li[class~="temporary"] a {
2821     background-color: [% css_colors.primary %];
2822     color: [% css_colors.accent_ultralight %];
2823 }
2824 .popmenu li li[class~="temporary"] a:hover {
2825     background-color: [% css_colors.accent_ultralight %];
2826     color: [% css_colors.primary %];
2827 }
2828 /* Styles for the default list entry. */
2829 .popmenu li:hover li[class~="default"] a {
2830     background-color: [% css_colors.primary %];
2831     color: [% css_colors.accent_ultralight %];
2832 }
2833 .popmenu li li[class~="default"] a:hover {
2834     background-color: [% css_colors.accent_ultralight %];
2835     color: [% css_colors.primary %];
2836 }
2837 /* Styles for the new list entry. */
2838 .popmenu li:hover li[class~="new"] a {
2839     background-color: [% css_colors.primary %];
2840     color: [% css_colors.accent_ultralight %];
2841 }
2842 .popmenu li li[class~="new"] a:hover {
2843     background-color: [% css_colors.accent_ultralight %];
2844     color: [% css_colors.primary %];
2845 }
2846 /* Style to add a divider on the menu. */
2847 .popmenu li li[class~="divider"] {
2848     border-bottom-width: 1px;
2849     border-bottom-color: [% css_colors.border_dark %];
2850     border-bottom-style: solid;
2851 }
2852
2853
2854
2855
2856 #patron_usr_barcode_not_found {
2857     font-weight: bold; color: [% css_colors.text_alert %];
2858 }
2859
2860 .record_title {
2861     font-weight: bold;
2862 }
2863
2864 .record_author {
2865     font-style: italic;
2866 }
2867
2868 .password_message {
2869     padding-top: 1em;
2870     padding-bottom: 0.5em;
2871     font-style: italic;
2872 }
2873
2874 #maintenance_message {
2875     padding: 5px;
2876     width: 100%;
2877     background-color: [% css_colors.text_alert %];
2878     color: [% css_colors.text_invert %];
2879     text-align: center;
2880 }
2881
2882 #search-box > span {
2883     margin: 0 1em;
2884 }
2885 .browse-error {
2886     font-weight: bold;
2887     font-color: #c00;
2888 }
2889 .browse-result-sources, .browse-result-authority-bib-links {
2890     [% IF rtl == 't' -%]
2891     margin-right: 1em;
2892     [% ELSE -%]
2893     margin-left: 1em;
2894     [% END -%]
2895 }
2896 .browse-result-best-match {
2897     font-weight: bold;
2898 }
2899 .browse-pager {
2900     margin: 2ex 0;
2901 }
2902 .browse-result-list {
2903     padding-bottom: 0.5ex;
2904 }
2905 .browse-shortcuts {
2906     font-size: [% css_fonts.size_bigger %];
2907 }
2908 .browse-result-authority-field-name {
2909     font-style: italic;
2910     [% IF rtl == 't' -%]
2911     margin-left: 1em;
2912     [% ELSE -%]
2913     margin-right: 1em;
2914     [% END -%]
2915 }
2916 .browse-leading-article-warning {
2917     font-style: italic;
2918     font-size: [% css_fonts.size_big %];
2919 }
2920 .browse-public-general-note {
2921     font-size: [% css_fonts.size_big %];
2922 }
2923 .browse-public-general-note-label { }
2924 .browse-public-general-note-institution {
2925     font-style: normal;
2926     font-weight: bold;
2927 }
2928 .browse-public-general-note-body {
2929     font-style: italic;
2930 }
2931
2932 .bib_peer_type {
2933     font-weight: bold;
2934 }
2935
2936 #main-content-register {
2937     [% IF rtl == 't' -%]
2938     margin-right: 40px;
2939     [% ELSE -%]
2940     margin-left: 40px;
2941     [% END -%]
2942     font-size: [% css_fonts.size_bigger %];
2943 }
2944
2945 #main-content-register table {
2946     padding: 20px;
2947     margin-top: 18px;
2948     border-collapse: collapse;
2949 }
2950
2951 #main-content-register td {
2952     [% IF rtl == 't' -%]
2953     text-align: right;
2954     [% ELSE -%]
2955     text-align: left;
2956     [% END -%]
2957 }
2958
2959 #main-content-register td:not(:first-child) {
2960     [% IF rtl == 't' -%]
2961     padding-right: 20px;
2962     [% ELSE -%]
2963     padding-left: 20px;
2964     [% END -%]
2965 }
2966
2967 .patron-reg-invalid {
2968     font-weight: bold;
2969     color: red;
2970     [% IF rtl == 't' -%]
2971     padding-left: 10px;
2972     [% ELSE -%]
2973     padding-right: 10px;
2974     [% END -%]
2975 }
2976
2977 .result_footer_nav1 {
2978     clear: both;
2979 }
2980
2981 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
2982     display: none;
2983 }
2984
2985 .rdetail_authors_div {
2986     margin-bottom: 1em;
2987 }
2988
2989 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2990     white-space: nowrap;
2991     display: inline-block;
2992 }
2993
2994 .result_table_title_cell {
2995     padding-top: 4px;
2996     padding-bottom: 4px;
2997 }
2998
2999 .record_title {
3000     font-size: [% css_fonts.size_bigger %];
3001 }
3002
3003 /* styling for sms text call number */
3004 .sms_text pre {
3005     font-family: Arial, Helvetica, sans-serif;
3006     font-size: [% css_fonts.size_medium %];
3007     background-color: [% css_colors.accent_lightest %];
3008     padding: .5%;
3009     /* Allow text to wrap */
3010     white-space: pre-wrap;       /* css-3 */
3011     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
3012     white-space: -pre-wrap;      /* Opera 4-6 */
3013     white-space: -o-pre-wrap;    /* Opera 7 */
3014     word-wrap: break-word;       /* Internet Explorer 5.5+ */
3015 }
3016
3017 .mobile_view {
3018    display:none;
3019 }
3020
3021 /* patron message center */
3022 #myopac_message_tbody {
3023     vertical-align: top;
3024 }
3025 .myopac_message_message {
3026     white-space: pre-wrap;
3027 }
3028
3029 #browse-controls {
3030     text-align: center;
3031 }
3032
3033 .browse-pager-spinner {
3034     display: inline-block;
3035     height: 16px;
3036     width: 16px;
3037 }
3038
3039 /* override a tiny bootstrap alignment issue */
3040 .form-check-input {
3041     margin-top: .2rem;
3042 }
3043
3044 @media only screen and (min-width: 992px) {
3045     .nav-fr{
3046         float: right;
3047     }
3048     .nav-fl{
3049         float: left;
3050     }
3051     #nav-divide{
3052         display:none !important;
3053     }
3054 }
3055
3056 @media only screen and (max-width: 767px) {
3057     .search_box_wrapper {
3058         padding-left: 0;
3059     }
3060     
3061 }
3062
3063 @media only screen and (max-width: 800px) {
3064     .adv_options{
3065         width: 100% !important;
3066     }
3067     .facet_sidebar_hidden, .result_block_hidden {
3068         display: none;
3069     }
3070     .facet_sidebar_visible, .result_block_visible {
3071         display: inline ! important;
3072     }
3073     #acct_select, #acct_prefs_select {
3074         display: inline-block;
3075     }
3076     #acct_tabs, #acct_prefs_tabs {
3077          display:none;
3078      }
3079     .radio-parts-selection { width: 90%; }
3080     #list_description, #list_create_name {
3081         width: 300px;
3082     }
3083 }
3084
3085 @media only screen and (max-width: 600px) {
3086     input, select {
3087         font-size: [% css_fonts.size_big %];
3088     }
3089     span .nav_arrow_fix {
3090         display: none;
3091     }
3092     #header {
3093         padding: 0px;
3094         margin: 0px;
3095     }
3096     #homesearch_main_logo img {
3097         width:75%;
3098     }
3099     #format_selector {
3100         display:none;
3101     }
3102     #your-acct-login {
3103         padding: 0px;
3104         padding-top: 5px;
3105     }
3106     #your-acct-login a {
3107         margin: 0px;
3108         padding: 5px;
3109     }
3110     #topnav_logo {
3111         margin: 0;
3112     }
3113     #topnav_logo img {
3114         width: 200px;
3115     }
3116
3117     #gold-links-holder {
3118         display: none;
3119     }
3120     #simple-detail-view-links {
3121         display: none;
3122     }
3123     #acct_tabs a, #acct_fines_tabs a {
3124        [% IF rtl == 't' -%]
3125        border-radius: 6px 0px 0px 6px;
3126        margin: 0px 0px 0px 5px;
3127        [% ELSE -%]
3128        border-radius: 6px 6px 0px 0px;
3129        margin: 0px 5px 0px 0px;
3130        [% END -%]
3131        padding: 2px 4px 3px 4px;
3132        font-size: [% css_fonts.size_base %];
3133     }
3134     .bookbag-controls-title-block {
3135         [% IF rtl == 't' -%]
3136         clear:right;
3137         [% ELSE -%]
3138         clear:left;
3139         [% END -%]
3140         width:90%;
3141     }
3142     .bookbag-controls-button-block {
3143         [% IF rtl == 't' -%]
3144         clear:right;
3145         [% ELSE -%]
3146         clear:left;
3147         [% END -%]
3148         width;90%;
3149     }
3150     .bookbag-specific {
3151         [% IF rtl == 't' -%]
3152         margin-right: 0px;
3153         [% ELSE -%]
3154         margin-left: 0px;
3155         [% END -%]
3156     }
3157     .bookbag-specific div.sort {
3158         [% IF rtl == 't' -%]
3159         float: right;
3160         text-align: right;
3161         [% ELSE -%]
3162         float: left;
3163         text-align: left;
3164         [% END -%]
3165         width: 95%;
3166         margin: 5px 0px 5px 0px;
3167         border: 1px solid [% css_colors.accent_light %];
3168         padding:5px;
3169     }
3170     .bookbag-specific div.meta {
3171         [% IF rtl == 't' -%]
3172         float: right;
3173         margin-right:0px;
3174         text-align: right;
3175         [% ELSE -%]
3176         float: left;
3177         margin-left:0px;
3178         text-align: left;
3179         [% END -%]
3180         width: 95%;
3181         margin-bottom:5px;
3182         padding:5px;
3183     }
3184     #bbag-edit-name {
3185         [% IF rtl == 't' -%]
3186         float: right;
3187         [% ELSE -%]
3188         float: left;
3189         [% END -%]
3190         width: 220px;
3191     }
3192     #bbag-edit-description {
3193         width: 220px;
3194         margin-top:5px;
3195     }
3196     .bbag-content {
3197         padding:5px;
3198         border:1px solid [% css_colors.accent_light %];
3199     }
3200     .bbag-action {
3201         [% IF rtl == 't' -%]
3202         margin-right:0px;
3203         [% ELSE -%]
3204         margin-left:0px;
3205         [% END -%]
3206         margin-bottom:5px;
3207     }
3208     .bbag-action-field {
3209         width:230px;
3210     }
3211     .bookbag-specific div.sort select {
3212         width:180px;
3213     }
3214     .bookbag-specific tr {
3215         display: block;
3216         border-bottom: 1px solid [% css_colors.border_standard %];
3217     }
3218     .bookbag-specific td.list_checkbox {
3219         [% IF rtl == 't' -%]
3220         padding-right: 0px !important;
3221         [% ELSE -%]
3222         padding-left: 0px !important;
3223         [% END -%]
3224     }
3225     .bookbag-specific td.list_entry {
3226         display: inline-block;
3227         min-width: 5em;
3228         [% IF rtl == 't' -%]
3229         padding-right: 40% !important;
3230         [% ELSE -%]
3231         padding-left: 40% !important;
3232         [% END -%]
3233     }
3234     .bookbag-specific td.list_entry:before {
3235         content: attr(data-label);
3236         position: absolute;
3237         [% IF rtl == 't' -%]
3238         right: 10px;
3239         [% ELSE -%]
3240         left: 10px;
3241         [% END -%]
3242     }
3243     .bbag-navigate-list {
3244         display: none;
3245     }
3246     .bbag-navigate-list-pages {
3247         [% IF rtl == 't' -%]
3248         text-align:left;
3249         float:left;
3250         [% ELSE -%]
3251         text-align:right;
3252         float:right;
3253         [% END -%]
3254     }
3255     #dash_wrapper div {
3256         background-color: transparent;
3257         padding: 0px;
3258     }
3259     #dash_wrapper {
3260         position: static;
3261         top: auto;
3262     }
3263     #dash_wrapper .opac-button {
3264         top: 0px;
3265     }
3266     .small_view_only, #filter_hits {
3267         display: inline !important;
3268     }
3269     #dash_identity a {
3270         [% IF rtl == 't' -%]
3271         float:right;
3272         [% ELSE -%]
3273         float:left;
3274         [% END -%]
3275     }
3276
3277     #holds_box form blockquote {
3278         [% IF rtl == 't' -%]
3279         margin-right: 10px;
3280         margin-left: 2px;
3281         [% ELSE -%]
3282         margin-left: 10px;
3283         margin-right: 2px;
3284         [% END -%]
3285     }
3286     #holds_box form blockquote select {
3287         width: 100%;
3288     }
3289     #myopac_sum_fines_placehold {
3290         display:none;
3291     }
3292     #myopac_sum_fines {
3293         display: none;
3294     }
3295     #list_description, #list_create_name {
3296         width: 170px;
3297     }
3298     .results_header_lbl {
3299         display: none;
3300     }
3301     .results_header_nav1 span.h1 {
3302         display: none;
3303     }
3304     .preflib {
3305         display: none;
3306     }
3307     .start_end_links_span {
3308         display: block;
3309     }
3310     .invisible {
3311         display: none;
3312     }
3313     .result_table_pic_header {
3314         [% IF rtl == 't' -%]
3315         padding-right: 0px !important;
3316         padding-left: 5px;
3317         [% ELSE -%]
3318         padding-left: 0px !important;
3319         padding-right: 5px;
3320         [% END -%]
3321         width: 0px !important;
3322         margin: 0px;
3323     }
3324     .result_table_pic {
3325         width: 55px;
3326         padding: 0px;
3327         margin: 0px;
3328     }
3329     tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
3330          display: none;
3331     }
3332     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
3333     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
3334         display:none;
3335     }
3336     #results_header_bar {
3337         background-color: inherit;
3338     }
3339     .results_header_btns a {
3340         margin: 0.3em;
3341     }
3342     .adv_filter_results_hide {
3343         display: none;
3344     }
3345     .adv_filter_results_show {
3346         display: block;
3347     }
3348     .adv_filter_results_block_label {
3349         display: block;
3350     }
3351     .adv_filter_results_group_wrapper {
3352         display: block;
3353     }
3354     #main-content {
3355         margin: 0 1px;
3356     }
3357     #rdetails_status thead {
3358         display: none;
3359     }
3360     #rdetails_status tr {
3361     display: block;
3362     margin-top: 3px;
3363     }
3364     #rdetails_status td {
3365     display: block;
3366     padding: 1px;
3367     }
3368     .copy_details_row {
3369     background-color: [% css_colors.accent_lightest %];
3370     }
3371     .copy_details_offers_row {
3372     background-color: [% css_colors.accent_lightest %];
3373     }
3374     select#pickup_lib.search-wrapper-locg {
3375         width: 100%;
3376     }
3377     #search-wrapper #search-box {
3378         width: 85%;
3379         padding-top: 5px;
3380     }
3381     #main-content-home {
3382         padding: 0px;
3383         margin: 0px;
3384     }
3385     /* Make use of full width in mobile mode */
3386     .facet_box_wrapper .box_wrapper .box,
3387     .facet_template .facet,
3388     .facet_box_temp {
3389         width: inherit;
3390     }
3391     .facet_template .count {
3392         [% IF rtl == 't' -%]
3393         padding-right: 1em;
3394         [% ELSE -%]
3395         padding-left: 1em;
3396         [% END -%]
3397     }
3398     #facet_sidebar {
3399         margin-top: 0.5em;
3400     }
3401     #adv_search_parent {
3402         font-size: [% css_fonts.size_smaller %];
3403     }
3404     #adv_search_filters {
3405         position: relative;
3406         width: 300px;
3407     }
3408     #format_actions {
3409         [% IF rtl == 't' -%]
3410         float: right;
3411         [% ELSE -%]
3412         float: left;
3413         [% END -%]
3414     }
3415     .rdetail_aux_utils {
3416         padding: 0px;
3417         border: none;
3418     }
3419     .result_metadata {
3420         width: inherit;
3421     }
3422     div#rdetail_actions_div {
3423         float: none;
3424     }
3425     h2.rdetail_uris {
3426         clear: both;
3427     }
3428     #metarecord_population {
3429         overflow: hidden;
3430         width: 100%;
3431     }
3432     .metarecord_population_span_link {
3433     }
3434     .metarecord_population_item_lang {
3435         float: none;
3436     }
3437     .search_catalog_lbl {
3438         [% IF rtl == 't' -%]
3439     margin-right: 0;
3440         [% ELSE -%]
3441     margin-left: 0;
3442         [% END -%]
3443     white-space: nowrap;
3444     }
3445     .adv_search_catalog_lbl {
3446         margin-top: 0;
3447     white-space: nowrap;
3448     }
3449     .browse_the_catalog_lbl {
3450         white-space: nowrap;
3451     }
3452     .mobile_hide {
3453     display: none;
3454     }
3455     #dash_user {
3456         display: block;
3457         padding: 0.5em;
3458         font-size: 18px;
3459         text-align: center;
3460     }
3461     .dash_divider {
3462     display: none;
3463     }
3464     .dash_account_buttons {
3465         display: block;
3466     }
3467     .searchbar { line-height: 1.5em; }
3468     #browse-controls { line-height: 1.5em; }
3469     #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3470         display: block;
3471     }
3472     .bookshelf td {
3473     display: block;
3474     width: 100%;
3475     }
3476     .bookshelf table thead tr {
3477     display: block;
3478     }
3479     #lowhits_help { width: inherit; }
3480     #adv_search_tabs a{
3481         font-size: [% css_fonts.size_small %];
3482         margin: 2px 2px 0px 2px;
3483         padding: 2px 2px 5px 2px;
3484         [% IF rtl == 't' -%]
3485         border-radius: 7px 0px 0px 7px;
3486         [% ELSE -%]
3487         border-radius: 7px 7px 0px 0px;
3488         [% END -%]
3489     }
3490     #adv_global_tbody td {
3491         border-bottom: thin solid [% css_colors.accent_light %];
3492     }
3493     #adv_global_addrow td {
3494         border-bottom: none;
3495     }
3496         /* Force table to not be like tables anymore */
3497         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 {
3498                 display: none;
3499         }
3500         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 {
3501                 display: block;
3502         }
3503
3504         /* Hide table headers (but not display: none;, for accessibility) */
3505        /* thead tr {
3506                 position: absolute;
3507                 top: -9999px;
3508                 [% IF rtl == 't' -%]
3509                 right: -9999px;
3510                 [% ELSE -%]
3511                 left: -9999px;
3512                 [% END -%]
3513         }*/
3514
3515         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 {
3516                 width: 90%;
3517         }
3518
3519         table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3520
3521         /* Holds history gets large white border to mimic header cell on other
3522            account screens that provide visual cue for next title. We should do
3523            the same for ebook tables too since we have no actions on those
3524            tables. If actions get added, we should move those tables out of
3525            here. */
3526
3527         table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3528         table#acct_holds_hist_header tr{ border-top: 2px solid #bbb; }
3529
3530         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 {
3531                 /* Behave  like a "row" */
3532                 border: none;
3533                 border-bottom: 1px solid #eee;
3534                 position: relative;
3535                 [% IF rtl == 't' -%]
3536                 padding-right: 40%;
3537                 [% ELSE -%]
3538                 padding-left: 40%;
3539                 [% END -%]
3540         }
3541
3542          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 {
3543                 /* Now like a table header */
3544                 position: absolute;
3545                 /* Top/left values mimic padding */
3546                 top: 2px;
3547                 width: 40%;
3548                 [% IF rtl == 't' -%]
3549                 right: 2px;
3550                 padding-left: 10px;
3551                 [% ELSE -%]
3552                 left: 2px;
3553                 padding-right: 10px;
3554                 [% END -%]
3555                 white-space: nowrap;
3556         }
3557
3558         table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3559         table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3560         table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3561         table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3562         table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3563         table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3564         table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3565
3566      table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3567         table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3568         table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3569         table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3570         table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3571         table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3572         table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3573         table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3574
3575         table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3576         table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3577         table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3578         table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3579         table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3580         table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3581         table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3582         table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3583
3584         table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3585         table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3586         table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3587         table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3588         table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3589
3590         table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3591         table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3592         table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3593         table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3594
3595         table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3596         table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3597         table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3598         table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3599
3600
3601
3602        /*Want to see these in mobile ONLY */
3603        .mobile_view{
3604           display:block;
3605        }
3606
3607        .mobile_search_lbl_clr{
3608           color:[% css_colors.mobile_header_text %];
3609        }
3610 }
3611
3612
3613 /*
3614 For text which is visible only to screen readers.
3615 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3616 See also http://webaim.org/techniques/css/invisiblecontent/
3617 */
3618 .sr-only {
3619     position: absolute;
3620     width: 1px;
3621     height: 1px;
3622     padding: 0;
3623     margin: -1px;
3624     overflow: hidden;
3625     clip: rect(0, 0, 0, 0);
3626     border: 0;
3627 }
3628
3629 /* Make added rows in Expert Search have bold labels like the initial row */
3630 label[for*=expert_]
3631 {
3632     font-weight: bold;
3633 }
3634
3635 .sort_deemphasize {
3636     font-weight: lighter;
3637     font-size: 70%;
3638 }
3639
3640 #results-page-depth-hint {
3641     text-align: center;
3642     font-style: italic;
3643 }
3644
3645 #clear-history-confirm {
3646   font-weight: bold;
3647   color: [% css_colors.text_badnews %];
3648   padding: 10px;
3649 }
3650
3651 /*Inline rules from other templates files*/
3652
3653 .td-left{
3654     [% IF rtl == 't' -%]
3655     text-align:right;
3656     [% ELSE -%]
3657     text-align:left;
3658     [% END -%]
3659     width:100%;
3660 }
3661 .td-search-left{
3662     [% IF rtl == 't' -%]
3663     text-align:right;
3664     [% ELSE -%]
3665     text-align:left;
3666     [% END -%]
3667 }
3668 #myopac_summary_div{padding:0px;}
3669 .div-left{
3670     [% IF rtl == 't' -%]
3671     float: right;
3672     [% ELSE -%]
3673     float: left;
3674     [% END -%]
3675 }
3676 .td-right{
3677     [% IF rtl == 't' -%]
3678     text-align:left;
3679     [% ELSE -%]
3680     text-align:right;
3681     [% END -%]
3682 }
3683 .login-form-left{
3684     [% IF rtl == 't' -%]
3685     float: right;
3686     margin-left: 40px;
3687     [% ELSE -%]
3688     float: left;
3689     margin-right: 40px;
3690     [% END -%]
3691     padding-bottom: 10px;
3692 }
3693 .hold-div{
3694     [% IF rtl == 't' -%]
3695     padding-right: 10px;
3696     [% ELSE -%]
3697     padding-left: 10px;
3698     [% END -%]
3699     padding-bottom: 15px;
3700 }
3701 .hold-span{font-weight: bold;}
3702 .padding-left-6{
3703     [% IF rtl == 't' -%]
3704     padding-right: 6px;
3705     [% ELSE -%]
3706     padding-left: 6px;
3707     [% END -%]
3708 }
3709 .padding-left-10{
3710     [% IF rtl == 't' -%]
3711     padding-right:10px;
3712     [% ELSE -%]
3713     padding-left:10px;
3714     [% END -%]
3715 }
3716 .padding-left-5{
3717     [% IF rtl == 't' -%]
3718     padding-right: 5px;
3719     [% ELSE -%]
3720     padding-left: 5px;
3721     [% END -%]
3722 }
3723
3724 /* Rules from metarecord_hold_filters.tt2 */
3725
3726 .metarecord_filters{
3727       padding: 5px;
3728       margin-top: 5px;
3729       border-bottom: 1px solid #333;
3730       border-top: 1px solid #333; }
3731 .metarecord_filter_container{
3732     [% IF rtl == 't' -%]
3733     float : right;
3734     margin-left: 10px;
3735     [% ELSE -%]
3736     float : left;
3737     margin-right: 10px;
3738     [% END -%]
3739 }
3740 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3741 .metarecord_filter_header{padding-bottom: 5px;}
3742
3743 /* Toggled items. */
3744 /* A block that is initially hidden and shown by clicking an anchor. */
3745 [id^="toggled-block-"]{
3746     display: none;
3747 }
3748 [id^="toggled-block-"]:target{
3749     display: block;
3750 }
3751 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
3752 [id^="toggled-inline-"]{
3753     display: none;
3754 }
3755 [id^="toggled-inline-"]:target{
3756     display: inline;
3757 }
3758
3759 .oils_SH {
3760     font-weight: bolder;
3761     background-color: #99ff99;
3762 }
3763
3764 .oils_SH.identifier {
3765     font-weight: bolder;
3766     background-color: #42b0f4;
3767 }
3768 .hold_note_title { font-weight: bold; }
3769
3770 /*
3771 #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 {
3772     background-color: [% css_colors.background %];
3773     padding: 10px;
3774      border: 1px solid #d3d3d3;
3775 }
3776
3777 #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 {
3778     [% IF rtl == 't' -%]
3779     text-align: right;
3780     [% ELSE -%]
3781     text-align: left;
3782     [% END -%]
3783     padding: 0px 10px 0px 10px;
3784 }
3785 #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 {
3786     border-collapse: collapse;
3787 }
3788
3789 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
3790 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
3791 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
3792 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
3793 #hold_editor_table th {
3794     [% IF rtl == 't' -%]
3795     text-align: left;
3796     padding-left: 1em;
3797     [% ELSE -%]
3798     text-align: right;
3799     padding-right: 1em;
3800     [% END -%]
3801 }
3802 #hold_editor_table td { padding: 0.25em 0; }
3803 */
3804
3805
3806 /*
3807   Carousels
3808 */
3809
3810 .carousel {
3811     width: 40%;
3812     margin: 0 auto;
3813 }
3814 .carousel-title {
3815     font-size: 150%;
3816     font-weight: bold;
3817     text-align: center;
3818 }
3819
3820 .fas, .far{
3821     margin: 0px 3px;
3822 }
3823 .carousel-entry {
3824     max-width: 150px;
3825 }
3826 .carousel-entry-image {
3827     width: 100%;
3828     height: auto;
3829 }
3830 .carousel .glide__arrow {
3831     color: [% css_colors.button_text %];
3832     font-weight: bold !important;
3833     text-decoration: none !important;
3834     cursor: pointer;
3835     border-radius: 5px;
3836     border: 1px solid [% css_colors.primary %];
3837     background-color:  [% css_colors.primary_fade %];
3838     margin: 0.5em;
3839     padding: 0.3em;
3840     display: inline-block;
3841 }
3842 .carousel .glide__arrow--right {
3843     right: -8em;
3844 }
3845 .carousel .glide__arrow--left {
3846     left: -8em;
3847 }
3848
3849 .search-filter{
3850     display: inline;
3851     white-space: nowrap;
3852 }
3853
3854
3855
3856 .search-option{
3857     display: inline-block;
3858     margin: 0px 10px;
3859 }
3860
3861
3862 #homeLogo{
3863     filter: alpha(opacity=50);
3864     background-color: #fff; /* Used if the image is unavailable */
3865     height: 500px; /* You must set a specified height */
3866     background-position: center; /* Center the image */
3867     background-repeat: no-repeat; /* Do not repeat the image */
3868     background-size: contain; /* Resize the background image to cover the entire container */
3869     background-image: url("[% ctx.media_prefix %]/images/Evergreen-Final-Logo.png");
3870
3871 }
3872
3873 .navbar-dark .navbar-nav .nav-link{
3874     color: #fff !important;
3875 }
3876
3877 .nav-link.active {
3878     color: #000;
3879 }
3880
3881 .pref_table{
3882     margin: 10px;
3883 }
3884
3885 .checkCell{width:30px;}
3886
3887 @media (min-width: 650px){
3888 .modal-dialog {
3889     max-width: 600px !important;
3890     }
3891
3892 }
3893
3894 .listTitleText{
3895     width:33%;
3896 }
3897
3898 .facet_box_wrapper .card-header{
3899     background-color: [% css_colors.facets_back %];
3900     color: [% css_colors.facets_text %];
3901 }
3902 .facet_box_wrapper .card-body {
3903     padding: .5rem;
3904 }
3905
3906 .vertMid {
3907     position: relative;
3908     top: 50%;
3909     transform: translateY(-50%);
3910 }
3911
3912 .sumNum{
3913     margin-right:5px;
3914 }
3915
3916 .my_nav .active{
3917      background-color: #c8ffaf;
3918 }
3919
3920 .my_nav a {
3921     text-align:left !important;
3922     border-radius: 0;
3923 }
3924
3925 .my_nav .dropdown {
3926     display: block;
3927     width: 100%;
3928 }
3929
3930 .my_nav .dropdown button {
3931     border-radius: 0;
3932 }
3933
3934 .my_nav .dropdown-toggle::after{
3935     float: right;
3936     margin: 5px 0 0 5px;
3937 }
3938
3939 .dropdown-item:active {
3940     background-color: #EDFFCC;
3941 }
3942
3943 .my_nav .fas, .mynav .far{
3944     min-width:20px;
3945 }
3946
3947 .adv_options {
3948     width: 50%;
3949 }
3950
3951 .page-link {
3952     color: [% css_colors.link %];
3953 }
3954
3955 .page-item.active .page-link {
3956     background-color: [% css_colors.link %];
3957     border-color: [% css_colors.link %];
3958 }
3959
3960 .btn-outline-primary {
3961     border-color: [% css_colors.link %];
3962     color: [% css_colors.link %];
3963 }
3964
3965 .btn-outline-primary:hover {
3966     color: [% css_colors.button_confirm_text %];
3967     background-color: [% css_colors.button_confirm_hover %];
3968     border-color: [% css_colors.button_confirm_border_hover %];
3969 }
3970
3971 #rdetail_extras_div .card-header {
3972     background-color: #007a54;
3973 }
3974
3975 #rdetail_extras_div .card-header  a {
3976     color: #FFF
3977 }
3978
3979 #record_actions .btn {
3980     text-align: left;
3981 }
3982
3983 .alert-danger a:link,
3984 .alert-danger a:visited {
3985     color: #424fa6;
3986 }
3987
3988 .language_form button {
3989     background:none;
3990     border:none;
3991     margin:0;
3992     padding:0;
3993     color:[% css_colors.footer_link %];
3994 }
3995 .language_form button:disabled {
3996     color:[% css_colors.footer_link_disabled %];
3997 }
3998 .language_form ul{
3999     list-style:none;
4000 }
4001 .language_form h6{
4002     color:[% css_colors.footer_link %];
4003         }
4004 .language_form{
4005     float: right;
4006 padding: 15px;
4007 }