html {
    font-size: 100%;
    line-height: 1.5rem;
}

select, textarea, input {
    font: inherit;
}

h1:not(.navbar-brand), .h1 {
    font-weight: 600;
    line-height: 1.75rem;
}

h1.navbar-brand {
    margin: 0;
    padding: 0;
    font-size: inherit;
}

h2, .h2 {
    font-size: 1.50rem;
    font-weight: 600;
    line-height: 1.6rem;
}
h3, .h3 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
}
h4, .h4 {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.5rem;
}
h5, .h5 {
    font-size: 100%;
    font-weight: 600;
    line-height: 1.5rem;
}
h6, .h6 {
    font-size: 100%;
    font-style: italic;
    font-weight: 600;
    line-height: 1.5rem;
}
a:not(.btn) {
    text-decoration: revert;
}

/* Bootstrap 5 shims */
.hstack,
.form-inline .form-group.hstack {
    display: flex;
}

.vstack,
.form-inline .form-group.vstack {
    display: flex;
    flex-direction: column;
}

.g-1 {
    gap: 0.25rem;
}

.g-2 {
    gap: 0.5rem;
}

.text-start {
    text-align: start !important;
}

.text-end {
    text-align: end !important;
}

.navbar-dark .navbar-toggler {
    color: #fff;
    border-color: rgba(255,255,255,0.75);
    border-width: 2px;
}

/* end BS5 */

a.skip-link:not(:focus):not(:hover) {
    transform: translateY(-4em);
    opacity: 0;
}

a.skip-link {
    background-color: #fff;
    border: 1px solid #007a54;
    color: #007a54;
    margin: 0;
    padding: 1em;
    position: absolute;
    z-index: 2000;
    left: 0;
    top: 0;
    width: auto;
    transition: transform 0.15s ease-out, opacity 0.15s ease-out;
}
.top-divide{
        border-top: 1px solid rgba(0,0,0,.1);
}

/*
Mini Table Styling
*/
@media
only screen and (max-width: 650px)  {
    .miniTable{
        width: 100% !important;
    }

    /* Force table to not be like tables anymore */
    .miniTable table, .miniTable thead, .miniTable tbody, .miniTable th, .miniTable td, .miniTable tr
    {
        display: block;
    }

    /* Hide table headers by mimicking .visually-hidden for accessibility */
    .miniTable thead tr, .miniTable thead th {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .miniTable tr
     {
         border: 1px solid #ccc;
         margin: 10px 0px;
     }


    .miniTable td
    {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        min-height:45px;
        text-align: right;
    }

    .miniTable td:before
    {
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        position: absolute;
        content: attr(mobile-title);
        font-weight: bold;
        text-align: left;
    }
    
    .copyTable tr::before { content: attr(mobile-count); display: block; text-align:center; }
    .holdintsTable tr::before { content: attr(mobile-count); display: block; text-align:center; }

    /*Media Style Additions*/
    .fullRow{
        padding: 5px !important;
        text-align: center !important;
        width: 100%;
    }

    .paginateText{
        display:none;
    }
}/*Micro Tables End*/

.sumNum {
    font-weight:700;
}

.coverImage{position: relative;}
.carousel .glide__arrow{background: unset;}

/*
Novelist Styling
*/

.NovGroupHeader{
    font-size: 1.1rem;
    text-align: center;
    font-weight: 600 !important;
}

.NovSectionHeader{
    font-size: 1.1rem;
    font-weight: 600 !important;
}

.NovSelectImageHeadingToggle{
    font-size: 1.25rem;
}

/*Novelist Styling End*/

/* Buttons */

.btn-confirm {
    color: #fff;
    background-color: #007a54;
    border-color: #007a54;
}

.btn-confirm:hover {
    color: #fff;
    background-color: #00593d;
    border-color: #00593d;
}

.btn-deny {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-deny:hover {
    color: #fff;
    background-color: #b21f2d;
    border-color: #bd2130;
}

.btn-remove {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-remove:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-opac{
    color: #fff !important;
    background-color: #424fa6;
    border-color: #2e3b91;
}

.btn-opac:hover{
    color: #fff;
    background-color: #4a58b7 !important;
    border-color: #2e3b91;
}

.btn-action{
    color: #00593d !important;
    background-color: #f8f9fa;
    border-color: #007a54;
}

.btn-action:hover,
.btn-action:focus, 
.btn-action:focus-visible {
    color: #00593d;
    background-color: rgba(255, 193, 7, 0.2) !important;
    border-color: #00593d;
}
.btn-action > a{
    color: ;
}

.my_nav details,
.my_nav summary {
    display: block;
    width: 100%;
}

.my_nav details summary.btn.btn-action {
    border-radius: 0;
    position: relative;
    padding-inline-end: 1.75rem;
    text-align: start;
}

.my_nav details summary.btn.btn-action:after {
    position: absolute;
    inset-inline-end: 0.25rem;
    content: "\23F7"; /* down arrow */
}

.my_nav details[open] summary.btn.btn-action:after {
    content: "\23F6"; /* up arrow */
}

.my_nav details .dropdown-item {
    padding: 0.25rem 0.75rem;
}

.btn-group .btn.btn-action,
.btn-group-vertical .btn.btn-action {
    border-width: 1px 0;
    border-radius: 0;
    text-align: start;
}

.btn-group .btn.btn-action:first-child,
.btn-group-vertical .btn.btn-action:first-child {
    border-width: 0 0 1px;
}

.btn-group .btn.btn-action:last-child,
.btn-group-vertical .btn.btn-action:last-child {
    border-width: 1px 0 0;
}

.my_nav .btn-group-vertical,
.result_table_utils.btn-group-vertical {
    border: 1px solid #007a54;
    border-radius: 0.25rem;
}

/* round corners in button groups correctly when the last child is .hidden */
.btn-group-vertical > :nth-last-child(-n + 1 of .btn:not(.hidden)) {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.btn-group:not(.btn-group-vertical) > :nth-last-child(-n + 1 of .btn:not(.hidden)) {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.dash-link{
    color: #fff;
}

.dash-clear{
    color: #c1ffbf !important;
}

.dash-unclear{
    color: #ffc107 !important;
}

.remove_filter{
    padding: .25rem .25rem !important;
    font-size: .875rem;
    line-height: 0.5;
    border-radius: 1rem !important;
}

.data_grid.bookshelf {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.advanced_div { 
    padding-top: 15px; 
}

#adv_global_search { 
    width: 100%; 
}

#adv_global_input_table { 
    padding-inline-start: 15px; 
    width: 100%; 
}

#adv_global_input_table select, 
.adv_fieldset_row .col-bool-operator { 
    width: 7rem; 
}

.adv_fieldset_row .col-term { 
    min-width: 30%; 
}

.adv_search_grid {
    align-items: center;
    display: grid;
    gap: 0.1rem 0.75rem;
    /* Columns: legend (hidden), boolean operator, query type, match, term, row remover button */
    grid-template-columns: max-content max-content max-content minmax(auto, 20rem) max-content;
}

.adv_fieldset_row {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    padding: 0.5rem 0 0;
}

#adv_global_addrow {
    grid-template-columns: 100%;
}

.addtl-search-filters summary.card-header {
    padding: 0.25rem 1rem;
}

.addtl-search-filters summary h4 {
    display: inline;
    margin: 0;
}

.addtl-search-filters fieldset .adv_filters {
    columns: 2;
    list-style: none;
    padding-inline-start: 0;
}

@media only screen and (min-width: 640px) {
    .addtl-search-filters fieldset .adv_filters {
        columns: 3;
    }
}

@media only screen and (min-width: 992px) {
    .addtl-search-filters fieldset .adv_filters {
        columns: 4;
    }
}

#adv_global_search .adv_options {
    margin-top: 1.5rem
}
#adv_chunk_pub_year {
    display: flex;
    flex-wrap: wrap;
}
#adv_chunk_pub_year legend.form-label {
    width: 100%;
}
#adv_chunk_pub_year #adv_selector_pub_year {
    width: unset;
}
.cn_browse_item .card {
    --bs-card-bg: #edeaef;
    --bs-card-border-color: #ccc;
    height: 100%;
}
#cn_target {
    border-color: #888;
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.175);
}
.cn_browse_item > .card > div {
    text-align: start;
}
.cn_browse_item > .card .card-title {
    font-size: inherit;
}
.cn_browse_item > .card .cover-img-wrap {
    max-width: calc(45% - 1.25rem);
    display: block;
    margin-inline-end: 1rem;
    float: inline-start;
}

.cn_browse_item > .card .card-footer {
    font-size: 0.83rem;
}

#cn_target_link,
.cn_browse_item > .card .card-footer .call-number {
    background-color: #fff;
    border: 1px solid #888;
    border-radius: 0.15rem;
    color: black;
    font-size: 100%;
    font-style: normal;
    font-weight: 600;
}
a#cn_target_link {
    color: #007a54;
    padding: 0.15rem 0.25rem;
}
a#cn_target_link:focus,
a#cn_target_link:hover {
    background: #fec;
}
#facets .card-header,
#facets .card-header a {
    background-color: #006042;
    color: #fff
}

.facet_template:hover{
    background-color: #e8e8e8;
}

.danger, .validate{
    color: #c50202 !important;
}

.danger{
    font-weight: 600;
    font-style: italic;
}

