/* CSS file that is shared by ALL Eastview/GPA collections. Only styles that are shared by all collections should be placed in this
   file. Styles that are unique to a particular skin should be placed in the CSS file for that skin (eg. skin-crl.css) and styles that
   are unique to a specific collection should be placed in the CSS file for the collection (e.g. eastview-lq.css).
*/

/* Extra font for Old Javanese script. */
@font-face {
    font-family: "Noto Sans Javanese";
    src: url("../fonts/NotoSansJavanese-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+200C-200D, U+25CC, U+A980-A9DF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body
{
  max-width: 1680px; /* Set maximum width of content */
  margin-left: auto;
  margin-right: auto;
}

a svg, button svg
{
  fill: #97272d;  /* Eastview red */
}
a:hover svg, button:enabled:hover svg
{
  fill: #5a171b;  /* Eastview red, darkened by 15% */
}

.btn-light
{
  color: #97272d;
}

/* These horrible classes are for changing the colour of various svg icons, to black. Which one to use (.eastview-black-button or .eastview-black-button-2) depends
   on how the SVG is implemented... */
.eastview-black-button g,
.eastview-black-button path
{
  fill: #000;
}
.eastview-black-button-2,
.eastview-black-button-2:hover
{
  fill: #000;
}

#eastview-gpa-top-banner
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
      justify-content: space-between;
  height: 24px;
  background-color: #97272d;
}

#eastview-top-logo
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
  line-height: 24px;
}

#eastview-top-logo a,
#eastview-top-logo a img
{
  margin-top: -1px; /* Attempt to align the Eastview logo nicely with the GPA tagline */
  height: 12px;
  display: block;
}

#eastview-top-gpa-tagline
{
  position: relative;
  margin-left: 0.75rem;
  font-size: 0.85rem;
  letter-spacing: 0.2em;
  font-weight: bold;
}

#eastview-top-gpa-tagline a
{
  color: #fff;
  display: inline;
}

@media (max-width: 550px)
{
  #eastview-top-gpa-tagline
  {
    display: none; /* Hide this tagline on small screens */
  }
}

#eastview-presentedby
{
  position: absolute;
  bottom: -18px;
  left: calc(100% - 10.25rem); /* The "presented by" block should be centered underneath the GPA tagline... */
  padding: 0 1.5rem 3px 1.5rem;
  color: #fff;
  font-size: 0.6rem;
  line-height: 1;
  letter-spacing: 0.1em;
  background-color: #002056;
}
#eastview-presentedby::before,
#eastview-presentedby::after
{
  content: '';
  position: absolute;
  top: 0; right: 0;
  height: 100%; width: 100%;
  background: inherit;
  z-index: -1;
}
#eastview-presentedby::before
{
  -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
      transform-origin: 0 100%;
  -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
      transform: skewX(-25deg);
}
#eastview-presentedby::after
{
  -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
  -webkit-transform: skewX(25deg);
    -ms-transform: skewX(25deg);
      transform: skewX(25deg);
}
@media (max-width: 800px)
{
  #eastview-presentedby
  {
    display: none; /* Remove the "presented by" tag on small screens */
  }
}

div#languageswitch > a.dropdown-toggle > span,
div#languageswitch .dropdown-menu,
#eastview-user-links a
{
  color: #fff;
  font-size: 0.67rem;
}

div#languageswitch > a.dropdown-toggle > span,
div#languageswitch .dropdown-menu
{
  letter-spacing: 0.2em;
}

div#languageswitch > a.dropdown-toggle > span,
div#languageswitch > a.dropdown-toggle > svg
{
  margin-left: 0.5rem;
}

div#languageswitch > a.dropdown-toggle
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}

div#languageswitch > a.dropdown-toggle:hover
{
  text-decoration: none;
}

div#languageswitch > a.dropdown-toggle::after
{
  display: none; /* Hide bootstraps default 'down arrow' for the language menu, as we use a custom arrow icon for this collection */
}

div#languageswitch .dropdown-menu
{
  text-align: right;
  padding: 0.2rem 0;
}

#eastview-gpa-top-banner-controls
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}

#eastview-help-link,
#eastview-user-links
{
  margin-left: 1rem;
}

#eastview-help-link a,
#eastview-help-link svg
{
  height: 16px;
  display: block;
}

#eastview-user-links
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
}
#eastview-user-links a
{
  display: block;
  margin-right: 0.5rem;
}

#eastview-gpa-main-banner
{
  background-size: cover;
  width: 100%;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: end;
    -ms-flex-align: end;
      align-items: flex-end;
}

div.eastview-gpa-collection-level-tab
{
  background-color: #000;
  height: 45%;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.5rem;
  border-radius: 1rem 1rem 0 0;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}

div.eastview-gpa-collection-level-tab > a
{
  margin-left: auto;
  margin-right: auto;
}

div.eastview-gpa-collection-level-tab h1
{
  color: #fff;
  font-size: 1.5rem;
  margin: 0;
}

@media (max-width: 550px)
{
  div.eastview-gpa-collection-level-tab h1
  {
    font-size: 1rem;
  }
}

div.eastview-gpa-collection-level-tab a,
div.eastview-gpa-title-level-tab a
{
  text-decoration: none;
}

div.eastview-gpa-title-level-tab
{
  background-color: #000;
  height: 30%;
  padding: 1.5rem;
  border-radius: 1rem 1rem 0 0;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}

div.eastview-gpa-title-level-tab.eastview-gpa-title-level-tab-title
{
  background-color: #97272d;
}

div.eastview-gpa-title-level-tab h1,
div.eastview-gpa-title-level-tab h2
{
  color: #fff;
  font-size: 1rem;
  margin: 0;
}

#eastview-gpa-bottom-banner
{
  border-bottom: 3px solid #292929;
  border-top: 3px solid #292929;
}

