/* ---------- PDNUPEPA CSS ---------- */


/* ---- Public settings ---- */

/* H1 adds bottom padding */
h1
{
  padding-top: 5px;
}

h2 
{
  font-size: 1.25rem;
  font-weight: bold;
}

/* Visited links have different color */
a:visited
{
  color: #4B0082;
}

/* Button hover colors */
a:hover svg, button:enabled:hover svg 
{
  fill: #636C72;
}

.bg-secondary
{
  background-color: #D59F0F !important;
}

.breadcrumb 
{
  border-bottom: 0px;
}


/* ---- Header settings ---- */

/* Remove bottom border of header */
div#headerbottomcell
{
  border-bottom: none;
}

/* Papakilo style navbar style */
nav.grid-container 
{
  border-top: 0.5rem solid #609F2C;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  background-image: url(../images/Masthead-background.jpg);
  background-size: auto 57px;
  display: flex;
  justify-content: flex-start;
  position: relative;
}

/* Logo hides on small screens */
.pd-logo 
{
  display: none;
  float: left;
}

/* Remove underline of logo link */
.pd-logo a
{
  text-decoration: none;
}

/* Logo texts style */
.pd-logo-papakilo 
{
  width: 17.4rem;
  height: 5rem;
  background-size: auto 5.1rem;
  background-image: url(../images/PapakiloLogo.png);
  background-repeat: no-repeat;
  background-position-x: -5px;
}

/* OHA logo style, not shown on small screens */
.pd-oha-logo
{
  float: right;
  height: 3.4rem;
  width: 7.6rem;
  background-size: 7.2rem;
  background-image: url(../images/OHALogo.png);
  background-repeat: no-repeat;
  display: none;
  background-position-y: -10px;
  margin-left: auto !important;
}


/* ---- Navigator settings ---- */

/* P logo brand style shown on small screens */
.navbar-header
{
  display: block;
}
.navbar-brand
{
  color: #004a6a;
  padding: 0.1875rem;
  margin-top: 4px;
  margin-left: 1rem;
  margin-right: 0.5rem;
  width: 3.125rem;
  line-height: 2.125rem;
  height: 3.125rem;
  transition: font-size .2s ease-out;
  transition: width .2s ease-out;
  text-align: center;
  letter-spacing: 0.25rem;
}
.navbar-brand img
{
  width: 2.7rem;
  border: 2px solid #ffffff;
  border-radius: 4px;
  margin-top: 3px;
}

/* Navbar occupies whole width. Set background color. */
div#navbar,
nav.navbar
{
  width: 100%;
  background-color: #E7E3D8;
}

/* Visited links on navbar have different color */
#navbar .nav-link
{
  color: #1D6595;
  padding: 0.05rem 0.5rem;
}
#navbar .nav-link.active
{
  color: white;
}

/* Show suitable PD Navbar by screen width */
#navbarentries-smallest
{
  display: flex;
}
#navbarentries-smaller,
#navbarentries-small,
#navbarentries-wide,
#navbarentries-wider
{
  display: none;
}

/* Set uniform height for all text and svg buttons */
#navbarentries-smallest a.nav-link,
#navbarentries-smaller a.nav-link,
#navbarentries-small a.nav-link,
#navbarentries-wide a.nav-link,
#navbarentries-wider a.nav-link
{
  height: 28px;
}

/* Inactive navbar item border and margin */
.nav-link
{
  border: 1px #9FBDD9 solid;
  margin: 0 0.2rem;
}

/* Inactive navbar item hover style */
div#navbar .nav-link:hover
{
  color: #fff;
  background-color: #1d6595;
}
div#navbar .nav-link:hover svg
{
  fill: #fff;
  background-color: #1d6595;
}

.nav-pills .nav-link.active svg
{
  fill: #fff;
  background-color: #1d6595;
}

/* Show translate icon together with other menu */
.navbar
{
  justify-content: space-between;
}