.success{
    color: green !important;
}
.dropdown-menu{
    border: 1px solid black;
    box-shadow: 2px 2px #00000054;
}
.dropdown-item.active, .dropdown-item:active{
    color : #000 !important;
}
.browse-result-list{
    list-style:none;
}
.not_active_pill{
    border: 2px solid #007bff;
    padding: 6px;
    margin: 0 10px;
}

.warning-not-returned {
    color: #007bff;
}

.mini-control{
    max-width: 100px !important;
}

.mod-control{
    max-width: 150px !important;
}

.card-body:empty{
    display:none;
}
.min{
 min-height:500px;
}
.container{

}
html{
    height:100%;
    min-height: 100vh;
}
body {
    min-height: 100vh;
    margin:0;
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif !important;
    font-size: 100%;
  /*  background-color: #007a54; */
    
}

button, input {
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif !important;
    font-size: 100%;
}

input.form-check-input {
    border-color: #888;
}

img {
    border: none;
}

#topnav_logo {
    margin: 2em 0;
}

#topnav_logo_image {
    color: #fff;
    fill: #fff;
    height: 2.2rem;
    margin-top: -0.85rem;
    width: auto;
}

.navbar a.navbar-brand {
    margin-right: 0;
}

#homesearch_main_logo {
    padding-top: 60px;
    margin: auto;
    width: 50%;
}

a {
    color: #007a54;
}

#search-wrapper h1,
#search-wrapper h2:not(h2.h3) {
    text-align: center;
}

#search-wrapper input[type=text] {
    height: calc(1.8125rem + 2px);
    margin:0;
    padding:0;
}

#search-wrapper select, .results_header_lbl select {
    border:1px solid #888;
    margin:0;
}

.search-check {
    text-align: center;
}

.searchbar {
    font-weight: bold;
    padding-top: 10px;
    
    margin-left: 1em;
}

.col-search-box {
    padding-bottom: 1rem;
}

.col-search-button {
    padding-bottom: 1.25rem;
    position: relative;
  }
  
  #search-submit-go {
    margin-right: 10px;
  }
  
  #search-submit-spinner {
    position: absolute;
    inset-bottom: .35lh;
    right: 0;
  }  

.refine_search {
    padding-bottom: 7px;
    margin-left: 1em;
}

/*
#search-wrapper select {
    border:0px solid black;
    filter:alpha(opacity=0);
    -khtml-opacity:0;
    opacity:0;
    padding:0;
    margin:0;
    height:18px;
}
*/

#actions .btn-action {
    text-align: left;
}

h2.graphic880 {
    font-size: 1.25rem;
    font-weight:normal;
}

.hide_me, .hidden {
    display: none;
    visibility: hidden;
}

div.select-box-wrapper {
    position:absolute;
    padding-top:2px;
    overflow:hidden;
    
    padding-left:3px;
    text-align:left;
}

#dash_wrapper {
    
    margin-left: 0.5em;
}

#dash_wrapper div {
    background-color: #007a54;
    border-radius: 5px;
    padding: 0em 1em;
}

.dash_divider {
    margin: 0 20px;
    color: #fff;
    display:inline-block;
}



#dash_user {
    font-weight: bold;
}

#logout_link {
    
    left: 1px;
}


/*
#dash_fines { color: #c50202; }
the color contrast between "text_badnews" and "primary"
is too low for WCAG compliance.  Use "text_attention"
for now until a better color is picked - if needed.
*/

#dash_wrapper #dash_user_message_button_container {
    display: inline;
    padding: 0;
}
#dash_wrapper #unread_message_count_floater {
    position: absolute;
    background-color: #c50202;
    padding-left: 0.2em;
    padding-right: 0.2em;
    display: inline-block;
    font-size: 0.95rem;
    border-radius: 0;
    z-index: 2;
    margin-top: 0.2em;
    
    margin-left: -1.5em;
}

#header-wrap {
    /* border-bottom: 5px solid #007a54; */
    background-color: #007a54;
    background-image: -moz-linear-gradient(#007a54, #007a54);
    background-image: -o-linear-gradient(#007a54, #007a54);
    background-image: -webkit-linear-gradient(#007a54, #007a54);
    background-image: linear-gradient(#007a54, #007a54);
}
#header {
    color: #fff;
    margin-left: 1em;
    margin-right: 1em;
    font-size: 0.92rem;
}

#header a {
    color: #fff;
}

#header a:hover {
    color: #fff;
    text-decoration: none;
}

#header-links {
    color: #fff;
    font-size: 0.92rem;
    font-weight: bold;
    position: relative;
    top:4px;

}

#header-links a {
    color: #fff;
    display: block;
    text-decoration: none;
    
    float:left;
    margin-right:22px;
}

#header-links a:hover {
    color: #fff;
    text-shadow: 0 0 0.2em #007a54, 0 0 0.2em #007a54;
    text-decoration: none;
}

#header #header-links2 {
    position:relative;
    top:-8px;
    color: #fff;
    padding-bottom: 15px;
}

#header #header-links2 a {
    color: #fff;
}

#header #header-links2 a:hover {
    text-decoration: underline;
}

#your-acct-login {
    padding-top:2em;
}

#gold-links {
    
    margin-left: 1em;
    padding-left:0px;
}

#gold-links-home {
    margin:auto;
    
    padding-left:0px;
}

#gold-links-holder {
    height: 24px;
    background-color: #252525;
}

#util-bar {
    
    margin-left: 1em;
    padding-left:0px;
    height:0px;
}

#search-wrapper {
    /*border-bottom: 1px solid #888;*/
    padding-bottom: 5px;
    background-color: #fff;
}

#search-wrapper #breadcrumb {
    margin-top:0px;
    font-size: 0.83rem;
    
    float:left;
}

#search-wrapper #search-within {
    margin-top:10px;
    position:relative;
    
    float:right;
    left:-173px;
}

#search-wrapper #breadcrumb a {
    color: black;
}

#search-wrapper #search_frm label {
    font-size: 0.83rem;
}

#search-wrapper #search-box {
    
    margin-left: 1em;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
    
    margin-left: 2px;
    overflow: auto;
}

#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
    
    float: left;
    margin: 10px 7px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    vertical-align: middle;
    display: block;
    padding: 10px 0px 10px 0px;
    font-weight: bold;
    color: #fff;
    background-color: #69A088;
    text-decoration: none;
}

#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
    padding: 1em 1em 0.5em;
}

#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 {
    background-color: #007a54;
    color: #fff;
    text-decoration: none;
}

#adv_search_filters {
    position: relative;
}
#adv_search_rows {
    border-bottom: none;
}
.adv_filter_block {
    
    float: left;
    padding: 15px;
    clear: both;
}
.adv_filter_block_item {
    
    float: left;
    padding: 5px;
}
.adv_special_block {
    
    padding: 0;
    margin-top: 0;
}

.adv_filters_applied {
    display: inline-flex;
}

.checkbox_col {
    width: 1%;
    
    padding-left: 10px !important;
}

#adv_search.on, #num_search.on, #expert_search.on {
    color: #333;
    background-color: #fff;
    text-decoration: none;
}

#adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
    color: #333;
    background-color: #fff;
    text-decoration: none;
}

.acct-tab-off {
    background-color: #69A088;
}

#acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
    margin-top: 0;
    font-size: 0.83rem;
    color: #333;
    padding: 10px;
}

#acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
    background-color: #eee;
    color: #333;
}

#acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
    padding-bottom: 12px;
    color: #999;
}

#acct_select, #acct_prefs_select {
     display: none;
}

#mobile_acct_search_links {
      background-color: #007a54;
}

.rdetail_header {
    
    padding: 5px 7px 6px 0px;
    margin-left: 1em;
    border-bottom: 1px dotted #ccc;
}

h2#rdetail_title {
    font-size: 1.25rem;
}

.rdetail_results a {
    color:#007a54;
    font-weight:bold;
    font-size: 1.25rem;
}

.rdetail_result_count {
    color: black;
    font-weight: normal;
    display: inline-block;
    
    padding-left: 1em;
}

.rdetail_result_nav {
    font-weight:normal;
    display: inline-block;
    
    padding-left: 1em;
}

#rdetail_details_table {
    margin-top: 15px;
}

#rdetail_image { border: none; }
#rdetail_image_cell {
    padding-top: 3px;
    
    padding-right: 10px;
}

#rdetail_image_div .img-thumbnail {
    padding: 0;
}

.cover-image {
    display: inline-block;
    max-width: 140px;
}

.cover-image img {
    display: inline-block;
}

.cover-shadow {
    box-shadow: 0 0 1px rgba(0,0,0,0.25), 0 1px 8px rgba(0,0,0,0.35);
}

h2.rdetail_uris {
    margin-top: 1em;
}
div.rdetail_uris {
    padding: 0.5em 1em 0.5em 1em;
    background-color: #f0f0f0;
}
div.rdetail_uris ul li {
    position: relative;
    
    left: 1em;
}

div.rdetail_show_copies {
    margin-top: 1em;
}

div#rdetail_actions_div {
    background-color: #fff;
    
    float: right;
}

div#rdetail_copy_counts {
    margin-top; 1em;
}

/*
span#rdetail_copy_counts {
    display: inline-block;
    vertical-align: top;
    
    border-right: thin;
    margin-right: 1em;
    padding-right: 1em;
}
*/

span#rdetail_hold_counts {
    display: inline-block;
    vertical-align: top;
}
span#rdetail_hold_counts p {
    
    padding-left: 2em;
}

#rdetail_image_div {
    
    float: left;
    margin-right: 1em;
}

.rdetail_aux_utils {
    padding-bottom: 6px;
    
    border-left:1px dotted #ccc;
    padding-left: 17px;
    padding-right: 70px;
}

