/* css for display elements in support of tei, no so much the tagset itself.
	for example: making pb block-level and full width when in page mode
*/
.viewOptions {
  background: white;
  border-bottom: 1px solid #909090;
  padding: 8px 4rem 16px 4rem;
  text-align: center;
  position: sticky;
  top: 0;
  z-index: 100;
}
.viewOptions .textSizing {
  top: 8px;
  right: 3rem;
}
.viewOptions .button,
.viewOptions a:link.button,
.viewOptions a:visited.button,
.viewOptions a:active.button {
  position: relative;
  margin: 0 8px;
  background-color: grey;
}
.viewOptions a:hover.button {
  background-color: #373737;
}
.viewOptions .button.disabled {
  color: black;
  background: #d0d0d0;
}
.viewOptions .button.trans {
  background-repeat: no-repeat;
  background-position: 6px 50%;
}
.viewOptions .button.dual {
  background-repeat: no-repeat;
  background-position: 6px 50%;
}
.viewOptions .button.selected:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #333333;
  left: 50%;
  top: 33px;
  position: absolute;
  margin-left: -3px;
}

.contextualTitle {
  margin: 0 auto;
  padding: 0.5rem 0;
}

.contextualTitle.stuck {
  padding: 0.5rem;
  background: white;
  z-index: 100;
}

#displayConfig {
  display: none;
}

.tooltip {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  line-height: 0.5;
  border: 1px solid #999999;
  background: yellow;
  padding: 4px;
  font-size: 10px;
  top: -1rem;
  right: -0.66rem;
  color: black;
  font-family: sans-serif;
  font-style: normal;
}

.toolTipBox {
  position: absolute;
  z-index: 1000;
  background: white;
  font-size: 11px;
  font-family: sans-serif;
  color: black;
  padding: 4px;
  display: none;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.35);
}

.toolTipBox.open {
  display: block;
}

