noscript {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.8rem;
  font-style: italic;
}

.plainstyle h1,
.plainstyle h2,
.plainstyle h3,
.plainstyle h4,
.plainstyle a,
.plainstyle p,
.plainstyle dl,
.plainstyle dt,
.plainstyle dd,
.plainstyle pre,
.plainstyle tr,
.plainstyle th,
.plainstyle td,
.plainstyle li {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
}

.plainstyle code,
.plainstyle kbd,
.plainstyle pre,
.plainstyle samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.plainstyle strong {
  font-weight: 600;
}

.plainstyle h1,
.plainstyle h2,
.plainstyle h3,
.plainstyle h4 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.plainstyle p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.plainstyle h1 {
  font-size: 4rem;
}

.plainstyle h2 {
  font-size: 3rem;
}

.plainstyle h3 {
  font-size: 2.4rem;
}

.plainstyle h4 {
  font-size: 2rem;
}

.plainstyle a,
.plainstyle p,
.plainstyle dl,
.plainstyle dt,
.plainstyle dd,
.plainstyle pre,
.plainstyle tr,
.plainstyle th,
.plainstyle td,
.plainstyle li {
  font-size: 1.5rem;
}

.plainstyle dt {
  font-weight: 500;
}

.plainstyle dt,
.plainstyle dd {
  line-height: 2rem;
}

.plainstyle td {
  padding-right: 1.5rem;
}

.plainstyle li {
  margin-bottom: 1rem;
  margin-left: 1.5rem;
  line-height: 2rem;
  list-style-type: initial;
  list-style-position: outside;
}

.plainstyle table > tbody > tr > td {
  border: 0.1rem dotted #828487;
  padding: 0.5rem 1rem;
  vertical-align: top;
  text-align: left;
}

.plainstyle ol,
.plainstyle ul {
  padding-left: 2rem;
}


.c-structure {
  background-color: #fff;
}


.c-structure__main-content a {
  text-decoration: underline;
}


.c-structure__main-content a.c-button {
  text-decoration: none;
}


.c-structure__main-content a.c-button--primary {
  color: #fff;
}


.c-structure__main-content a.c-button--upload-file {
  min-width: 13.5rem;
  font-size: 1.6rem;
  color: #fff;
}


.c-box {
  width: 100%;
  font-size: 1.5rem;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  background-color: #f8f8f8;
}


.c-box--compare-refine-search {
  margin-top: 1.5rem;
}


.o-form {
  margin-bottom: 1rem;
}


.o-rounded-input,
.o-button-embedded-input {
  display: flex;
  width: 100%;
  min-height: 4.5rem;
  background-color: inherit;
  border: 0.2rem solid #4c8687;
  border-radius: 0.5rem;
  flex-direction: column;
}


.o-button-embedded-input--input, /*BC to be removed*/
.o-button-embedded-input__input,
.o-rounded-input__input {
  padding: 1rem;
  border: none;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  flex-grow: 2;
  min-width: 0;
}


.o-button-embedded-input--input, /*BC to be removed*/
.o-button-embedded-input__input {
  font-size: 1.6rem;
}


.o-rounded-input__input {
  font-size: 1.5rem;
}


.c-button-embedded-input--input__search, /*BC to be removed*/
.c-button-embedded-input__input--search {
  font-size: 2.4rem;
}


.o-button-embedded-input--button, /*BC to be removed*/
.o-button-embedded-input__button {
  padding: 0.5rem;
  background-color: inherit;
  border: none;
}


.c-button--choose-file {
  /* If JavaScript is disabled, don't show this button.
     But if enabled, display this on top of the default browser styling */
  visibility: hidden; /* Will be made visible by JavaScript */
  z-index: 10;
}


.o-button-embedded-input .fa-search {
  position: absolute;
  padding-top: 1.3rem;
  padding-left: 0.6rem;
  font-size: 2rem;
  color: #767676;
}


.c-button-embedded-input__input--entered-items {
  padding-left: 3rem;
}


.o-labelled-input {
  margin-bottom: 2rem;
}


.o-input-label {
  display: inline-block;
  margin-left: 0.2rem;
  margin-bottom: 0.2rem;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
}


.o-input-label--side {
  width: 100%;
}


.search-input-entries {
  padding: 1rem;
}


.c-button--with-icon-left .fas {
  padding-right: 0.5rem;
}


.c-button--with-icon-right .fas {
  padding-left: 0.5rem;
}


.c-button--sort {
  vertical-align: baseline;
  padding-top: 0;
  padding-bottom: 0;
}


.c-sort__options {
  margin-left: 0.5rem;
  font-size: 1.6rem;
}

.c-box--transparent {
  background-color: transparent;
}


.c-box--centred-text {
  text-align: center;
}


.c-box--compare__or {
  margin-top: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 2rem;
}


.c-jisc-header {
  background-color: #206a6a;
}


.c-jisc-header__cookie-bar {
  padding-bottom: 1.8rem;
  color: #fff;
  background-color: #00557f;
  text-align: center;
}


