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