#breadcrumbscell
{
  margin: 0.5rem 0;
}

.breadcrumb
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  background-color: #fff;
  border: 0;
  padding: 0;
}

.breadcrumb li:not(:first-child)
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumb li:last-child
{
  font-weight: 700;
}

/* Prevent the above from making the '/' separator between breadcrumb items bold */
.breadcrumb-item+.breadcrumb-item::before
{
  font-weight: 500;
}


/* Inset shadow */
.form-control:focus
{
  box-shadow: inset 0 0 0.5rem rgb(151 39 45 / 50%);
}
.btn-primary.focus, .btn-primary:focus
{
  box-shadow: inset 0 0 0.5rem rgb(255 255 255 / 50%);
}
.btn-primary:not(:disabled):not(.disabled):active:focus
{
  box-shadow: inset 0 0 0.5rem rgb(255 255 255 / 50%);
}
.btn-light.focus, .btn-light:focus
{
  box-shadow: inset 0 0 0.5rem rgb(0 0 0 / 25%);
}
.btn-light:not(:disabled):not(.disabled):active:focus
{
  box-shadow: inset 0 0 0.5rem rgb(0 0 0 / 25%);
}

#eastview-gpa-banner-search
{
  margin-top: 0.5rem;
}

#eastview-gpa-banner-search input,
#eastview-gpa-banner-search .eastview-search-buttons button
{
  font-size: 1rem;
/*  padding: 0.25rem 1.5rem; */
}