.c-jisc-header__cookie-title {
  margin-top: 1.8rem;
  margin-bottom: 1rem;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.5rem;
}


.c-jisc-header__cookie-title a {
  display: block;
  text-decoration: underline;
}


.c-jisc-header__subtitle {
  margin-top: 0;
  margin-bottom: 0;
}


.c-jisc-header__nav-link,
.c-page-tab__nav-link {
  display: inline-block;
  margin-top: 1.8rem;
  background-color: white;
}


.c-jisc-header__nav-link.is-active,
.c-jisc-header__tabbed-nav-copy--link.is-active {
  font-weight: 400;
}


.c-jisc-header__menu-supersegment {
  box-shadow: 0 1.6rem 1.5rem 0 rgba(23, 27, 30, 0.5);
}


.c-jisc-footer {
  margin-top: 2.5rem;
}


.c-feature-slice__copy p {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.25rem;
}


.breadcrumb-and-help {
  display: flex;
  justify-content: space-between;
}


.c-structure__site-breadcrumb {
  margin-left: 0.1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.8rem;
}


.button--help {
  padding-top: 1rem;
  padding-right: 0.5rem;
}


.discover-help-button {
  margin-left: 0.2rem;
  margin-bottom: 0.4rem;
  line-height: 1.4rem;
}


.c-billboard-slice {
  background-color: #185050;
  padding-bottom: 0.6rem;
}


.c-billboard-slice__title {
  font-size: 1.6rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  line-height: 2.5rem;
}


.c-billboard-slice__buttons {
  margin-top: 1.5rem;
  text-align: right;
}


.c-breadcrumb__copy {
  color: inherit;
}


.c-breadcrumb__copy--link:link {
  color: inherit;
  text-decoration: underline;
}


.c-breadcrumb__copy--link:visited {
  color: inherit;
}


.c-breadcrumb__item:before {
  color: inherit;
}



.media-object {
  display: inline-block;
}


.c-box__record-entry {
  padding: 1rem;
}


.c-box__picture {
  margin-top: 1rem;
  max-width: 10rem;
  margin-right: 1rem;
  padding: 0;
  background-color: transparent;
}


.c-box__picture.o-results-display--collapsed {
  display: none;
}


.c-box__picture img {
  width: 100%;
  max-width: 10rem;
}


.c-box__record-details {
  margin-top: 1rem;
  padding-left: 0;
  padding-right: 0;
  background-color: white;
}


.c-box__record-details a {
  color: #007aaa;
}


.c-box__refine {
  padding-right: 1rem;
}


.c-box__holding-libraries {
  margin-top: 1rem;
  padding: 1rem;
}


.c-box__refine {
  padding-left: 1.5rem;
}


.c-box__washing-line {
  background-color: white;
  padding-bottom: 0;
  height: 0.3rem;
  padding-left: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}


.c-box__washing-line__result-record-entry {
  margin-top: 1rem;
  padding-left: 0;
  padding-right: 0;
}


.c-box__washing-line--section-spacer {
  margin-top: 0;
  margin-bottom: 3rem;
  padding-right: 1rem;
}


.c-box__document-types {
  margin-top: 0;
  padding-left: unset;
  background-color: white;
  padding-right: 0.5rem;
  padding-bottom: 0;
}


.o-grid__item--record-details {
  padding-left: unset;
  padding-top: 1rem;
}


.c-card {
  margin-bottom: 0;
  box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.24), 0 0.15rem 0.6rem rgba(0, 0, 0, 0.12);
}


.c-card:hover {
  box-shadow: 0 4px 12px 0 rgba(23, 27, 30, 0.5);
}


.c-card__record-entry {
  padding-bottom: 1rem;
}


.document-types-list {
  display: inline;
  padding-left: 0.5rem;
}


.document-type__list-item {
  display: inline-block;
  padding-top: 0.5rem;
  padding-right: 1.2rem;
}


.document-type__list-item .fas {
  padding-right: 0.2rem;
}


.record-picture {
  display: flex;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}


.record-details {
  display: flex;
  padding-left: 0;
}


.record-details__name {
  display: inline;
  color: #767676;
}


.record-details__value {
  display: inline;
  font-weight: 500;
}


.record-details__name:after {
  content: ": ";
}


.record-details__title {
  font-size: 2rem;
  padding-top: 0rem;
}


.record-details__type {
  display: inline-flex;
  width: fit-content;
  color: white;
  padding: 0.5rem;
}


.record-details__value-list {
  display: inline-block;
  vertical-align: top;
}


.record-details__other.o-results-display--collapsed {
  display: none;
}


.o-washing-line {
  height: 0.1rem;
  padding-top: 0.1rem;
  background-color: #ccc;
  margin-bottom: 1.8rem;
}


.o-washing-line--section-spacer {
  margin-top: 3rem;
  margin-left: 0;
}


.results-title {
  display: inline-block;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 2rem;
  padding-top: 1rem;
}


.results-header {
  display: inline;
}


.results-refine {
  padding-top: unset;
  padding-left: unset;
}


.results--holding-libraries {
  display: flex;
  padding-left: 0;
  padding-right: 0;
}