div.place_hold {
    border-bottom: 1px dotted #ccc;
    padding-top: 10px;
}

div.toggle_list { padding-top: 6px; }

div.share_record {
    padding-top: 6px;
    border-top: 1px dotted #ccc;
}

div.format_icon {
    
    float: right;
    margin-right: 17px;
}

#metarecord_population {
    overflow: hidden;
    width: 40%;
    padding-bottom: 10px;
}

.metarecord_population_format {
    border-right: thin;
    display: inline-block;
    margin-right: 1em;
    padding-right: 1em;
    vertical-align: top;
}

.metarecord_population_item_lang {
    display: inline-block;
    vertical-align: top;
}

.metarecord_population_all {
    padding-top: 10px;
}

#result_block {
    /*
    display: grid;
    grid-template-columns: max-content max-content 1fr max-content;
    /**/
    gap: 0 1rem;
}

#record_selector_block {
    border-bottom: 1px solid rgba(0,0,0,.125);
    /*
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    /**/
    align-items: end;
    min-height: 3rem;
}

#select_all {
    grid-column: 1 / span 2;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#selected_records_summary {
    grid-column: 3;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#clear_basket {
    grid-column: 4;
    margin-bottom: 0.5rem;
}

.results_row {
    border-block-end: 1px solid 1px solid rgba(0,0,0,.125);
    /*
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    /**/
    padding-block: 1rem;
}

.results_row_count label,
.record_title {
    line-height: 1.5;
}

.record_format img {
    vertical-align: text-bottom;
}

.result_data {
    margin-block-end: 1rem;
}

.result_data mark {
    padding-block: 0;
    padding-inline: 0.2rem;
}

#result_block {
    gap: 0 1rem;
}

.result_util {
    border-bottom: 1px dotted #ccc;
    padding-top: 6px;
    
    padding-left: 1em;
}

.results_reviews {
    top: -5px;
}

#rdetail_copies {
    padding-top: 1.5em;
}

#rdetails_status td {
    
    padding: 7px 0px 3px 13px;
}

#rdetails_status td[headers=copy_header_library],
#rdetails_status td[headers=copy_header_shelfloc] {
    white-space: normal;
}

#rdetails_status thead th {
    
    padding: 13px 0px 13px 13px;
    text-align: left;
    background-color: #d8d8d8;
    font-size: 0.83rem;
    font-weight: bold;
}

#rdetails_status tbody td {
    
    padding-left: 13px;
    text-align: left;
}
#rdetails_status tbody td.copy_note {
    color: #007a54;
    text-wrap:normal;
    white-space:pre-wrap !important;
    word-wrap:normal;
}

#rdetails_status tbody td.copy_tag {
    border-color: #007a54;
    border-style: dashed;
    border-width: 2px;
}
#rdetails_status tbody .copy_tag_value {
    font-weight: bolder;
}

.rdetail_extras {
    background-color: #007a54;
    border: 1px solid #007a54;
    padding-top:1px;
    clear:both;
}

#rdetail_extras_div {
    margin: 1em 0;
}

.rdetail_extras_hr {
    
    margin-left: 1px;
    margin-right: 1px;
    height: 1px;
    background-color: #ccc;
}

.rdetail_extras_link {
    padding: 6px 12px;
    font-size: 0.83rem;
    font-weight: bold;
}

.rdetail_extras_lbl {
    color: #fff;
    text-decoration: none;
}

#rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
    
    margin-left: 13px;
}

#rdetail_locs_expand, #rdetail_locs_collapse {
    
    margin-left:13px;
    padding-bottom:3px;
    margin-top:15px;
}

#rdetail_anotes_div .biography {
    margin:0;
}

span.copy_note_label {
    font-weight: bold;
}

span.copy_tag_type_label {
    font-weight: bold;
}

#gbp_extra, #gbp_arrow_down_link {
    display: none;
}

.almost-content-wrapper {
    background-color: #fff;
}

#cartDropdown .dropdown-menu {

}

#content-wrapper {
    background-color: #fff;
    height: auto;
    display: grid;
}

.content-wrapper-record-page { top: -15px; position: relative; }

#main-content-home {
    
    padding-left: 17px;
    margin-left: 1em;
}
#main-content {
    
    padding-left: 0px;
    margin: 0 1em;
    clear: both;
}

#main-content-after-bar {
    
    margin-left: 1em;
    padding-left: 4px;
}

#results_header_inner {
    padding-bottom: 1rem;
}

#results-side-bar {
    
    float: left;
    margin-right: 5px;
    width: 174px;
    background-color: #fff;
}

#main-content .login_boxes {
    border: 1px solid #ddd;
    background-color: #eee;
    background-image: -moz-linear-gradient(bottom, #f0f0f0 15%, #eee 55%, #f0f0f0 85%);
    background-image: -ms-linear-gradient(bottom, #f0f0f0 15%, #eee 55%, #f0f0f0 85%);
    background-image: -o-linear-gradient(bottom, #f0f0f0 15%, #eee 55%, #f0f0f0 85%);
    background-image: -webkit-linear-gradient(bottom, #f0f0f0 15%, #eee 55%, #f0f0f0 85%);
    background-image: linear-gradient(to bottom, #f0f0f0 15%, #eee 55%, #f0f0f0 85%);
    color: #333;
}

#main-content .login_boxes h1 {
    font-weight: normal;
    font-size: 1.50rem;
    margin:0;
}

#main-content .left_brain {
        padding-left:28px;
        padding-top:25px;
}

#main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
    width:167px;
    margin:0;
    padding:0;
    background-color: #fff;
    font-size: 1.25rem;
    color: black;
}

#main-content .left_brain .input_bg {
        padding:10px 10px 0px 13px;
        width:167px;
    height:29px;
}

.login-help-box {
        float: left;
    margin-left: 2em;
        width: 200px;
    text-align: center;
}

.login-help-button {
    font-size: 1.50rem;
    padding: 1.5em;
}

#login-failed-message {
    font-size: 1.25rem;
    font-weight: bold;
    color: #c50202;
    padding-top: 1em;
}

#holds_temp_parent td {
    border-bottom:1px solid #888;
}

#holds_temp_parent input, #holds_temp_parent select {
    margin:0;
}


#holds_temp_parent tr td div.format_icon {
    margin-top: 6px;
    margin-bottom: 6px;
    float: none;
}

#results_header_bar {
    background-color: #999;
    border-top:1px solid #888;
    border-bottom:1px solid #888;
}

.results_header_lbl {
        float: left;
        font-weight: bold;
    color: black;
    /* this border is not visible, but it keeps these labels the same size
    as the buttons */
    border: 1px solid #999;
    background-color: #999;
    margin: 0.5em 0.3em;
    padding: 0.3em;
}
/* we need a negative margin on the select to allow the containing <label>
to determine the actual size of the element.  By doing this, we can increase
the odds that the buttons and the select will be the same size, and therefore
collapse correctly when the window width decreases */
.results_header_lbl select {
    margin: -0.5em 0;
}

#limit_to_available {
    vertical-align: middle;
}

.results_header_sel {
        float:left;
        margin:0;
}


.results_header_nav1 {
    text-align: center;
}

.results_header_nav1 .h1 {
    font-size: 1.25rem;
    font-weight:bold;
    color:#007a54;
}

.table_no_border_space {
  border-spacing: 0px;
}
.table_no_cell_pad td {
  padding: 0px;
}
.table_no_border {
  border-collapse: collapse;
}

#result_table_table {
  margin-top:10px;
}

#result_table_div {
    margin-top: 1em;
}

tr.result_table_row > td.results_row_count,
tr.result_table_row > td.result_table_pic_header,
tr.result_table_row > td.result_table_title_cell {
    vertical-align: top;
}

.result_metadata {
        float: left;
    padding-right: 2em;
        width: 30em;
}

tr.result_table_row:nth-child(n+2) > td {
    border-top: 1px solid #d8d8d8;
}

tr.result_table_row > td.result_table_pic_header {
        padding-left: 1em;
        white-space: nowrap;
    width: 78px;
}

/* styles for selecting records in the results set */
.result_table_row_selected {
    background-color: #ddd;
}

/* styles for the basket */
#record_basket {
    
    float: right;
    margin-right: 5em;
    
}
#record_basket_icon {
    
    float: right;
    margin-right: 2em;
    
    position: relative;
}
#record_basket_count_floater {
    background-color: #ddd;
    position: absolute;
    top: 0px;
    right: -10px;
    z-index: 2;
    text-align: center;
    border-radius: 50%;
    width: 20px;
}
#record_basket_count_floater a {
    text-decoration: none;
}
#basket_actions {
  margin: .5rem;
  padding-inline: 1rem 1.5rem;
}
#basket_actions select {
    border-color: rgb(169, 169, 169);
}

.result_number {
        padding-left: 1em;
        white-space: nowrap;
}

.result_count_pages {
    margin-left: 1ch;
}

.result_count_number {
   font-weight: bold;
}

.result_table_subtable {
    width: 100%;
    padding-top: 1em;
}

div.result_table_utils_cont {
        text-align:left;
    float: left;
    }

.mylist_action:hover{
    text-decoration: none;
}

#myopac_summary_div p {
    margin:0;
    margin-bottom: 10px;
}

#acct_sum_checked_table td {
    padding-bottom:5px;
}

.zero_search_hits_main {
        float:left;
        width:300px;
    margin-top: 2ex;
}
.zero_search_hits_saved {
        float:left;
    margin-right: 2em;
        width:200px;
    margin-top: 2ex;
}

