/* PDNUPEPA css */

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

/* PD CUSTOMISATION: H2 style */
h2 {
  font-size: 1.25rem;
  font-weight: bold;
}

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

/* svg elements need "fill" instead of "color", annoyingly */
/* PD CUSTOMISATION: Button colors */
a svg, button svg
{
  fill: #1D6595;  /* Bootstrap's "brand-primary" colour */
}

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

/* Re-style bootstrap's ".btn-light" button a little. Since bootstrap-4.0.0-beta button's borders and backgrounds are the same color, but in the case of .btn-light I think it needs a darker border or it nearly vanishes.
 *  *    Note that rgb(0,0,0,.15) (#d8d8d8) is the same color used for the border of a .form-control */
.btn-light
{
  border-color: #D6D6D6;
  color: #1D6595;  /* Bootstrap's "brand-primary" colour */
}

/* PD CUSTOMISATION: Main color */
.maincolor, .textcorrectblockcolor
{
  background-color: #1D6595;  /* Bootstrap's "brand-primary" colour */
}

/* PD CUSTOMISATION: Main color for date browser */
div#datebrowserrichardmonthlevelcalendarheader
{
  background-color: #F7F7F9;  /* Bootstrap's "gray-lightest" colour */
  border: 1px solid #1D6595;  /* Bootstrap's "brand-primary" colour */
}

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

/* PD CUSTOMISATION: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}

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

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

/* PD CUSTOMISATION: 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;
}

/* PD CUSTOMISATION: P logo brand style shown on small screens */
.navbar-header
{
  display: block;
}
.navbar-brand
{
  color: #004a6a;
  padding: 0.1875rem;
  margin-left: 1rem;
  margin-right: 0.5rem;
  width: 3.125rem;
  line-height: 2.125rem;
  height: 3.125rem;
  -webkit-transition: font-size .2s ease-out;
  transition: font-size .2s ease-out;
  -webkit-transition: width .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;
}

/* PD CUSTOMISATION: 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;
}

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

/* PD CUSTOMISATION: 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;
}

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

/* PD CUSTOMISATION: 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 CUSTOMISATION: Navbar occupies whole width. Set background color. */
div#navbar,
nav.navbar
{
  width: 100%;
  background-color: #E7E3D8;
}

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

/* PD CUSTOMISATION: PD Navbar collapse visible on small screens */
div.navbarcollapsed
{
  display: block !important;
  text-align: center;
  font-size: 1em;
  margin-top: 3px; /* Putting Menu text in line horizontally with other nav elements */
  margin-left: 3px;
}

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

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

/* PD CUSTOMISATION: 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,
#navbarentries-widest a.nav-link
{
  height: 28px;
}

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

/* PD CUSTOMISATION: 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;
}

/* PD CUSTOMISATION: positioning menu to left of Menu dropdown control to be visible on all devices including small screens */
nav.dropdown-menu
{
  left: -129px;
}

/* PD CUSTOMISATION: Visited links on dropdown has different color */
/* PD CUSTOMISATION: 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;
}

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

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

/* PD CUSTOMISATION: Show translate icon together with other menu */
.navbar
{
  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;
}

/* PD CUSTOMISATION: Float translate button background */
#panojsfixedtranslate
{
  position: fixed; 
  top: 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;
}

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

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

/* PD CUSTOMISATION: Translate popup style */
#enabledictionarydropdown 
{
  position: absolute; 
  border: 1px solid #A0A0A0; 
  border-radius: 5px; 
  background: #F0F0F0; 
  padding: 5px; 
  margin-left: 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;
}

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

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

/* PD CUSTOMISATION: 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; 
}

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

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

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

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

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

/* PD CUSTOMISATION: Too many controls may extend beyond the screen. */
div#viewercontrols > div > div
{
  white-space: normal;
}

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

/* PD CUSTOMISATION: Content occupies whole width */
div#content
{
  width: 100%;
}

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

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

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

/* PD CUSTOMISATION: 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;
}

/* PD CUSTOMISATION: Result header style */
#searchpagesearchresults div#searchresultsheader
{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;   
}

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