#eastview-gpa-banner-search .eastview-search-buttons button
{
  background-color: #97272d;
  border-color: rgba(0,0,0,.15);
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

#eastview-gpa-banner-search .eastview-search-buttons button.eastview-search-button
{
  padding-left: 2rem;
  padding-right: 2rem;
}

#eastview-gpa-banner-search .eastview-search-buttons button:hover
{
  background-color: #791f24;
  border-color: #6e1d21;
}

html[dir='rtl'] #eastview-gpa-banner-search .eastview-search-buttons button#advancedsearchbutton 
{
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.eastview-transliteration-link
{
  position: absolute;
  right: 222px;
  padding-top: 7px;
  z-index: 5;
}

th.roman, td.roman
{
  border-right: 2px solid #dee2e6;
}

/* EASTVIEW CUSTOMISATION: Simple keyboard style */
#open-simple-keyboard-dropdown
{
    border-radius: 0;
}
#primary-open-simple-keyboard, #secondary-open-simple-keyboard
{
  background-color: white;
  color: #212529;
}
#primary-open-simple-keyboard.selected, #secondary-open-simple-keyboard.selected
{
  background-color: #97272d;
  color: white;
}
.primary-simple-keyboard, .secondary-simple-keyboard
{
  position: absolute;
  top: 38px;
  z-index: 210;
  display: none;
}

.primary-simple-keyboard .hg-button.pressed, .secondary-simple-keyboard .hg-button.pressed 
{
  background-color: #ccc;
}

.primary-simple-keyboard .hg-button-space, .secondary-simple-keyboard .hg-button-space
{
  width: 50%;
}

/* EASTVIEW CUSTOMISATION: Advanced search style */
.advancedsearchwrapper
{
  display: none;
  position: absolute;
  top: 38px;
  width: 100%;
  padding: 5px;
  background-color: white;
  border-left: 1px solid rgb(202,216,218);
  border-right: 1px solid rgb(202,216,218);
  border-bottom: 1px solid rgb(202,216,218);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 140;
}

#eastview-footer-top
{
  background-color: #ededed;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}

#eastview-footer-top > div:first-child
{
  max-width: 40%;
}

#eastview-footer-top img
{
  max-width: 100%;
  height: auto;
}

#eastview-footer-top p
{
  color: #606060;
  font-size: 1.125rem;
  margin: 0 1.25rem;
  line-height: 1;
}

@media (max-width: 500px)
{
  #eastview-footer-top p
  {
    font-size: 0.75rem;
  }
}

#eastview-footer-bottom
{
  background-color: #292929;
  color: #fff;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
      justify-content: space-between;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}

#eastview-footer-bottom-left,
#eastview-footer-bottom-right
{
  width: 40%;
}

#eastview-footer-bottom-right > div
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-pack: end;
    -ms-flex-pack: end;
      justify-content: flex-end;
}

#eastview-footer-bottom-right > div > div:first-child
{
  margin-right: 2rem;
}

#eastview-footer-bottom-right a
{
  color: #fff;
  font-size: 1rem;
}

#eastview-footer-bottom-left a
{
  color: #fff;
}

#eastview-footer-bottom-right p
{
  margin-bottom: 0.25rem;
}

#eastview-footer-bottom-right > p
{
  text-align: right;
  margin-bottom: 0.75rem;
}

#eastview-footer-copyright
{
  font-size: 0.8rem;
}

@media (max-width: 1000px)
{
  #eastview-footer-bottom-left,
  #eastview-footer-bottom-right
  {
    width: 49%;
  }
}

@media (max-width: 750px)
{
  #eastview-footer-bottom
  {
    display: block;
  }

  #eastview-footer-bottom-left,
  #eastview-footer-bottom-right
  {
    width: 100%;
  }

  #eastview-footer-bottom-right > p
  {
    text-align: left;
  }

  #eastview-footer-bottom-right > div
  {
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

#eastview-page-container
{
  height: 100%;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
}

@media (max-width: 650px)
{
  #eastview-page-container
  {
    display: block;
  }
}

#eastview-page-right-panel
{
  -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
      order: 1;
  -ms-flex-preferred-size: 67%;
    flex-basis: 67%;
  background-color: #f4f4f4;
}

#eastview-page-right-panel h2
{
  font-size: 1.75rem;
}

#allContent h2
{
  margin-top: 3rem;
}

#eastview-about-collection-container
{
  background-color: #fff;
  border-radius: 1rem;
  overflow: hidden;
}

#eastview-about-collection-text
{
  padding-left: 1.5rem;
  padding-bottom: 1.5rem;
}
#eastview-about-collection-text > h2
{
  padding-top: 1.5rem;
}
#eastview-about-collection-text > a
{
  text-transform: capitalize;
}
#eastview-about-collection-text p
{
  padding-right: 1.5rem;
}

#eastview-about-collection-more-link
{
  display: none;
}
#eastview-about-collection-text-more
{
  display: block;
}

#eastview-about-collection-poster
{
  width: 50%;
  height: auto;
  float: right;
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 900px)
{
  #eastview-about-collection-container
  {
    display: block;
  }

  #eastview-about-collection-poster
  {
    display: none;
  }
}

#fromcollectionwrapper
{
  margin-top: 1rem;
}

#eastview-from-collection-container,
#eastview-bibliographic-ebooks-container
{
  padding-left: 1.5rem;
}

#eastview-from-collection-container > h2,
#eastview-bibliographic-ebooks-container > h2
{
  margin: 2rem 0 0 0;
}

#eastview-from-collection-container > p,
#eastview-bibliographic-ebooks-container > p
{
  margin: 0;
}

@media (max-width: 650px)
{
  #eastview-from-collection-container,
  #fromcollectionwrapper
  {
    display: none;
  }
}

#eastview-page-left-panel,
#eastview-page-right-panel
{
  padding-top: 2.5rem;
}
@media (max-width: 900px)
{
  #eastview-page-left-panel,
  #eastview-page-right-panel
  {
    padding-top: 1rem;
  }
}

#searchpagesearchresultfacets
{
  padding-top: 0.75rem;
}

#eastview-page-left-panel,
#searchpagesearchresultfacets
{
  -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  min-width: 0; /* Required for a bug in chart.js dynamic resizing stuff */
}

/* All this flex stuff is primarily to checter the checkboxes vertically... */
div.searchresultfacetentry,
div.searchresultfacetentry > label
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

div.searchresultfacetentry
{
  margin: 1px 0 1px 0;
}

div.searchresultfacetentry.applied
{
  background-color: #E8E8E8;
}
div.searchresultfacetentry a
{
  color: #000;
}
div.searchresultfacetentry.applied a
{
  color: #97272D;
}

span.searchresultfacetentrycount
{
  color: #7F7F7F;
}

#eastview-collection-level-graph,
#eastview-date-navigator,
#eastview-map-navigator
{
  width: 100%;
}

#eastview-collection-level-graph
{
  height: 150px;
  background-color: #ededed;
}

#eastview-map-navigator
{
  position: relative;
  padding-top: 100%;
  background-color: #ededed;
}

#eastview-map-page
{
  position: relative;
  padding-top: 66%;
  background-color: #ededed;
}

#eastview-map-box,
#eastview-map-page-box
{
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: -webkit-grab;
  cursor: grab;
}

div.map-wrapper #popup
{
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  border-radius: 10px;
  border: 1px solid #cccccc;
  padding: 5px;
  background: white;
  overflow-y: auto;
  display: none;
}

div.map-wrapper ul
{
  margin-right: 0.5rem;
  margin-bottom: 0.25rem;
  list-style: none;
  -webkit-padding-start: 0.5rem;
  padding-inline-start: 0.5rem;
}

div.map-wrapper li 
{
  overflow-wrap: break-word;
  cursor: -webkit-grab;
  cursor: grab;
}
div.map-wrapper li:hover
{
  color: #5a171b;
}
div.map-wrapper li a
{
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

#searchresultyeargraphtitle
{
  background-color: #000;
}

#eastview-collection-level-graph-title
{
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
    justify-content: space-between;
  direction: ltr;
  background-color: #000;
}

#eastview-title-level-graph-title
{
  background-color: #97272d;
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
    justify-content: space-between;
  direction: ltr;
}

#eastview-earliest-year,
#eastview-latest-year
{
  color: #FFF;
  padding: 0 5px;
}

#eastview-latest-year
{
  float: right;
}

#eastview-date-navigator
{
  text-transform: capitalize;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.9rem;
  color: #495057;
}

#datebrowserheader
{
  padding: 5px;
}

#datebrowserwhitneyform
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
          flex-direction: row;
}
#datebrowserwhitneyform > div.card-header
{
  -webkit-box-flex: 1;    
  -ms-flex: 1;    
  flex: 1;
}

#datebrowserheader .form-control
{
  border: 0;
  background-color: #fbfbfb;
  height: calc(2rem + 2px);
}

#homepagedatebrowserwhitneyyearselectorwrapper,
#homepagedatebrowserwhitneymonthselectorwrapper
{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#homepagedatebrowserwhitneyyearselectorwrapper
{
  padding-right: 0.5rem;
}

#datebrowserwhitneymonthselectorcontainer select
{
  max-width: none;
}

@media (max-width: 1000px)
{
  #datebrowserwhitneyform
  {
    -webkit-box-orient: vertical;  
    -webkit-box-direction: normal;  
    -ms-flex-direction: column;  
    flex-direction: column;
  }
  #homepagedatebrowserwhitneyyearselectorwrapper
  {
    padding-right: 0;
  }
}

ul.datebrowserwhitneydaysofweek,
#datebrowserwhitneydayselectorcontainer
{
  font-size: 0.8rem;
}

ul.datebrowserwhitneydayselector li 
{
  width: 14.2%;
}
ul.datebrowserwhitneydayselector li.available
{
  background-color: #E8E8E8;
}
ul.datebrowserwhitneydayselector li a
{
  border: 0;
  color: #495057;
}
ul.datebrowserwhitneydayselector li a:hover
{
  color: #97272D;
}
ul.datebrowserwhitneydayselector li span
{
  color: #69737d;
}

#eastview-stats-block-container
{
  margin-bottom: 1.5rem;
}

.eastview-stats-block
{
  width: 100%;
  margin: 1rem 0;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
        justify-content: space-between;
}

.eastview-stats-block > span:first-child
{
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 700;
}

.eastview-title-nav-link,
#eastview-date-nav,
#eastview-map-nav
{
  padding: 1rem 0;
  border-top: 1px solid #ededed;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 700;
}

#eastview-about-title-container
{
  background-color: #fff;
  border-radius: 1rem;
}

#eastview-about-title-container > div:first-child
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
}

#eastview-about-title-container > div
{
  padding: 1.5rem;
}

#eastview-document-bigthumb
{
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  width: 600px;
}
#eastview-document-bigthumb img
{
  display: block;
  margin: auto;
}

#eastview-about-title-thumbnail
{
  width: 200px;
  position: relative;
}
#eastview-about-title-metadata
{
  -webkit-box-flex: 1;    
  -ms-flex: 1;    
  flex: 1;
  padding-left: 1.5rem;
}

#publicationattribution
{
  width: 240px;
  font-size: smaller;
}

#eastview-date-format-controls
{
  margin-bottom: 0.5rem;
}

#eastview-date-format-controls.eastview-date-format-controls2
{
  width: 200px;
  margin-top: 1rem;
  text-align: right;
}

#eastview-date-format-controls .form-check > input
{
  margin-right: 0.325rem;
  margin-left: 0.325rem;
}

#eastview-document-image-container img
{
  max-width: 100%;
}

#eastview-about-title-metadata table
{
  width: 100%;
}

#eastview-about-title-metadata table tr
{
  border-bottom: 1px solid #ededed;
}

#eastview-about-title-metadata table tr:last-child
{
  border: 0;
}

#eastview-about-title-metadata table td
{
  padding: 0.5rem 0;
}
#eastview-about-title-metadata table td:first-child
{
  max-width: 250px;
  width: 30%;
  padding-right: 1rem;
}
#eastview-about-title-metadata table td:last-child
{
  width: 70%;
}

#eastview-about-title-metadata table .badge
{
  padding: 0.4em;
  }

#eastview-about-title-description
{
  background-color: #ededed;
  border-radius: 0 0 1rem 1rem;
}

#publicationbrowsedecadelist, #publicationbrowseyearlist
{
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}

#publicationbrowseyearlist
{
  display: none;
}

#eastview-publication-documents-list-container
{
  padding-top: 0 !important;
}

#eastview-publication-documents-list-container li
{
  list-style: none;
  border-bottom: 1px solid #f7f7f9;
  padding: 0.25rem 0 0.25rem 0;
}

ul#publicationdocumentslist
{
  -webkit-box-orient: horizontal;  
  -webkit-box-direction: normal;  
  -ms-flex-direction: row;  
  flex-direction: row;
}
ul#publicationdocumentslist li
{
  width: 32%;
}

@media (max-width: 1000px)
{
  ul#publicationdocumentslist
  {
    -webkit-box-orient: vertical;    
    -webkit-box-direction: normal;    
    -ms-flex-direction: column;    
    flex-direction: column;
  }
  ul#publicationdocumentslist li
  {
    width: 100%;
  }
}

#eastview-from-collection-content,
#eastview-bibliographic-ebooks-content
{
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
      justify-content: space-between;
  list-style: none;
  margin: 1rem 0 0 0;
  padding: 0;
  width: 100%;
}
.sampler-wrapper
{
  width: 30%;
  padding-bottom: 1rem;
}
@media (max-width: 1200px)
{
  .sampler-wrapper
  {
    width: 48%;
  }
}
@media (max-width: 820px)
{
  .sampler-wrapper
  {
    width: 100%;
  }
}
.sampler-wrapper > div
{
  display: flex;
  flex-direction: row;
  background-color: #fff;
  border-radius: 15px;
}
.sampler-wrapper > div img
{
  margin-right: 0.5rem;
  border-radius: 15px 0 0 15px;
}
a.sampler-date
{
  color: #404040;
}

.sampler-wrapper > span.bibliographicbook
{
  text-align: center;
}
.sampler-wrapper > span.bibliographicbook img
{
  border-radius: 15px;
}

@media (max-width: 1000px)
{
  #eastview-about-title-container > div:first-child
  {
    display: block;
  }

  #eastview-about-title-container > div
  {
    padding: 0.5rem;
  }

  #eastview-about-title-metadata
  {
    padding-left: 0;
  }

  #eastview-about-title-metadata table
  {
    width: 100%;
  }

  #eastview-about-title-metadata table td
  {
    max-width: 100%;
  }

  #eastview-document-bigthumb > img
  {
    max-width: 100%;
  }
}

.eastview-search-result
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  border-top: 1px solid #ededed;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (max-width: 500px)
{
  .eastview-search-result
  {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.eastview-search-result-permalink
{
  font-size: 0.8rem;
}

/* Style the "loading.gif" image used when thumbnails and search snippet images are loading. These styles are intended
   to prevent loading.gif from being stretched to fit the same width as the image for which loading.gif is acting as placeholder. */
img.lazy[src$="loading.gif"],
div.imgsearchsnippet div.imagecontainer img.lazy[src$="loading.gif"]
{
  width: 32px !important;
  height: 32px !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div#searchpagesearchextracontainer
{
  margin-bottom: 0;
}

#eastview-small-screen-refine-search-controls
{
  width: 100%;
}

#eastview-small-screen-refine-search-controls > button
{
  margin-top: 1rem;
  width: 100%;
}

div#searchpagesearchfilterscontainer a.deletesearchfilterentrylink
{
  display: none;
}

#searchpagesearchresultfacets h3
{
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

#facet-PU,
#facet-LA
{
  padding-bottom: 1rem;
  border-bottom: 1px solid #ededed;
}

#facet-PU
{
  margin-top: 1.25rem;
}

#facet-LA,
#facet-DE,
#facet-DA
{
  margin-top: 1rem;
}

#facet-YEcontent
{
  margin-left: 1.5rem;
}

#searchpagesearchresults
{
  background-color: #f4f4f4;
  padding-left: 0;
}

ol.vlist li
{
  border-top: 0;
  padding: 0;
}

#searchpagesearchresults div#searchresultsheader,
#searchpagesearchresults div#searchresultsheader h2
{
  font-size: 0.8rem;
  color: #adb5bd;
}

#searchpagesearchresults div#searchresultsheader
{
  background-color: #fff;
}

#searchpagesearchresults nav .page-item .page-link
{
  border: 0;
  background-color: #f4f4f4;
  line-height: 1;
}

#searchpagesearchresults nav .page-item.active .page-link
{
  background-color: #97272d;
  border-radius: 50%;
}

#sortresultsformcontrols .custom-select
{
  border: 0;
  text-transform: capitalize;
  background: #fff url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 12 6' width='10' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-242 -1356)' fill='%23000' fill-rule='nonzero'%3E%3Cpath transform='translate(248 1359) scale(-1 1) rotate(90) translate(-248 -1359)' d='m250.83 1358.6l-4.8021-5.3684c-0.22392-0.24424-0.58736-0.27261-0.8488-0.02467-0.2333 0.22081-0.23917 0.65255-0.023447 0.89308l4.3051 4.7763v0.3158l-4.3051 4.7763c-0.21572 0.24055-0.20048 0.6612 0.023447 0.89309 0.23682 0.24424 0.62841 0.22327 0.8488-0.02467l4.8021-5.3684c0.14069-0.14556 0.16648-0.28618 0.16882-0.43421 0-0.14554-0.084412-0.34044-0.16882-0.43419z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right 0.75rem center;
}

.vlistentryiconcell
{
  margin-right: 1rem;
}

.eastview-clearall-link
{
  width: 100%;
  padding: 3px;
  margin-top: 1rem;
  background-color: #97272d;
  border-radius: 0.25rem;
  text-align: center;
}

.eastview-clearall-link > a
{
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.3em;
}

#eastview-search-results-back-to-top
{
  width: 100%;
  text-align: center;
  margin-bottom: 1rem;
}

/* EASTVIEW CUSTOMISATION: This is an attempt to make the lists of checkboxes in the advanced search form behave somewhat like a scrolling <select> box */
.eastview-checkbox-set
{
  max-height: 150px;
  overflow-y: scroll;
}

/* EASTVIEW CUSTOMISATION: For this collection we set the height of the main document viewer to 90% of the available viewport height, and allow
                           document display pages to scroll. Note the changes in veridian-documentdisplay.js that disables Veridian's default
                           behaviour of resizing the document viewer to fit in whatever space is available between the header and footer. */
#documentdisplay > div > div
{
  height: 90vh;
  max-height: 90vh;
}

/* EASTVIEW CUSTOMISATION: page link thumbnail */
div#documentdisplayleftpanecontentscontainer
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
div.pagetocnodecontainer
{
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
}
div.pagetocnodecontainer > a 
{
  margin-left: 1em;
  display: table-cell;
  background-image: unset;
  padding-left: 0;
  position: relative;
  width: 80px;
  background-color: white;
}
div#documentdisplayleftpanecontentscontainer img 
{
  max-width: 78px;
  max-height: 115px;
  margin: auto;
}
.eastview-thumb 
{
  border: 1px solid #97272d;
  padding: 1px;
}

#documentdisplayleftpanesearchresulttabcontrol button
{
  background-color: #97272d;
  border-color: rgba(0,0,0,.15);
}

#documentdisplayleftpanesearchresulttabstatus
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.25rem;
  margin: 0.25rem 0;
  background-color: #dee2e6;
}
#documentdisplayleftpanesearchresulttabstatus a.disable
{
  color: #777;
  cursor: default;
  text-decoration: none;
}

.documentsearchsnippet
{
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #dee2e6;
}

/* EASTVIEW CUSTOMISATION: BCA style link */
span.bcacell
{
  position: relative;
}
span.bcacell a
{
  color: #FFF;
  background-color: #97272d;
  text-decoration: none;
  font-size: 0.75rem;
  padding: 0.15rem;
  margin-left: 0.5rem;
  border-radius: 0.25rem;
  position: absolute;
  top: 15%;
  white-space: nowrap;
}

#eastview-documentlevel-controls
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
        justify-content: space-between;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}

div#eastview-text-select-overlay > div
{
  position: absolute;
}

div#eastview-text-select-overlay > div > span
{
  color: transparent;
  white-space: nowrap;
  line-height: 0.7143em; /* Magic number - see comments in veridian-osead.js */
  font-family: sans-serif;
  -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
  display: block;
}

.eastview-nextprevpagelinkscell,
.nextprevdocumentlinkscell,
.nextprevsearchresultlinkscell
{
  min-width: 80px;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
        justify-content: space-between;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
  border-right: 1px solid #ededed;
  padding-right: 1rem;
}

.eastview-nextprevpagelinkscell,
.nextprevsearchresultlinkscell
{
  margin-left: 1rem;
}

/* Hide the next/previous search result links on smaller screens as there are too many controls to fit... */
@media (max-width: 1000px)
{
  .nextprevsearchresultlinkscell
  {
    display: none;
  }
}

div#viewercontrols > div
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
    -ms-flex-align: center;
       -webkit-align-items: center;
          align-items: center;
  font-size: 0.8rem;
  padding: 0;
}

div#viewercontrols > div > div > div
{
  padding-top: 10px;
  padding-bottom: 10px;
}

/* EASTVIEW CUSTOMISATION: Make sure the tab headers in the left pane are capitalised */
.documentdisplayleftpanetablink
{
  text-transform: capitalize;
}

#pagecitecell label
{
  font-weight: bold;
}

#pagecitecell button
{
  background-color: #97272d;
  color: white;
  border-color: rgba(0,0,0,.15);
}

#pagecitecell .text-italic
{
  font-style: italic;
}

#pagecitecell .footer-cell
{
  padding: 1rem;
  text-align: center;
}

.highlightcolor
{
  background-color: #77F2FF;
}

.openseadragon-canvas
{
  cursor: -webkit-grab;
  cursor: grab;
}

div#oseadpagelevellinkscontainer
{
  min-width: 140px;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
    -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}
div#oseadpagelevellinkscontainer.userclipping
{
  min-width: 105px;
}

button#pagepdfrequestformbutton:focus
{
  outline: 0;
}

/* Layout the panojs buttons side by side */
div.oseadviewerbuttons button,
div.oseadviewerbuttons a.btn
{
  display: inline-block;
}

/* Dummy input holding text */
#userclippinghiddeninput
{
  position: absolute;
  left: -50px;
  bottom: -10px;
  width: 20px;
  height: 20px;
}

#viewer .selection-box
{
  z-index: 40;
}

#oseadclipstopbutton,
#oseadpanstopbutton,
#oseadselecttextstopbutton
{
  background-color: #97272d;
}

#eastview-documentlevel-permalink-container
{
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* For now the width of the "permalink" on document display pages isn't very smart, and we hide it completely on all but relatively large screens. This is likely to change, once
   the people at Eastview decide how they want these links to work. */
#eastview-documentlevel-permalink-container > input
{
  width: 420px;
  height: 25px;
}
@media (max-width: 1200px)
{
  #eastview-documentlevel-permalink-container > input
  {
    width: 200px;
  }
}
@media (max-width: 1000px)
{
  #eastview-documentlevel-permalink-container
  {
    display: none;
  }
}

.eastview-arrow
{
  fill: #97272d;
  width: 8px; height: 16px;
}

.eastview-arrow-disabled
{
  opacity: 0.3; /* Same as opacity applied to next/previous buttons in veridian-osead.js */
}

#eastview-share-button
{
  font-size: 0.8rem;
  display: inherit;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popover-body > input
{
  font-size: 0.75rem;
  max-width: 450px;
}

#eastview-share-popper
{
  display: none;
  background-color: #EEE;
  border-radius: 8px;
  z-index: 105;
}
.popper .popper__arrow
{
  border-color: #EEE;
}

a.helpclick
{
  display: inline-block;
  margin-bottom: 0.25rem;
  text-decoration: underline;
  color: #203762;
}
.helpcontent h3
{
  color: #97272d;
  font-weight: bold;
}
.helpcontent .format
{
  text-decoration: underline;
}
.helpcontent .example
{
  font-size: 0.9rem;
  margin-left: 2rem;
}

#publicationbrowserpagecontent
{
  margin-top: 1rem;
  margin-bottom: 4rem;
  min-height: 30rem;
}

#eastview-title-filter-search input,
#eastview-title-filter-search #clearallbutton
{
   display: none;
}

#eastview-title-filter-search .tt
{
  flex: 3;
}
#eastview-title-filter-search .co,
#eastview-title-filter-search .ci,
#eastview-title-filter-search .la
{
  flex: calc(3.8/3);
}
#eastview-title-filter-search .input-group-append
{
  flex: 3.2;
  width: 100%;
}
#countryinputtxq, #cityinputtxq, #languageinputtxq
{
  font-size: 0.8rem;
}
#eastview-title-filter-search #clearallbutton, #eastview-title-filter-search #downloadexcelcell
{
  font-size: 0.8rem;
  width: 100%;
}
#eastview-title-filter-search #downloadexcelcell
{
  color: #97272d;
  text-align: right;
  padding: 6px 0;
}
#eastview-title-filter-search #downloadexcelcell.fullwidth
{
  width: 100%;
}
#eastview-title-filter-search #downloadexcelbutton img
{
  width: 20px;
}

.eastview-title-browser-filter-status
{
  margin-top: 0.5rem;
}

.eastview-title-browser-row,
.eastview-title-browser-header-row
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  border-bottom: 1px solid #F7F7F9;
  padding: 0.25rem 0 0.25rem 0;
}
.eastview-title-browser-header-row.narrow
{
  display: none;
}

.eastview-title-browser-header-row a
{
  font-weight: 600;
  color: #000;
}

.eastview-title-browser-header-row > div
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
        justify-content: space-between;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  background-color: #f4f4f4;
}
.eastview-title-browser-header-row > div,
.eastview-title-browser-row > div
{
  padding: 0 0.25rem 0 0.25rem;
}

.eastview-title-browser-row .tt
{
  width: 2%;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}

.eastview-title-browser-row .tt, .eastview-title-browser-header-row .tt
{
  width: 30%;
}
.eastview-title-browser-header-row.narrow .tt
{
  width: 100%;
}

.eastview-title-browser-row .co, .eastview-title-browser-header-row .co,
.eastview-title-browser-row .ci, .eastview-title-browser-header-row .ci,
.eastview-title-browser-row .la, .eastview-title-browser-header-row .la,
.eastview-title-browser-row .pt, .eastview-title-browser-header-row .pt
{
  width: calc(40%/3);
}

/* This is a bit ugly but we need to ensure the table columns are laid out correctly with or without the
   "publication type" column (most GPA collections don't have that column, but some (like asc) do). */
.eastview-browser-includes-pubtypes .eastview-title-browser-row .co,
.eastview-browser-includes-pubtypes .eastview-title-browser-header-row .co,
.eastview-browser-includes-pubtypes .eastview-title-browser-row .ci,
.eastview-browser-includes-pubtypes .eastview-title-browser-header-row .ci,
.eastview-browser-includes-pubtypes .eastview-title-browser-row .la,
.eastview-browser-includes-pubtypes .eastview-title-browser-header-row .la,
.eastview-browser-includes-pubtypes .eastview-title-browser-row .pt,
.eastview-browser-includes-pubtypes .eastview-title-browser-header-row .pt
{
  width: calc(40%/4);
}

.eastview-title-browser-row .af, .eastview-title-browser-header-row .af,
.eastview-title-browser-row .at, .eastview-title-browser-header-row .at
{
  width: 15%;
}

.eastview-title-browser-header-row svg
{
  display: none;
}
.eastview-title-browser-header-row .tt svg.up
{
  display: block;
}

@media (max-width: 1000px)
{
  .eastview-title-browser-header-row
  {
    display: none;
  }
  .eastview-title-browser-header-row.narrow
  {
    display: -webkit-box;
      display: -ms-flexbox;
        display: flex;
  }

  .eastview-title-browser-row
  {
    display: block;
  }

  .eastview-title-browser-row .tt
  {
    width: 100%;
  }

  .eastview-title-browser-row .to,
  .eastview-title-browser-row .co,
  .eastview-title-browser-row .ci,
  .eastview-title-browser-row .la,
  .eastview-title-browser-row .pt,
  .eastview-title-browser-row .af,
  .eastview-title-browser-row .at,
  .eastview-browser-includes-pubtypes .eastview-title-browser-row .co,
  .eastview-browser-includes-pubtypes .eastview-title-browser-row .ci,
  .eastview-browser-includes-pubtypes .eastview-title-browser-row .la,
  .eastview-browser-includes-pubtypes .eastview-title-browser-row .pt
  {
    width: 100%;
    font-size: 0.8rem;
  }

  .eastview-title-browser-row span
  {
    display: inline;
    font-weight: 600;
    margin-right: 0.5rem;
  }
  .eastview-title-browser-row span::after
  {
    content: ':';
  }
  .eastview-title-browser-row .tt span::after
  {
    content: '';
  }
}

/* .eastview-date-field divs should act like spans and display inline... */
div.eastview-date-field,
div.eastview-date-field div
{
  display: inline;
}

/* EASTVIEW CUSTOMISATION: Styling of the "login prompt" that is displayed below the navbar to users who don't have access to the site. */

#eastviewloginprompt
{
  position: relative;
  padding-right: 4rem;
  width: 100%;
}

#eastviewloginprompt button.close
{
  position: absolute;
  top: 0;
  right: 0;
  padding: .75rem 1.25rem;
  color: inherit;
}

#eastviewloginprompt .form-control
{
  max-width: 40rem;
}

div#eastviewnomatchingaccessrule
{
  display: none;
  text-align: center;
}
div#eastviewaccessrulefilterswrapper
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
      justify-content: space-between;
}
div.eastviewaccessrulefiltercontrolwrapper
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
        justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
        align-items: center;
  margin-top: 0.25rem;
}
div.eastviewaccessrulefiltercontrolwrapper select
{
  margin-left: 0.5rem;
  margin-right: 0px;
}
html[dir='rtl'] div.eastviewaccessrulefiltercontrolwrapper select
{
  margin-left: 0px;
  margin-right: 0.5rem;
}

#useraccountpageaccessrule h2
{
  margin: 0;
}

#useraccountpageaccessrule > div.card
{
  margin-bottom: 1rem;
}

ol.vlist li.eastviewaccessruleline
{
  border: 2px solid rgba(0,0,0,.125);
  margin-bottom: 0.25rem;
}
ol.vlist li.eastviewaccessruleline.expired
{
  border: 1px solid rgba(0,0,0,.125);
  color: #888;
}
ol.vlist li.eastviewaccessruleline.future
{
  border: 1px dashed rgba(0,0,0,.125);
}

div.eastviewaccessruleusertypeid
{
  padding: 0.25rem;
}

div.eastviewaccessruleusertypeid > h3
{
  margin: 0;
}

div.eastviewaccessrulecontentcell
{
  padding: 0.5rem;
}

div.eastviewaccessrulecontentcell > h4
{
  font-size: 1rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  text-decoration: underline;
}

span.eastviewaccessruleipaddress:hover
{
  background-color: rgba(0,0,0,.125);
}

/* Collection list page */

#eastview-accessible-collection-list
{
  background-color: #fff;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

#eastview-accessible-collection-list h2
{
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.25rem;
}

#titleinputcell
{
  padding: 0.5rem 0 0.875rem 0;
}
#titleinputtxq
{
  font-size: 0.8rem;
}

#eastview-accessible-collection-list > ul
{
  margin: 0;
  padding: 0;
  -webkit-column-count: 2;
    -moz-column-count: 2;
      column-count: 2;
  -webkit-column-width: 250px;
    -moz-column-width: 250px;
      column-width: 250px;
}

#eastview-accessible-collection-list > ul > li
{
  list-style: none;
  margin-bottom: 0.75rem;
  line-height: 1.25rem;
}

#eastview-accessible-collection-list input[type='checkbox']
{
  margin-right: 4px;
  display: none; /* This is only usable on umbrella */
}

#eastview-accessible-collection-list label
{
  display: initial;
}

/* Support RTL */
html[dir='rtl'] body
{
  font-family: "Courier New", Asap,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,'Noto Sans Javanese';
}

html[dir='rtl'] input[type="text"] 
{
  direction: rtl;
  text-align: right;
}

input[type="checkbox"] 
{
  margin-right: -1.25rem;
}

html[dir='rtl'] #eastview-top-gpa-tagline
{
  margin-right: 0.75rem;
  margin-left: 0;
}

html[dir='rtl'] #eastview-help-link,
html[dir='rtl'] #eastview-user-links
{
  margin-right: 1rem;
  margin-left: 0;
}

html[dir='rtl'] #eastview-user-links a
{
  margin-left: 0.5rem;
  margin-right: 0;
}

html[dir='rtl'] #eastview-about-collection-poster
{
  border-radius: 1rem 0 0 1rem;
}

html[dir='rtl'] #eastview-from-collection-container,
html[dir='rtl'] #eastview-bibliographic-ebooks-container
{
  padding-right: 1.5rem;
  padding-left: 0;
}

html[dir='rtl'] .sampler-wrapper > div img
{
  margin-right: 0;
  margin-left: 0.5rem;
  border-radius: 0 15px 15px 0;
}

html[dir='rtl'] #eastview-about-title-metadata
{
  padding-right: 1.5rem;
  padding-left: 0;
}

html[dir='rtl'] div.map-wrapper ul
{
  margin-left: 0.5rem;
  margin-right: 0;
}

html[dir='rtl'] #eastviewaccesscodeform button
{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html[dir='rtl'] #eastview-gpa-banner-search input
{
  font-size: 0.8rem;
}

html[dir='rtl'] #eastview-gpa-banner-search .eastview-search-buttons button.eastview-search-button 
{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html[dir='rtl'] #homepagedatebrowserwhitneyyearselectorwrapper
{
  padding-left: 0.5rem;
  padding-right: 0;
}

html[dir='rtl'] .eastview-title-browser-header-row > div
{
  margin-left: 0.1rem;
  margin-right: 0;
}

@media (max-width: 1000px)
{
  html[dir='rtl'] .eastview-title-browser-row span
  {
    margin-left: 0.5rem;
    margin-right: 0;
  }
}

html[dir='rtl'] .vlistentryiconcell 
{
  margin-left: 1rem;
  margin-right: 0;
}

html[dir='rtl'] .form-check-input 
{
  margin-right: -1.25rem;
  margin-left: 0;
}

html[dir='rtl'] .input-group .form-control:not(:last-child)
{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

html[dir='rtl'] .eastview-transliteration-link
{
  left: 195px;
  right: unset;
}

html[dir='rtl'] div#searchpageadvancedsearchcontent .form-control,
html[dir='rtl'] #datebrowserheader .form-control
{
  font-size: 0.8rem;
}

html[dir='rtl'] .eastview-nextprevpagelinkscell,
html[dir='rtl'] .nextprevdocumentlinkscell,
html[dir='rtl'] .nextprevsearchresultlinkscell
{
  border-left: 1px solid #ededed;
  padding-left: 1rem;
  border-right: 0;
  padding-right: 0;
}

html[dir='rtl'] .eastview-nextprevpagelinkscell,
html[dir='rtl'] .nextprevsearchresultlinkscell
{
  margin-right: 1rem;
  margin-left: 0;
}

html[dir='rtl'] .helpcontent
{
  margin-right: 1rem;
  margin-left: 0;
}

html[dir='rtl'] .helpcontent .example
{
  margin-right: 2rem;
  margin-left: 0;
}

html[dir='rtl'] span.eastviewaccessrulewarning
{
  margin-right: 1rem;
  margin-left: 0;
}



html[dir='rtl'] #inputupsuhcontainer input[type="checkbox"] 
{
  margin-left: 4px;
  margin-right: -1.25rem;
}

html[dir='rtl'] #eastview-footer-bottom-right > div > div:first-child
{
  margin-left: 2rem;
  margin-right: 0;
}

html[dir='rtl'] #eastview-footer-bottom-right > p
{
  text-align: left;
}

@media (max-width: 750px)
{
  html[dir='rtl'] #eastview-footer-bottom-right > p
  {
    text-align: right;
  }
}

/* EASTVIEW CUSTOMISATION: Some input must be ltr. */
html[dir='rtl'] input#inputemail, html[dir='rtl'] input#inputpassword, html[dir='rtl'] input#inputpasswordconf
{
  direction: ltr;
  text-align: right;
}


/* EASTVIEW CUSTOMISATION: Upgrade to Bootstrap 4.0.0. */
/* Ensure all buttons in a button group are the same height. */
.input-group-append
{
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          -webkit-align-items: stretch;
          align-items: stretch;
}

/* EASTVIEW CUSTOMISATION: Support RTL */
.pulldownarrowbefore::before
{
  margin-right: .3em;
  margin-left: 0;
}
html[dir='rtl'] .pulldownarrowbefore::before
{
  margin-left: .3em;
  margin-right: 0;
}
html[dir='rtl'] .pulldownarrowbefore.collapsed::before
{
  border-top: .3em solid transparent;
  border-bottom: .3em solid transparent;
  border-left: 0;
  border-right: .3em solid;
}

html[dir='rtl'] .custom-select
{
  padding: .375rem 0.25rem .375rem 1.75rem;
}

html[dir='rtl'] #sortresultsformcontrols .custom-select
{
  background: #fff url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 12 6' width='10' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-242 -1356)' fill='%23000' fill-rule='nonzero'%3E%3Cpath transform='translate(248 1359) scale(-1 1) rotate(90) translate(-248 -1359)' d='m250.83 1358.6l-4.8021-5.3684c-0.22392-0.24424-0.58736-0.27261-0.8488-0.02467-0.2333 0.22081-0.23917 0.65255-0.023447 0.89308l4.3051 4.7763v0.3158l-4.3051 4.7763c-0.21572 0.24055-0.20048 0.6612 0.023447 0.89309 0.23682 0.24424 0.62841 0.22327 0.8488-0.02467l4.8021-5.3684c0.14069-0.14556 0.16648-0.28618 0.16882-0.43421 0-0.14554-0.084412-0.34044-0.16882-0.43419z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat left 0.75rem center;
}

table.useradmintable th 
{
  text-align: start;
}

html[dir='rtl'] div#userlists div.userlistlinkscontainer 
{
  float: left;
}

html[dir='rtl'] #userclippinghiddeninput
{
  right: -50px;
}