/* ---- Dropdown menu settings ---- */

/* Papakilo hamburger button style */
button.navbar-toggler
{
  display: block;
  /* margin-top: 0.4rem; */
  padding: 12px 10px;
  margin-right: 15px;
  margin-top: 4px;
  margin-bottom: 4px;
  position: relative;
  background-color: transparent;
  border: 2px solid #ffffff;
  border-radius: 4px;
}

/* Papakilo hamburger button icon style */
button.navbar-toggler .icon-bar
{
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #ffffff;
}
button.navbar-toggler .icon-bar+.icon-bar
{
  margin-top: 4px;
}

/* Papakilo hamburger dropdown list style */
div#bs-navbar-collapse-1
{
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  order: 4;
  border-color: #E7E7E7;
  border-bottom: 1px solid white;
  background-color: #134169;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  padding-left: 1rem;
}
ul.navbar-nav
{
  display: flex;
  flex-direction: column;
  order: 3;
  float: left;
  padding-top: 4px;
  padding-bottom: 10px;
}
ul.navbar-nav > li
{
  height: 1.6rem;
}

/* Papakilo hamburger dropdown link style */
ul.navbar-nav > li > a
{
  color: #FFFFFF;
  padding: 0.3125rem 0.125rem 0.1875rem 0;
  line-height: 1.125rem;
  font-size: 0.875rem;
  text-align: left;
  font-family: Arial Narrow,Helvetica Nueue,Helvetica,sans-serif;
  font-weight: normal;
  width: 100%;
  white-space: normal;
  border: none;
}
ul.navbar-nav > li > a:hover
{
  text-decoration: underline;
}

/* PD Navbar collapse visible on small screens */
div#navbarcollapsed
{
  font-size: 1em;
  margin-top: 3px; /* Putting Menu text in line horizontally with other nav elements */
  margin-left: 3px;
}

/* PD Navbar user links navbar items invisible on small screens */
#navbarentriesextra
{
  display: none;
}

/* Visited links on dropdown has different color */
/* Adjusting padding to suit all devices including small screens, to fit in small screen widths */
nav.dropdown-menu .dropdown-item
{
  color: black;
  padding: .25rem 1rem;
}
nav.dropdown-menu .dropdown-item.active
{
  color: white;
}

/* Divider in dropdown list with small margin */
.dropdown-divider
{
  margin-top: 5px;
  margin-bottom: 0px;
}

/* Vertically align menu with navbar */
a.dropdown-toggle
{
  padding-right: 2rem;
}

div.menu-icon-header-container
{
  display: flex;
}


/* ---- Breadcrumbs settings ---- */

/* Put social bookmarks in breadcrumbs line */
#breadcrumbscell
{
  background-color: #F7F7F9;
  border-bottom: 1px solid #ECEEEF;
}
ol.breadcrumb
{
  float: left;
  padding-top: 0.5rem;
}

/* Add social bookmarks top padding and chanage background */
#socialbookmarkscell
{
  background-color: #F7F7F9;
  padding-right: 15px;
  text-align: right;
}
#socialbookmarkscell a:visited,
#socialbookmarks a:visited
{
  color: white;
}
div#socialbookmarkscelldocument
{
  padding-top: 4px;
}

.jssocials-share-link 
{
  border-radius: 0;
}

div.jssocials-share-twitter > a.jssocials-share-link
{
  padding: .4em .6em;
}


/* ---- Translation settings ---- */

/* Float translate button background */
#fixedtranslatebutton
{
  position: fixed; 
  top: 0px; 
  right: 0px;
  height: 32px;
  width: 91px;
  z-index: 1000;
  cursor: pointer;
  background: #E7E3D8 url(../images/translatewide.png) no-repeat center center;
  border-radius: 5px;
  border: solid 1px #1d6595;
}

/* Hide wide translate while show small button on small screens */
svg.translatesvg
{
  display: none;
}

