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