2 PROCESS "opac/parts/css/colors.tt2";
3 PROCESS "opac/parts/css/fonts.tt2";
4 rtl = ctx.get_i18n_l(ctx.eg_locale).rtl;
10 -moz-column-gap: 20px;
11 -webkit-column-count: 4;
12 -webkit-column-gap: 20px;
19 border-top: 1px solid rgba(0,0,0,.1);
26 only screen and (max-width: 650px) {
28 width: 100% !important;
31 /* Force table to not be like tables anymore */
32 .miniTable table, .miniTable thead, .miniTable tbody, .miniTable th, .miniTable td, .miniTable tr
41 /* Hide table headers (but not display: none;, for accessibility) */
50 border: 1px solid #ccc;
58 border-bottom: 1px solid #eee;
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;}
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;}
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;}
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;}
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;}
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;}
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;}
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; }
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; }
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; }
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; }
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; }
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; }
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; }
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; }
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; }
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; }
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; }
198 /*Media Style Additions*/
200 padding: 5px !important;
201 text-align: center !important;
208 }/*Micro Tables End*/
210 .my_nav .active{background-color:#afffbf;}.my_nav a{text-align:left !important; min-width:17em;border-radius: 0px;}.sumNum{
214 .coverImage{position: relative;}
215 .carousel .glide__arrow{background: unset;}
222 font-size: 16pt !important;
224 font-weight: 600 !important;
228 font-size: 16pt !important;
229 font-weight: 600 !important;
232 .NovSelectImageHeadingToggle{
237 /*Novelist Styling End*/
242 color: [% css_colors.button_confirm_text %];
243 background-color: [% css_colors.button_confirm %];
244 border-color: [% css_colors.button_confirm_border %];
248 color: [% css_colors.button_confirm_text %];
249 background-color: [% css_colors.button_confirm_hover %];
250 border-color: [% css_colors.button_confirm_border_hover %];
254 color: [% css_colors.button_deny_text %];
255 background-color: [% css_colors.button_deny %];
256 border-color: [% css_colors.button_deny_border_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 %];
266 color: [% css_colors.button_remove_text %];
267 background-color: [% css_colors.button_remove %];
268 border-color: [% css_colors.button_remove_border %];
272 color: [% css_colors.button_remove_text %];
273 background-color: [% css_colors.button_remove_hover %];
274 border-color: [% css_colors.button_remove_border_hover %];
278 color: [% css_colors.opac_button_text %] !important;
279 background-color: [% css_colors.opac_button %];
280 border-color: [% css_colors.opac_button_border %];
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 %];
290 color: [% css_colors.action_button_text %] !important;
291 background-color: [% css_colors.action_button %];
292 border-color: [% css_colors.action_button_border %];
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 %];
301 color: [% css_colors.action_button_text_anchors %];
310 color: [% css_colors.zero_count %] !important;
314 color: [% css_colors.non_zero_count %] !important;
318 padding: .25rem .25rem !important;
321 border-radius: 1rem !important;
325 .cn_browse_item .card{
328 #facets .card-header,#facets .card-header a {
329 background-color: [% css_colors.facets_back %];
330 color: [% css_colors.text_invert %]
333 .facet_template:hover{
334 background-color:#e8e8e8;
338 color: [% css_colors.text_alert %] !important;
347 color: green !important;
350 border: 1px solid black;
351 box-shadow: 2px 2px #00000054;
353 .dropdown-item.active, .dropdown-item:active{
354 color : #000 !important;
363 border: 2px solid #007bff;
369 max-width: 100px !important;
388 font-family: [% css_fonts.font_main %] !important;
389 font-size: [% css_fonts.size_base %];
390 /* background-color: [% css_colors.primary %]; */
397 font-family: [% css_fonts.font_main %] !important;
398 font-size: [% css_fonts.size_base %];
409 #homesearch_main_logo {
416 color: [% css_colors.link %];
419 #search-wrapper input[type=text] {
424 #search-wrapper select, .results_header_lbl select {
425 border:1px solid [% css_colors.border_standard %];
447 #search-wrapper select {
448 border:0px solid [% css_colors.border_dark %];
449 filter:alpha(opacity=0);
464 font-size: [% css_fonts.size_bigger %];
473 div.select-box-wrapper {
495 background-color: [% css_colors.primary %];
503 display:inline-block;
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.
528 #dash_wrapper #dash_user_message_button_container {
532 #dash_wrapper #unread_message_count_floater {
534 background-color: [% css_colors.text_alert %];
536 padding-right: 0.2em;
537 display: inline-block;
543 margin-right: -1.5em;
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 %]);
558 color: [% css_colors.background %];
561 font-size: [% css_fonts.size_small %];
565 color: [% css_colors.background %];
569 color: [% css_colors.text_invert %];
570 text-decoration: none;
574 color: [% css_colors.text_invert %];
575 font-size: [% css_fonts.size_small %];
583 color: [% css_colors.text_invert %];
585 text-decoration: none;
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;
601 #header #header-links2 {
604 color: [% css_colors.text_invert %];
605 padding-bottom: 15px;
608 #header #header-links2 a {
609 color: [% css_colors.text_invert %];
612 #header #header-links2 a:hover {
613 text-decoration: underline;
641 background-color: [% css_colors.background_invert %];
656 /*border-bottom: 1px solid [% css_colors.border_standard %];*/
658 background-color: [% css_colors.background %];
661 #search-wrapper #breadcrumb {
663 font-size: [% css_fonts.size_smaller %];
671 #search-wrapper #search-within {
683 #search-wrapper #breadcrumb a {
684 color: [% css_colors.text %];
687 #search-wrapper #search_frm label {
688 font-size: [% css_fonts.size_smaller %];
691 #search-wrapper #search-box {
700 padding-bottom: 10px;
703 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
712 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
715 margin: 10px 0px 0px 7px;
716 border-radius: 10px 10px 0px 0px;
719 margin: 10px 7px 0px 0px;
720 border-radius: 10px 10px 0px 0px;
723 vertical-align: middle;
725 padding: 10px 0px 10px 0px;
727 color: [% css_colors.text_invert %];
728 background-color: [% css_colors.control %];
730 text-decoration: none;
733 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
734 padding: 1em 1em 0.5em;
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;
743 #adv_search_filters {
758 .adv_filter_block_item {
777 padding-right: 10px !important;
779 padding-left: 10px !important;
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;
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;
796 background-color: [% css_colors.control %];
799 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
801 font-size: [% css_fonts.size_smaller %];
802 color: [% css_colors.accent_darker %];
803 padding: 10px 10px 10px 10px;
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 %];
811 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
812 padding-bottom: 12px;
813 color: [% css_colors.accent_medium %];
816 #acct_select, #acct_prefs_select {
820 #mobile_acct_search_links {
821 background-color: [% css_colors.primary_fade %];
826 padding: 5px 0px 6px 7px;
829 padding: 5px 7px 6px 0px;
832 border-bottom: 1px dotted [% css_colors.accent_light %];
836 color:[% css_colors.primary_fade %];
838 font-size: [% css_fonts.size_bigger %];
841 .rdetail_result_count {
842 color: [% css_colors.text %];
844 display: inline-block;
852 .rdetail_result_nav {
854 display: inline-block;
862 #rdetail_details_table {
866 #rdetail_image { border: none; }
867 #rdetail_image_cell {
880 padding: 0.5em 1em 0.5em 1em;
881 background-color: [% css_colors.accent_lighter2 %];
883 div.rdetail_uris ul li {
892 div.rdetail_show_copies {
896 div#rdetail_actions_div {
897 background-color: [% css_colors.background %];
905 span#rdetail_copy_counts {
906 display: inline-block;
919 span#rdetail_hold_counts {
920 display: inline-block;
923 span#rdetail_hold_counts p {
944 border-right: 1px dotted [% css_colors.accent_light %];
948 border-left:1px dotted [% css_colors.accent_light %];
955 border-bottom: 1px dotted [% css_colors.accent_light %];
959 div.toggle_list { padding-top: 6px; }
963 border-top: 1px dotted [% css_colors.accent_light %];
976 #metarecord_population {
979 padding-bottom: 10px;
982 .metarecord_population_span_link {
986 .metarecord_population_format {
988 display: inline-block;
994 .metarecord_population_item_lang {
995 display: inline-block;
999 .metarecord_population_all {
1003 .results_aux_utils {
1004 display: table-cell;
1008 border-bottom: 1px dotted [% css_colors.accent_light %];
1010 [% IF rtl == 't' -%]
1025 #rdetails_status td {
1026 [% IF rtl == 't' -%]
1027 padding: 7px 13px 3px 0px;
1029 padding: 7px 0px 3px 13px;
1033 #rdetails_status td[headers=copy_header_library],
1034 #rdetails_status td[headers=copy_header_shelfloc] {
1035 white-space: normal;
1038 #rdetails_status thead th {
1039 [% IF rtl == 't' -%]
1040 padding: 13px 13px 13px 0px;
1043 padding: 13px 0px 13px 13px;
1046 background-color: [% css_colors.accent_lighter2 %];
1047 font-size: [% css_fonts.size_smaller %];
1051 #rdetails_status tbody td {
1052 [% IF rtl == 't' -%]
1053 padding-right: 13px;
1060 #rdetails_status tbody td.copy_note {
1061 color: [% css_colors.primary %];
1063 white-space:pre-wrap !important;
1067 #rdetails_status tbody td.copy_tag {
1068 border-color: [% css_colors.primary %];
1069 border-style: dashed;
1072 #rdetails_status tbody .copy_tag_value {
1073 font-weight: bolder;
1077 background-color: [% css_colors.primary_fade %];
1078 border: 1px solid [% css_colors.primary %];
1083 #rdetail_extras_div {
1087 .rdetail_extras_hr {
1088 [% IF rtl == 't' -%]
1096 background-color: [% css_colors.accent_light %];
1099 .rdetail_extras_link {
1101 font-size: [% css_fonts.size_smaller %];
1105 .rdetail_extras_lbl {
1106 color: [% css_colors.text_invert %];
1107 text-decoration: none;
1110 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
1111 [% IF rtl == 't' -%]
1118 #rdetail_locs_expand, #rdetail_locs_collapse {
1119 [% IF rtl == 't' -%]
1128 #rdetail_anotes_div .biography {
1132 #gbp_extra, #gbp_arrow_down_link {
1136 .almost-content-wrapper {
1137 background-color: [% css_colors.background %];
1141 background-color: [% css_colors.background %];
1146 .content-wrapper-record-page { top: -15px; position: relative; }
1148 #main-content-home {
1149 [% IF rtl == 't' -%]
1150 padding-right: 17px;
1158 [% IF rtl == 't' -%]
1167 #main-content-after-bar {
1168 [% IF rtl == 't' -%]
1178 [% IF rtl == 't' -%]
1186 background-color: [% css_colors.background %];
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 %];
1200 #main-content .login_boxes h1 {
1201 font-weight: normal;
1202 font-size: [% css_fonts.size_biggest %];
1206 #main-content .left_brain {
1207 [% IF rtl == 't' -%]
1208 padding-right: 28px;
1215 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
1219 background-color: [% css_colors.background %];
1220 font-size: [% css_fonts.size_bigger %];
1221 color: [% css_colors.text %];
1224 #main-content .left_brain .input_bg {
1225 [% IF rtl == 't' -%]
1226 padding: 10px 13px 0px 10px;
1228 padding:10px 10px 0px 13px;
1235 [% IF rtl == 't' -%]
1246 .login-help-button {
1247 font-size: [% css_fonts.size_biggest %];
1251 #login-failed-message {
1252 font-size: [% css_fonts.size_bigger %];
1254 color: [% css_colors.text_alert %];
1258 #holds_temp_parent td {
1259 border-bottom:1px solid [% css_colors.border_standard %];
1262 #holds_temp_parent input, #holds_temp_parent select {
1267 #holds_temp_parent tr td div.format_icon {
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 %];
1279 .results_header_lbl {
1280 [% IF rtl == 't' -%]
1286 color: [% css_colors.text %];
1287 /* this border is not visible, but it keeps these labels the same size
1289 border: 1px solid [% css_colors.accent_medium %];
1290 background-color: [% css_colors.accent_medium %];
1291 margin: 0.5em 0.3em;
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 {
1302 #limit_to_available {
1303 vertical-align: middle;
1306 .results_header_sel {
1307 [% IF rtl == 't' -%]
1317 .results_header_nav1 .h1 {
1318 font-size: [% css_fonts.size_bigger %];
1320 color:[% css_colors.primary_fade %];
1323 .table_no_border_space {
1324 border-spacing: 0px;
1326 .table_no_cell_pad td {
1330 border-collapse: collapse;
1333 #result_table_table {
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;
1348 [% IF rtl == 't' -%]
1358 tr.result_table_row:nth-child(n+2) > td {
1359 border-top: 1px solid [% css_colors.accent_lighter2 %];
1362 tr.result_table_row > td.result_table_pic_header {
1363 [% IF rtl == 't' -%]
1368 white-space: nowrap;
1372 /* styles for selecting records in the results set */
1373 .result_table_row_selected {
1374 background-color: [% css_colors.item_selected %];
1376 #selected_records_summary, #clear_basket {
1380 /* styles for the basket */
1382 [% IF rtl == 't' -%]
1390 #record_basket_icon {
1391 [% IF rtl == 't' -%]
1400 #record_basket_count_floater {
1401 background-color: #ddd;
1410 #record_basket_count_floater a {
1411 text-decoration: none;
1414 [% IF rtl == 't' -%]
1420 #basket_actions select {
1421 border-color: rgb(169, 169, 169);
1425 [% IF rtl == 't' -%]
1430 white-space: nowrap;
1433 .result_count_number {
1437 .result_table_subtable {
1442 div.result_table_utils_cont {
1443 [% IF rtl == 't' -%]
1452 .mylist_action:hover{
1453 text-decoration: none;
1456 #myopac_summary_div p {
1458 margin-bottom: 10px;
1461 #acct_sum_checked_table td {
1465 .zero_search_hits_main {
1466 [% IF rtl == 't' -%]
1474 .zero_search_hits_saved {
1475 [% IF rtl == 't' -%]
1486 #zero_search_hits p {
1494 #zero_search_hits #spell_check_link {
1497 #zero_search_hits #zero_hits_suggestions {
1501 [% IF rtl == 't' -%]
1507 background-color: [% css_colors.accent_light %];
1512 .results_info_table td {
1513 [% IF rtl == 't' -%]
1516 padding-right: 10px;
1520 #myopac_holds_main_table {
1521 border-collapse: collapse;
1524 #myopac_holds_main_table td {
1525 border: 1px solid [% css_colors.border_dark %];
1529 .myopac-hold-available {
1530 color: [% css_colors.text_greatnews %];
1534 .myopac-hold-suspended {
1535 color: [% css_colors.text_badnews %];
1539 #myopac_prefs_div .data_grid {
1540 border-collapse:collapse;
1543 #myopac_prefs_div .data_grid td {
1544 [% IF rtl == 't' -%]
1545 padding: 6px 17px 7px 0px;
1547 padding:6px 0px 7px 17px;
1549 background-color:[% css_colors.accent_ultralight %];
1550 border-bottom:3px solid [% css_colors.background %];
1554 [% IF rtl == 't' -%]
1555 padding: 0px 0px 0px 7px;
1557 padding: 0px 7px 0px 0px;
1560 font-size: [% css_fonts.size_bigger %];
1562 color:[% css_colors.primary_header %];
1563 /*border-bottom: 1px dotted [% css_colors.accent_light %];*/
1568 font-weight: normal;
1572 [% IF rtl == 't' -%]
1582 border-collapse: collapse;
1583 background-color: [% css_colors.accent_ultralight %];
1586 .acct_sum_table tr {
1587 border-bottom: 2px solid white;
1590 .acct_sum_table td {
1595 text-transform: none;
1600 .acct_sum_table .view_link {
1601 font-weight: normal;
1605 [% IF rtl == 't' -%]
1607 padding: 15px 23px 0px 0px;
1610 padding: 15px 0px 0px 23px;
1618 [% IF rtl == 't' -%]
1619 padding-right: .5em;
1625 #myopac_sum_fines_placehold {
1626 [% IF rtl == 't' -%]
1635 .acct_holds_temp td {
1636 [% IF rtl == 't' -%]
1643 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1644 [% IF rtl == 't' -%]
1657 [% IF rtl == 't' -%]
1664 /* tables for entering payment information */
1665 #acct_fines_main_header
1670 /* tables for entering payment information */
1674 [% IF rtl == 't' -%]
1684 /* tables for entering payment information */
1685 #credit_card_info_table
1691 /* tables for entering payment information */
1692 #billing_info_table td,
1693 #credit_card_info_table td
1695 [% IF rtl == 't' -%]
1696 padding-right: .5em;
1703 /* div for the payment buttons with the total */
1708 padding: 1em 0 0 1em;
1712 /* text to state what is seen on cc statement */
1717 color:[% css_colors.primary_fade %];
1721 text-transform: none;
1722 font-weight: normal;
1727 #acct_list_header select, #acct_list_header_anon select {
1729 text-transform:none;
1732 .search_catalog_lbl {
1733 font-size: [% css_fonts.size_bigger %];
1735 .adv_search_catalog_lbl {
1736 font-size: [% css_fonts.size_bigger %];
1739 .browse_the_catalog_lbl {
1740 font-size: [% css_fonts.size_bigger %];
1744 font-size: [% css_fonts.size_bigger %];
1749 font-size: [% css_fonts.size_smaller %];
1756 #fines_payments_wrapper {
1761 .myopac_payments_table th {
1762 [% IF rtl == 't' -%]
1763 text-align: right; }
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; }
1778 background-color: [% css_colors.accent_lighter %];
1782 font-weight: bold; color: [% css_colors.text_alert %];
1783 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1786 .payment-processing {
1788 color: [% css_colors.text_greatnews %];
1789 font-size: [% css_fonts.size_bigger %];
1790 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1793 #adv_search_input { width: 100%; }
1794 #adv_search_parent {
1797 #search-submit-spinner {
1801 div.adv_search_available {
1809 font-size: [% css_fonts.size_bigger %];
1814 width:100px !important;
1815 text-align: center !important;
1818 .chili_review div.chili_link div {
1822 /* styling for advanced search filters that display with searchbar */
1824 #adv_filter_results_block h4 { display: inline; }
1826 #adv_filter_results_block {
1831 .adv_filter_results_block_label {
1833 [% IF rtl == 't' -%]
1834 padding: 4px 12px 4px 0px;
1836 padding: 4px 0px 4px 12px;
1840 .adv_filter_results_group {
1842 display: inline-block;
1843 background-color: [% css_colors.accent_lighter2 %];
1844 border-style: solid;
1845 border-color: [% css_colors.accent_medium %];
1848 padding: 2px 4px 2px 4px;
1851 .adv_filter_results_group_wrapper {
1852 display: inline-block;
1853 [% IF rtl == 't' -%]
1861 .adv_filter_results_group_header {
1862 display: inline-block;
1865 .adv_filter_results_group_values {
1869 .adv_search_result_filter {
1870 display: inline-block;
1876 [% IF rtl == 't' -%]
1884 text-decoration: none;
1885 color: [% css_colors.accent_dark %];
1889 display: inline-block;
1892 #refine_search_link {
1893 display: inline-block;
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 %];
1912 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1913 .facetFields { padding-left: 5px; }
1914 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1918 [% IF rtl == 't' -%]
1931 .facet_box_temp .header {
1933 background-color:[% css_colors.primary %];
1934 border-top-left-radius: 5px;
1935 border-top-right-radius: 5px;
1937 color:[% css_colors.text_invert %];
1941 .facet_box_temp.filter_box_temp .header {
1942 background-color: [% css_colors.background_invert %] !important;
1946 color: [% css_colors.background_invert %];
1953 .facet_box_temp .header .title {
1954 [% IF rtl == 't' -%]
1956 padding-right: 12px;
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 {
1971 .facet_box_temp .header a.button {
1972 [% IF rtl == 't' -%]
1980 color:[% css_colors.text_invert %];
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 %];
1991 .filter_box_wrapper {
1994 border: 1px solid [% css_colors.background_invert %];
2001 box-sizing: border-box;
2002 -moz-box-sizing: border-box;
2008 .facet_template div {
2009 display: table-cell;
2013 .facet_template.filter_template div {
2014 padding: 0px !important;
2017 .facet_template .count {
2019 color: [% css_colors.accent_dark %];
2022 .page-item.active .page-link {
2023 background-color: #00593d;
2024 border-color: #00593d;
2032 background-color: [% css_colors.bg_filter %];
2033 color: [% css_colors.text_filter %];
2036 .filter-header:hover{
2037 background-color: [% css_colors.bg_filter_hover %];
2041 background-color: [% css_colors.bg_extras %];
2043 .facet_template_selected {
2044 background-color: [% css_colors.accent_lighter2 %];
2045 border: 1px solid [% css_colors.accent_medium %];
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 %]);
2060 [% IF rtl == 't' -%]
2066 padding-bottom: 10px;
2067 font-size: [% css_fonts.size_small %];
2071 #copyright_text, #footer_logo {
2072 color: [% css_colors.footer_link %];
2073 font-size: [% css_fonts.size_bigger %];
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;}
2086 #adv_global_input_table { width: 100%; }
2087 #adv_global_input_table select { width: 7em; }
2089 font-size: [% css_fonts.size_smaller %];
2090 color: [% css_colors.text_alert %];
2092 #acct_prefs_header {
2093 [% IF rtl == 't' -%]
2099 .search_page_nav_link {
2101 [% IF rtl == 't' -%]
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; }
2110 [% IF rtl == 't' -%]
2116 color: [% css_colors.text_alert %];
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' -%]
2127 background-color: [% css_colors.accent_lighter2 %];
2130 .row-remover { position: relative; top: 1px; vertical-align: middle; }
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;
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; }
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' -%]
2148 padding: 5px 15px 5px 15px;
2149 border-bottom: 1px solid [% css_colors.accent_lighter %];
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 %];
2161 .list_create_table_label {
2164 #list_description, #list_create_name {
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; }
2172 [% IF rtl == 't' -%]
2173 padding-right: 1em !important;
2175 padding-left: 1em !important;
2177 vertical-align: middle;
2179 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
2180 .hold-editor-controls a { padding-left: 2em; }
2183 [% IF rtl == 't' -%]
2190 [% IF rtl == 't' -%]
2193 vertical-align: top;
2196 .rdetail-author-div {
2197 padding-bottom: 10px;
2198 display: inline-block;
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' -%]
2213 #adv_expert_row label { font-weight: bold; }
2215 .bookshelf tr.browse_border td {
2216 border-bottom: 1px dashed [% css_colors.accent_dark %];
2219 padding-bottom: 1ex;
2221 .cn_browse_item { padding: 2ex; }
2222 .results-paginator-list {
2223 [% IF rtl == 't' -%]
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; }
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;
2238 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
2240 .hold_success_links > span { margin: 0 2em; }
2242 .radio-parts-selection {
2244 margin-bottom: 20px;
2247 .parts-radio-option {
2248 display: inline-block;
2252 .mr_holds_no_formats {
2253 [% IF rtl == 't' -%]
2261 color: [% css_colors.text_invert %];
2262 background-color: [% css_colors.primary %];
2265 .holds_item_row_separator td {
2266 border-top: 2px dashed [% css_colors.accent_medium %];
2269 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2271 .results_header_btns, .results_header_sel {
2272 [% IF rtl == 't' -%]
2280 * .various_containers a = shortcut to putting .opac-button on every 'a' with
2281 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
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 %];
2288 text-decoration: none;
2289 cursor: pointer !important;
2291 border: 1px solid [% css_colors.primary %];
2292 background-color: [% css_colors.primary_fade %];
2295 display: inline-block;
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 %];
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 %];
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 {
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 %];
2321 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
2322 border-color: [% css_colors.control %];
2325 .opac-multiline-button > a {
2326 display: inline-block;
2329 #myopac_checked_div {
2333 .rdetail-mfhd-head {
2336 background-color: [% css_colors.table_heading %];
2339 .rdetail-mfhd-type {
2340 [% IF rtl == 't' -%]
2347 .rdetail-mfhd-bottom {
2348 border-bottom: thin solid [% css_colors.border_dark %];
2352 #rdetail_record_details {
2358 [% IF rtl == 't' -%]
2359 margin-right: 1.5em;
2360 padding-right: 1.5em;
2363 padding-left: 1.5em;
2367 .rdetail_content_type, .rdetail_subject_type {
2368 vertical-align: top;
2372 .bookbag-item-row td { vertical-align: top; }
2374 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
2376 color: [% css_colors.text_greatnews %];
2380 .rdetail_related_subjects {
2384 .rdetail_related_series {
2392 .rdetail_openurl_entry {
2393 [% IF rtl == 't' -%]
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' -%]
2413 .bookbag-controls-title-block {
2414 [% IF rtl == 't' -%]
2421 .bookbag-controls-button-block {
2422 [% IF rtl == 't' -%]
2429 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
2430 .bookbag-share .fixed { min-width: 4em; }
2432 [% IF rtl == 't' -%]
2438 .bookbag-specific div.sort {
2439 [% IF rtl == 't' -%]
2450 .bookbag-specific div.meta {
2451 background-color: [% css_colors.accent_light %];
2452 [% IF rtl == 't' -%]
2460 border: 1px solid [% css_colors.accent_light %];
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 {
2471 .bbag-edit-desc-label {
2472 [% IF rtl == 't' -%]
2479 .bbag-edit-desc-save {
2483 #bbag-edit-description {
2485 [% IF rtl == 't' -%]
2493 [% IF rtl == 't' -%]
2500 [% IF rtl == 't' -%]
2506 .bbag-navigate-list {
2507 [% IF rtl == 't' -%]
2508 padding-right: 32px;
2515 .bbag-navigate-list-pages {
2516 [% IF rtl == 't' -%]
2517 padding-right: 10px;
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 %];
2532 [% IF rtl == 't' -%]
2534 padding: 0px 10px 0px 0px;
2537 padding: 0px 0px 0px 10px;
2540 .bookbag-share .fixed { min-width: 6em; }
2542 [% IF rtl == 't' -%]
2544 padding: 0px 10px 0px 0px;
2547 padding: 0px 0px 0px 10px;
2550 .bookbag-specific td.list_checkbox {
2551 [% IF rtl == 't' -%]
2552 padding-right: 10px !important;
2554 padding-left: 10px !important;
2557 .bookbag-specific td.list_entry {
2559 [% IF rtl == 't' -%]
2560 padding-right: 5px !important;
2562 padding-left: 5px !important;
2565 .bookbag-specific td.list_actions {
2566 white-space: nowrap !important;
2568 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2571 padding: 8px 0px 6px 0px;
2574 font-size: [% css_fonts.size_bigger %];
2578 .save-notes { padding-bottom: 1.5ex; }
2580 .nonbreaking-wrapper {
2581 display: inline-block;
2584 /* Moved from semiauto.css */
2585 .adv_global_input_container {
2586 border-bottom: none;
2590 border-bottom: none;
2593 .adv_global_filter_sort {
2597 .clear-both { clear: both; }
2608 .opac-alert { color: [% css_colors.text_alert %]; }
2610 [% IF rtl == 't' -%]
2617 [% IF rtl == 't' -%]
2624 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2625 .saved-searches-header .button {
2626 [% IF rtl == 't' -%]
2633 .saved-searches-header .text {
2634 [% IF rtl == 't' -%]
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 %];
2649 border-right: 1px solid [% css_colors.accent_darker %];
2652 .result_item_circulated {
2656 .result_item_circulated span {
2659 [% IF rtl == 't' -%]
2666 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2667 #result-bookbag-heading { text-align: center; margin: 2ex; }
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' -%]
2680 color: [% css_colors.text %];
2682 .oils_AS_match_field {
2683 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2684 [% IF rtl == 't' -%]
2689 color: [% css_colors.accent_medium %];
2691 table.result_holdings_table {
2695 table.result_holdings_table thead tr {
2696 background-color: [% css_colors.table_heading %];
2698 table.result_holdings_table thead tr th {
2702 margin: 0 2em 0 2em;
2705 vertical-align: super;
2706 font-size: [% css_fonts.size_smaller %];
2707 line-height: normal;
2708 text-decoration: none;
2710 .rdetail-holding-group {
2711 [% IF rtl == 't' -%]
2712 margin-right: 1.5em;
2717 .rdetail-holding-group span {
2718 [% IF rtl == 't' -%]
2719 margin-right: 1.5em;
2724 .rdetail-holding-group .paging {
2725 [% IF rtl == 't' -%]
2726 margin-right: 1.5em;
2731 #rdetail_deleted_exp {
2735 border: thick solid [% css_colors.border_alert %];
2738 #ac_tab_wrapper { width : 100%; }
2740 [% IF rtl == 't' -%]
2745 padding-right: 10px;
2747 font-size: [% css_fonts.size_big %];
2749 border: 1px solid [% css_colors.primary_offset %];
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; }
2755 /* Popmenu styles used for making css menus. */
2769 width: 10em; /* Width to help Opera out */
2770 background-color: [% css_colors.primary %];
2772 .popmenu li:hover ul {
2777 border-color: [% css_colors.border_dark %];
2779 border-style: solid;
2781 .popmenu li:hover li {
2784 .popmenu li:hover li a {
2785 background-color: [% css_colors.primary %];
2786 color: [% css_colors.accent_ultralight %];
2788 .popmenu li li a:hover {
2789 background-color: [% css_colors.accent_ultralight %];
2790 color: [% css_colors.primary %];
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 %];
2797 .popmenu li li[class~="temporary"] a:hover {
2798 background-color: [% css_colors.accent_ultralight %];
2799 color: [% css_colors.primary %];
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 %];
2806 .popmenu li li[class~="default"] a:hover {
2807 background-color: [% css_colors.accent_ultralight %];
2808 color: [% css_colors.primary %];
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 %];
2815 .popmenu li li[class~="new"] a:hover {
2816 background-color: [% css_colors.accent_ultralight %];
2817 color: [% css_colors.primary %];
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;
2829 #patron_usr_barcode_not_found {
2830 font-weight: bold; color: [% css_colors.text_alert %];
2843 padding-bottom: 0.5em;
2847 #maintenance_message {
2850 background-color: [% css_colors.text_alert %];
2851 color: [% css_colors.text_invert %];
2855 #search-box > span {
2862 .browse-result-sources, .browse-result-authority-bib-links {
2863 [% IF rtl == 't' -%]
2869 .browse-result-best-match {
2875 .browse-result-list {
2876 padding-bottom: 0.5ex;
2879 font-size: [% css_fonts.size_bigger %];
2881 .browse-result-authority-field-name {
2883 [% IF rtl == 't' -%]
2889 .browse-leading-article-warning {
2891 font-size: [% css_fonts.size_big %];
2893 .browse-public-general-note {
2894 font-size: [% css_fonts.size_big %];
2896 .browse-public-general-note-label { }
2897 .browse-public-general-note-institution {
2901 .browse-public-general-note-body {
2909 #main-content-register {
2910 [% IF rtl == 't' -%]
2915 font-size: [% css_fonts.size_bigger %];
2918 #main-content-register table {
2921 border-collapse: collapse;
2924 #main-content-register td {
2925 [% IF rtl == 't' -%]
2932 #main-content-register td:not(:first-child) {
2933 [% IF rtl == 't' -%]
2934 padding-right: 20px;
2940 .patron-reg-invalid {
2943 [% IF rtl == 't' -%]
2946 padding-right: 10px;
2950 .result_footer_nav1 {
2954 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
2958 .rdetail_authors_div {
2962 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2963 white-space: nowrap;
2964 display: inline-block;
2967 .result_table_title_cell {
2969 padding-bottom: 4px;
2973 font-size: [% css_fonts.size_bigger %];
2976 /* styling for sms text call number */
2978 font-family: Arial, Helvetica, sans-serif;
2979 font-size: [% css_fonts.size_medium %];
2980 background-color: [% css_colors.accent_lightest %];
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+ */
2994 /* patron message center */
2995 #myopac_message_tbody {
2996 vertical-align: top;
2998 .myopac_message_message {
2999 white-space: pre-wrap;
3002 @media only screen and (min-width: 992px) {
3010 display:none !important;
3014 @media only screen and (max-width: 800px) {
3016 width: 100% !important;
3018 .facet_sidebar_hidden, .result_block_hidden {
3021 .facet_sidebar_visible, .result_block_visible {
3022 display: inline ! important;
3024 #acct_select, #acct_prefs_select {
3025 display: inline-block;
3027 #acct_tabs, #acct_prefs_tabs {
3030 .radio-parts-selection { width: 90%; }
3031 #list_description, #list_create_name {
3036 @media only screen and (max-width: 600px) {
3038 font-size: [% css_fonts.size_big %];
3040 span .nav_arrow_fix {
3047 #homesearch_main_logo img {
3057 #your-acct-login a {
3068 #gold-links-holder {
3071 #simple-detail-view-links {
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;
3079 border-radius: 6px 6px 0px 0px;
3080 margin: 0px 5px 0px 0px;
3082 padding: 2px 4px 3px 4px;
3083 font-size: [% css_fonts.size_base %];
3085 .bookbag-controls-title-block {
3086 [% IF rtl == 't' -%]
3093 .bookbag-controls-button-block {
3094 [% IF rtl == 't' -%]
3102 [% IF rtl == 't' -%]
3108 .bookbag-specific div.sort {
3109 [% IF rtl == 't' -%]
3117 margin: 5px 0px 5px 0px;
3118 border: 1px solid [% css_colors.accent_light %];
3121 .bookbag-specific div.meta {
3122 [% IF rtl == 't' -%]
3136 [% IF rtl == 't' -%]
3143 #bbag-edit-description {
3149 border:1px solid [% css_colors.accent_light %];
3152 [% IF rtl == 't' -%]
3159 .bbag-action-field {
3162 .bookbag-specific div.sort select {
3165 .bookbag-specific tr {
3167 border-bottom: 1px solid [% css_colors.border_standard %];
3169 .bookbag-specific td.list_checkbox {
3170 [% IF rtl == 't' -%]
3171 padding-right: 0px !important;
3173 padding-left: 0px !important;
3176 .bookbag-specific td.list_entry {
3177 display: inline-block;
3179 [% IF rtl == 't' -%]
3180 padding-right: 40% !important;
3182 padding-left: 40% !important;
3185 .bookbag-specific td.list_entry:before {
3186 content: attr(data-label);
3188 [% IF rtl == 't' -%]
3194 .bbag-navigate-list {
3197 .bbag-navigate-list-pages {
3198 [% IF rtl == 't' -%]
3207 background-color: transparent;
3214 #dash_wrapper .opac-button {
3217 .small_view_only, #filter_hits {
3218 display: inline !important;
3221 [% IF rtl == 't' -%]
3228 #holds_box form blockquote {
3229 [% IF rtl == 't' -%]
3237 #holds_box form blockquote select {
3240 #myopac_sum_fines_placehold {
3246 #list_description, #list_create_name {
3249 .results_header_lbl {
3252 .results_header_nav1 span.h1 {
3258 .start_end_links_span {
3264 .result_table_pic_header {
3265 [% IF rtl == 't' -%]
3266 padding-right: 0px !important;
3269 padding-left: 0px !important;
3272 width: 0px !important;
3280 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
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) {
3287 #results_header_bar {
3288 background-color: inherit;
3290 .results_header_btns a {
3293 .adv_filter_results_hide {
3296 .adv_filter_results_show {
3299 .adv_filter_results_block_label {
3302 .adv_filter_results_group_wrapper {
3308 #rdetails_status thead {
3311 #rdetails_status tr {
3315 #rdetails_status td {
3320 background-color: [% css_colors.accent_lightest %];
3322 .copy_details_offers_row {
3323 background-color: [% css_colors.accent_lightest %];
3325 select#pickup_lib.search-wrapper-locg {
3328 #search-wrapper #search-box {
3332 #main-content-home {
3336 /* Make use of full width in mobile mode */
3337 .facet_box_wrapper .box_wrapper .box,
3338 .facet_template .facet,
3342 .facet_template .count {
3343 [% IF rtl == 't' -%]
3352 #adv_search_parent {
3353 font-size: [% css_fonts.size_smaller %];
3355 #adv_search_filters {
3360 [% IF rtl == 't' -%]
3366 .rdetail_aux_utils {
3373 div#rdetail_actions_div {
3379 #metarecord_population {
3383 .metarecord_population_span_link {
3385 .metarecord_population_item_lang {
3388 .search_catalog_lbl {
3389 [% IF rtl == 't' -%]
3394 white-space: nowrap;
3396 .adv_search_catalog_lbl {
3398 white-space: nowrap;
3400 .browse_the_catalog_lbl {
3401 white-space: nowrap;
3415 .dash_account_buttons {
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 {
3427 .bookshelf table thead tr {
3430 #lowhits_help { width: inherit; }
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;
3438 border-radius: 7px 7px 0px 0px;
3441 #adv_global_tbody td {
3442 border-bottom: thin solid [% css_colors.accent_light %];
3444 #adv_global_addrow td {
3445 border-bottom: none;
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 {
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 {
3455 /* Hide table headers (but not display: none;, for accessibility) */
3459 [% IF rtl == 't' -%]
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 {
3470 table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
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
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; }
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" */
3484 border-bottom: 1px solid #eee;
3486 [% IF rtl == 't' -%]
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 */
3496 /* Top/left values mimic padding */
3499 [% IF rtl == 't' -%]
3504 padding-right: 10px;
3506 white-space: nowrap;
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') %]"; }
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') %]"; }
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') %]"; }
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') %]"; }
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') %]"; }
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') %]"; }
3553 /*Want to see these in mobile ONLY */
3558 .mobile_search_lbl_clr{
3559 color:[% css_colors.mobile_header_text %];
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/
3576 clip: rect(0, 0, 0, 0);
3580 /* Make added rows in Expert Search have bold labels like the initial row */
3587 font-weight: lighter;
3591 #results-page-depth-hint {
3596 #clear-history-confirm {
3598 color: [% css_colors.text_badnews %];
3602 /*Inline rules from other templates files*/
3605 [% IF rtl == 't' -%]
3613 [% IF rtl == 't' -%]
3619 #myopac_summary_div{padding:0px;}
3621 [% IF rtl == 't' -%]
3628 [% IF rtl == 't' -%]
3635 [% IF rtl == 't' -%]
3642 padding-bottom: 10px;
3645 [% IF rtl == 't' -%]
3646 padding-right: 10px;
3650 padding-bottom: 15px;
3652 .hold-span{font-weight: bold;}
3654 [% IF rtl == 't' -%]
3661 [% IF rtl == 't' -%]
3668 [% IF rtl == 't' -%]
3675 /* Rules from metarecord_hold_filters.tt2 */
3677 .metarecord_filters{
3680 border-bottom: 1px solid #333;
3681 border-top: 1px solid #333; }
3682 .metarecord_filter_container{
3683 [% IF rtl == 't' -%]
3691 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3692 .metarecord_filter_header{padding-bottom: 5px;}
3694 /* Toggled items. */
3695 /* A block that is initially hidden and shown by clicking an anchor. */
3696 [id^="toggled-block-"]{
3699 [id^="toggled-block-"]:target{
3702 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
3703 [id^="toggled-inline-"]{
3706 [id^="toggled-inline-"]:target{
3711 font-weight: bolder;
3712 background-color: #99ff99;
3715 .oils_SH.identifier {
3716 font-weight: bolder;
3717 background-color: #42b0f4;
3719 .hold_note_title { font-weight: bold; }
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 %];
3725 border: 1px solid #d3d3d3;
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' -%]
3734 padding: 0px 10px 0px 10px;
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;
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' -%]
3753 #hold_editor_table td { padding: 0.25em 0; }
3777 .carousel-entry-image {
3781 .carousel .glide__arrow {
3782 color: [% css_colors.button_text %];
3783 font-weight: bold !important;
3784 text-decoration: none !important;
3787 border: 1px solid [% css_colors.primary %];
3788 background-color: [% css_colors.primary_fade %];
3791 display: inline-block;
3793 .carousel .glide__arrow--right {
3796 .carousel .glide__arrow--left {
3807 display: inline-block;
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");
3823 .navbar-dark .navbar-nav .nav-link{
3824 color: #fff !important;
3831 .checkCell{width:30px;}
3833 @media (min-width: 650px){
3835 max-width: 600px !important;
3844 .facet_box_wrapper .card-header{
3845 background-color: [% css_colors.facets_back %];
3846 color: [% css_colors.facets_text %];
3852 transform: translateY(-50%);
3859 .my_nav .dropdown-toggle::after{
3860 margin: 5px 0px !important;
3864 .my_nav .fas, .mynav .far{