/* Translate button style */
.translatewide
{
  float: left; 
  margin-left: 5px;
  margin-right: 5px;
}

/* Translate popup style */
#enabledictionarydropdown 
{
  position: absolute; 
  border: 1px solid #A0A0A0; 
  border-radius: 5px; 
  background: #F0F0F0; 
  padding: 5px; 
  width: 288px; 
  z-index: 1000;
}
#enabledictionarydropdown, 
#enabledictionarydropdown p, 
#enabledictionarydropdown div, 
#enabledictionarydropdown span 
{
  font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; 
  color: black; 
  text-align: left; 
  font-weight: normal; 
  font-size: 13px;
}

/* Response in translate popup style */
#enabledictionarydropdownresponse 
{ 
  padding-top: 10px; 
}

/* Search result in translate popup style */
div#wordsearchresults
{
  border-bottom: 1px solid #A0A0A0;
  border-top: 1px solid #A0A0A0;
  padding: 0px 4px;
}

/* Original URL in translate popup style */
div#wehewehewordurl
{
  color: #777777; 
  padding-top: 10px;
}

/* Close container in translate popup style */
div#closethistoolcontainer
{
  color: #777777; 
  text-align: right; 
  padding-top: 7px; 
  height: 19px; 
  margin-top: -6px;
}

/* Close in translate popup style */
a#closethistool
{
  font-size: 12px; 
  padding-right: 5px;
}


/* ---- Search settings ---- */

div#pdnupepa-search-diff-notice
{
  max-width: 800px;
  font-size: 0.9rem;
}
div#pdnupepa-search-diff-notice h3
{
  font-size: 1rem;
}

/* Search term box in translate popup style */
#searchtermbox 
{ 
  display: inline; 
  padding-top: 5px; 
  padding-bottom: 6px; 
  vertical-align: bottom; 
  width: 188px; 
}

/* Search term submit in translate popup style */
#searchtermsubmit 
{ 
  border: 1px solid #A0A0A0; 
  border-radius: 5px; 
  color: #1D6595; 
  display: inline; 
  float: right; 
  font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; 
  margin: 4px 0px; 
  padding-left: 8px; 
  padding-right: 8px; 
  padding-bottom: 0px; 
  height: 25px; 
  width: 82px;
}
#searchtermsubmit:focus 
{ 
  border: 1px solid #A0A0A0; 
}


/* Vertically align text with filter icon */
#homepageadvancedsearch
{
  margin-top: 2px;
  vertical-align: middle;
}

/* Add border to advanced search content */
.advancedsearchwrapper
{
  border: 1px solid #DDD;
  border-radius: 0.25rem;
  margin: 1rem 0;
  padding: 1rem;
}

/* Search result snippet note */
.txtsearchsnippetnotecell
{
  background-color: #C4E0F3;
  color: #505050;
  padding: 2px 5px;
  font-weight: 400; 
}

/* Search filter removal visual indicator "X" */
div#searchpagesearchfilterscontainer .badge 
{
  border-radius: 1rem;
  padding-left: 0.5rem;
}
div#searchpagesearchfilterscontainer .badge-dark 
{
  padding-right: 0.5rem;
}
span.remove > svg
{
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 4px;
  fill: white;
  margin-top: -1px;
}

/* Result header style */
#searchpagesearchresults div#searchresultsheader
{
  flex-direction: column;
}

div#sortresultsformcontrols
{
  display: flex;
  flex-direction: row;
}

/* Export style */
div#searchexportlabel
{
  display: none;
}
div#export a.dropdown-toggle
{
  padding-right: 1rem;
}
label#longlabel
{
  display: none;
}
label#shortlabel
{
  display: block;
}
div#searchresults
{
  margin-right: 1rem;
}

div#sortresultsformcontrols > div
{
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}


/* ---- Home settings ---- */

/* Add bottom padding on text correct score board */
div#homepagetextcorrectscoreboard
{
  padding-bottom: 20px;
}

