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*/
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;
360 border: 2px solid #007bff;
366 max-width: 100px !important;
385 font-family: [% css_fonts.font_main %] !important;
386 font-size: [% css_fonts.size_base %];
387 /* background-color: [% css_colors.primary %]; */
394 font-family: [% css_fonts.font_main %] !important;
395 font-size: [% css_fonts.size_base %];
406 #homesearch_main_logo {
413 color: [% css_colors.link %];
421 #search-wrapper input[type=text] {
422 height: calc(1.8125rem + 2px);
427 #search-wrapper select, .results_header_lbl select {
428 border:1px solid [% css_colors.border_standard %];
429 height: calc(1.8125rem + 2px);
455 #search-wrapper select {
456 border:0px solid [% css_colors.border_dark %];
457 filter:alpha(opacity=0);
466 #actions .btn-action {
476 font-size: [% css_fonts.size_bigger %];
485 div.select-box-wrapper {
507 background-color: [% css_colors.primary %];
515 display:inline-block;
534 #dash_fines { color: [% css_colors.text_badnews %]; }
535 the color contrast between "text_badnews" and "primary"
536 is too low for WCAG compliance. Use "text_attention"
537 for now until a better color is picked - if needed.
540 #dash_wrapper #dash_user_message_button_container {
544 #dash_wrapper #unread_message_count_floater {
546 background-color: [% css_colors.text_alert %];
548 padding-right: 0.2em;
549 display: inline-block;
555 margin-right: -1.5em;
562 /* border-bottom: 5px solid [% css_colors.nav_separation %]; */
563 background-color: [% css_colors.header_primary_fade %];
564 background-image: -moz-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
565 background-image: -o-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
566 background-image: -webkit-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
567 background-image: linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
570 color: [% css_colors.background %];
573 font-size: [% css_fonts.size_small %];
577 color: [% css_colors.background %];
581 color: [% css_colors.text_invert %];
582 text-decoration: none;
586 color: [% css_colors.text_invert %];
587 font-size: [% css_fonts.size_small %];
595 color: [% css_colors.text_invert %];
597 text-decoration: none;
607 #header-links a:hover {
608 color: [% css_colors.text_invert %];
609 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
610 text-decoration: none;
613 #header #header-links2 {
616 color: [% css_colors.text_invert %];
617 padding-bottom: 15px;
620 #header #header-links2 a {
621 color: [% css_colors.text_invert %];
624 #header #header-links2 a:hover {
625 text-decoration: underline;
653 background-color: [% css_colors.background_invert %];
667 .search_box_wrapper {
672 /*border-bottom: 1px solid [% css_colors.border_standard %];*/
674 background-color: [% css_colors.background %];
677 #search-wrapper #breadcrumb {
679 font-size: [% css_fonts.size_smaller %];
687 #search-wrapper #search-within {
699 #search-wrapper #breadcrumb a {
700 color: [% css_colors.text %];
703 #search-wrapper #search_frm label {
704 font-size: [% css_fonts.size_smaller %];
707 #search-wrapper #search-box {
716 padding-bottom: 10px;
719 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
728 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
731 margin: 10px 0px 0px 7px;
732 border-radius: 10px 10px 0px 0px;
735 margin: 10px 7px 0px 0px;
736 border-radius: 10px 10px 0px 0px;
739 vertical-align: middle;
741 padding: 10px 0px 10px 0px;
743 color: [% css_colors.text_invert %];
744 background-color: [% css_colors.control %];
746 text-decoration: none;
749 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
750 padding: 1em 1em 0.5em;
753 #adv_search_tabs a:hover, #acct_tabs a:hover, #acct_fines_tabs a:hover, #acct_checked_tabs a:hover, #acct_holds_tabs a:hover, #acct_prefs_tabs a:hover {
754 background-color: [% css_colors.primary %];
755 color: [% css_colors.text_invert %];
756 text-decoration: none;
759 #adv_search_filters {
774 .adv_filter_block_item {
793 padding-right: 10px !important;
795 padding-left: 10px !important;
799 #adv_search.on, #num_search.on, #expert_search.on {
800 color: [% css_colors.accent_darker %];
801 background-color: [% css_colors.background %];
802 text-decoration: none;
805 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
806 color: [% css_colors.accent_darker %];
807 background-color: [% css_colors.background %];
808 text-decoration: none;
812 background-color: [% css_colors.control %];
815 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
817 font-size: [% css_fonts.size_smaller %];
818 color: [% css_colors.accent_darker %];
819 padding: 10px 10px 10px 10px;
822 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
823 background-color: [% css_colors.accent_lightest %];
824 color: [% css_colors.accent_darker %];
827 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
828 padding-bottom: 12px;
829 color: [% css_colors.accent_medium %];
832 #acct_select, #acct_prefs_select {
836 #mobile_acct_search_links {
837 background-color: [% css_colors.primary_fade %];
842 padding: 5px 0px 6px 7px;
845 padding: 5px 7px 6px 0px;
848 border-bottom: 1px dotted [% css_colors.accent_light %];
852 color:[% css_colors.primary_fade %];
854 font-size: [% css_fonts.size_bigger %];
857 .rdetail_result_count {
858 color: [% css_colors.text %];
860 display: inline-block;
868 .rdetail_result_nav {
870 display: inline-block;
878 #rdetail_details_table {
882 #rdetail_image { border: none; }
883 #rdetail_image_cell {
896 padding: 0.5em 1em 0.5em 1em;
897 background-color: [% css_colors.accent_lighter2 %];
899 div.rdetail_uris ul li {
908 div.rdetail_show_copies {
912 div#rdetail_actions_div {
913 background-color: [% css_colors.background %];
921 span#rdetail_copy_counts {
922 display: inline-block;
935 span#rdetail_hold_counts {
936 display: inline-block;
939 span#rdetail_hold_counts p {
960 border-right: 1px dotted [% css_colors.accent_light %];
964 border-left:1px dotted [% css_colors.accent_light %];
971 border-bottom: 1px dotted [% css_colors.accent_light %];
975 div.toggle_list { padding-top: 6px; }
979 border-top: 1px dotted [% css_colors.accent_light %];
992 #metarecord_population {
995 padding-bottom: 10px;
998 .metarecord_population_span_link {
1002 .metarecord_population_format {
1004 display: inline-block;
1007 vertical-align: top;
1010 .metarecord_population_item_lang {
1011 display: inline-block;
1012 vertical-align: top;
1015 .metarecord_population_all {
1019 .results_aux_utils {
1020 display: table-cell;
1024 border-bottom: 1px dotted [% css_colors.accent_light %];
1026 [% IF rtl == 't' -%]
1041 #rdetails_status td {
1042 [% IF rtl == 't' -%]
1043 padding: 7px 13px 3px 0px;
1045 padding: 7px 0px 3px 13px;
1049 #rdetails_status td[headers=copy_header_library],
1050 #rdetails_status td[headers=copy_header_shelfloc] {
1051 white-space: normal;
1054 #rdetails_status thead th {
1055 [% IF rtl == 't' -%]
1056 padding: 13px 13px 13px 0px;
1059 padding: 13px 0px 13px 13px;
1062 background-color: [% css_colors.accent_lighter2 %];
1063 font-size: [% css_fonts.size_smaller %];
1067 #rdetails_status tbody td {
1068 [% IF rtl == 't' -%]
1069 padding-right: 13px;
1076 #rdetails_status tbody td.copy_note {
1077 color: [% css_colors.primary %];
1079 white-space:pre-wrap !important;
1083 #rdetails_status tbody td.copy_tag {
1084 border-color: [% css_colors.primary %];
1085 border-style: dashed;
1088 #rdetails_status tbody .copy_tag_value {
1089 font-weight: bolder;
1093 background-color: [% css_colors.primary_fade %];
1094 border: 1px solid [% css_colors.primary %];
1099 #rdetail_extras_div {
1103 .rdetail_extras_hr {
1104 [% IF rtl == 't' -%]
1112 background-color: [% css_colors.accent_light %];
1115 .rdetail_extras_link {
1117 font-size: [% css_fonts.size_smaller %];
1121 .rdetail_extras_lbl {
1122 color: [% css_colors.text_invert %];
1123 text-decoration: none;
1126 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
1127 [% IF rtl == 't' -%]
1134 #rdetail_locs_expand, #rdetail_locs_collapse {
1135 [% IF rtl == 't' -%]
1144 #rdetail_anotes_div .biography {
1148 #gbp_extra, #gbp_arrow_down_link {
1152 .almost-content-wrapper {
1153 background-color: [% css_colors.background %];
1156 #cartDropdown .dropdown-menu {
1161 background-color: [% css_colors.background %];
1166 .content-wrapper-record-page { top: -15px; position: relative; }
1168 #main-content-home {
1169 [% IF rtl == 't' -%]
1170 padding-right: 17px;
1178 [% IF rtl == 't' -%]
1187 #main-content-after-bar {
1188 [% IF rtl == 't' -%]
1197 #results_header_inner {
1198 padding-bottom: 1rem;
1202 [% IF rtl == 't' -%]
1210 background-color: [% css_colors.background %];
1213 #main-content .login_boxes {
1214 border: 1px solid [% css_colors.accent_lighter %];
1215 background-color: [% css_colors.accent_lightest %];
1216 background-image: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1217 background-image: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1218 background-image: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1219 background-image: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1220 background-image: linear-gradient(to bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1221 color: [% css_colors.accent_darker %];
1224 #main-content .login_boxes h1 {
1225 font-weight: normal;
1226 font-size: [% css_fonts.size_biggest %];
1230 #main-content .left_brain {
1231 [% IF rtl == 't' -%]
1232 padding-right: 28px;
1239 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
1243 background-color: [% css_colors.background %];
1244 font-size: [% css_fonts.size_bigger %];
1245 color: [% css_colors.text %];
1248 #main-content .left_brain .input_bg {
1249 [% IF rtl == 't' -%]
1250 padding: 10px 13px 0px 10px;
1252 padding:10px 10px 0px 13px;
1259 [% IF rtl == 't' -%]
1270 .login-help-button {
1271 font-size: [% css_fonts.size_biggest %];
1275 #login-failed-message {
1276 font-size: [% css_fonts.size_bigger %];
1278 color: [% css_colors.text_alert %];
1282 #holds_temp_parent td {
1283 border-bottom:1px solid [% css_colors.border_standard %];
1286 #holds_temp_parent input, #holds_temp_parent select {
1291 #holds_temp_parent tr td div.format_icon {
1297 #results_header_bar {
1298 background-color: [% css_colors.accent_medium %];
1299 border-top:1px solid [% css_colors.accent_mediumdark %];
1300 border-bottom:1px solid [% css_colors.accent_mediumdark %];
1303 .results_header_lbl {
1304 [% IF rtl == 't' -%]
1310 color: [% css_colors.text %];
1311 /* this border is not visible, but it keeps these labels the same size
1313 border: 1px solid [% css_colors.accent_medium %];
1314 background-color: [% css_colors.accent_medium %];
1315 margin: 0.5em 0.3em;
1318 /* we need a negative margin on the select to allow the containing <label>
1319 to determine the actual size of the element. By doing this, we can increase
1320 the odds that the buttons and the select will be the same size, and therefore
1321 collapse correctly when the window width decreases */
1322 .results_header_lbl select {
1326 #limit_to_available {
1327 vertical-align: middle;
1330 .results_header_sel {
1331 [% IF rtl == 't' -%]
1340 .results_header_nav1 {
1344 .results_header_nav1 .h1 {
1345 font-size: [% css_fonts.size_bigger %];
1347 color:[% css_colors.primary_fade %];
1350 .table_no_border_space {
1351 border-spacing: 0px;
1353 .table_no_cell_pad td {
1357 border-collapse: collapse;
1360 #result_table_table {
1368 tr.result_table_row > td.results_row_count,
1369 tr.result_table_row > td.result_table_pic_header,
1370 tr.result_table_row > td.result_table_title_cell {
1371 vertical-align: top;
1375 [% IF rtl == 't' -%]
1385 tr.result_table_row:nth-child(n+2) > td {
1386 border-top: 1px solid [% css_colors.accent_lighter2 %];
1389 tr.result_table_row > td.result_table_pic_header {
1390 [% IF rtl == 't' -%]
1395 white-space: nowrap;
1399 /* styles for selecting records in the results set */
1400 .result_table_row_selected {
1401 background-color: [% css_colors.item_selected %];
1403 #selected_records_summary, #clear_basket {
1407 /* styles for the basket */
1409 [% IF rtl == 't' -%]
1417 #record_basket_icon {
1418 [% IF rtl == 't' -%]
1427 #record_basket_count_floater {
1428 background-color: #ddd;
1437 #record_basket_count_floater a {
1438 text-decoration: none;
1443 #basket_actions select {
1444 border-color: rgb(169, 169, 169);
1448 [% IF rtl == 't' -%]
1453 white-space: nowrap;
1456 .result_count_number {
1460 .result_table_subtable {
1465 div.result_table_utils_cont {
1466 [% IF rtl == 't' -%]
1475 .mylist_action:hover{
1476 text-decoration: none;
1479 #myopac_summary_div p {
1481 margin-bottom: 10px;
1484 #acct_sum_checked_table td {
1488 .zero_search_hits_main {
1489 [% IF rtl == 't' -%]
1497 .zero_search_hits_saved {
1498 [% IF rtl == 't' -%]
1509 #zero_search_hits p {
1517 #zero_search_hits #spell_check_link {
1520 #zero_search_hits #zero_hits_suggestions {
1524 [% IF rtl == 't' -%]
1530 background-color: [% css_colors.accent_light %];
1535 .results_info_table td {
1536 [% IF rtl == 't' -%]
1539 padding-right: 10px;
1543 #myopac_holds_main_table {
1544 border-collapse: collapse;
1547 #myopac_holds_main_table td {
1548 border: 1px solid [% css_colors.border_dark %];
1552 .myopac-hold-available {
1553 color: [% css_colors.text_greatnews %];
1557 .myopac-hold-suspended {
1558 color: [% css_colors.text_badnews %];
1562 #myopac_prefs_div .data_grid {
1563 border-collapse:collapse;
1566 #myopac_prefs_div .data_grid td {
1567 [% IF rtl == 't' -%]
1568 padding: 6px 17px 7px 0px;
1570 padding:6px 0px 7px 17px;
1572 background-color:[% css_colors.accent_ultralight %];
1573 border-bottom:3px solid [% css_colors.background %];
1577 [% IF rtl == 't' -%]
1578 padding: 0px 0px 0px 7px;
1580 padding: 0px 7px 0px 0px;
1583 font-size: [% css_fonts.size_bigger %];
1585 color:[% css_colors.primary_header %];
1586 /*border-bottom: 1px dotted [% css_colors.accent_light %];*/
1591 font-weight: normal;
1595 [% IF rtl == 't' -%]
1605 border-collapse: collapse;
1606 background-color: [% css_colors.accent_ultralight %];
1609 .acct_sum_table tr {
1610 border-bottom: 2px solid white;
1613 .acct_sum_table td {
1618 text-transform: none;
1623 .acct_sum_table .view_link {
1624 font-weight: normal;
1628 [% IF rtl == 't' -%]
1630 padding: 15px 23px 0px 0px;
1633 padding: 15px 0px 0px 23px;
1641 [% IF rtl == 't' -%]
1642 padding-right: .5em;
1648 #myopac_sum_fines_placehold {
1649 [% IF rtl == 't' -%]
1658 .acct_holds_temp td {
1659 [% IF rtl == 't' -%]
1666 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1667 [% IF rtl == 't' -%]
1680 [% IF rtl == 't' -%]
1687 /* tables for entering payment information */
1688 #acct_fines_main_header
1693 /* tables for entering payment information */
1697 [% IF rtl == 't' -%]
1707 /* tables for entering payment information */
1708 #credit_card_info_table
1714 /* tables for entering payment information */
1715 #billing_info_table td,
1716 #credit_card_info_table td
1718 [% IF rtl == 't' -%]
1719 padding-right: .5em;
1726 /* div for the payment buttons with the total */
1731 padding: 1em 0 0 1em;
1735 /* text to state what is seen on cc statement */
1740 color:[% css_colors.primary_fade %];
1744 text-transform: none;
1745 font-weight: normal;
1750 #acct_list_header select, #acct_list_header_anon select {
1752 text-transform:none;
1755 .search_catalog_lbl,
1756 .adv_search_catalog_lbl,
1757 .browse_the_catalog_lbl,
1758 .search_courses_lbl,
1759 .browse_courses_lbl {
1760 font-size: [% css_fonts.size_bigger %];
1764 font-size: [% css_fonts.size_bigger %];
1769 font-size: [% css_fonts.size_smaller %];
1776 #fines_payments_wrapper {
1781 .myopac_payments_table th {
1782 [% IF rtl == 't' -%]
1783 text-align: right; }
1789 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1790 .myopac_payments_table thead th:first-child { width: 8em; }
1791 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1792 .myopac_payments_table form { display: inline; }
1793 .myopac_payments_table input[type="submit"] { padding: 1px; }
1798 background-color: [% css_colors.accent_lighter %];
1802 font-weight: bold; color: [% css_colors.text_alert %];
1803 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1806 .payment-processing {
1808 color: [% css_colors.text_greatnews %];
1809 font-size: [% css_fonts.size_bigger %];
1810 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1813 #adv_search_input { width: 100%; }
1814 #adv_search_parent {
1818 #search-wrapper #search-submit-go,
1819 #search-wrapper #search-submit-go-depth {
1820 display: inline-block;
1824 #search-submit-spinner {
1828 div.adv_search_available {
1836 font-size: [% css_fonts.size_bigger %];
1841 width:100px !important;
1842 text-align: center !important;
1845 .chili_review div.chili_link div {
1849 /* styling for advanced search filters that display with searchbar */
1851 #adv_filter_results_block h4 { display: inline; }
1853 #adv_filter_results_block {
1858 .adv_filter_results_block_label {
1860 [% IF rtl == 't' -%]
1861 padding: 4px 12px 4px 0px;
1863 padding: 4px 0px 4px 12px;
1867 .adv_filter_results_group {
1869 display: inline-block;
1870 background-color: [% css_colors.accent_lighter2 %];
1871 border-style: solid;
1872 border-color: [% css_colors.accent_medium %];
1875 padding: 2px 4px 2px 4px;
1878 .adv_filter_results_group_wrapper {
1879 display: inline-block;
1880 [% IF rtl == 't' -%]
1888 .adv_filter_results_group_header {
1889 display: inline-block;
1892 .adv_filter_results_group_values {
1896 .adv_search_result_filter {
1897 display: inline-block;
1903 [% IF rtl == 't' -%]
1911 text-decoration: none;
1912 color: [% css_colors.accent_dark %];
1916 display: inline-block;
1919 #refine_search_link {
1920 display: inline-block;
1923 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1924 /* some facet styling */
1925 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1926 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1927 .facetClassLabel { font-weight: bold; text-align: center; }
1928 .facetFieldContainer { }
1929 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1930 .extraFacetFieldsWrapper { }
1931 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1932 .facetFieldLineCount {
1933 display: inline-block;
1934 border-right: 1px solid [% css_colors.accent_light %];
1935 color: [% css_colors.accent_mediumdark %];
1939 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1940 .facetFields { padding-left: 5px; }
1941 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1945 [% IF rtl == 't' -%]
1958 .facet_box_temp .header {
1960 background-color:[% css_colors.primary %];
1961 border-top-left-radius: 5px;
1962 border-top-right-radius: 5px;
1964 color:[% css_colors.text_invert %];
1968 .facet_box_temp.filter_box_temp .header {
1969 background-color: [% css_colors.background_invert %] !important;
1973 color: [% css_colors.background_invert %];
1980 .facet_box_temp .header .title {
1981 [% IF rtl == 't' -%]
1983 padding-right: 12px;
1991 /* in this context, where h4 is primarily for structure,
1992 avoid the normal large font and margin for h4's */
1993 .facet_box_temp h4 {
1998 .facet_box_temp .header a.button {
1999 [% IF rtl == 't' -%]
2007 color:[% css_colors.text_invert %];
2010 .facet_box_wrapper .box_wrapper .box {
2011 border-top:1px solid [% css_colors.border_standard %];
2012 border-left:1px solid [% css_colors.border_standard %];
2013 border-right:1px solid [% css_colors.border_standard %];
2018 .filter_box_wrapper {
2021 border: 1px solid [% css_colors.background_invert %];
2028 box-sizing: border-box;
2029 -moz-box-sizing: border-box;
2035 .facet_template div {
2036 display: table-cell;
2040 .facet_template.filter_template div {
2041 padding: 0px !important;
2044 .facet_template .count {
2046 color: [% css_colors.accent_dark %];
2049 .page-item.active .page-link {
2050 background-color: #00593d;
2051 border-color: #00593d;
2059 background-color: [% css_colors.bg_filter %];
2060 color: [% css_colors.text_filter %];
2063 .filter-header:hover{
2064 background-color: [% css_colors.bg_filter_hover %];
2068 background-color: [% css_colors.bg_extras %];
2070 .facet_template_selected {
2071 background-color: [% css_colors.accent_lighter2 %];
2072 border: 1px solid [% css_colors.accent_medium %];
2076 /* border-top: 5px solid [% css_colors.nav_separation %]; */
2077 background-color: [% css_colors.footer_primary %];
2078 background-image: -moz-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2079 background-image: -o-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2080 background-image: -webkit-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2081 background-image: linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2087 [% IF rtl == 't' -%]
2093 padding-bottom: 10px;
2094 font-size: [% css_fonts.size_small %];
2097 #footer .navbar-nav {
2098 justify-content: center;
2101 #copyright_text, #footer_logo {
2102 color: [% css_colors.footer_link %];
2103 font-size: [% css_fonts.size_small %];
2112 .advanced_div { padding-top: 15px; }
2113 #adv_global_search { width: 100%; }
2114 #adv_global_addrow td { padding-top: 7px; }
2115 [% IF rtl == 't' -%]
2116 #adv_global_addrow.td-search-left{text-align:right;}
2118 #adv_global_input_table { width: 100%; }
2119 #adv_global_input_table select { width: 7em; }
2121 font-size: [% css_fonts.size_smaller %];
2122 color: [% css_colors.text_alert %];
2124 #acct_prefs_header {
2125 [% IF rtl == 't' -%]
2131 .search_page_nav_link {
2133 [% IF rtl == 't' -%]
2139 #opac.result.sort { width: 160px; }
2140 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
2142 [% IF rtl == 't' -%]
2148 color: [% css_colors.text_alert %];
2150 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
2151 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
2152 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
2153 #adv_search_refine {
2154 [% IF rtl == 't' -%]
2159 background-color: [% css_colors.accent_lighter2 %];
2162 .row-remover { position: relative; top: 1px; vertical-align: middle; }
2164 background-color: [% css_colors.background %];
2165 color: [% css_colors.primary %]; text-decoration: none;
2166 padding: 0; border: 0; margin: 0;
2167 vertical-align: middle;
2169 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
2170 .no-dec:hover { text-decoration: none; }
2171 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
2173 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
2174 #account-update-email table td {
2175 [% IF rtl == 't' -%]
2180 padding: 5px 15px 5px 15px;
2181 border-bottom: 1px solid [% css_colors.accent_lighter %];
2183 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
2184 a.dash-link:hover { text-decoration: underline !important; }
2185 #list_create_table td { vertical-align: middle; padding: 0 8px; }
2186 #list_create_table {
2187 background-color: [% css_colors.accent_light %];
2188 padding-bottom: 4px;
2189 margin-bottom: 10px;
2190 border-bottom: 1px dotted [% css_colors.accent_medium %];
2193 .list_create_table_label {
2196 #list_description, #list_create_name {
2199 .list-create-table-buttons input[type=image] { margin-top: 2px; }
2200 .result_table_format_cell { padding: 0px 10px; text-align: center; }
2201 .results_row_count { font-weight: bold; }
2204 [% IF rtl == 't' -%]
2205 padding-right: 1em !important;
2207 padding-left: 1em !important;
2209 vertical-align: middle;
2211 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
2212 .hold-editor-controls a { padding-left: 2em; }
2215 [% IF rtl == 't' -%]
2222 [% IF rtl == 't' -%]
2225 vertical-align: top;
2228 .rdetail-author-div {
2229 padding-bottom: 10px;
2230 display: inline-block;
2233 .invisible { visibility: hidden; }
2234 .rdetail-extras-summary { margin: 10px; }
2235 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
2236 .expert-search tbody tr th {
2237 [% IF rtl == 't' -%]
2245 #adv_expert_row label { font-weight: bold; }
2247 .cn_browse_item { padding: 2ex; }
2248 .results-paginator-list {
2249 [% IF rtl == 't' -%]
2255 .results-paginator-selected { color: [% css_colors.text_alert %]; }
2256 .inactive-hold { background-color: [% css_colors.inactive_hold %]; }
2257 .unread-patron-message { font-weight: bold; }
2259 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
2260 .hold-items-list-title {
2261 font-size: [% css_fonts.size_bigger %];
2262 margin-bottom: 20px;
2264 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
2266 .hold_success_links > span { margin: 0 2em; }
2268 .radio-parts-selection {
2270 margin-bottom: 20px;
2273 .parts-radio-option {
2274 display: inline-block;
2278 .mr_holds_no_formats {
2279 [% IF rtl == 't' -%]
2287 color: [% css_colors.text_invert %];
2288 background-color: [% css_colors.primary %];
2291 .holds_item_row_separator td {
2292 border-top: 2px dashed [% css_colors.accent_medium %];
2295 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2297 .results_header_btns, .results_header_sel {
2298 [% IF rtl == 't' -%]
2306 * .various_containers a = shortcut to putting .opac-button on every 'a' with
2307 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
2310 .opac-multiline-button > a,
2311 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
2312 color: [% css_colors.button_text %];
2314 text-decoration: none;
2315 cursor: pointer !important;
2317 border: 1px solid [% css_colors.primary %];
2318 background-color: [% css_colors.primary_fade %];
2321 display: inline-block;
2324 .opac-multiline-button > a:hover,
2325 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
2326 background-color: [% css_colors.primary %];
2329 .opac-button:disabled {
2330 color: [% css_colors.accent_medium %];
2331 cursor: pointer !important;
2332 border: 1px solid [% css_colors.accent_light %];
2333 background-color: [% css_colors.accent_lighter %];
2336 /* Firefox adds its own special space to inputs; this gets us closer */
2337 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
2342 .opac-button-header, #dash_wrapper .opac-button {
2343 background-color: [% css_colors.control %];
2344 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2345 font-size: [% css_fonts.size_base %];
2347 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
2348 border-color: [% css_colors.control %];
2351 .opac-multiline-button > a {
2352 display: inline-block;
2355 #myopac_checked_div {
2359 .rdetail-mfhd-head {
2362 background-color: [% css_colors.table_heading %];
2365 .rdetail-mfhd-type {
2366 [% IF rtl == 't' -%]
2373 .rdetail-mfhd-bottom {
2374 border-bottom: thin solid [% css_colors.border_dark %];
2378 #rdetail_record_details {
2384 [% IF rtl == 't' -%]
2385 margin-right: 1.5em;
2386 padding-right: 1.5em;
2389 padding-left: 1.5em;
2393 .rdetail_content_type, .rdetail_subject_type {
2394 vertical-align: top;
2398 .bookbag-item-row td { vertical-align: top; }
2400 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
2402 color: [% css_colors.text_greatnews %];
2406 .rdetail_related_subjects {
2410 .rdetail_related_series {
2418 .rdetail_openurl_entry {
2419 [% IF rtl == 't' -%]
2427 .bookbag-controls-holder { width: 100%; }
2428 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
2429 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
2430 .bookbag-controls-holder .most {
2431 [% IF rtl == 't' -%]
2439 .bookbag-controls-title-block {
2440 [% IF rtl == 't' -%]
2447 .bookbag-controls-button-block {
2448 [% IF rtl == 't' -%]
2455 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
2456 .bookbag-share .fixed { min-width: 4em; }
2458 [% IF rtl == 't' -%]
2464 .bookbag-specific div.sort {
2465 [% IF rtl == 't' -%]
2476 .bookbag-specific div.meta {
2477 background-color: [% css_colors.accent_light %];
2478 [% IF rtl == 't' -%]
2486 border: 1px solid [% css_colors.accent_light %];
2490 #bbag-name-desc-form tr th { vertical-align: middle; }
2491 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2492 .bookbag-description {
2497 .bbag-edit-desc-label {
2498 [% IF rtl == 't' -%]
2505 .bbag-edit-desc-save {
2509 #bbag-edit-description {
2511 [% IF rtl == 't' -%]
2519 [% IF rtl == 't' -%]
2526 [% IF rtl == 't' -%]
2532 .bbag-navigate-list {
2533 [% IF rtl == 't' -%]
2534 padding-right: 32px;
2541 .bbag-navigate-list-pages {
2542 [% IF rtl == 't' -%]
2543 padding-right: 10px;
2550 textarea { font-family: sans-serif; }
2551 table.bookbag-specific {
2552 border-right: 1px solid [% css_colors.accent_dark %];
2553 border-bottom: 1px solid [% css_colors.accent_medium %];
2558 [% IF rtl == 't' -%]
2560 padding: 0px 10px 0px 0px;
2563 padding: 0px 0px 0px 10px;
2566 .bookbag-share .fixed { min-width: 6em; }
2568 [% IF rtl == 't' -%]
2570 padding: 0px 10px 0px 0px;
2573 padding: 0px 0px 0px 10px;
2576 .bookbag-specific td.list_checkbox {
2577 [% IF rtl == 't' -%]
2578 padding-right: 10px !important;
2580 padding-left: 10px !important;
2583 .bookbag-specific td.list_entry {
2585 [% IF rtl == 't' -%]
2586 padding-right: 5px !important;
2588 padding-left: 5px !important;
2591 .bookbag-specific td.list_actions {
2592 white-space: nowrap !important;
2594 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2597 padding: 8px 0px 6px 0px;
2600 font-size: [% css_fonts.size_bigger %];
2604 .save-notes { padding-bottom: 1.5ex; }
2606 .nonbreaking-wrapper {
2607 display: inline-block;
2610 /* Moved from semiauto.css */
2611 .adv_global_input_container {
2612 border-bottom: none;
2616 border-bottom: none;
2619 .adv_global_filter_sort {
2623 .clear-both { clear: both; }
2634 .opac-alert { color: [% css_colors.text_alert %]; }
2637 [% IF rtl == 't' -%]
2644 [% IF rtl == 't' -%]
2651 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2652 .saved-searches-header .button {
2653 [% IF rtl == 't' -%]
2660 .saved-searches-header .text {
2661 [% IF rtl == 't' -%]
2670 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2671 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2672 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2673 [% IF rtl == 't' -%]
2674 border-left: 1px solid [% css_colors.accent_darker %];
2676 border-right: 1px solid [% css_colors.accent_darker %];
2679 .result_item_circulated {
2683 .result_item_circulated span {
2686 [% IF rtl == 't' -%]
2693 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2694 #result-bookbag-heading { text-align: center; margin: 2ex; }
2696 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2697 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2698 .result-bookbag-item-note { font-style: italic; }
2699 .lowhits-bookbag-name { font-weight: bold; }
2700 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2701 .oils_AS_match_term {
2702 [% IF rtl == 't' -%]
2707 color: [% css_colors.text %];
2709 .oils_AS_match_field {
2710 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2711 [% IF rtl == 't' -%]
2716 color: [% css_colors.accent_medium %];
2718 table.result_holdings_table {
2722 table.result_holdings_table thead tr {
2723 background-color: [% css_colors.table_heading %];
2725 table.result_holdings_table thead tr th {
2729 margin: 0 2em 0 2em;
2732 vertical-align: super;
2733 font-size: [% css_fonts.size_smaller %];
2734 line-height: normal;
2735 text-decoration: none;
2737 .rdetail-holding-group {
2738 [% IF rtl == 't' -%]
2739 margin-right: 1.5em;
2744 .rdetail-holding-group span {
2745 [% IF rtl == 't' -%]
2746 margin-right: 1.5em;
2751 .rdetail-holding-group .paging {
2752 [% IF rtl == 't' -%]
2753 margin-right: 1.5em;
2758 #rdetail_deleted_exp {
2762 border: thick solid [% css_colors.border_alert %];
2765 #ac_tab_wrapper { width : 100%; }
2767 [% IF rtl == 't' -%]
2772 padding-right: 10px;
2774 font-size: [% css_fonts.size_big %];
2776 border: 1px solid [% css_colors.primary_offset %];
2778 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2779 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2780 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2782 /* Popmenu styles used for making css menus. */
2796 width: 10em; /* Width to help Opera out */
2797 background-color: [% css_colors.primary %];
2799 .popmenu li:hover ul {
2804 border-color: [% css_colors.border_dark %];
2806 border-style: solid;
2808 .popmenu li:hover li {
2811 .popmenu li:hover li a {
2812 background-color: [% css_colors.primary %];
2813 color: [% css_colors.accent_ultralight %];
2815 .popmenu li li a:hover {
2816 background-color: [% css_colors.accent_ultralight %];
2817 color: [% css_colors.primary %];
2819 /* Styles for the basket entry. */
2820 .popmenu li:hover li[class~="temporary"] a {
2821 background-color: [% css_colors.primary %];
2822 color: [% css_colors.accent_ultralight %];
2824 .popmenu li li[class~="temporary"] a:hover {
2825 background-color: [% css_colors.accent_ultralight %];
2826 color: [% css_colors.primary %];
2828 /* Styles for the default list entry. */
2829 .popmenu li:hover li[class~="default"] a {
2830 background-color: [% css_colors.primary %];
2831 color: [% css_colors.accent_ultralight %];
2833 .popmenu li li[class~="default"] a:hover {
2834 background-color: [% css_colors.accent_ultralight %];
2835 color: [% css_colors.primary %];
2837 /* Styles for the new list entry. */
2838 .popmenu li:hover li[class~="new"] a {
2839 background-color: [% css_colors.primary %];
2840 color: [% css_colors.accent_ultralight %];
2842 .popmenu li li[class~="new"] a:hover {
2843 background-color: [% css_colors.accent_ultralight %];
2844 color: [% css_colors.primary %];
2846 /* Style to add a divider on the menu. */
2847 .popmenu li li[class~="divider"] {
2848 border-bottom-width: 1px;
2849 border-bottom-color: [% css_colors.border_dark %];
2850 border-bottom-style: solid;
2856 #patron_usr_barcode_not_found {
2857 font-weight: bold; color: [% css_colors.text_alert %];
2870 padding-bottom: 0.5em;
2874 #maintenance_message {
2877 background-color: [% css_colors.text_alert %];
2878 color: [% css_colors.text_invert %];
2882 #search-box > span {
2889 .browse-result-sources, .browse-result-authority-bib-links {
2890 [% IF rtl == 't' -%]
2896 .browse-result-best-match {
2902 .browse-result-list {
2903 padding-bottom: 0.5ex;
2906 font-size: [% css_fonts.size_bigger %];
2908 .browse-result-authority-field-name {
2910 [% IF rtl == 't' -%]
2916 .browse-leading-article-warning {
2918 font-size: [% css_fonts.size_big %];
2920 .browse-public-general-note {
2921 font-size: [% css_fonts.size_big %];
2923 .browse-public-general-note-label { }
2924 .browse-public-general-note-institution {
2928 .browse-public-general-note-body {
2936 #main-content-register {
2937 [% IF rtl == 't' -%]
2942 font-size: [% css_fonts.size_bigger %];
2945 #main-content-register table {
2948 border-collapse: collapse;
2951 #main-content-register td {
2952 [% IF rtl == 't' -%]
2959 #main-content-register td:not(:first-child) {
2960 [% IF rtl == 't' -%]
2961 padding-right: 20px;
2967 .patron-reg-invalid {
2970 [% IF rtl == 't' -%]
2973 padding-right: 10px;
2977 .result_footer_nav1 {
2981 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
2985 .rdetail_authors_div {
2989 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2990 white-space: nowrap;
2991 display: inline-block;
2994 .result_table_title_cell {
2996 padding-bottom: 4px;
3000 font-size: [% css_fonts.size_bigger %];
3003 /* styling for sms text call number */
3005 font-family: Arial, Helvetica, sans-serif;
3006 font-size: [% css_fonts.size_medium %];
3007 background-color: [% css_colors.accent_lightest %];
3009 /* Allow text to wrap */
3010 white-space: pre-wrap; /* css-3 */
3011 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
3012 white-space: -pre-wrap; /* Opera 4-6 */
3013 white-space: -o-pre-wrap; /* Opera 7 */
3014 word-wrap: break-word; /* Internet Explorer 5.5+ */
3021 /* patron message center */
3022 #myopac_message_tbody {
3023 vertical-align: top;
3025 .myopac_message_message {
3026 white-space: pre-wrap;
3033 .browse-pager-spinner {
3034 display: inline-block;
3039 /* override a tiny bootstrap alignment issue */
3044 @media only screen and (min-width: 992px) {
3052 display:none !important;
3056 @media only screen and (max-width: 767px) {
3057 .search_box_wrapper {
3063 @media only screen and (max-width: 800px) {
3065 width: 100% !important;
3067 .facet_sidebar_hidden, .result_block_hidden {
3070 .facet_sidebar_visible, .result_block_visible {
3071 display: inline ! important;
3073 #acct_select, #acct_prefs_select {
3074 display: inline-block;
3076 #acct_tabs, #acct_prefs_tabs {
3079 .radio-parts-selection { width: 90%; }
3080 #list_description, #list_create_name {
3085 @media only screen and (max-width: 600px) {
3087 font-size: [% css_fonts.size_big %];
3089 span .nav_arrow_fix {
3096 #homesearch_main_logo img {
3106 #your-acct-login a {
3117 #gold-links-holder {
3120 #simple-detail-view-links {
3123 #acct_tabs a, #acct_fines_tabs a {
3124 [% IF rtl == 't' -%]
3125 border-radius: 6px 0px 0px 6px;
3126 margin: 0px 0px 0px 5px;
3128 border-radius: 6px 6px 0px 0px;
3129 margin: 0px 5px 0px 0px;
3131 padding: 2px 4px 3px 4px;
3132 font-size: [% css_fonts.size_base %];
3134 .bookbag-controls-title-block {
3135 [% IF rtl == 't' -%]
3142 .bookbag-controls-button-block {
3143 [% IF rtl == 't' -%]
3151 [% IF rtl == 't' -%]
3157 .bookbag-specific div.sort {
3158 [% IF rtl == 't' -%]
3166 margin: 5px 0px 5px 0px;
3167 border: 1px solid [% css_colors.accent_light %];
3170 .bookbag-specific div.meta {
3171 [% IF rtl == 't' -%]
3185 [% IF rtl == 't' -%]
3192 #bbag-edit-description {
3198 border:1px solid [% css_colors.accent_light %];
3201 [% IF rtl == 't' -%]
3208 .bbag-action-field {
3211 .bookbag-specific div.sort select {
3214 .bookbag-specific tr {
3216 border-bottom: 1px solid [% css_colors.border_standard %];
3218 .bookbag-specific td.list_checkbox {
3219 [% IF rtl == 't' -%]
3220 padding-right: 0px !important;
3222 padding-left: 0px !important;
3225 .bookbag-specific td.list_entry {
3226 display: inline-block;
3228 [% IF rtl == 't' -%]
3229 padding-right: 40% !important;
3231 padding-left: 40% !important;
3234 .bookbag-specific td.list_entry:before {
3235 content: attr(data-label);
3237 [% IF rtl == 't' -%]
3243 .bbag-navigate-list {
3246 .bbag-navigate-list-pages {
3247 [% IF rtl == 't' -%]
3256 background-color: transparent;
3263 #dash_wrapper .opac-button {
3266 .small_view_only, #filter_hits {
3267 display: inline !important;
3270 [% IF rtl == 't' -%]
3277 #holds_box form blockquote {
3278 [% IF rtl == 't' -%]
3286 #holds_box form blockquote select {
3289 #myopac_sum_fines_placehold {
3295 #list_description, #list_create_name {
3298 .results_header_lbl {
3301 .results_header_nav1 span.h1 {
3307 .start_end_links_span {
3313 .result_table_pic_header {
3314 [% IF rtl == 't' -%]
3315 padding-right: 0px !important;
3318 padding-left: 0px !important;
3321 width: 0px !important;
3329 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
3332 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
3333 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
3336 #results_header_bar {
3337 background-color: inherit;
3339 .results_header_btns a {
3342 .adv_filter_results_hide {
3345 .adv_filter_results_show {
3348 .adv_filter_results_block_label {
3351 .adv_filter_results_group_wrapper {
3357 #rdetails_status thead {
3360 #rdetails_status tr {
3364 #rdetails_status td {
3369 background-color: [% css_colors.accent_lightest %];
3371 .copy_details_offers_row {
3372 background-color: [% css_colors.accent_lightest %];
3374 select#pickup_lib.search-wrapper-locg {
3377 #search-wrapper #search-box {
3381 #main-content-home {
3385 /* Make use of full width in mobile mode */
3386 .facet_box_wrapper .box_wrapper .box,
3387 .facet_template .facet,
3391 .facet_template .count {
3392 [% IF rtl == 't' -%]
3401 #adv_search_parent {
3402 font-size: [% css_fonts.size_smaller %];
3404 #adv_search_filters {
3409 [% IF rtl == 't' -%]
3415 .rdetail_aux_utils {
3422 div#rdetail_actions_div {
3428 #metarecord_population {
3432 .metarecord_population_span_link {
3434 .metarecord_population_item_lang {
3437 .search_catalog_lbl {
3438 [% IF rtl == 't' -%]
3443 white-space: nowrap;
3445 .adv_search_catalog_lbl {
3447 white-space: nowrap;
3449 .browse_the_catalog_lbl {
3450 white-space: nowrap;
3464 .dash_account_buttons {
3467 .searchbar { line-height: 1.5em; }
3468 #browse-controls { line-height: 1.5em; }
3469 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3476 .bookshelf table thead tr {
3479 #lowhits_help { width: inherit; }
3481 font-size: [% css_fonts.size_small %];
3482 margin: 2px 2px 0px 2px;
3483 padding: 2px 2px 5px 2px;
3484 [% IF rtl == 't' -%]
3485 border-radius: 7px 0px 0px 7px;
3487 border-radius: 7px 7px 0px 0px;
3490 #adv_global_tbody td {
3491 border-bottom: thin solid [% css_colors.accent_light %];
3493 #adv_global_addrow td {
3494 border-bottom: none;
3496 /* Force table to not be like tables anymore */
3497 table#acct_checked_main_header thead tr th, table#acct_holds_main_header thead tr th, table#acct_checked_hist_header thead tr th, table#acct_holds_hist_header thead tr th, table#ebook_circs_main_table thead tr th, table#ebook_holds_main_table thead tr th {
3500 table#acct_checked_main_header tbody tr td, table#acct_holds_main_header tbody tr td, table#acct_checked_hist_header tbody tr td, table#acct_holds_hist_header tbody tr td, table#ebook_circs_main_table tbody tr td, table#ebook_holds_main_table tbody tr td {
3504 /* Hide table headers (but not display: none;, for accessibility) */
3508 [% IF rtl == 't' -%]
3515 table#acct_checked_main_header, table#acct_holds_main_header, table#acct_checked_hist_header, table#acct_holds_hist_header, table#ebook_circs_main_table, table#ebook_holds_main_table {
3519 table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3521 /* Holds history gets large white border to mimic header cell on other
3522 account screens that provide visual cue for next title. We should do
3523 the same for ebook tables too since we have no actions on those
3524 tables. If actions get added, we should move those tables out of
3527 table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3528 table#acct_holds_hist_header tr{ border-top: 2px solid #bbb; }
3530 table#acct_checked_main_header td, table#acct_holds_main_header td, table#acct_checked_hist_header td, table#acct_holds_hist_header td, table#ebook_circs_main_table td, table#ebook_holds_main_table td {
3531 /* Behave like a "row" */
3533 border-bottom: 1px solid #eee;
3535 [% IF rtl == 't' -%]
3542 table#acct_checked_main_header td:before, table#acct_holds_main_header td:before, table#acct_checked_hist_header td:before, table#acct_holds_hist_header td:before, table#ebook_circs_main_table td:before, table#ebook_holds_main_table td:before {
3543 /* Now like a table header */
3545 /* Top/left values mimic padding */
3548 [% IF rtl == 't' -%]
3553 padding-right: 10px;
3555 white-space: nowrap;
3558 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3559 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3560 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3561 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3562 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3563 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3564 table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3566 table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3567 table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3568 table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3569 table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3570 table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3571 table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3572 table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3573 table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3575 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3576 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3577 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3578 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3579 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3580 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3581 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3582 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3584 table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3585 table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3586 table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3587 table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3588 table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3590 table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3591 table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3592 table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3593 table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3595 table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3596 table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3597 table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3598 table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3602 /*Want to see these in mobile ONLY */
3607 .mobile_search_lbl_clr{
3608 color:[% css_colors.mobile_header_text %];
3614 For text which is visible only to screen readers.
3615 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3616 See also http://webaim.org/techniques/css/invisiblecontent/
3625 clip: rect(0, 0, 0, 0);
3629 /* Make added rows in Expert Search have bold labels like the initial row */
3636 font-weight: lighter;
3640 #results-page-depth-hint {
3645 #clear-history-confirm {
3647 color: [% css_colors.text_badnews %];
3651 /*Inline rules from other templates files*/
3654 [% IF rtl == 't' -%]
3662 [% IF rtl == 't' -%]
3668 #myopac_summary_div{padding:0px;}
3670 [% IF rtl == 't' -%]
3677 [% IF rtl == 't' -%]
3684 [% IF rtl == 't' -%]
3691 padding-bottom: 10px;
3694 [% IF rtl == 't' -%]
3695 padding-right: 10px;
3699 padding-bottom: 15px;
3701 .hold-span{font-weight: bold;}
3703 [% IF rtl == 't' -%]
3710 [% IF rtl == 't' -%]
3717 [% IF rtl == 't' -%]
3724 /* Rules from metarecord_hold_filters.tt2 */
3726 .metarecord_filters{
3729 border-bottom: 1px solid #333;
3730 border-top: 1px solid #333; }
3731 .metarecord_filter_container{
3732 [% IF rtl == 't' -%]
3740 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3741 .metarecord_filter_header{padding-bottom: 5px;}
3743 /* Toggled items. */
3744 /* A block that is initially hidden and shown by clicking an anchor. */
3745 [id^="toggled-block-"]{
3748 [id^="toggled-block-"]:target{
3751 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
3752 [id^="toggled-inline-"]{
3755 [id^="toggled-inline-"]:target{
3760 font-weight: bolder;
3761 background-color: #99ff99;
3764 .oils_SH.identifier {
3765 font-weight: bolder;
3766 background-color: #42b0f4;
3768 .hold_note_title { font-weight: bold; }
3771 #acct_checked_main_header td, #acct_holds_main_header td, #acct_fines_main_header td, #acct_fines_confirm_header td, #acct_fees_main_header td,#acct_checked_hist_header td, #acct_holds_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td, #acct_messages_main_header td, #ebook_circs_main_table td, #ebook_holds_main_table td {
3772 background-color: [% css_colors.background %];
3774 border: 1px solid #d3d3d3;
3777 #acct_checked_main_header th, #acct_holds_main_header th, #acct_fines_main_header th, #acct_fines_confirm_header th, #acct_fees_main_header th, #acct_checked_hist_header th, #acct_holds_hist_header th, #acct_list_header th, #acct_list_header_anon th, #temp_list_holds th, #acct_messages_main_header th, #ebook_holds_main_table th {
3778 [% IF rtl == 't' -%]
3783 padding: 0px 10px 0px 10px;
3785 #acct_checked_main_header, #acct_holds_main_header, #acct_fines_main_header, #acct_checked_hist_header, #acct_holds_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds, #acct_messages_main_header, #ebook_circs_main_table, #ebook_holds_main_table {
3786 border-collapse: collapse;
3789 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
3790 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
3791 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
3792 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
3793 #hold_editor_table th {
3794 [% IF rtl == 't' -%]
3802 #hold_editor_table td { padding: 0.25em 0; }
3826 .carousel-entry-image {
3830 .carousel .glide__arrow {
3831 color: [% css_colors.button_text %];
3832 font-weight: bold !important;
3833 text-decoration: none !important;
3836 border: 1px solid [% css_colors.primary %];
3837 background-color: [% css_colors.primary_fade %];
3840 display: inline-block;
3842 .carousel .glide__arrow--right {
3845 .carousel .glide__arrow--left {
3851 white-space: nowrap;
3857 display: inline-block;
3863 filter: alpha(opacity=50);
3864 background-color: #fff; /* Used if the image is unavailable */
3865 height: 500px; /* You must set a specified height */
3866 background-position: center; /* Center the image */
3867 background-repeat: no-repeat; /* Do not repeat the image */
3868 background-size: contain; /* Resize the background image to cover the entire container */
3869 background-image: url("[% ctx.media_prefix %]/images/Evergreen-Final-Logo.png");
3873 .navbar-dark .navbar-nav .nav-link{
3874 color: #fff !important;
3885 .checkCell{width:30px;}
3887 @media (min-width: 650px){
3889 max-width: 600px !important;
3898 .facet_box_wrapper .card-header{
3899 background-color: [% css_colors.facets_back %];
3900 color: [% css_colors.facets_text %];
3902 .facet_box_wrapper .card-body {
3909 transform: translateY(-50%);
3917 background-color: #c8ffaf;
3921 text-align:left !important;
3930 .my_nav .dropdown button {
3934 .my_nav .dropdown-toggle::after{
3936 margin: 5px 0 0 5px;
3939 .dropdown-item:active {
3940 background-color: #EDFFCC;
3943 .my_nav .fas, .mynav .far{
3952 color: [% css_colors.link %];
3955 .page-item.active .page-link {
3956 background-color: [% css_colors.link %];
3957 border-color: [% css_colors.link %];
3960 .btn-outline-primary {
3961 border-color: [% css_colors.link %];
3962 color: [% css_colors.link %];
3965 .btn-outline-primary:hover {
3966 color: [% css_colors.button_confirm_text %];
3967 background-color: [% css_colors.button_confirm_hover %];
3968 border-color: [% css_colors.button_confirm_border_hover %];
3971 #rdetail_extras_div .card-header {
3972 background-color: #007a54;
3975 #rdetail_extras_div .card-header a {
3979 #record_actions .btn {
3983 .alert-danger a:link,
3984 .alert-danger a:visited {
3988 .language_form button {
3993 color:[% css_colors.footer_link %];
3995 .language_form button:disabled {
3996 color:[% css_colors.footer_link_disabled %];
4002 color:[% css_colors.footer_link %];