#zero_search_hits p {
    margin-top:0;
}

#zero_hits_term {
    font-weight: bold;
}

#zero_search_hits #spell_check_link {
}

#zero_search_hits #zero_hits_suggestions {
}

#lowhits_help {
        float: right;
        width: 353px;
    background-color: #ccc;
    padding: 10px;
    margin-top: 7px;
}

table caption.visually-hidden {
    padding: 0;
    height: 0;
}

.dl-grid {
    display: grid;
    gap: 0.15rem 0.65rem;
    grid-template-columns: minmax(min-content, max-content) 1fr;
    margin: 1rem 0;
    padding: 0;
}

.dl-grid dt {
    grid-column: 1;
}

.dl-grid dd {
    grid-column: 2;
}

.dl-grid dt, .dl-grid dd,
.dl-flex dt, .dl-flex dd {
    margin: 0;
}

.dl-flex:not(.dl-flex-wrapped),
.dl-flex.dl-flex-wrapped > div {
    display: flex;
    flex: 1 0 auto;
    gap: 0.5rem;
    margin: 1rem 0;
    padding: 0;
}

.dl-flex.dl-flex-wrapped > div {
    margin-top: 0.15rem;
    margin-bottom: 0.15rem;
}

.results_info_table td {
        padding-right: 10px;
    }

#myopac_holds_main_table {
    border-collapse: collapse;
}

#myopac_holds_main_table td {
    border: 1px solid black;

}

.myopac-hold-available {
    color: green;
    font-weight: bold;
}

.myopac-hold-suspended {
    color: #c50202;
    font-weight: bold;
}

#myopac_prefs_div .data_grid {
    border-collapse:collapse;
}

#myopac_prefs_div .data_grid td {
        padding:6px 0px 7px 17px;
        background-color:#f0f0f0;
    border-bottom:3px solid #fff;
}

.header_middle {
        padding: 0px 7px 0px 0px;
        height:22px;
    font-size: 1.25rem;
    font-weight:bold;
    color:;
    /*border-bottom: 1px dotted #ccc;*/
    clear: both;
}

.header_middle a {
    font-weight: normal;
}

#acct_sum_block {
        float: left;
    clear: left;
    }

.acct_sum_table {
    border-collapse: collapse;
    background-color: #f0f0f0;
}

.acct_sum_table tr {
    border-bottom: 2px solid #fff;
}

.acct_sum_table td {
    padding: 1em;
}

.acct_sum_table a {
    text-transform: none;
    position:relative;
    top:-1px;
}

.acct_sum_table .view_link {
    font-weight: normal;
}

#myopac_sum_fines {
        float:right;
    padding: 15px 0px 0px 23px;
        width: 177px;
}

.cc_logo_img
{
   width: 79%;
           padding-left: .5em;
    }

#myopac_sum_fines_placehold {
        float: right;
        width: 177px;
    height: 166px;
}

.acct_holds_temp td {
        text-align: left;
    }

#acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
        float:left;
    }



.acct_fines_header
{
   width: 100%;
   padding-bottom:1em;
      float:left;
   }

/* tables for entering payment information */
#acct_fines_main_header
{
   width: 100%;
}

/* tables for entering payment information */
#billing_info_table
{
    width: auto;
        float:left;
        display:inline;
    padding-left: 1em;
    padding-right: 1em;
}

/* tables for entering payment information */
#credit_card_info_table
{
    width: auto;
    display: block;
}

/* tables for entering payment information */
#billing_info_table td,
#credit_card_info_table td
{
       padding-left: .5em;
    
}

/* div for the payment buttons with the total */
#payment_actions
{
   width: auto;
   display: block;
   padding: 1em 0 0 1em;
   text-align:center;
}

/* Stripe's payment form */
#payment_form
{
    background-color: #f0f0f0;
    width: 75%;
}
#card-element
{
    padding: 10px;
}

/* text to state what is seen on cc statement */
.cc_disclaimer
{
   font-style:italic;
   font-size: 0.92rem;
   color:#007a54;
}

.hold_notes {
    text-transform: none;
    font-weight: normal;
}



#acct_list_header select, #acct_list_header_anon select {
    font-weight:normal;
    text-transform:none;
}

.search_catalog_lbl,
.adv_search_catalog_lbl,
.browse_the_catalog_lbl,
.search_courses_lbl,
.browse_courses_lbl {
    font-size: 1.25rem;
}

.lbl1 {
    font-size: 1.25rem;
    font-weight:bold;
}

.lbl2 {
    font-size: 0.83rem;
    font-weight:normal;
    position:relative;
    top:3px;
    max-width:300px;
}

#fines_payments_wrapper {
    padding-left: 5px;
    padding-right: 5px;
}

.myopac_payments_table th {
        text-align: left;
    }

.myopac_payments_table thead th { border-bottom: 1px dashed #333; }
.myopac_payments_table thead th:first-child { width: 8em; }
.myopac_payments_table tbody tr:nth-child(odd) { background-color: #ddd; }
.myopac_payments_table form { display: inline; }
.myopac_payments_table input[type="submit"] { padding: 1px; }

.cc_header
{
   padding-top:1em;
   background-color: #ddd;
}

.payment-error {
    font-weight: bold; color: #c50202;
    padding: 10px; border: 1px solid ;
}

.payment-processing {
    font-weight: bold;
    color: green;
    font-size: 1.25rem;
    padding: 10px; border: 1px solid ;
    text-align: center;
}
#adv_search_input { width: 100%; }
#adv_search_parent {
    margin-bottom:0px;
}
/* hide boolean operator in first advanced search row */
fieldset.adv_fieldset_row:first-child .bool-operator {
    display: none;
}
/* hide remove button if there is only one advanced search row */
fieldset.adv_fieldset_row:only-of-type .row-remover {
    display: none;
}
#search-wrapper #search-submit-go,
#search-wrapper #search-submit-go-1,
#search-wrapper #search-submit-go-2,
#search-wrapper #search-submit-go-depth {
    display: inline-block;
}

#search-submit-spinner {
    height: 16px;
    width: 16px;
}
.adv_search_checkboxes {
    margin-top: 1.5em;
}
.adv_search_checkboxes .form-check {
    margin-bottom: 0.5rem
}
.adv_options .form-label {
    font-weight: bold;
}
.adv_options legend.form-label {
    font-size: inherit;
}
.adv_global_pub_date_range {
    margin: 0.15rem 0.15rem 0 0.15rem;
}
#myopac_loading {
    width:100%;
    text-align:center;
    padding-top:20px;
    font-size: 1.25rem;
    font-weight:bold;
}

.chili_link {
    width:100px !important;
    text-align: center !important;
}

.chili_review div.chili_link div {
    margin: auto;
}

/* styling for advanced search filters that display with searchbar */

.adv_filter_results_block_label {
    font-weight:bold;
        padding: 0px 0px 4px 12px;
    }

.adv_filter_results_group {
    background-color:  #d8d8d8;
}

.remove_filter {
    font-size: 16px;
        margin-left: 3px;
    }

a.remove_filter {
    text-decoration: none;
    color: #666;
}

#filter_hits {
     display: inline-block;
}

#refine_search_link {
    display: inline-block;
}

/* if we_want_to_turn_on_facet_styling.defined is true, .styled_facets will be added to <body> classes */
.styled_facets .facetClassContainer { margin: 2px; border: 1px solid #ccc; }
.styled_facets .facetClassLabelContainer { border: 1px solid #ccc; }
.styled_facets .facetClassLabel { font-weight: bold; text-align: center; }
.styled_facets .facetFieldContainer {  }
.styled_facets .facetFieldLabel { padding-inline-start: 2px; margin-block: 5px; font-weight: bold; text-align: start; }
.styled_facets .extraFacetFieldsWrapper { }
.styled_facets .toggleExtraFacetFieldsButton { float: inline-end; margin: 0px; padding: 0px; }
.styled_facets .facetFieldLineCount {
    display: inline-block;
    border-inline-end: 1px solid #ccc;
    color: #888;
    width: 3em;
    margin-inline-end: 3px
}
.styled_facets .facetField { border-top: 1px solid #ccc; }
.styled_facets .facetFields { padding-inline-start: 5px; }
.styled_facets .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }

div#facet_sidebar {
        float: left;
    margin-right: 1rem;
    }

.facet_box_temp {
    padding-bottom:3px;
}

.facet_box_temp .header {
    height: 2.3em;
    background-color:#007a54;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight:bold;
    color:#fff;
    padding-top:4px;
}

.facet_box_temp.filter_box_temp .header {
    background-color: #252525 !important;
}

.filter_box_label {
    color: #252525;
    font-weight:bold;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:12px;
}

.facet_box_temp .header .title {
        float:left;
    padding-left:12px;
        padding-top:6px;
}

/* in this context, where h4 is primarily for structure,
   avoid the normal large font and margin for h4's */
.facet_box_temp h4 {
    font-size: 100%;
    margin: 0px;
}

.facet_box_temp .header a.button {
        float:right;
    padding-right:6px;
        padding-top:6px;
    color:#fff;
}

.facet_box_wrapper .box_wrapper .box {
    border-top:1px solid #888;
    border-left:1px solid #888;
    border-right:1px solid #888;
    padding: 0 0.5em;
    overflow: hidden;
}

.filter_box_wrapper {
    margin-bottom: 3px;
    padding: 2px;
    border: 1px solid #252525;
    border-radius: 3px;
    font-weight:bold;
    padding-top:4px;
}

.facet_template {
    display: flex;
    justify-content: space-between;
    gap: 2px 1rem;
}

.facet_template.list-group-item {
    padding: 0.5rem;
}

.facet_template.list-group-item:last-of-type {
    border-bottom: 0;
}

.facet_template .count {
    text-align: end;
    color: #666;
}

.facet_show_more {
    border-top: 1px solid rgba(0,0,0,.125);
    margin-top: 2px;
}

.facet_show_more a {
    padding: 0.5rem;
}

.page-item.active .page-link {
    background-color: #00593d;
    border-color: #00593d;
}
.page-link
{
    color: #00593d;
}

.filter-header{
     background-color: #007a54;
     color: #fff;
}

.filter-header:hover{
     background-color: #00593d;
}

.extra_header{
     background-color: #007a54;
}
.facet_template_selected {
    background-color: #d8d8d8;
    border: 1px solid #999;
}

#footer-wrap {
    /* border-top: 5px solid #007a54; */
    background-color: #007a54;
    background-image: -moz-linear-gradient(#007a54, #007a54);
    background-image: -o-linear-gradient(#007a54, #007a54);
    background-image: -webkit-linear-gradient(#007a54, #007a54);
    background-image: linear-gradient(#007a54, #007a54);
    bottom: 0px;
    width: 100%;
}

#footer {
        margin-left: 1em;
        padding-top:5px;
    padding-bottom: 10px;
    font-size: 0.92rem;
}

#footer .navbar-nav {
    justify-content: center;
}

#copyright_text, #footer_logo {
    color: #fff;
    font-size: 0.92rem;
    margin: 5px 0;
    text-align: center;
}

#footer_logo {
    fill: currentColor;
    line-height: 2rem;
}

