#noresultsfound {
   //position:absolute;
   left:0;
}
.search-bar{
   margin-bottom:5px;
}
.cite-box{
position:absolute;
right:30%;
top:7%;
background-color:#d6e4ed;

}
.help-search{
position:absolute;
left:20%;
top:20%;
background-color:#d6e4ed;
z-index: 999;
}
.author-info{
right:0%;
top:20%;
background-color:#d6e4ed;
}
#author_info2{
    height:25%;
    width:50%;
margin-top: 2%;
}
.btn-author-info{
  cursor: pointer;
}
.pretty-box-smaller{
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     background-color: #f3efe2;
     background-position: 9px 0px;
     border: solid 1px #d6e4ed;
     border-radius: 6px;
     line-height: 12px;
     overflow: hidden;
     padding: 5px ;
     margin-top:2px;
     margin-right:3px;
}
.white-background{
	background-color:#f9f7f1;
}
#result{
    max-height: 80%;
    overflow-y: scroll;
}
.num-results{
    font-size: 11px;
    font-family:Arial;
     padding: 2px;
}
.btn-brown-border {
        border:5px solid #544442;
}
.btn-brown-smaller{
    border-radius:3px;
    font-size: 11px;
    background:linear-gradient(to bottom, #b1a38c 5%, #f1e6cd 100%);
    box-shadow:inset 0px 1px 0px 0px #a6827e;
    border:1px solid #544442;
    font-family:Arial;
    margin:3px;
    padding: 2px;
}
.btn-brown-smaller:hover {
        background:linear-gradient(to bottom, #f1e6cd 5%, #ede5d6 100%);
        background-color:#544442;
}
.btn-brown-smaller:active {
        position:relative;
        top:1px;
}
.btn-brown {
        box-shadow:inset 0px 1px 0px 0px #a6827e;
        background:linear-gradient(to bottom, #b1a38c 5%, #d3cbbe 100%);
        background-color:#d3cbbe;
        border-radius:3px;
        border:1px solid #54381e;
        display:inline-block;
        cursor:pointer;
        font-family:Arial;
        font-size:13px;
        padding:6px 24px;
        margin:3px;
        text-decoration:none;
}
.btn-brown:hover {
        background:linear-gradient(to bottom, #ffffff 5%, #7d5d3b 100%);
        background-color:#634b30;
}
.btn-brown:active {
        position:relative;
        top:1px;
}
#cols-wrap {
position:absolute;
}
#noresultsfound {
   position:absolute;
   left:0;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}

#test_human{
margin-top: 5%;
}
#main_table{
max-height:80%;
}
#result{
max-height:100vh;
overflow-y:scroll;
}
#result_word{
   padding-left: 2%;
   overflow-y:scroll;
}
#navigation-results{
    position:fixed;
    top=0;
    width=100%;
}
.navbar {
    border-bottom: .5em !important;
    padding: 0px !important;
    position: fixed !important;
    //z-index:1000;
}
.navbar-nav .dropdown-menu  .dropdown-menu>a{
   cursor:pointer;
}
.column {
    float: left;
    overflow-y: scroll;
    max-height:100%;
}
.left-col {
  width: 15vw;
  background: #f9f7f1;
}
.right-col {
  width: 31vw;
  background: #f9f7f1;
}
.middle-col {
  width: 45vw;
  background: #f9f7f1;
  //background: #f7aadd;
}
.middle-col-big {
  width: 60vw;
  background: #f9f7f1;
  //background: #f7aadd;
}
#word-img {
  width: 90%;
  margin: 5px;
}

