#openid_connect_login {
    text-align: center;
}

#openid_connect {
    box-shadow: 7px 10px 12px -12px rgb(0 0 0 / 75%);
    background-color: #0178d4;
    color: #FFFFFF;
}

#openid_connect i {
    color: #FFFFFF;
}

div.coverimages img {
    max-height: 175px;
}

.holdcount a {
  border : 1px solid #a4bedd;
  background-color : #e4ecf5;
  font-weight : bold;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding : .1em .4em;
  text-decoration : none;
}

#results #floating {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 100;
}

#holdingst {
    width: auto;
}

/* 505 visualization improvements */
.contents .g:before{
    content: "\A";
    white-space: pre;
}

.contents .t:before {
    content: "\A→ ";
    white-space: pre
}

@media only screen and (max-width: 608px){ 
    #opac-detail #holdingst td {
	    overflow-wrap: normal;
    }

    #results nav .pagination{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    #results nav .pagination li{
        text-align: center;
    }
}

@media only screen and (max-height: 608px){ 

    #results nav .pagination{
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }
    #results nav .pagination li{
        text-align: center;
    }
}

@media screen and (orientation:landscape) {
    #holdingst {
      table-layout: auto;
    }
    #holdings {
      display: inline-block;
    }  
}

/* pagination */
.dataTables_paginate {
    font-size: .9rem;
    white-space: nowrap;
}

.dataTables_paginate .paginate_button {
    line-height: 1.5;
    padding-right: 1em;
    cursor: pointer;
    background-color: #fff;
}

.dataTables_paginate .paginate_button:hover {
    background-color: #dee2e6;
}