#footer_logo > a {
    display: inline-block;
}

#footer_logo_image {
    color: currentColor; 
    width: auto;
    height: 2rem;
    margin-top: -0.75rem;
    margin-left: 0.25rem;
}

.color_4 {
    font-weight: bold;
}

.adv_adv_link {
    font-size: 0.83rem;
    color: #c50202;
}
#acct_prefs_header {
        float: left;
    }
.search_page_nav_link {
    cursor: pointer;
        padding-left: 1em;
    }
#opac.result.sort { width: 160px; }
.renew-summary, .message-update-summary { font-size: 1.25rem; font-style: italic; margin: 0.5ex 0; }
.failure-text {
        margin-left: 4em;
        font-style: italic;
    color: #c50202;
}
.refine-controls { font-size: 1.25rem; padding: 0.5ex 0; }
#adv_search_refine input[type=text] { border: 1px inset #ccc !important; }
#adv_search_refine select { border: 1px inset #ccc !important; }
#adv_search_refine {
        padding-left: 5em;
        background-color: #d8d8d8;
    margin: 2ex 0;
}
.row-remover { position: relative; top: 1px; vertical-align: middle; }
.subtle-button {
    background-color: #fff;
    color: #007a54; text-decoration: none;
    padding: 0; border: 0; margin: 0;
    vertical-align: middle;
}
.subtle-button:hover { text-decoration: underline; cursor: pointer; }
.no-dec:hover { text-decoration: none; }
.pending-addr td { background-color: #ffcccc !important; border: 0 !important; }
#account-update-preferred-name table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
#account-update-preferred-name table td {
        text-align: left;
        padding: 5px 15px 5px 15px;
    border-bottom: 1px solid #ddd;
}
#account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
#account-update-email table td {
        text-align: left;
        padding: 5px 15px 5px 15px;
    border-bottom: 1px solid #ddd;
}
#account-update-email-error { font-size: 1.50rem; padding: 10px; border:1px solid #888;}
a.dash-link:hover { text-decoration: underline !important; }
#list_create_table td { vertical-align: middle; padding: 0 8px; }
#list_create_table {
    background-color: #ccc;
    padding-bottom: 4px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #999;
    width: 100%;
}
.list_create_table_label {
    width: 30%;
}
#list_description, #list_create_name {
        width: 500px;
}
.list-create-table-buttons input[type=image] { margin-top: 2px; }
.result_table_format_cell { padding: 0px 10px; text-align: center; }
.results_row_count { font-weight: bold; }

.fmt-note {
        padding-left: 1em !important;
        vertical-align: middle;
}
.hold-editor-controls { text-align: center; padding-top: 1em !important; }
.hold-editor-controls a { padding-left: 2em; }

.text-right {
        text-align: right;
    }
.text-right-top {
        vertical-align: top;
    }
.rdetail-author-div {
    padding-bottom: 10px;
    display: inline-block;
}

.invisible { visibility: hidden; }
.rdetail-extras-summary { margin: 10px; }
.staff-hold { background-color: #eee; }
.expert-search .col-auto { padding-right: 0; }
.expert-search label { font-weight: bold; }

/*.cn_browse_item { padding: 2ex; } */
.results-paginator-list {
        padding-left: 1em;
    }
.results-paginator-selected { color: #c50202; }
.inactive-hold { background-color: ; }
.unread-patron-message { font-weight: bold; }

#hold-items-list td { padding: 5px; margin-bottom: 20px; }
.hold-items-list-title {
  font-size: 1.25rem;
  margin-bottom: 20px;
}
.hold-items-list-problem { color: #c50202; }

.hold_success_links > span { margin: 0 2em; }

.radio-parts-selection {
   width: 75%;
   margin-bottom: 20px;
}

.parts-radio-option {
  display: inline-block;
  width:15em;
}

.mr_holds_no_formats {
    margin-left: 25px;
    padding: 5px;
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
  background-color: #007a54;
}

.holds_item_row_separator td {
  border-top: 2px dashed #999;
}

.big-strong {font-weight: bold; font-size: 1.25rem; }

.results_header_btns, .results_header_sel {
        float:left;
    }

/*
 * .various_containers a = shortcut to putting .opac-button on every 'a' with
 *     the tradeoff of increased stylesheet complexity (TODO: rethink?)
 */

.opac-multiline-button > a,
.opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
    color: #fbf9f9;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer !important;
    border-radius: 5px;
    border: 1px solid #007a54;
    background-color:  #007a54;
    margin: 0.5em;
    padding: 0.3em;
    display: inline-block;
}

.opac-multiline-button > a:hover,
.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
    background-color: #007a54;
}

.opac-button:disabled {
    color: #999;
    cursor: pointer !important;
    border: 1px solid #ccc;
    background-color: #ddd;
}

/* Firefox adds its own special space to inputs; this gets us closer */
button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.opac-button-header, #dash_wrapper .opac-button {
    background-color: #69A088;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    font-size: 100%;
}
a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
    border-color: #69A088;
}

.opac-multiline-button > a {
    display: inline-block;
}

#myopac_checked_div {
    padding: 0px;
}

.rdetail-mfhd-head {
    margin-top: 5px;
    padding-top: 5px;
    background-color: #d8d8d8;
}

.rdetail-mfhd-type {
        padding-left: 1em;
    }

.rdetail-mfhd-bottom {
    border-bottom: thin solid black;
    width: 100%;
}

.rdetail_record_details {
    clear: both;
    margin-top: 1em;
}

h2.rdetail_record_details, #rdetail_copy_counts h2, h2.rdetail_contents,
h2.rdetail_related_subjects, h2.rdetail_related_series,
h2.rdetail_other_formats, h2.rdetail_uris {
    font-size: 1.50rem;
    font-weight: bold;
}
/*
.rdetail_content, .rdetail_subject {
        margin-left: 1.5em;
    padding-left: 1.5em;
    }
/**/
.rdetail_content_type, .rdetail_subject_type {
    vertical-align: top;
    font-weight: bold;
}

.bookbag-item-row td { vertical-align: top; }

.error { color: #c50202; font-weight: bold; }
.success {
    color: green;
    font-weight: bold;
}

.rdetail_related_subjects {
    margin-top: 1.5em;
}

.rdetail_related_series {
    margin-top: 1.5em;
}

#rdetail_openurl {
    margin-top: 1em;
}

.rdetail_openurl_entry {
        margin-left: 1em;
    padding-left: 1em;
    }