div#sortresultsformcontrols > div
{
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

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

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

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

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

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

/* PD CUSTOMISATION: Vertical align dates with link on date page */
div#datebrowserrichardtoplevelcalendar li span
{
  padding: 0.5em 0.25em;
}

/* PD CUSTOMISATION: Left pane content position on document display page */
div#documentdisplayleftpanecontent
{
  position: relative;
}

/* PD CUSTOMISATION: Style of contributors on document display page */
div.textcorrectcontributors
{
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
}


/* PD CUSTOMISATION: 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: 90%;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
  width: 100%;
  text-align: center;
}
.poweredbytext span
{
  padding-left: 1rem;
  padding-right: 1rem;
}

/* PD CUSTOMISATION: Show vertical toolbar button on small screens */
.nextprevdocumentlinkscell
{
  padding-left: 9px;
}
a#pdtoolbarbutton
{
  display: inline;
}

/* PD CUSTOMISATION: Show or hide vertical toolbar */
.morebuttonpressed
{
  display: table-cell;
}
.morebuttonnotpressed
{
  display: none;
}

/* PD CUSTOMISATION: All icons style under toolbar td and float toolbar */
#documentdisplaypaneverticaltoolbar div.tbicon, 
.verticaltoolbarfloat div.tbicon 
{
  display: block;
  cursor: pointer;
  width: 36px;
  height: 36px;
  float: left;
  margin-left: 4px;
  margin-right: 4px;
}

/* PD CUSTOMISATION: All toolbar info style under toolbar td and float toolbar */
.toolbarinfoinactive
{
  display: none;
  float: left;
  line-height: 12px;
  font-size: 12px;
  width: 90px;
  margin-top: 2px;
  padding-right: 3px;
  text-align: left;
  background: #ffffff;
}
.toolbarinfoactive
{
  display: inline-block;
}

/* PD CUSTOMISATION: Show toolbar items like a table */
div#panojstoolbarwrapper
{
  display: table;
}

/* PD CUSTOMISATION: Remove all the default styling that applies to <button>s */
div#panojstoolbarwrapper button
{
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  float: left;
}

/* PD CUSTOMISATION: Set toolbar container style */
.panojstoolbarcontainer
{
  margin: 5px 4px;
  padding: 1px;
  border: 1px solid #565656;
  text-align: center;
}

/* PD CUSTOMISATION: Set toolbar border radius */
.curved
{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius : 5px;
}

/* PD CUSTOMISATION: Set toolbar header style */
.toolbarheading
{
  font-size: 6pt;
  letter-spacing: 0.1em;
  font-weight: bold;
}

/* PD CUSTOMISATION: Set toolbar icons showing as a table */
div.panojstoolbariconcontainer
{
  display: table;
}

/* PD CUSTOMISATION: Article buttons are disabled by default */
div#panojstoolbararticlecontainer button 
{
  opacity: 0.3;
}

/* PD CUSTOMISATION: Float toolbar style */
div.verticaltoolbarfloat
{
  background-color: #292B2C;  /* Bootstrap's "gray-dark" colour */
  border: 1px solid black;
  border-radius: 0.25rem;
  opacity: 0.8;
  padding: 0.12rem;
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  z-index: 100;
  width: 48px;
}

/* PD CUSTOMISATION: Remove all the default styling that applies to float toolbar <button>s */
div.verticaltoolbarfloat button
{
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  float: left;
}

/* PD CUSTOMISATION: Float toolbar icon color */
div.verticaltoolbarfloat button svg
{
  fill: #F7F7F9;  /* Bootstrap's "gray-lightest" colour */
}

/* PD CUSTOMISATION: Float toolbar hover icon color */
div.verticaltoolbarfloat button:enabled:hover svg
{
  fill: #636C72;  /* Bootstrap's "gray-light" colour */
}

/* PD CUSTOMISATION: Float toolbar highlighted icon color */
div.verticaltoolbarfloat button:enabled svg.highlightedbutton,
div.verticaltoolbarfloat button:enabled:hover svg.highlightedbutton
{
  fill: #d59f0f; /* brand-warning */
}

/* PD CUSTOMISATION: Float toolbar info style */
.verticaltoolbarfloat .toolbarinfoinactive
{
  padding-left: 3px;
  width: 80px;
  color: white;
  background-color: inherit;
  border: 1px solid #BBBBBB; 
  border-radius: 3px;
}

/* PD CUSTOMISATION: Zoom scale container style */
#panojszoomscalecontainer
{
  clear: both;
  margin-left: 11px;
  position: relative;
  float: left;
  padding-left: 1px;
  padding-right: 1px;
}

/* PD CUSTOMISATION: Zoom scale bar style */
#panojstoolbarzoomscalebar
{
  border: 0;
  margin-left: 19px;
  min-height: 30px;
  width: 1px;
  float: left;
}

/* PD CUSTOMISATION: Zoom slider style */
#panojstoolbarzoomslider
{
  cursor: pointer;
  position: absolute;
  top: 0px;
  width: 15px;
  height: 15px;
  margin-left: 3px;
  z-index: 3;
  background: url(../images/zoomer_thing.png) no-repeat;
}

/* PD CUSTOMISATION: Zoom pit level style */
.zoompitlevel
{
  height: 15px;
  position: absolute;
  width: 20px;
  z-index: 2;
  background: url(../images/zoom_scale_background.png) no-repeat;
}

/* PD CUSTOMISATION: Smaller button for zoom in/out */
.zoombutton
{
  width: 44px;
}
.zoombuttonsvg
{
  width: 20px;
  height: 20px;
}
button#panojstoolbarzoomin svg
{
  vertical-align: bottom;
}
button#panojstoolbarzoomout svg
{
  vertical-align: top;
}

/* PD CUSTOMISATION: Toolbar info style */
scan#toolbarinfounmaximise
{
  margin-top: 8px;
}
scan#toolbarinfozoomin
{
  margin-top: 3px;
}
scan#toolbarinfozoomout
{
  margin-top: 2px;
}
scan#toolbarinfotranslate
{
  margin-top: 2px;
}
scan#toolbarinfoqa
{
  margin-top: 2px;
}
scan#toolbarinfouserclip
{
  margin-top: 5px;
}

/* PD CUSTOMISATION: 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;
}

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

/* PD CUSTOMISATION: Pane header style on document display page */
table.documentdisplaypaneheadertable
{
  padding-left: 0px;
  padding-right: 0px;
}

div#textcorrectstats
{
  border-top: 1px solid #CCC; 
  padding-top: 1rem;
}

/* PD CUSTOMISATION: Text correction for blocks div style */
div.textcorrectcompletelycorrectblockcolor
{
  background: #4F6F19;
  background-image: url("../images/complete.svg");
  background-repeat: no-repeat;
  background-position: right top; 
}
div.textcorrectcheckedcorrectblockcolor
{
  background: #1D6595;
  background-image: url("../images/checked.svg");
  background-repeat: no-repeat;
  background-position: right top; 
}
.transparent.textcorrectcompletelycorrectblockcolor,
.transparent.textcorrectcheckedcorrectblockcolor
{
  -moz-opacity: 0.3;
  opacity: 0.3;
}
div.textcorrectcurrentblock
{
  background: none;
}

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

/* PD CUSTOMISATION: Text correction recommandation link style */
div#textcorrectlinksection
{
  margin-top: 1rem;
}

/* PD CUSTOMISATION: 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;
}

/* PD CUSTOMISATION: 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;
}

/* PD CUSTOMISATION: Text correction user score board style */
div#userscoreboardtable h2
{
  text-align: center;
  text-transform: uppercase;
}
div#userscoreboardtable div
{
  margin: auto;
}
div.userscoreboard > div > div 
{
  padding: 0.5rem 1rem;
}

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

/* PD CUSTOMISATION: 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;
}

/* PD CUSTOMISATION: Text correction history form style */
.textcorrecthistoryconditionwrapper,
.userlastcorrectedblocksconditionwrapper
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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;
}