.pagination-container {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
}


.pagination-header {
  margin-top: 1rem;
  text-align: right;
}


.pagination-footer {
  margin-top: 4rem;
  text-align: center;
}


.pagination__item {
  display: inline;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}


.pagination__item span {
  display: inline-block;
  line-height: 3rem;
  color: initial;
}


.pagination__item__button {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  text-align: center;
  white-space: nowrap;
  border: 0.1rem solid #d5dee2;
}


.pagination__item--current span {
  background-color: #d5dee2;
}


.pagination__item--back-to-results a {
  width: auto;
  padding: 0rem 1rem;
}


.pagination__item--disabled a,
.pagination__item--disabled span {
  cursor: not-allowed;
  opacity: 0.5;
}


.full-record--side-content {
  background-color: #f8f8f8;
  width: 100%;
}


.full-record__pagination-header {
  background-color: white;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin: 0;
}


.full-record--main-details .record-name,
.full-record--main-details .record-value {
  flex-basis: auto;
  width: auto;
  padding-top: 0.8rem;
}


.full-record--title {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 3rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}


.full-record--main-details {
  padding-top: 1rem;
}


.full-record--name, .full-record--value {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
}


.full-record--item-type {
  padding-bottom: 0.5rem;
}


.full-record--name {
  color: #767676;
}


.full-record--value {
  font-weight: 400;
  padding-bottom: 0.4rem;
  overflow-wrap: break-word;
}


.full-record--name:after {
  content: ": ";
}


.record-value a {
  color: #007aaa;
}


table.full-record--document-types-list {
  margin-top: 1rem;
}


table.full-record--document-types-list td.document-type--icon {
  padding-right: 1rem;
  line-height: 2rem;
  text-align: center;
}


.c-box--full-record {
  background-color: white;
  padding-left: 1rem;
}


.c-box--full-record--resources-and-libraries {
  margin-top: 0;
}


.c-box--full-record h2 {
  font-size: 2rem;
}


.c-box--full-record--picture {
  max-width: 15rem;
  margin-bottom: 3rem;
  padding: 0;
  background-color: transparent;
}


.c-box--full-record--picture img {
  width: 100%;
  max-width: 15rem;
}


.c-box--full-record--document-types {
  padding-left: 1rem;
  padding-right: 0;
}


.c-box--full-record__summary-text,
.c-box--full-record__biography-text {
  padding-left: 0;
  padding-bottom: 0;
  line-height: 2rem;
  background-color: inherit;
}


.c-box__types-and-resources {
  margin: 0;
  padding: 0;
}


.holding-libraries--all {
  display: inline-block;
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 500;
}


.holding-libraries--sort-by {
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 1.4rem;
}


.holding-libraries--sort-by__title {
  display: inline-block;
}


.holding-libraries--sort-by__option {
  margin-left: 0.5rem;
  margin-right: 0.2rem;
  vertical-align: top;
}


.holding-libraries--sort-by.o-results-display--collapsed {
  display: none;
}


.holding-libraries--item {
  margin-bottom: 0.5rem;
}


.holding-libraries--item a {
  color: #007aaa;
}


.holding-libraries--name {
  display: inline;
}


.holding-libraries--summary {
  margin-top: 0.3rem;
  margin-bottom: 0.8rem;
  padding-top: 0.5rem;
  border-top: 0.1rem solid #ddd;
}


.c-box--holding-copies {
  padding-left: 0;
  padding-right: 0;
  background-color: inherit;
}


.holding-copies__title {
  font-size: 2rem;
}


.holding-copies__summary {
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 2rem;
  color: #767676;
}


.c-table {
  width: 100%;
}


.c-table__fixed-col-width {
  table-layout: fixed;
}


.c-table--holding-copies thead {
  position: absolute;
  width: 0;
  overflow: hidden;
}

.c-table--holding-copies tr {
  border-left: 0.1rem solid #ddd;
  border-right: 0.1rem solid #ddd;
}


.c-table--holding-copies th,
.c-table--holding-copies td {
  padding: 0.8rem;
  border-right: 0.1rem solid #ddd;
}


.c-table--holding-copies th {
  background-color: white;
  font-weight: 500;
  text-align: left;
}


.c-table--holding-copies tbody:nth-of-type(odd) {
  background-color: #eaeef2;
}


.c-table--holding-copies tbody:nth-of-type(even) {
  background-color: #f7f6f8;
}


.c-table--holding-copies thead:after,
.c-table--holding-copies tbody:after {
  content: '';
  display: block;
  height: 0.4rem;
  background-color:white;
}


.c-table--holding-copies tr:first-child {
  border-top: 0.1rem solid #ddd;
}


.c-table--holding-copies th,
.c-table--holding-copies td {
  border-bottom: 0.1rem solid #ddd;
}


.c-table--holding-copies td {
  display: block;
  border-right: none;
  font-size: 1.3rem;
}


.c-table--holding-copies td:before {
  content: attr(data-label);
  float: left;
  width: 7.5rem;
  font-weight: 500;
}


.holding-availability-icon {
  float: left;
  width: 1.6rem;
}


