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