.prevNextNav {
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.prevNextNav div {
  width: 50%;
  display: table-cell;
}
.prevNextNav div label {
  font-size: 80%;
  display: block;
}
.prevNextNav div a {
  display: block;
}
.prevNextNav div a h3 {
  font-family: serif;
  font-weight: normal;
  margin: 0;
}
.prevNextNav div a .date {
  font-size: 80%;
}
.prevNextNav div + div {
  text-align: right;
}

.docNav {
  float: left;
}
.docNav .selectedDoc {
  display: inline-block;
}

.prevDocs, .nextDocs, .sameDateDocs {
  font-size: 14px;
  background: white;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
.prevDocs .arrow, .nextDocs .arrow, .sameDateDocs .arrow {
  z-index: 1;
  background: url(/publications/lib/images/next-arrow.svg) no-repeat;
  font-size: 0;
  display: inline-block;
  position: relative;
  padding: 0;
  height: 26px;
  width: 20px;
  vertical-align: top;
  z-index: 200;
}
.prevDocs .arrow.leftArrow, .nextDocs .arrow.leftArrow, .sameDateDocs .arrow.leftArrow {
  right: 5px;
  transform: rotate(180deg);
  padding-right: 8px;
  z-index: 202;
}
.prevDocs .arrow.rightArrow, .nextDocs .arrow.rightArrow, .sameDateDocs .arrow.rightArrow {
  left: 5px;
  padding-left: 8px;
  top: 1px;
}
.prevDocs .docChoices, .nextDocs .docChoices, .sameDateDocs .docChoices {
  display: none;
  position: absolute;
  top: -13px;
  width: 400px;
  background: white;
  padding: 1rem;
  z-index: 100;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  text-align: left;
}
.prevDocs .docLink, .nextDocs .docLink, .sameDateDocs .docLink {
  text-decoration: none;
  box-sizing: border-box;
}
.prevDocs .docLink h3, .nextDocs .docLink h3, .sameDateDocs .docLink h3 {
  padding-left: 20px;
}

.sameDateDocs {
  position: absolute;
  bottom: 0;
  height: 13px;
}
.sameDateDocs a.arrow.downArrow {
  transform: rotate(90deg) scale(0.5, 1);
  background-color: transparent;
  bottom: 7px;
}

.sameDateDocs.docsOpen {
  height: auto;
}

.prevDocs:after, .nextDocs:after,
.sameDateDocs:after {
  content: " ";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
}

.prevDocs .docChoices {
  z-index: 201;
}

.prevDocs.docsOpen,
.nextDocs.docsOpen,
.sameDateDocs.docsOpen {
  z-index: 210;
}
.prevDocs.docsOpen .docChoices,
.nextDocs.docsOpen .docChoices,
.sameDateDocs.docsOpen .docChoices {
  display: block;
}
.prevDocs.docsOpen a.arrow,
.nextDocs.docsOpen a.arrow,
.sameDateDocs.docsOpen a.arrow {
  z-index: 211;
}

/* some display in general for the way we like things, like readability issues,
 * not so specific to interpreting TEI
 */
.teiFragment:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

a.scanPage {
  font-size: 15px;
}

.unavailable {
  cursor: default;
  color: #a0a0a0;
  font-size: 15px;
}

/*	PAGE-BASED VIEWING TWEAKS
 *
 */
.pageText .stuck {
  display: block;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  background: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
/* app-style doc display ca. 2017
 */
.teiFragment.panelMode {
  position: relative;
  box-sizing: border-box;
  display: none;
  width: 100%;
  max-width: none;
  overflow: hidden;
  background: white;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
}
.teiFragment.panelMode div[type=entry],
.teiFragment.panelMode div[type=doc],
.teiFragment.panelMode doc {
  max-width: 650px;
  padding: 2rem;
  margin: 0 auto;
}
.teiFragment.panelMode .close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5rem 1rem;
  font-size: 32px;
  color: #777777;
  z-index: 10;
}

.teiFragment.panelMode.reading {
  display: block;
}

.dual .dualRow {
  display: flex;
  align-items: flex-start;
}
.dual .dualRow + .dualRow {
  border-top: 2rem black solid;
}
.dual .pageText {
  width: 64%;
  margin: 0 auto 0 0;
  padding: 4rem;
  box-sizing: border-box;
}
.dual .pageImage.resizable {
  cursor: col-resize;
}
.dual .teiFragment .pageText {
  background: white;
  padding: 2rem;
}
.dual .teiFragment .pageText + .pageText {
  margin-top: 1rem;
}
.dual .teiFragment div[type=entry].other, .dual .teiFragment div[type=doc].other {
  position: relative;
  font-size: 75%;
  color: #707070;
  margin: 0;
  min-height: 80px;
}
.dual .teiFragment div[type=doc] + div[type=doc],
.dual .teiFragment div[type=entry] + div[type=entry],
.dual .teiFragment doc + doc {
  margin-top: 0;
}
.dual .teiFragment div[type=entry].selected,
.dual .teiFragment div[type=doc].selected {
  max-height: none;
  font-size: 100%;
  color: #000000;
}
.dual .teiFragment .pb {
  display: none;
}
.dual .displayPB {
  position: sticky;
  top: 66px;
  margin-right: -44px;
  display: block;
  text-align: right;
}
.dual .otherDocMask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(240, 240, 240, 0.5);
  box-sizing: border-box;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  padding: 2rem;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
}
.dual .otherDocMask span {
  color: blue;
  display: block;
  font-size: 80%;
  cursor: pointer;
}
.dual .pageImage {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  width: 36%;
  background: black;
}
.dual .pageImage img {
  max-width: 100%;
}
.dual .OSDcontrols {
  position: sticky;
  top: 56px;
  width: 194px;
  margin-right: 0;
  margin-left: auto;
}
.dual #BTT {
  top: auto;
  bottom: 0;
}