.fa-upload {
  margin-right: 0.5rem;
}


.fa-check {
  color: #0191cb;
}


.fa-question-circle {
  color: #5b5c5e;
}


.fa-twitter {
  margin-right: 0.5rem;
}


.c-box--highlight-left {
  padding: 1.8rem;
  border-left: 0.4rem solid #4c8687;
}


.c-box--highlight-left a {
  color: #007aaa;
}


.highlight-left--header {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1.7rem;
}


.highlight-left--text {
  display: inline-block;
  margin-bottom: 0;
  font-size: 1.5rem;
  word-break: break-all;
  word-break: break-word;
}


.highlight-left--text__date {
  font-weight: 500;
}


.c-box--in-progress {
  max-width: 100rem;
}


.c-generic-slice__list-item {
  font-size: 1.5rem;
  font-weight: inherit;
  line-height: 1.5rem;
}


.o-in-progress__header {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1rem;
}


.o-in-progress__body {
  display: flex;
}


.o-in-progress__icon {
  align-self: center;
  margin-right: 2rem;
}


.o-in-progress__text-body {
}


.o-in-progress__icon .fa-spinner {
  font-size: 5rem;
}


.o-paired-list {
  width: 100%;
  margin-top: 2rem;
}


.o-paired-list__name {
  display: block;
  margin-bottom: 0.7rem;
  font-weight: 500;
}


.o-paired-list__value {
  display: block;
  margin-bottom: 0.7rem;
  word-break: break-all;
  word-break: break-word;
}


.c-box--direct-link {
  padding-left: 0;
  padding-right: 0;
  margin-top: 3rem;
  padding-bottom: 0;
  background-color: inherit;
  word-break: break-all;
  word-break: break-word;
}


.c-box--direct-link a {
  color: #007aaa;
}


.o-collapsible--trigger {
  display: none;
}


.o-collapsible--label {
  color: #007aaa;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 2rem;
  cursor: pointer;
  user-select: none;
}


.o-collapsible--label--hidden {
  display: none;
}


.o-collapsible--label--search {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}


.o-collapsible--label--holding-libraries {
  font-size: 1.5rem;
}


.o-collapsible--label--holding-libraries.o-results-display--collapsed {
  display: none;
}


.o-expand-collapse:focus + .o-expand-collapse--toggle {
  outline: thin dotted;
  outline: 0.5rem auto -webkit-focus-ring-color;
}


.o-expand-collapse--toggle > .fa-align-justify,
.o-expand-collapse--toggle > .fa-equals {
  width: 2.4rem;
  padding: 0.1rem;
}


.o-expand-collapse ~ .o-expand-collapse--toggle > .fa-align-justify {
  display: inline-block;
}


.o-expand-collapse:checked ~ .o-expand-collapse--toggle > .fa-equals {
  display: inline-block;
}


.o-expand-collapse ~ .o-expand-collapse--toggle > .fa-equals {
  display: none;
}


.o-expand-collapse:checked ~ .o-expand-collapse--toggle > .fa-align-justify {
  display: none;
}


.o-expand-collapse--toggle {
  margin-right: 1rem;
  padding: 0.1rem;
  border: 0.1rem solid #d5dee2;
  cursor: pointer;
}


.o-expand-collapse--toggle--hidden {
  display: none;
}


.o-align-right {
  text-align: right;
}


.c-search-button--centred {
  display: block;
  margin: auto;
}


.c-search-button--align-right {
  display: block;
  margin: auto;
  margin-right: 0;
}


.c-search-button__wrapper--dual-col {
  margin-top: 4.2rem;
  margin-bottom: 2rem;
}


.fa-chevron-down,
.fa-chevron-up {
  height: 2rem;
  padding: 0.4rem;
  margin-right: 1rem;
  font-size: 1.1rem;
  color: white;
  background-color: #007aaa;
  transition: transform 0s ease-out 0.2s;
}


.fontawesome-i2svg-active .fa-chevron-down,
.fontawesome-i2svg-active .fa-chevron-up {
  width: 2rem;
  font-size: 3rem;
}


.o-collapsible--trigger:checked
+ .o-collapsible--label
> .o-collapsible--header
> .fa-chevron-down {
  transform: rotate(180deg);
}


.c-collapsible-header--show-more {
  display: inline-block;
  user-select: none;
}


[id^="collapsible__show-more"]:checked
+ .o-collapsible--label
> .o-collapsible--header
> .c-collapsible-header--show-more {
  display: none;
}


.c-collapsible-header--show-less {
  display: none;
  user-select: none;
}


[id^="collapsible__show-more"]:checked
+ .o-collapsible--label
> .o-collapsible--header
> .c-collapsible-header--show-less {
  display: inline-block;
}


.o-collapsible--content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
}


input[class*="o-collapsible--trigger"]:checked
+ .o-collapsible--label
~ div[class*="o-collapsible--content__"] {
  max-height: none;
  margin-top: 0.5rem;
}


.o-label--more-or-fewer {
  display: inline-block;
}