.bookbag-controls-holder { width: 100%; }
.bookbag-controls-holder:nth-child(odd) { background-color: #d8d8d8; }
.bookbag-controls-holder:nth-child(even) { background-color: #eee; }
.bookbag-controls-holder .most {
        padding-left: 0;
    margin-right: 5em;
    }
.bookbag-controls-title-block {
        float:left;
        width:40%;
}
.bookbag-controls-button-block {
        float:left;
        width:50%;
}
h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
.bookbag-share .fixed { min-width: 4em; }
.bookbag-specific {
        margin-left: 1em;
    }
.bookbag-specific div.sort {
        float: left;
    text-align: left;
    margin-left: 15px;
        width: 40%;
}
.bookbag-specific div.meta {
    background-color: #ccc;
        float: right;
    text-align: right;
        width: 54%;
    border: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
}
#bbag-name-desc-form tr th { vertical-align: middle; }
#bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
.bookbag-description {
    padding-top: 0em;
    font-style: italic;
    max-width: 40em;
}
/*
.bbag-edit-desc-label {
        float:left;
        width:8em;
}
.bbag-edit-desc-save {
    clear:both;
    margin-bottom:10px;
}
#bbag-edit-description {
    width: 20em;
        float:left;
    }
#bbag-edit-name {
    width: 20em;
        float: left;
    }
*/

.bbag-action {
        margin-left: 15px;
    }
.bbag-navigate-list {
        padding-left: 32px;
    float:left;
    }
.bbag-navigate-list-pages {
        padding-left: 10px;
    float:left;
    }
textarea { font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; }
table.bookbag-specific {
    border-inline-end: 1px solid #666;
    border-block-end: 1px solid #999;
    margin-bottom: 2ex;
    width: 100%;
}
.bookbag-share {
        float: left;
    padding: 0px 0px 0px 10px;
    }
.bookbag-share .fixed { min-width: 6em; }
.bookbag-controls {
        float: left;
    padding: 0px 0px 0px 10px;
    }
.bookbag-specific td.list_checkbox {
        padding-left: 10px !important;
    }
.bookbag-specific td.list_entry {
    min-width: 10em;
        padding-left: 5px !important;
    }
.bookbag-specific td.list_actions {
    white-space: nowrap !important;
}
.bookbag-paginator-selected { color: #c50202; }

.list_is_empty {
    padding: 8px 0px 6px 0px;
    width: 100%;
    border: 0;
    font-size: 1.25rem;
    text-align: center;
    font-style: italic;
}
.save-notes { padding-bottom: 1.5ex; }

.nonbreaking-wrapper {
    display: inline-block;
}

/* Moved from semiauto.css */
.adv_global_input_container {
    border-bottom: none;
    clear: both;
}
.opac-auto-013 {
    border-bottom: none;
    height: 0px;
}
.adv_global_filter_sort {
    border: none;
    width: 100%;
}
.clear-both { clear: both; }
.common-no-pad {
    clear: both;
    height: 0px;
    margin: 0px;
    padding: 0px;
}
.common-full-pad {
    clear: both;
    height: 15px;
}
.opac-alert { color: #c50202; }

.float-left {
        float: left;
    }
.float-right {
        float: right;
    }

.saved-searches-header { width: 100%; font-weight: bold; font-size: 1.25rem; }
.saved-searches-header .button {
        float: right;
    width: 28px;
    }
.saved-searches-header .text {
        float: left;
    padding-right: 1em;
        margin: 0.5ex 0;
}
.saved-searches-header {font-weight: bold; font-size: 1.25rem; }
.saved-searches { border-bottom: 1px solid #999; padding-right: 1em; }
#staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
        border-right: 1px solid #333;
    }
.result_item_circulated {
    padding-top: 4px;
}

.result_item_circulated span {
    position: relative;
    top:-3px;
        left:3px;
    }

#search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
#result-bookbag-heading { text-align: center; margin: 2ex; }

.result-bookbag-name { font-size: 1.25rem; font-weight: bold; }
.result-bookbag-description { font-size: 1.25rem; font-style: italic; }
.result-bookbag-item-note { font-style: italic; }
.lowhits-bookbag-name { font-weight: bold; }
.search_box_wrapper .list-group { z-index: 3; }
.oils_AS { font-weight: bold; color: #c00; }
.active .oils_AS {
    color: #fff;
    text-decoration: underline;
}
table.result_holdings_table {
    margin-top: 1em;
    margin-bottom: 1em;
}
table.result_holdings_table thead tr {
    background-color: #d8d8d8;
}
table.result_holdings_table thead tr th {
    font-weight: bold;
}
.preflib {
    margin-block-end: 2rem;
}
a.preflib_change {
    margin-inline-start: 0.5rem;
}
.rdetail-holding-group {
        margin-left: 1.5em;
    }
.rdetail-holding-group span {
        margin-left: 1.5em;
    }
.rdetail-holding-group .paging {
        margin-left: 1.5em;
    }
#rdetail_deleted_exp {
    font-weight: bold;
    padding: 1em;
    margin: 1em;
    border: thick solid red;
}

#ac_tab_wrapper { width : 100%; }
.ac_tab {
        float: left;
    padding-right: 10px;
        font-size: 1.1rem;
    padding: 5px;
    border: 1px solid #417860;
}
.ac_tab_selected { background-color: #417860; }
.ac_tab_selected a { color: #fff; }
#ac_content { clear: both; width: 100%; margin-top: 10px; }

/* Popmenu styles used for making css menus. */
.popmenu {
    margin: 0;
    padding: 0;
}
.popmenu li {
    list-style: none;
}
.popmenu li a {
    display: block;
    padding: 3px 5px;
}
.popmenu li ul {
    display: none;
    width: 10em; /* Width to help Opera out */
    background-color: #007a54;
}
.popmenu li:hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    border-color: black;
    border-width: 1px;
    border-style: solid;
}
.popmenu li:hover li {
    float: none;
}
.popmenu li:hover li a {
    background-color: #007a54;
    color: #f0f0f0;
}
.popmenu li li a:hover {
    background-color: #f0f0f0;
    color: #007a54;
}
/* Styles for the basket entry. */
.popmenu li:hover li[class~="temporary"] a {
    background-color: #007a54;
    color: #f0f0f0;
}
.popmenu li li[class~="temporary"] a:hover {
    background-color: #f0f0f0;
    color: #007a54;
}
/* Styles for the default list entry. */
.popmenu li:hover li[class~="default"] a {
    background-color: #007a54;
    color: #f0f0f0;
}
.popmenu li li[class~="default"] a:hover {
    background-color: #f0f0f0;
    color: #007a54;
}
/* Styles for the new list entry. */
.popmenu li:hover li[class~="new"] a {
    background-color: #007a54;
    color: #f0f0f0;
}
.popmenu li li[class~="new"] a:hover {
    background-color: #f0f0f0;
    color: #007a54;
}
/* Style to add a divider on the menu. */
.popmenu li li[class~="divider"] {
    border-bottom-width: 1px;
    border-bottom-color: black;
    border-bottom-style: solid;
}




#patron_usr_barcode_not_found {
    font-weight: bold; color: #c50202;
}

.record_title {
    font-weight: bold;
}

.record_author {
    font-style: italic;
}

.password_message {
    padding-top: 1em;
    padding-bottom: 0.5em;
    font-style: italic;
}

#maintenance_message {
    padding: 5px;
    width: 100%;
    background-color: #c50202;
    color: #fff;
    text-align: center;
}

#search-box > span {
    margin: 0 1em;
}
.browse-error {
    font-weight: bold;
    font-color: #c50202;
}
.browse-result-sources, .browse-result-authority-bib-links {
        margin-left: 1em;
    }
.browse-result-best-match {
    font-weight: bold;
}
.browse-pager {
    margin: 2ex 0;
}
.browse-result-list {
    padding-bottom: 0.5ex;
}
.browse-shortcuts {
    font-size: 1.25rem;
}
.browse-result-authority-field-name {
    font-style: italic;
        margin-right: 1em;
    }
.browse-leading-article-warning {
    font-style: italic;
    font-size: 1.1rem;
}
.browse-public-general-note {
    font-size: 1.1rem;
}
.browse-public-general-note-label { }
.browse-public-general-note-institution {
    font-style: normal;
    font-weight: bold;
}
.browse-public-general-note-body {
    font-style: italic;
}

.bib_peer_type {
    font-weight: bold;
}

#main-content-register {
        margin-left: 40px;
        font-size: 1.25rem;
}

#main-content-register table {
    padding: 20px;
    margin-top: 18px;
    border-collapse: collapse;
}

#main-content-register td {
        text-align: left;
    }

#main-content-register td:not(:first-child) {
        padding-left: 20px;
    }

.dob-form-group input:user-invalid:not(:focus) {
    outline: 0.25rem solid red;
    box-shadow: none;
}

.patron-reg-invalid {
    font-weight: bold;
    color: red;
        padding-right: 10px;
    }

.dob-form-group input:user-invalid {
    border: 2px solid red;
    color: inherit;
    font-weight: normal;
}

.result_footer_nav1 {
    clear: both;
}

.small_view_only, #filter_hits, #refine_hits, #return_to_hits {
    display: none;
}

.rdetail_authors_div {
    margin-bottom: 1em;
}

#search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
    white-space: nowrap;
    display: inline-block;
}

.record_title {
    font-size: 1.25rem;
}

/* styling for sms text call number */
.sms_text pre {
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: 0.95rem;
    background-color: #eee;
    padding: .5%;
    /* Allow text to wrap */
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.mobile_view {
   display:none;
}

/* patron message center */
#myopac_message_tbody {
    vertical-align: top;
}
.myopac_message_message {
    white-space: pre-wrap;
}

#browse-controls #browse-term {
    min-width: 8rem;
}

#browse-controls button {
    margin-left: 0.5rem;
}

#browse-controls .row .col {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
}

#browse-controls .row .col label {
    white-space: nowrap;
}

.browse-pager-spinner {
    display: inline-block;
    height: 16px;
    width: 16px;
}

/* override a tiny bootstrap alignment issue */
.form-check-input {
    margin-top: .2rem;
}

@media only screen and (min-width: 992px) {
    .nav-fr{
        float: right;
    }
    .nav-fl{
        float: left;
    }
    #nav-divide{
        display:none !important;
    }
}

@media only screen and (max-width: 800px) {
    .adv_options{
        width: 100% !important;
    }
    .facet_sidebar_hidden, .result_block_hidden {
        display: none;
    }
    .facet_sidebar_visible, .result_block_visible {
        display: inline ! important;
    }
    #acct_select, #acct_prefs_select {
        display: inline-block;
    }
    #acct_tabs, #acct_prefs_tabs {
         display:none;
     }
    .radio-parts-selection { width: 90%; }
    #list_description, #list_create_name {
        width: 300px;
    }
}