/* Text correct statistics style */
div#homepagetextcorrectstatistics
{
  padding: 0.5rem 0rem;
}

/* Text correct recommend link style */
div#homepagetextcorrecthistory
{
  text-align: center;
}

/* Text corrector header style */
#homepagerightcolumn h3
{
  text-align: center;
}

/* Text correction recommandation link style */
div#homepagetextcorrectrecommend
{
  text-align: center;
}


/* ---- Document settings ---- */

/* Fixing Veridian bug */
ul#documentdisplayleftpanetabgroup > li
{
  z-index: 100;
}

/* Make area boundry more clear */
div.documentdisplayleftpanetabareaheader
{
  border-radius: 0 0 0.25rem 0.25rem;
  border-top: 2px solid #1d6595;
}

button#reportissuebutton
{
  width: 100%;
}

/* Show titles on small screens */
div.logicalsectiontocnodecontainer a.logicalsectiontocnodelink, div.logicalsectiontocnodecontainer span.logicalsectiongroupingnode, div.logicalsectiontocnodecontainer span.sectionlinkwithinviewerdisabled, div.pagetocnodecontainer a.pagetocnodelink, div.pagetocnodecontainer span.sectionlinkwithinviewerdisabled
{
  word-break: break-all;
}

/* Show stats on small screens */
div#documentdisplaytextcorrectionstatstable
{
  display: block;
}
div#documentdisplaytextcorrectionstatstablesmall
{
  display: none;
}