input[class*="o-collapsible--trigger__result-"]
~ ul
li:nth-child(n+8) {
  display: none;
}


input[class*="o-collapsible--trigger__result-"]:checked
~ ul.holding-libraries--item-list
li:nth-child(n+8) {
  display: list-item;
}


input[class*="o-collapsible--trigger__result-"]:checked
~ .o-collapsible--label
.fa-chevron-down {
  transform: rotate(180deg);
}


input[class*="o-collapsible--trigger__result-"]
~ .o-collapsible--label
.o-label--more-or-fewer:before {
  content: "more";
}


input[class*="o-collapsible--trigger__result-"]:checked
~ .o-collapsible--label
.o-label--more-or-fewer:before {
  content: "fewer";
}


.c-feature-slice--compare {
  padding-top: 2rem;
}


.c-billboard-slice--nav {
  padding-bottom: 0;
}


.o-select {
  padding-left: 0.5rem;
  outline: 0;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
  cursor: pointer;
}


.o-select--rounded-edge {
  border-radius: 0.5rem;
}


.o-select--compare {
  width: 100%;
  height: 4.5rem;
  border: 0.2rem solid #4c8687;
}


.c-button-embedded-input__input--uploaded-file {
  position: absolute;
  color: black;

  /* IE specific - overridden in other browsers below */
  left: auto;
  width: calc(100% - 166px);

  /* Safari default - overriden in other browsers below */
  --left: 46px;

  left: var(--left);
  width: calc(100% - var(--left) - 10px);

  outline: none;
  cursor: pointer;
}

/* Chrome specific. Firefox will use this too, but overridden below */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  .c-button-embedded-input__input--uploaded-file {
    --left: 50px;
  }
}

/* Firefox specific */
@-moz-document url-prefix() {
  .c-button-embedded-input__input--uploaded-file {
    --left: 60px;
  }
}


.o-label {
  display: block;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
}


.o-label--inline {
  display: inline-block;
}


.o-checkbox {
  margin-right: 0.5rem;
}


.o-checkboxes {
  border: 0.2rem solid #4c8687;
  border-radius: 0.5rem;
  height: 200px;
  overflow-y: scroll;
  display: block;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}


.o-checkboxes label:hover {
  color: white;
  background-color: #4e7e7b;
  cursor: pointer;
}


.c-grid--refine-options {
  margin-bottom: 2rem;
}


.o-grid--labelled-input {
  margin-bottom: 1rem;
  align-items: center;
}


.o-compare__refine__header {
  margin-bottom: 2rem;
}


.o-compare__refine__title,
.o-compare__graphs__title {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  margin-top: 0.2rem;
}


.o-compare__refine__title {
  font-size: 2rem;
}


.o-compare__graphs__title {
  font-size: 3rem;
}


.o-graph__graph-types-list {
  text-align: right;
}


.o-graph__graph-type-item {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
  margin-bottom: 2rem;
  text-align: right;
}


.o-graph__graph-type-item--selected {
  display: inline-block;
  font-weight: 500;
  border-bottom: 0.2rem solid;
}


.o-compare__library-groups {
  margin-top: 2.5rem;
}


.o-compare__library-group__header {
  margin-bottom: 1rem;
}


.o-compare__library-group__title {
  display: inline-block;
  margin-right: 0.4rem;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.7rem;
  font-weight: 500;
}


.o-compare__library-group {
  margin-top: 2rem;
}


.o-compare__library-group__item {
  font-size: 1.4rem;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 0.8rem;
}


.o-compare__question {
  font-size: 2rem;
}


.o-compare__question--treat-as-batch {
  margin-left: 0.5rem;
  vertical-align: bottom;
}


.o-compare__question--refine-header {
  font-size: 2.5rem;
}


.o-compare__question--my-lib-groups {
  margin-top: 2.7rem;
  vertical-align: top;
}


.o-compare__question--deduplicate {
  margin-top: 1rem;
  font-size: 2.5rem;
}


.o-compare__question--holding-libs {
  margin-top: 3.7rem;
  font-size: 2.5rem;
}


.o-form-multiselect {
  margin-bottom: 2rem;
}


.o-multiselect-with-buttons {
  width: 100%;
}


.o-refine-options__label {
  display: inline-block;
  width: 100%;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  vertical-align: top;
}


.o-refine-options__label--holding-libraries {
  padding-top: 4.3rem;
}


.o-refine-options__label--deduplicate {
  padding-top: 1.4rem;
  padding-bottom: 3rem;
}


.o-multi-select-list-wrapper {
  padding-bottom: 3rem;
}


.o-multi-select-list {
  display: inline-block;
  width: 100%;
}


.c-compare-multiselect-buttons {
  margin-bottom: 0.5rem;
  text-align: center;
}


.c-compare-treat-as-batch-search {
  margin-top: 2rem;
}


.c-box--sort {
  margin-top: 0.5rem;
  padding: 0;
  padding-left: 1rem;
  background-color: inherit;
}


.c-box--export {
  margin-top: 2rem;
  margin-right: 1rem;
  padding: 1rem;
  align-items: center;
}