@media only screen and (max-width: 600px) {
    .col_cover .cover-image {
        max-width: 100px;
    }
    span .nav_arrow_fix {
        display: none;
    }
    #header {
        padding: 0px;
        margin: 0px;
    }
    #homesearch_main_logo img {
        width:75%;
    }
    #format_selector {
        display:none;
    }
    #your-acct-login {
        padding: 0px;
        padding-top: 5px;
    }
    #your-acct-login a {
        margin: 0px;
        padding: 5px;
    }
    #topnav_logo {
        margin: 0;
    }
    #topnav_logo img {
        width: 200px;
    }

    #gold-links-holder {
        display: none;
    }
    #simple-detail-view-links {
        display: none;
    }
    #acct_tabs a, #acct_fines_tabs a {
              border-radius: 6px 6px 0px 0px;
       margin: 0px 5px 0px 0px;
              padding: 2px 4px 3px 4px;
       font-size: 100%;
    }
    .bookbag-controls-title-block {
                clear:left;
                width:90%;
    }
    .bookbag-controls-button-block {
                clear:left;
                width;90%;
    }
    .bookbag-specific {
                margin-left: 0px;
            }
    .bookbag-specific div.sort {
                float: left;
        text-align: left;
                width: 95%;
        margin: 5px 0px 5px 0px;
        border: 1px solid #ccc;
        padding:5px;
    }
    .bookbag-specific div.meta {
                float: left;
        margin-left:0px;
        text-align: left;
                width: 95%;
        margin-bottom:5px;
        padding:5px;
    }
/*
    #bbag-edit-name {
                float: left;
                width: 220px;
    }
    #bbag-edit-description {
        width: 220px;
        margin-top:5px;
        margin-top:5px;
    }
*/
    .bbag-content {
        padding:5px;
        border:1px solid #ccc;
    }
    .bbag-action {
                margin-left:0px;
                margin-bottom:5px;
    }
    .bbag-action-field {
        width:230px;
    }
    .bookbag-specific div.sort select {
        width:180px;
    }
    .bookbag-specific tr {
        display: block;
        border-bottom: 1px solid #888;
    }
    .bookbag-specific td.list_checkbox {
                padding-left: 0px !important;
            }
    .bookbag-specific td.list_entry {
        display: inline-block;
        min-width: 5em;
                padding-left: 40% !important;
            }
    .bookbag-specific td.list_entry:before {
        content: attr(data-label);
        position: absolute;
                left: 10px;
            }
    .bbag-navigate-list {
        display: none;
    }
    .bbag-navigate-list-pages {
                text-align:right;
        float:right;
            }
    #dash_wrapper div {
        background-color: transparent;
        padding: 0px;
    }
    #dash_wrapper {
        position: static;
        top: auto;
    }
    #dash_wrapper .opac-button {
        top: 0px;
    }
    .small_view_only, #filter_hits {
        display: inline !important;
    }
    #dash_identity a {
                float:left;
            }

    #holds_box form blockquote {
                margin-left: 10px;
        margin-right: 2px;
            }
    #holds_box form blockquote select {
        width: 100%;
    }
    #myopac_sum_fines_placehold {
        display:none;
    }
    #myopac_sum_fines {
        display: none;
    }
    #list_description, #list_create_name {
        width: 170px;
    }
    .results_header_lbl {
        display: none;
    }
    .results_header_nav1 span.h1 {
        display: none;
    }
    .preflib {
        display: none;
    }
    .start_end_links_span {
        display: block;
    }
    .invisible {
        display: none;
    }
    .result_table_pic_header {
                padding-left: 0px !important;
        padding-right: 5px;
                width: 0px !important;
        margin: 0px;
    }
    .result_table_pic {
        width: 55px;
        padding: 0px;
        margin: 0px;
    }
    tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
         display: none;
    }
    tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
    tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
        display:none;
    }
    #results_header_bar {
        background-color: inherit;
    }
    .results_header_btns a {
        margin: 0.3em;
    }
    .adv_filter_results_hide {
        display: none;
    }
    .adv_filter_results_show {
        display: block;
    }
    .adv_filter_results_block_label {
        display: block;
    }
    .adv_filter_results_group_wrapper {
        display: block;
    }
    #main-content {
        margin: 0 1px;
    }
    #rdetails_status thead {
        display: none;
    }
    #rdetails_status tr {
    display: block;
    margin-top: 3px;
    }
    #rdetails_status td {
    display: block;
    padding: 1px;
    }
    .copy_details_row {
    background-color: #eee;
    }
    .copy_details_offers_row {
    background-color: #eee;
    }
    select#pickup_lib.search-wrapper-locg {
        width: 100%;
    }
    #search-wrapper #search-box {
        width: 85%;
        padding-top: 5px;
    }
    #main-content-home {
        padding: 0px;
        margin: 0px;
    }
    /* Make use of full width in mobile mode */
    .facet_box_wrapper .box_wrapper .box,
    .facet_template .facet,
    .facet_box_temp {
        width: inherit;
    }
    .facet_template .count {
                padding-left: 1em;
            }
    #facet_sidebar {
        margin-top: 0.5em;
    }
    #adv_search_parent {
        font-size: 0.83rem;
    }
    #adv_search_filters {
        position: relative;
        width: 300px;
    }
    .format_label {
        font-size: 100%;
    }
    #format_actions {
                float: left;
            }
    .rdetail_aux_utils {
        padding: 0px;
        border: none;
    }
    .result_metadata {
        width: inherit;
    }
    div#rdetail_actions_div {
        float: none;
    }
    h2.rdetail_uris {
        clear: both;
    }
    #metarecord_population {
        overflow: hidden;
        width: 100%;
    }
    .metarecord_population_span_link {
    }
    .metarecord_population_item_lang {
        float: none;
    }
    .search_catalog_lbl {
            margin-left: 0;
            white-space: nowrap;
    }
    .adv_search_catalog_lbl {
        margin-top: 0;
    white-space: nowrap;
    }
    .browse_the_catalog_lbl {
        white-space: nowrap;
    }
    .mobile_hide {
    display: none;
    }
    #dash_user {
        display: block;
        padding: 0.5em;
        font-size: 18px;
        text-align: center;
    }
    .dash_divider {
    display: none;
    }
    .dash_account_buttons {
        display: block;
    }
    #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
        display: block;
    }
    .bookshelf td {
    display: block;
    width: 100%;
    }
    .bookshelf table thead tr {
    display: block;
    }
    #lowhits_help { width: inherit; }
    #adv_search_tabs a{
        font-size: 0.92rem;
        margin: 2px 2px 0px 2px;
        padding: 2px 2px 5px 2px;
                border-radius: 7px 7px 0px 0px;
            }
    #adv_global_tbody td {
        border-bottom: thin solid #ccc;
    }
    #adv_global_addrow td {
        border-bottom: none;
    }
        /* Force table to not be like tables anymore */
        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 {
                display: none;
        }
        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 {
                display: block;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
       /* thead tr {
                position: absolute;
                top: -9999px;
                                left: -9999px;
                        }*/

        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 {
                width: 90%;
        }

        table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #eee; }

        /* Holds history gets large white border to mimic header cell on other
           account screens that provide visual cue for next title. We should do
           the same for ebook tables too since we have no actions on those
           tables. If actions get added, we should move those tables out of
           here. */

        table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
        table#acct_holds_hist_header tr{ border-top: 2px solid #ccc; }

        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 {
                /* Behave  like a "row" */
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                                padding-left: 40%;
                        }

        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 {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 2px;
                width: 40%;
                                left: 2px;
                padding-right: 10px;
                                white-space: nowrap;
        }

        table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #888; padding-top: 15px; background-color: #fff;}
        table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #888; padding-top: 15px; background-color: #fff;}
        table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #888; padding-top: 15px; background-color: #fff;}
        
       /*Want to see these in mobile ONLY */
       .mobile_view{
          display:block;
       }

       .mobile_search_lbl_clr{
          color:#fff;
       }
}


/*
For text which is visible only to screen readers.
Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
See also http://webaim.org/techniques/css/invisiblecontent/
*/
.sr-only, .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Make added rows in Expert Search have bold labels like the initial row */
label[for*=expert_]
{
    font-weight: bold;
}

.sort_deemphasize {
    font-weight: lighter;
    font-size: 70%;
}

#results-page-depth-hint {
    text-align: center;
    font-style: italic;
}

#clear-history-confirm {
  font-weight: bold;
  color: #c50202;
  padding: 10px;
}

/*Inline rules from other templates files*/

.td-left{
        text-align:left;
        width:100%;
}
.td-search-left{
        text-align:left;
    }
#myopac_summary_div{padding:0px;}
.div-left{
        float: left;
    }
.td-right{
        text-align:right;
    }
.login-form-left{
        float: left;
    margin-right: 40px;
        padding-bottom: 10px;
}
.hold-div{
        padding-left: 10px;
        padding-bottom: 15px;
}
.hold-span{font-weight: bold;}
.padding-left-6{
        padding-left: 6px;
    }
.padding-left-10{
        padding-left:10px;
    }
.padding-left-5{
        padding-left: 5px;
    }

/* Rules from metarecord_hold_filters.tt2 */