#editor_tabs li:hover {
        background:linear-gradient(to bottom, #ffffff 5%, #7d5d3b 100%);
        background-color:#634b30;
}
#view-options{
    display: block;
    padding: 5px;
    text-transform: uppercase;
}
#editor_tabs li {
    cursor: grab;
    display: block;
    padding: 5px;
    //text-transform: uppercase;
}
.onoffselected  {
    background: linear-gradient(top, #fafbfd, #dce6ef);
    box-shadow: inset 0 -2px 0 #afafaf;
//    font-size: 11px;
    text-decoration: none;
//    color: #000000;
    border-right: 1px solid rgba(90, 90, 90, 0.1);
    border-left: 1px solid rgba(255,255,255,0.7);
}
.onoffunselected  {
//    color: #bbb;
    box-shadow:inset 0px 1px 0px 0px #a6827e;
    background: linear-gradient(top, #fafbfd, #dce6ef);
    border-radius:3px;
 //   font-size: 11px;
    text-decoration: none;
    border-left: 1px solid rgba(90, 90, 90, 0.1);
    border-right: 1px solid rgba(255,255,255,0.7);

}
#editor_tabs>ul>li.selected  {
    background: linear-gradient(top, #fafbfd, #dce6ef);
    box-shadow: inset 0 -2px 0 #afafaf;
    font-size: 11px;
    text-decoration: none;
    color: #000000;
    border-right: 1px solid rgba(90, 90, 90, 0.1);
    border-left: 1px solid rgba(255,255,255,0.7);
}
#editor_tabs>ul>li.unselected  {
    color: #bbb;
    box-shadow:inset 0px 1px 0px 0px #a6827e;
    background: linear-gradient(top, #fafbfd, #dce6ef);
    border-radius:3px;
    font-size: 11px;
    text-decoration: none;
    border-left: 1px solid rgba(90, 90, 90, 0.1);
    border-right: 1px solid rgba(255,255,255,0.7);

}
#editor_tabs ol, ul {
    list-style: none;
    padding-inline-start: 0px;
}

#editor_tabs>ul>li {
            list-style-type: none;
            vertical-align: middle;
}
#editor_tabs ul{
display:table-row;
}
#editor_tabs li{
  display:table-cell;
}
#editor_pane {
	position: absolute; width: 779px; height: 100%; top: 0px; left: 0px;
}
[aria-pressed="true"] {
  box-shadow: inset 0 0 0 0.15rem #000, 
              inset 0.25em 0.25em 0 #fff;
}
quotebibl {
  margin: 10px;
  padding: 0.5em 3px 0.5em 3px;
  display: block;
  font-size:smaller;
}
quotebibl:before {
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
}
sjddef {
  margin: 0px 0px 15em 0px;
  display: inline;
}
bibltitle{
  /*background: lightgreen;*/
  title: "Person Name";
//  font-size:smaller;
}
.bibltitle{
  /*background: lightgreen;*/
  title: "Person Name";
 // font-size:smaller;
}
name{
/*  color: red;*/
  title: "Person Name";
}
author{
 /* color: red;*/
  title: "Author Name";
  //font-size:smaller;
}
.author{
 /* color: red;*/
  title: "Author Name";
  //font-size:smaller;
}
persName{
  /*color: red;*/
  title: "Person Name";
}
.persName{
  /*color: red;*/
  title: "Person Name";
}
placeName{
 /* color: blue;*/
  title: "place Name";
}
.placeName{
 /* color: blue;*/
  title: "place Name";
}
lang{
 /* color: orange;*/
  title: "lang";
}
.lang{
 /* color: orange;*/
  title: "lang";
}
footnote{
 /* color: purple;*/
  title: "note";
}
.foreign{
  /* color: green; */
  title: "foreign" ;
}
foreign{
  /*color: green;*/
  title: "foreign";
}
xr{
 /* color: pink;*/
  title: "xr";
}
div > headword{
font-weight: bold;
font-size: large;
}

html {
scroll-behavior: smooth;
}

//Sticky footer styling
.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.page-header,
.page-footer {
    flex-shrink: 0;
}

.page-body {
    flex-grow: 1;
}


a {

color: inherit;
}

//Browse by letter styles
.letter_table>table>tbody>tr>td {
background-color: green;
        font: "Caslon", sans-serif;
font-size: 100px;
}


/* Styling for the pulsing info button (when no results are returned) */

.blob {
        background-color: black;
        color: white;
        font-weight: 900;
        opacity: 75%;
        border-radius: 15%;
        margin: 1px;
        height: 22px;
        width: 22px;

        box-shadow: inset 5em 5em #8d5329;
        transform: scale(1);
        animation: pulse 2s infinite;
        animation-duration: 1800ms;
        animation-iteration-count: 1;
}


@keyframes pulse {
        0% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(255, 255, 0, 0.7);
        }

        50% {
                transform: scale(1.2);
                box-shadow: 0 0 0 10px rgba(255, 255, 0, 1.2);
        }

        100% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(255, 255, 0, .7);
        }
}






/* Styling for the parts of speech tooltip using popper.js */

      #tooltip {
        background: #333;
        color: white;
        font-weight: bold;
        padding: 4px 8px;
        font-size: 13px;
        border-radius: 4px;
        display: none;
      }

      #tooltip[data-show] {
        display: block;
      }

      #arrow,
      #arrow::before {
        position: absolute;
        width: 8px;
        height: 8px;
        background: inherit;
      }

      #arrow {
        visibility: hidden;
      }

      #arrow::before {
        visibility: visible;
        content: '';
        transform: rotate(45deg);
      }

      #tooltip[data-popper-placement^='top'] > #arrow {
        bottom: -4px;
      }

      #tooltip[data-popper-placement^='bottom'] > #arrow {
        top: -4px;
      }

      #tooltip[data-popper-placement^='left'] > #arrow {
        right: -4px;
      }

      #tooltip[data-popper-placement^='right'] > #arrow {
        left: -4px;
      }

/* Styling for Browse By Letter Page Features */

.btn-letter {
        font-size: 2em !important;
font: 'Caslon' !important;

}

#letter_table>table {

        table-layout: fixed;

}