.c-export__title {
  margin-right: 2rem;
  margin-bottom: 1rem;
  font-size: 2rem;
}


.c-export__fieldset {
  display: inline-block;
  margin-right: 1rem;
}


.c-export__legend {
  display: none;
}


.c-export__option-group select:disabled {
  cursor: not-allowed;
}


.c-export__option-item {
  margin-bottom: 1rem;
}


.c-export__select-option {
  margin-right: 0.5rem;
}


.c-export__record-num-highlight {
  display: inline-block;
  font-weight: 500;
}


.c-export__button-group {
  display: inline-block;
  margin-top: 0.5rem;
}


.c-export__button-group > * {
  margin-bottom: 0.5rem;
}


.c-export__options {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}


.c-export__options__label {
  margin-right: 0.5rem;
  font-weight: 500;
}


.c-button--export {
  font-size: 1.5rem;
  border-radius: 0.5rem;
}


.c-button--export:disabled {
  background-color: #c3d1d6;
  color: #758088;
  border-width: 0;
  cursor: not-allowed;
}


.c-export__sign-in {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: 1.4rem;
  color: #007aaa;
}


.o-tab-selector__input,
.visuallyhidden {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0 0 0 0);
  border: 0;
}


.c-jisc-header__menu-supersegment {
  display: none;
}


.c-page__nav-supersegment {
  position: static;
  display: block;
  right: 0.9rem;
  width: 88.75%;
  max-width: 320px;
  color: #2c3841;
  background-color: #fff;
}


.c-page-tab__nav-title {
  display: none;
}


.o-menu__trigger {
  display: none;
}


.o-menu__trigger:checked ~ .c-jisc-header__menu-supersegment {
  display: block;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  z-index: 9999;
}


.c-jisc-header__menu-trigger-button {
  cursor: pointer;
  padding: 1.5rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}


.c-jisc-header__nav-item,
.c-page-tab__nav-item {
  padding-bottom: 1.8rem;
  padding-left: 1rem;
  border-top: 0.1rem solid #d9d9d9;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
  user-select: none;
}


.c-search-history__note {
  margin-bottom: 1rem;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
}


.c-search-history__header {
  margin-bottom: 1rem;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
}


.c-search-history__delete-question {
  display: inline;
  font-size: 1.5rem;
}


.c-search-history__selected-count {
  display: inline;
  font-size: 1.5rem;
}


.c-search-history__delete-link {
  padding-left: 1rem;
  text-decoration: underline;
  color: #007aaa;
}


.c-search-history__delete-link:hover {
  cursor: pointer;
}


.c-search-history__delete-header {
  font-size: 2rem;
}


.c-search-history__record {
  margin-bottom: 2.5rem;
  margin-left: 1rem;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
}


.c-search-history__detail {
  margin-bottom: 0.7rem;
}


.c-search-history__detail:hover {
  cursor: pointer;
}


.c-search-history__date-time-rerun {
  margin-left: 1.5rem;
}


.c-search-history__link {
  display: inline-block;
  font-weight: 500;
  color: #007aaa;
  text-decoration: underline;
}


.c-search-history__text-bold {
  font-weight: 500;
}


.o-update-panel {
  text-align: center;
}


.tab-content-number-search,
.tab-content-batch-search,
.tab-content-keyword-search,
.tab-content-list,
.tab-content-graphs-and-maps,
.tab-content-standard-search {
  display: none;
}


#tab-number-search:checked ~ .tab-content-number-search,
#tab-batch-search:checked ~ .tab-content-batch-search,
#tab-keyword-search:checked ~ .tab-content-keyword-search,
#tab-list:checked ~ .tab-content-list,
#tab-graphs-and-maps:checked ~ .tab-content-graphs-and-maps,
#tab-standard-search:checked ~ .tab-content-standard-search {
  display: block;
}


#tab-number-search:checked ~ .c-billboard-slice--nav .tab-number-search,
#tab-batch-search:checked ~ .c-billboard-slice--nav .tab-batch-search,
#tab-keyword-search:checked ~ .c-billboard-slice--nav .tab-keyword-search,
#tab-list:checked ~ .c-billboard-slice--nav .tab-list,
#tab-graphs-and-maps:checked ~ .c-billboard-slice--nav .tab-graphs-and-maps,
#tab-standard-search:checked ~ .c-billboard-slice--nav .tab-standard-search {
  background-color: white;
  color: #2c3841;
}


#tab-number-search:focus ~ .c-billboard-slice--nav .tab-number-search,
#tab-batch-search:focus ~ .c-billboard-slice--nav .tab-batch-search,
#tab-keyword-search:focus ~ .c-billboard-slice--nav .tab-keyword-search,
#tab-list:focus ~ .c-billboard-slice--nav .tab-list,
#tab-graphs-and-maps:focus ~ .c-billboard-slice--nav .tab-graphs-and-maps,
#tab-standard-search:focus ~ .c-billboard-slice--nav .tab-standard-search {
  outline: 0.3rem solid #fd6;
}



.o-multiselect__select-all,
.o-multiselect__clear-selection {
  user-select: none;
}