/* PD CUSTOMISATION: 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;
}

/* PD CUSTOMISATION: show/hide contributors button style */
.textcorrectcompletelistentrywrap
{
  display: -webkit-box;  
  display: -ms-flexbox;  
  display: flex;
}
.textcorrectcompletelistentrypos
{
  -webkit-box-flex: 1;  
  -ms-flex: 1;  
  flex: 1;
}
.textcorrectcompletelistentryname
{
  -webkit-box-flex: 10;  
  -ms-flex: 10;  
  flex: 10;
}
.contributorbuttonwrap
{
  -webkit-box-flex: 4;  
  -ms-flex: 4;  
  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;
}

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

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

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

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


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


/* PD CUSTOMISATION: Custom styling for the place header on the place browser page */
div.placebrowserplaceheader
{
  width: 100%;
  margin-top: 0.875rem;
  text-decoration: underline;
  font-weight: bold;

}


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

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

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

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

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


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

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

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

  /* PD CUSTOMISATION: Show logo image & hide small P image */
  .pd-logo
  {
    display: block;
  }
  .navbar-header
  {
    display: none;
  }

  /* PD CUSTOMISATION: Show wide translate while hide small button on big screens */
  .navbar
  {
    -webkit-box-pack: justify;    
    -ms-flex-pack: justify;    
    justify-content: space-between;
  }
  svg.translatewidesvg
  {
    display: block;
  }
  svg.translatesvg
  {
    display: none;
  }

  /* PD CUSTOMISATION: Show vertical toolbar on big screens */
  .morebuttonnotpressed
  {
    display: table-cell;
  }

  /* PD CUSTOMISATION: Hide vertical toolbar button on big screens */
  a#pdtoolbarbutton
  {
    display: none;
  }
}

/* PD CUSTOMISATION: Style definitions on large screen over 940px */
@media (min-width: 940px)
{
  /* PD CUSTOMISATION: PD Navbar collapse invisible on small screens */
  #navbarentriesextra
  {
    display: -webkit-box;    
    display: -ms-flexbox;    
    display: flex;
    position: relative; /* lining up vertically with other interface elements */
    left: 4px;          /* lining up vertically with other interface elements */
  }

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

  /* PD CUSTOMISATION: Show navbar horizontally */
  ul.navbar-nav
  {
    -webkit-box-orient: horizontal;    
    -webkit-box-direction: normal;    
    -ms-flex-direction: row;    
    flex-direction: row;
  }

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

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

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

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

  /* PD CUSTOMISATION: Result header style */
  #searchpagesearchresults div#searchresultsheader
  {
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
  }
}

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

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

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