Open-ILS/src/templates-bootstrap/opac/css/style.css.tt2

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