.metarecord_filters{
      padding: 5px;
      margin-top: 5px;
      border-bottom: 1px solid #333;
      border-top: 1px solid #333; }
.metarecord_filter_container{
        float : left;
    margin-right: 10px;
    }
.metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
.metarecord_filter_header{padding-bottom: 5px;}

/* Toggled items. */
/* A block that is initially hidden and shown by clicking an anchor. */
[id^="toggled-block-"]{
    display: none;
}
[id^="toggled-block-"]:target{
    display: block;
}
/* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
[id^="toggled-inline-"]{
    display: none;
}
[id^="toggled-inline-"]:target{
    display: inline;
}

.oils_SH {
    font-weight: bolder;
    background-color: #99ff99;
}

.oils_SH.identifier {
    font-weight: bolder;
    background-color: #42b0f4;
}
.hold_note_title { font-weight: bold; }

/*
#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 {
    background-color: #fff;
    padding: 10px;
     border: 1px solid #d3d3d3;
}

#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 {
        text-align: left;
        padding: 0px 10px 0px 10px;
}
#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 {
    border-collapse: collapse;
}

#hold_editor h1 { font-size: 1.25rem; font-weight: bold; }
#hold_editor h2 { font-size: 1.1rem; font-weight: normal; text-indent: 2em; font-style: italic; }
#hold_editor h1, #hold_editor h2 { margin: 2px 0; }
#hold_editor_table { background-color: #ddd; padding: 0.5em; }
#hold_editor_table th {
        text-align: right;
    padding-right: 1em;
    }
#hold_editor_table td { padding: 0.25em 0; }
*/


/*
  Carousels
*/

.carousel {
    width: 80%;
    margin: 0 auto;
}
.carousel-title {
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}

.fas, .far{
    margin: 0px 3px;
}
.carousel-entry {
    max-width: 150px;
}

/* Truncate titles within carousel to 4 lines */
.carousel-entry div.titleText {
    display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.carousel-entry-image {
    width: 100%;
    height: auto;
}
.carousel .glide__arrow {
    color: #fbf9f9;
    font-weight: bold !important;
    text-decoration: none !important;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #007a54;
    background-color:  #007a54;
    margin: 0.5em;
    padding: 0.3em;
    display: inline-block;
}
.carousel .glide__arrow--right {
    right: -6em;
}
.carousel .glide__arrow--left {
    left: -6em;
}

.search-filter{
    display: inline;
    white-space: nowrap;
}



.search-option{
    display: inline-block;
    margin: 0px 10px;
}


#homeLogo{
    background-color: #fff; /* Used if the image is unavailable */
    height: 500px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: contain; /* Resize the background image to cover the entire container */
    background-image: url("https://csharp-main.gapines.org/images/evergreen-round-logo.svg");

}

.navbar-dark .navbar-nav .nav-link{
    color: #fff !important;
}

.nav-link.active {
    color: #000;
}

.pref_table{
    margin: 10px;
}

.checkCell{width:30px;}

@media (min-width: 650px){
.modal-dialog {
    max-width: 600px !important;
    }

}

.listTitleText{
    width:33%;
}

.facet_box_wrapper .card {
    border-color: #006042;
}

.facet_box_wrapper .card-header{
    background-color: #006042;
    color: #fff;
    padding-inline: 1rem;
}

.facet_box_wrapper .card-header .title {
    margin: 0;
}

.facet_box_wrapper .card-body {
    padding: 0.5rem;
}

.vertMid {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.sumNum{
    margin-right:5px;
}

.my_nav .active{
     background-color: rgba(255, 193, 7, 0.2);
}

.my_nav a {
    text-align:left !important;
    border-radius: 0;
}

.my_nav .dropdown {
    display: block;
    width: 100%;
}

.my_nav .dropdown button {
    border-radius: 0;
}

.my_nav .dropdown-toggle::after{
    float: right;
    margin: 5px 0 0 5px;
}

.my_nav .dropdown-item:active {
    background-color: #EDFFCC;
}

.my_nav .fas, .mynav .far{
    min-width:20px;
}

.page-link {
    color: #007a54;
}

.page-item.active .page-link {
    background-color: #007a54;
    border-color: #007a54;
}

.btn-outline-primary {
    border-color: #007a54;
    color: #007a54;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #00593d;
    border-color: #00593d;
}

#rdetail_extras_div .card-header {
    background-color: #007a54;
}

#rdetail_extras_div .card-header  a {
    color: #fff;
}

#record_actions .btn {
    text-align: left;
}

.alert-danger a:link,
.alert-danger a:visited {
    color: #424fa6;
}

.language_form a {
    background:none;
    border:none;
    margin:0;
    padding:0;
    color:#fff;
}
.language_form a[aria-current="page"] {
    color:#fff;
    font-weight: bold;
}
.language_form ul {
    list-style:none;
}
.language_form #lang_select_header {
    color:#fff;
}
.language_form{
    float: right;
padding: 15px;
}

.course-material-title-column {
    width: 30%;
}

#course_material_table td, #course_material_table th {
    padding: 4px;
}

.form-control {
    border: 1px solid #888;
}

.form-control-sm {
    font-size: inherit;
}

.form-text {
    font-style: italic;
    font-size: 0.92rem;
}

.form-grid {
    align-items: baseline;
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 1rem;
    row-gap: 0.75rem;
}

.form-grid.form-grid-w-auto {
    grid-template-columns: max-content minmax(auto, 25rem);
}

.form-grid .row,
.form-grid .w-100 {
    grid-column: -1 / 1;
}

.form-grid .subgrid {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: -1 / 1;
}

.pointer {
    cursor: pointer;
}
#loginModal #show_password {
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    border-radius: 0px 4px 4px 0px;
    background-color: whitesmoke;
}

/* Tooltips / Toggletips */
.toggletip-container {
    position: relative;
    display: inline-block;
}

/* the bubble element, added inside the toggletip live region */
.toggletip-bubble {
    display: inline-block;
    position: absolute;
    left: 0;
    top: -1lh;
    z-index: 9999;
    min-width: 16rem;
    max-width: 22rem;
    white-space: wrap;
    text-align: start;
    padding: 0.5rem;
    margin-left: 2px;
    font-size: 1rem;
    font-weight: normal;
    border-radius: 0.25rem;
    background: rgba(0,0,0,0.85);
    border: 1px solid whitesmoke;
    box-shadow: 0 0 0.65rem rgba(0,0,0,0.35);
    color: whitesmoke;
}

/* Duet Datepicker */
/* Match Bootstrap form padding */
.duet-date .duet-date__input {
    padding: 0.375rem 0.75rem;
}

/* Link / Button / Input focus outlines */
main a:focus-visible {
    outline: 0.25rem solid rgba(74, 88, 183, 0.8);
    z-index: 1;
}

main .btn:not(.btn-deny,.btn-danger,.btn-confirm,.btn-success,.btn-action):hover,
main .btn:not(.btn-deny,.btn-danger,.btn-confirm,.btn-success,.btn-action):focus,
main .btn:not(.btn-deny,.btn-danger,.btn-confirm,.btn-success,.btn-action):focus-visible {
    box-shadow: 0 0 0 .25rem rgba(74, 88, 183, 0.8);
}

main .btn.btn-action:hover,
main .btn.btn-action:focus,
main .btn.btn-action:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(0, 122, 84, 0.75);
}

main .btn-group .btn.btn-action:hover,
main .btn-group .btn.btn-action:focus,
main .btn-group .btn.btn-action:focus-visible,
main .btn-group-vertical .btn.btn-action:hover,
main .btn-group-vertical .btn.btn-action:focus,
main .btn-group-vertical .btn.btn-action:focus-visible,
main .btn-group summary:has(.btn.btn-action):hover,
main .btn-group summary:has(.btn.btn-action):focus,
main .btn-group summary:has(.btn.btn-action):focus-visible,
main .btn-group-vertical summary:has(.btn.btn-action):hover,
main .btn-group-vertical summary:has(.btn.btn-action):focus,
main .btn-group-vertical summary:has(.btn.btn-action):focus-visible {
    box-shadow: 0 0 0 .25rem rgba(0, 122, 84, 0.75);
    position: relative;
    z-index: 1;
}

main .btn.btn-confirm:hover,
main .btn.btn-confirm:focus,
main .btn.btn-confirm:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(0, 122, 84, 0.75);
}

main .btn.btn-deny:hover,
main .btn.btn-deny:focus,
main .btn.btn-deny:focus-visible,
main .btn.btn-danger:hover,
main .btn.btn-danger:focus,
main .btn.btn-danger:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(200, 35, 51, 0.75);
}

main .btn.btn-remove:hover,
main .btn.btn-remove:focus,
main .btn.btn-remove:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, 0.75);
}

main .form-control:focus,
main .form-control:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(74, 88, 183, 0.8);
}

header #header-wrap a:focus-visible {
    outline: 0.25rem solid rgba(255, 193, 7, 0.8);
} 

header #header-wrap .btn:hover,
header #header-wrap .btn:focus,
header #header-wrap .btn:focus-visible,
header #header-wrap .form-control:focus,
header #header-wrap .form-control:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, 0.8);
}

header #subheader-wrap a:focus-visible {
    outline: 0.25rem solid rgba(74, 88, 183, 0.8);
} 

header #subheader-wrap .btn:hover,
header #subheader-wrap .btn:focus,
header #subheader-wrap .btn:focus-visible,
header #subheader-wrap .form-control:focus,
header #subheader-wrap .form-control:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(74, 88, 183, 0.8);
}

footer a:focus-visible {
    outline: 0.25rem solid rgba(255, 193, 7, 0.8);
}

footer .btn:hover,
footer .btn:focus,
footer .btn:focus-visible,
footer .form-control:focus,
footer .form-control:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, 0.8);
}