.o-about__libraries__image-wrapper {
  text-align: center;
  margin: 1rem;
}


.o-about__libraries__image {
  max-width: 100%;
}


.o-about__libraries__main-content {
  display: inline-block;
}


ul.o-sidebar-menu {
  margin-top: 2.5rem;
}


li.o-sidebar-menu__main-item,
li.o-sidebar-menu__sub-item {
  list-style: none;
  margin-bottom: 1rem;
}


li.o-sidebar-menu__main-item a {
  font-size: 2rem;
}


ul.o-sidebar-menu__sub-list {
  margin-top: 0.75rem;
}


li.o-sidebar-menu__sub-item a {
  font-size:1.5rem;
}



[slider] {
  position: relative;
  height: 14px;
  border-radius: 10px;
  text-align: left;
  margin: 45px 0 30px 0;
  width: 100%;
}

[slider] > div {
  position: absolute;
  left: 13px;
  right: 15px;
  height: 14px;
}

[slider] > div > [inverse-left] {
  position: absolute;
  left: 0;
  height: 14px;
  border-radius: 10px;
  background-color: #CCC;
  margin: 0 7px;
}

[slider] > div > [inverse-right] {
  position: absolute;
  right: 0;
  height: 14px;
  border-radius: 10px;
  background-color: #CCC;
  margin: 0 7px;
}

[slider] > div > [range] {
  position: absolute;
  left: 0;
  height: 14px;
  border-radius: 14px;
  background-color: #4e7e7b;
}

[slider] > div > [thumb] {
  position: absolute;
  top: -7px;
  z-index: 2;
  height: 28px;
  width: 28px;
  text-align: left;
  margin-left: -11px;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  background-color: #FFF;
  border-radius: 50%;
  outline: none;
}

[slider] > input[type=range] {
  position: absolute;
  pointer-events: none;
  -webkit-appearance: none;
  z-index: 3;
  height: 14px;
  top: -2px;
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}

div[slider] > input[type=range]::-ms-track {
  -webkit-appearance: none;
  background: transparent;
  color: transparent;
}

div[slider] > input[type=range]::-moz-range-track {
  -moz-appearance: none;
  background: transparent;
  color: transparent;
}

div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
  background: transparent;
  border: transparent;
}

div[slider] > input[type=range]:focus {
  outline: none;
}

div[slider] > input[type=range]::-ms-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: red;
}

div[slider] > input[type=range]::-moz-range-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: red;
}

div[slider] > input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: red;
  -webkit-appearance: none;
}

div[slider] > input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0 none;
}

div[slider] > input[type=range]::-ms-fill-upper {
  background: transparent;
  border: 0 none;
}

div[slider] > input[type=range]::-ms-tooltip {
  display: none;
}

[slider] > div > [sign] {
  opacity: 0;
  position: absolute;
  margin-left: -11px;
  top: -39px;
  z-index:3;
  background-color: #4e7e7b;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  -webkit-border-radius: 28px;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}

[slider] > div > [sign]:after {
  position: absolute;
  content: '';
  left: 0;
  border-radius: 16px;
  top: 19px;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top-width: 16px;
  border-top-style: solid;
  border-top-color: #4e7e7b;
}

[slider] > div > [sign] > span {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  line-height: 28px;
}

[slider] > div > [sign] {
  opacity: 1;
}


.o-tooltip {
  position: relative;
}


.o-tooltip:after {
  position: absolute;
  display: inline-block;
  width: 1500%;
  width: max-content;
  max-width: 300px;
  padding: 0.9rem;
  bottom: 100%;
  line-height: 2.5rem;
  text-align: center;
  white-space: pre-line;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.3rem;
  content: attr(tooltip);
  color: #000;
  background-color: #f5f5f5;
  box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.4);
  border: 0.1rem solid rgba(0, 0, 0, 0.3);
  border-radius: 0.6rem;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 1000;
}


.o-tooltip:hover:after {
  opacity: 1;
  visibility: visible;
}


/* Default to align left - will only align right or centre at higher resolutions */
.o-tooltip:after,
.o-tooltip--align-left:after,
.o-tooltip--align-right:after,
.o-tooltip--align-centre:after {
  left: 0%;
  transform: translate(0%, 2rem);
}


/* Default to align left - will only align right or centre at higher resolutions */
.o-tooltip:hover:after,
.o-tooltip--align-left:hover:after,
.o-tooltip--align-right:hover:after,
.o-tooltip--align-centre:hover:after {
  transform: translate(0%, -2rem);
}


.o-modal {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: opacity 0.25s ease;
  z-index: 9999;
}


.o-modal__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}


.o-modal__trigger {
  display: none;
}


.o-modal__trigger:checked + .o-modal {
  opacity: 1;
  visibility: visible;
}


.o-modal__trigger:checked + .o-modal .o-modal__inner {
  top: 0;
}


.o-modal__inner {
  position: absolute;
  top: -20%;
  right: 3rem;
  bottom: 0;
  left: 3rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10rem;
  padding: 1rem 2rem;
  max-width: 60rem;
  max-height: 25rem;
  background: #fff;
  border-radius: 0.5rem;
  overflow: auto;
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
          box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
  transition: all 0.25s ease;
}