/* Style of footer on left pane on document display page */
.poweredbytext
{
  background-color: #E0E0E0;
  border-bottom: 1px solid #C0C0C0;
  color: #333;
  font-family: Arial;
  font-size: 75%;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
  width: 100%;
  text-align: center;
}
.poweredbytext span
{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* Style of contributors on document display page */
div.textcorrectcontributors
{
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
}
    
/* Set toolbar header style */
div.oseadviewerbuttons
{
  left: 0.25rem;
  right: unset;
}

.toolbarheadingcell
{
  width: 100%;
  justify-content: space-between;
  margin-bottom: 3px;
}

.toolbarheading
{
  width: 48%;
  font-size: 5pt;
  letter-spacing: 0.1em;
  font-weight: bold;
  background-color: white;
  color: #565656;
  text-align: center;
  border-radius: 1px;
  cursor: default;
  text-transform: uppercase;
}

/* Article buttons are disabled by default */
button.toolbararticlebutton
{
  opacity: 0.3;
}

/* Remove original contextmenu icons */
div#panojscontextmenupopup div.panojszoomtoreadlinkcontainer a,
div#panojscontextmenupopup div.panojslogicalsectionimageslinkcontainer a,
div#panojscontextmenupopup div.panojssectiontextlinkcontainer a, 
div#panojscontextmenupopup div.panojstextcorrectlinkcontainer a,
div#panojscontextmenupopup div.panojspdflinkcontainer a,
div#panojscontextmenupopup div.panojsadduserlistitemslinkcontainer a
{
  background-image: none;
}
div#panojscontextmenupopup a, 
div#panojscontextmenupopup a:link, 
div#panojscontextmenupopup a:visited
{
  padding-left: 0px;
  text-decoration: none;
}

/* Contextmenu icons style */
.panojstoolbariconsmall
{
  width: 24px;
  height: 22px;
  margin-right: 2px;
}

div#highlightedtextcell td
{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  border: 0;
}

div.panojsviewerbuttons button:enabled:hover svg,
div.oseadviewerbuttons button:enabled:hover svg,
div.oseadviewerbuttons a.btn:hover svg
{
  fill: #00BAFF;  /* Links colour */
}

div.panojsviewerbuttons button:enabled:focus-within,
div.oseadviewerbuttons button:enabled:focus-within,
div.oseadviewerbuttons a.btn:focus-within
{
  outline: white auto;
}

div.oseadsaved
{
  pointer-events: none; /* Pass events to underlying elements */
  z-index: 80;
}
div.oseadsaved svg
{
  fill: #303030;
}
div.oseadhighlight svg
{
  fill: #636C72;
  fill-opacity: .5;
}

.pagenotewrap
{
  background-color: white;
  text-align: center;
  padding: 0.5rem 3px 3px 3px;
}
a.pagenotebutton 
{
  position: relative;
  color: #212529;
  padding: 3px 5px;
  z-index: 45;
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 18px;
}
a.pagenotebutton svg
{
  vertical-align: bottom;
}
div.pagenotetooltip
{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0.5rem 0.5rem 0.25rem 0.5rem;
  text-align: center;
  z-index:81;
}
div.tooltip-note
{
  max-height: 30rem;
  overflow-y: auto;
}

span.pagelabel 
{
  background-color: white;
  color: #212529;
  z-index:80;
}

span.pagelabel h2
{
  font-size: 1rem;
  font-weight: normal;
}

#userlistsharedurl
{
  font-size: 0.9rem;
  word-break: break-all;
}

#documentdisplayissuelevelsearchbox
{
  padding-top: 3px;
}

/* Document and article level search results */
.searchresultsnavigation
{
  display: flex;
  justify-content: space-between;
  background-color: #dee2e6;
  padding: 0.25rem;
  margin: 0.25rem 0;
}
.searchresultsnavigation a.disable
{
  color: #777;
  cursor: default;
  text-decoration: none;
}
.documentsearchsnippet
{
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #dee2e6;
}
.active-highlight
{
  border: 1px solid rgb(0, 0, 0);
}
#documentdisplayissuelevelarticlelevelsearchbox
{
position: sticky;
top: 0px;
}
#articlelevelsearchnavigationarea
{
  position: sticky;
  top: 0px;
  background-color: white;
  padding: 5px 5px 10px 5px;
}
.highlightdocumentlevelactivesearchresult
{
  background-color: #FFFF77;  /* Light yellow -- same as .highlightcolor*/
}

/* ---- Text correction settings ---- */

/* Pane header style on document display page */
div#textcorrectstats
{
  border-top: 1px solid #CCC; 
  padding-top: 1rem;
}

/* Text correction for blocks div style */
form#textcorrectpanojsinterfaceform div.inputblockcccontainer
{
  text-wrap: nowrap;
}

div.textcorrectcurrentblock
{
  background: none;
}

/* Text correction stat section on document display page style */
.metadatalabel
{
  font-weight: bold;
}
.metadataheader,
.metadatalabel,
.metadatacontent
{
  padding-left: 2px;
  padding-right: 1px;
  text-align: center;
}
.metadatacontent
{
  text-align: center;
}

/* Text correction recommandation link style */
div#textcorrectlinksection
{
  margin-top: 1rem;
}
div#textcorrectlinksection svg
{
  fill: #1D6595;
}
div.useraccountpagetabarea svg
{
  fill: #1D6595;
}

/* Text correction statistics table style */
div#textcorrectstatscollection
{
  border-top: 1px solid #CCC;
  margin: 1.5rem 0rem;
  padding-top: 1.5rem;
}
div#textcorrectstatscollection h2 
{
  text-align: center;
  text-transform: uppercase;
}
.statsdata, .statsdata div 
{
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}
.statsdata > div > div 
{
  border: 1px solid #CCC;
  padding: 0.2rem 0.75rem;
}
.statsdata .statsvalue
{
  text-align: right;
}

/* Statistics table style */
.statsdatacontainer
{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.statsdatacontainer h3
{
  text-align: center;
}
#publicationtextcorectstatlink
{
  margin-top: 0.5rem;
  text-align: center;
}

/* Text correction user score board style */
div#userscoreboardtable
{
  margin-top: 4rem;
}
div#userscoreboardtable div
{
  margin: auto;
}
div.userscoreboard > div > div 
{
  padding: 0.5rem 1rem;
}

/* Text correction list style */
div.textcorrectlist
{
  margin-top: 1rem;
  width: 100%;
}
div#textcorrectlist div
{
  margin: auto;
}
div.textcorrectlist > div > div
{
  padding: 0rem 0.5rem;
}

/* Set text correction list width */
.textcorrectlistentrypos
{
  width: 5%;
}
.textcorrectlistentryname
{
  width: 80%;
}
div.textcorrectlist > div > div.textcorrectlistentrypercentage
{
  width: 15%;
  padding-top: 4px;
  padding-bottom: 0px;
}
.textcorrectpercentagewrapper
{
  width: 150px;
  height: 15px;
  line-height: 0.9rem;
  margin-bottom: 2px;
  background-image: url('../images/ruler.png');
  background-repeat: no-repeat;
}
.textcorrectpercentagecompleted
{
  display: inline-block;
  height: 0.9rem;
  background-color: rgba(92, 167, 57, 0.8);
  text-align: right;
  font-size: 0.8rem;
  margin-right: 2px;
}
.textcorrectpercentagechecked
{
  display: inline-block;
  height: 0.9rem;
  background-color: rgba(38, 98, 148, 0.8);
  text-align: right;
  font-size: 0.8rem;
  margin-right: 2px;
}
.textcorrectpercentagelabel
{
  display: inline-block;
  height: 0.9rem;
  font-size: 0.8rem;
  vertical-align: top;
}

/* Text correction history form style */
.textcorrecthistoryconditionwrapper,
.userlastcorrectedblocksconditionwrapper
{
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
}
.textcorrecthistoryconditionwrapper .btn
{
  margin-top: 1rem;
}
.textcorrecthistorycondition
{
  width: 48%;
}
.userlastcorrectedblocksconditionwrapper .form-text
{
  line-height: 42px;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.userlastcorrectedblocksconditionwrapper .btn
{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
#textcorrecthistorypagesearchformcontainer
{
  margin-bottom: 1rem;
}

/* Text correction history list style */
.textcorrecthistorypagesearchresultscontainer
{
  display: table;
  width: 100%;
  margin: 1rem 0;
}
.textcorrecthistorypagesearchresultscontainer > div
{
  display: table-row;
  line-height: 2rem;
}
.textcorrecthistorypagesearchresultscontainer > div > div
{
  display: table-cell;
  border-top: 1px #CCC solid;
  font-weight: 400;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.textcorrecthistorypagesearchresultscontainer > .usertextcorrectedblocksheader > div
{
  font-weight: bold;
}
.oldtext
{
  color: #999;
}

/* show/hide contributors button style */
.textcorrectcompletelistentrywrap
{
  display: flex;
  margin-top: 0.25rem;
}
.textcorrectcompletelistentrypos
{
  flex: 1;
}
.textcorrectcompletelistentryname
{
  flex: 10;
}
.contributorbuttonwrap
{
  flex: 4;
  text-align: right;
}
.contributorsbutton
{
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.contributorsbutton::before
{
  margin-right: .3em;
  border-left: .3em solid transparent;
  border-right: .3em solid transparent;
  border-top: .3em solid;
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: middle;
  width: 0;
}
.contributorsbutton.collapsed::before
{
  border-top: .3em solid transparent;
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
}

/* contributors info style */
.contributorinfo
{
  display: none;
  border: 1px #9FBDD9 dotted;
  border-radius: .25rem;
  text-align: right;
}


/* ---- Report issue settings ---- */

/* Report issue wrapper style */
div.reportissuewrapper
{
  margin-bottom: 0.5rem;
}
div.reportissuewrapper > input.btn
{
  width: 100%;
}
div#reportissuearticletextcorrectioncell a
{
  color: #BF1E2D;
  font-style: italic;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

/* Report issue page infomation style */
div#reportissuepageinfo
{
  display: table;
  width: 100%;
}
div#reportissuepageinfo > div
{
  display: table-row;
}
div#reportissuepageinfo > div > div
{
  display: table-cell;
  width: 33%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
/* Report issue form style */
div#reportissuetextwrapper
{
  height: 12rem;
  overflow-y: scroll;
  border: 1px solid #CED4DA;
}
.textfadeout
{
  position: sticky;
  bottom: 0em;
  left: 0em;
  height: 4em;
  background-image: linear-gradient(
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}


/* ---- Article clipping settings ---- */

#articleclipwrap > div
{
  padding: 1rem;
  margin-bottom: 1rem;
}
#articleclipwrap div.articleclippage
{
  position: relative;
}
#articleclipwrap div.imagecontainer
{
  margin: 0px;
}

/* Print on document display page */
@media print
{
  div#documentdisplayheader h1
  {
    width: 100%;
  }
  #articleclipwrap > div
  {
    page-break-after: always;
    overflow-x: visible;
  }
}


/* ---- Administrator settings ---- */

/* Administration buttons style */
#useradminfullyactivateduserstablecontainer .btn
{
  margin-top: 2px;
  margin-bottom: 2px;
}

/* Administration user table pager buttons style */
.page-item.current .page-link 
{
  background-color: #1D6595;
  border-color: #1D6595;
}

/* Administration user group popup style */
#selectpermissiongroup, #selectcommunitygroup
{
  width: 48%;
}
#selectpermissiongroup
{
  float: left;
}
#selectcommunitygroup
{
  float: right;
}
#selectcommunitygroup #editvalueformbutton
{
  margin-top: 1rem;
  float: right;
}


/* ---- Place browser settings ---- */

ul.publicationbrowserlist.placelist
{
  border-top: 0;
}

ul.publicationbrowserlist.placelist > li.initial
{
  border-top: 1px solid #ddd;
  padding-top: 10px;
}
ul.publicationbrowserlist.placelist > li > ul,
ul.publicationbrowserlist.placelist > li > ul > li
{
  padding-left: 0;
  margin-left: 0;
  border-top: 0;
  border-bottom: 0;
}

span.placename
{
  width: 100%;
  margin-top: 0.875rem;
  font-weight: bold;
}

/* ---- Style definitions for indicating there is new data ---- */
/* Alert that contains the link to the new issue on the document page */
div#dataversioninfo
{
  margin-bottom: 2px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 0.25rem 0.75rem;
}
/* Tag containing the "2023 Data" in the browse pages (i.e. Title, Location)*/
span.txtsearchresultdatainfocell
{
  background-color: #ffe7ce;
  color: #505050;
  padding: 2px 5px;
  font-weight: 400;
  border-radius: 4px;
  display: inline-block;

}
/* Tag containing the "2023 Data" in the search results*/
div.newdataalerttag
{
  display: inline-block;
}
/* Translation "Edit" button */
#translationedit.hidden
{
  display: none;
}
#translation.visible
{
  display: block;
}


/* ---- Footer settings ---- */

/* Footer style */
div#footercontent
{
  min-height: 29px;
  line-height: 29px;
}
footer#footer.documentdisplay
{
  padding: 0;
}
div#footercontent.documentdisplay
{
  display: none;
}


/* ---- Media settings ---- */

/* Redefine to show navbar on small screens */
@media (max-width: 700px)
{
  /* PD Navbar visible on small screens */
  div#navbar
  {
    display: flex !important;
  }

  div#documentdisplaytextcorrectionstatstable
  {
    display: none;
  }
  div#documentdisplaytextcorrectionstatstablesmall
  {
    display: block;
  }
}

/* Redefine document title font size on large screens */
@media (min-width: 501px)
{
  /* Decrease font size of document title on display page */
  div#documentdisplayheader h1 
  {
    font-size: 1.4rem;
  }
}

/* Style definitions on large screen over 480px */
@media (min-width: 480px)
{
  /* Show OHA logo */
  .pd-oha-logo
  {
    display: block;
  }

  /* Show suitable PD Navbar by screen width */
  #navbarentries-smallest
  {
    display: flex;
  }
  #navbarentries-smaller,
  #navbarentries-small,
  #navbarentries-wide,
  #navbarentries-wider
  {
    display: none;
  }
}

/* Style definitions on large screen over 600px */
@media (min-width: 601px)
{
  /* Show suitable PD Navbar by screen width */
  #navbarentries-smaller
  {
    display: flex;
  }
  #navbarentries-smallest,
  #navbarentries-small,
  #navbarentries-wide,
  #navbarentries-wider
  {
    display: none;
  }
}


/* Style definitions on large screen over 700px */
@media (min-width: 701px)
{
  /* Show suitable PD Navbar by screen width */
  #navbarentries-small
  {
    display: flex;
  }
  #navbarentries-smallest,
  #navbarentries-smaller,
  #navbarentries-wide
  #navbarentries-wider
  {
    display: none;
  }
}

/* Style definitions on large screen over 768px */
@media (min-width: 769px)
{

  /* larger background */
  nav.grid-container
  {
    background-size: auto 87px;
  }

  /* Show logo image & hide small P image */
  .pd-logo
  {
    display: block;
  }
  .navbar-header
  {
    display: none;
  }
  button.navbar-toggler
  {
    margin-top: 0px;
    margin-bottom: 8px;
  }
}

/* Style definitions on large screen over 940px */
@media (min-width: 1160px)
{
  /* PD Navbar collapse invisible on small screens */
  #navbarentriesextra
  {
    display: flex;
    margin-left: auto !important;
  }

  /* Show suitable PD Navbar by screen width */
  #navbarentries-wide
  {
    display: flex;
  }
  #navbarentries-smallest,
  #navbarentries-smaller,
  #navbarentries-small,
  #navbarentries-wider
  {
    display: none;
  }

  /* Show navbar horizontally */
  ul.navbar-nav
  {
    flex-direction: row;
  }

  /* Show navbar links in two lines */
  ul.navbar-nav>li
  {
    float: left;
    height: 3.125rem;
  }

  /* Adjust navbar link appearance */
  ul.navbar-nav > li > a
  {
    width: 4.7rem;
    font-weight: bold;
    text-align: center;
  }
}

/* Style definitions on large screen over 1220px */
@media (min-width: 1450px)
{
  /* Show suitable PD Navbar by screen width */
  #navbarentries-wider
  {
    display: flex;
  }
  #navbarentries-smallest,
  #navbarentries-smaller,
  #navbarentries-small,
  #navbarentries-wide
  {
    display: none;
  }

  /* Adjust navbar link appearance */
  ul.navbar-nav > li > a
  {
    width: 5.2rem;
  }
}

/* Style definitions on large screen over 1500px */
@media (min-width: 1500px)
{
  /* Adjust navbar link appearance */
  ul.navbar-nav > li > a
  {
    width: 6.5rem;
  }

  /* Export style */
  div#searchexportlabel
  {
    display: block;
  }
  label#longlabel
  {
    display: block;
  }
  label#shortlabel
  {
    display: none;
  }
}

/* OSD 5.0 Patch. This should be removed on next upgrade */

div#panojscontextmenupopup
{
  background-color: var(--bs-gray-dark);
  border: 2px solid var(--bs-gray-600);
  padding: 4px;
  position: fixed;  /* Position relative to browser window */
  z-index: 100;  /* Must be more than everything else */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; /* Disable IOS Safari disable long-press text selection */
}

div#viewer, span#viewer
{
  position: relative; /* So overlay buttons can use absolute positioning */
  height: 0px;  /* Initial state, resized to the correct height by code in veridian-documentdisplay.js */
  width: 100%;  /* So the span expands, to match the div */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; /* Disable IOS Safari disable long-press text selection */
}
/* End of customisation */