.dual .dragging {
  cursor: col-resize;
}
.dual .dragging .pageText {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}

/* NEW display view w/o prev/next doc fragments */
div.dualMode {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  align-items: stretch;
}
div.dualMode .pageText {
  width: 50%;
  margin-top: 0;
  padding-top: 0;
}
div.dualMode .divider {
  width: 10px;
  background: #a0a0a0;
  cursor: move;
}
div.dualMode .pageImages {
  margin-top: 0;
  width: 50%;
  position: relative;
}
div.dualMode .pageImages img {
  left: 0;
  max-width: 100%;
}
div.dualMode .teiFragment .pb {
  display: block;
  background: black;
  width: 110%;
  margin: 1em -2em 1em -4em;
  text-align: center;
  color: white;
}

div.textMode .pageText {
  padding: 3rem 0;
  margin: 0 2rem;
}
/*
 * for all MHS implimentations of OpenSeaDragon
 */
.osd_viewer {
  background: black;
  position: relative;
}

.navigator {
  margin-top: 36px !important;
}

.osd_navigator_wrapper-displayregion {
  border: 1px solid red !important;
}

.OSDcontrols {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 400;
  padding: 3px;
  background: #1188ff;
  color: white;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  text-align: right;
}

.OSDcontrols span {
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  padding: 6px 5px 3px 5px;
  border-radius: 3px;
  min-height: 28px;
  vertical-align: middle;
}

.OSDcontrols span:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}

.OSDcontrols span i {
  font-style: normal;
}

.OSDcontrols svg {
  fill: white;
  width: 18px;
  cursor: pointer;
}

.OSDcontrols .OSDoptions {
  text-align: center;
  box-shadow: none;
  padding: 0;
  min-height: 0;
}

.OSDcontrols .OSDoptionsGrp {
  display: none;
  height: auto;
  width: auto;
  position: absolute;
  top: 34px;
  right: 0;
  color: white;
  border-radius: 0;
  border-bottom-left-radius: 3px;
  box-shadow: none;
  background: #1188ff;
  color: white;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

.OSDcontrols .OSDoptionsGrp span {
  display: block;
  width: 100%;
}

.OSDcontrols .OSDoptions.open .OSDoptionsGrp {
  display: block;
}

.OSDcontrols .OSDoptions .upArrow {
  display: none;
}

.OSDcontrols .OSDoptions.open .upArrow {
  display: inline-block;
}

.OSDcontrols .OSDoptions.open .downArrow {
  display: none;
}

.OSDcontrols .OSDoptionsGrp .OSDnavToggler:before {
  content: "show ";
}

.OSDcontrols .OSDoptionsGrp .OSDnavToggler.shown:before {
  content: "hide ";
}

.OSDPrevNextButton {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 0;
  height: 43px;
  margin-top: -25px;
  width: 50px;
  background: #1184ff;
  border-radius: 25px;
  line-height: 50px;
  padding-top: 7px;
  text-align: center;
  opacity: 0.5;
}

.OSDPrevNextButton:hover {
  opacity: 1;
}

.OSDPrevNextButton svg {
  fill: #ffffff;
}

.OSDNextButton {
  right: 0;
  left: auto;
}

@media (max-width: 400px) {
  .OSDcontrols span i {
    display: none;
  }
}
@media (min-width: 1150px) {
  .prevYear {
    width: 25%;
  }
  .prevYear .context {
    width: 60%;
  }

  .nextYear {
    margin-left: 75%;
  }
  .nextYear .context {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .viewOptions {
    padding: 8px 2rem 16px 2rem;
    text-align: left;
  }
  .viewOptions .viewModes {
    margin-left: 2rem;
  }
}
@media (max-width: 600px) {
  .teiFragment.panelMode.reading {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
  }
  .teiFragment.panelMode.reading doc {
    padding: 1.25rem;
  }
}

/*# sourceMappingURL=tei-display.css.map */