.o-modal__header {
  margin-top: 1rem;
  margin-bottom: 3rem;
}


.o-modal__body {
  margin-bottom: 3rem;
}


.o-modal__footer {
  margin-bottom: 1rem;
  text-align: right;
}


.o-modal__close-button {
  float: right;
  margin-top: 0.5rem;
  margin-left: 1.5rem;
  font-size: 2rem;
  cursor: pointer;
}


.o-modal__close-button:hover {
  color: #888;
}


.o-alert-box {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  background-color: #d9edf7;
  color: #1f7388;
  border-color: #afd9ee;
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
}


.o-alert-box__title {
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 500;
}


.o-alert-box__trigger {
  display: none;
}


.o-alert-box__trigger:checked + .o-alert-box {
  display: none;
}





@media screen and (min-width: 25em) {
  .c-table--holding-copies thead {
    position: static;
    width: initial;
    overflow: visible;
  }


  .c-table--holding-copies td {
    display: table-cell;
    border-right: 0.1rem solid #ddd;
    font-size: inherit;
  }


  .c-table--holding-copies td:not([data-note]):before {
    display: none;
  }


  .c-table--holding-copies td[data-note] {
    font-size: 1.4rem;
  }


  .holding-availability-icon {
    float: left;
    width: 2rem;
  }
}


@media screen and (min-width: 47.3125em) {
  .c-jisc-header__menu-supersegment {
    display: block;
  }

  .js .c-jisc-header__tabbed-nav-copy {
    background-color: #185050;
  }

  .js .c-jisc-header__nav-link,
  .js .c-jisc-header__tabbed-nav-copy--link {
    display: block;
    margin-top: inherit;
    background-color: #4e7e7b;
  }

  .c-jisc-header__nav-link.is-active,
  .c-jisc-header__tabbed-nav-copy--link.is-active {
    background-color: #185050;
  }

  .c-jisc-header__nav-item {
    padding-bottom: inherit;
    padding-left: inherit;
    border-top: inherit;
  }

  .full-record--name {
    display: block;
    text-align: right;
  }

  .full-record--main-details .record-name,
  .full-record--main-details .record-value {
    width: 100%;
  }

  .search-input-entries:nth-of-type(odd) {
    padding-right: 2rem;
  }

  .search-input-entries:nth-of-type(even) {
    padding-left: 2rem;
  }

  .o-compare__refine__title {
    text-align: right;
  }

  .o-refine-options__label {
    text-align: right;
  }

  .o-input-label--side {
    text-align: right;
    margin-bottom: 0;
  }

  .o-paired-list__name {
    text-align: right;
  }

  .o-tooltip--align-right:after {
    left: 100%;
    transform: translate(-100%, 2rem);
  }

  .o-tooltip--align-right:hover:after {
    transform: translate(-100%, -2rem);
  }

  .o-tooltip--align-centre:after {
    left: 50%;
    transform: translate(-50%, 2rem);
  }

  .o-tooltip--align-centre:hover:after {
    transform: translate(-50%, -2rem);
  }
}


@media screen and (min-width: 20em) {
  .o-button-embedded-input {
    background-color: white;
    flex-direction: row;
  }
}


@media screen and (min-width: 27.15em) {
  .o-modal__inner {
    max-height:20rem;
  }
}



@media screen and (min-width: 30em) and (max-width: 47.3125em) {
  .c-box__picture {
    max-width: 15rem;
  }

  .c-box__picture img {
    max-width: 15rem;
  }
}


@media screen and (min-width: 60em) {
  .c-box__picture {
    max-width: 15rem;
  }

  .c-box__picture img {
    max-width: 15rem;
  }
}


@media (min-width: 40em) {
  .o-about__libraries__image-wrapper {
    float: right;
    max-width: 65%;
  }

  .o-about__libraries__main-content {
    display: block;
  }
}



@media (min-width: 61.875em) {
  .o-layout__container,
  .c-page-layout__container {
    max-width: 140rem;
    padding-left: 2%;
    padding-right: 2%;
  }
}


.document-type__book {
  background-color: #600057;
}


.document-type__article {
  background-color: #2c705b;
}


.document-type__journal {
  background-color: #c2104a;
}


.document-type__collection {
  background-color: #f2b032;
}


.document-type__visual {
  background-color: #e85e13;
}


.document-type__map {
  background-color: #6ea838;
}


.document-type__mixed {
  background-color: #9760b5;
}


.document-type__audio {
  background-color: #1398c9;
}


.document-type__music-score {
  background-color: #e22a2e;
}


.document-type__other {
  background-color: #2c3841;
}



/* Backwards compatible old styles kept below.
   To be deleted once removed from production
*/

.c-billboard-slice__input {
  font-size: 2.4rem;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
  margin-top: 1%;
  margin-bottom: 1%;
}

form {
}

input {
  flex-grow: 2;
  border: none;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 1%;
}

button {
  background-color: inherit;
  border: none;
}