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