* {
   -webkit-tap-highlight-color:transparent;
}

#BRtoolbar,
#BRpager,
/*#BRnavpos,*/
button.onepg,
button.twopg,
button.thumb,
#BRnavline,
#BRnavpos,
#BRnavCntlBtm {
    display:none;
}

#BookReader {
    margin-top:12vmin;
}

a {
   cursor:pointer;
}

div#idtkn_loading {
   position:fixed;
   top:13vmin;
   right:1vmin;
   font-size:8vmin;
   color:#555;
   width:9vmin;
   z-index:200;
}

/* highlight colour */
div.BookReaderSearchHilite {
   opacity:0.5;
   background-color:#ffa337;
}

div.BookReaderDisplayHilite {
   position:absolute;
   opacity:0.35;
   background-color:#9c0000;
}

#idtkn_top {
   background-color:#600;
   z-index:106;
   font-size:6vmin;
   position:fixed;
   width:100%;
   height:12vmin;
}

a.logo {
   height:9vmin;
   width:30vmin;
   background-size:9vmin;
   margin:0;
   background: transparent url("../img/logo_small.svg") no-repeat 0 0;
   background-size: contain;
   margin-left: 3vw;
   margin-top: 1vmin;
 }

form#idtkn_search_form {
   display:block;
   position:absolute;
   top:2.5vmin;
   right:3vw;
   background-color:white;
}

input#textSrch {
    font-size:6vmin;
    width:38vw;
    border:none;
    outline:none;
    margin:0;
    padding:1px;
    display:inline-block;
    float:left;
}

button#btnSrchLemma {
   font-size:6vmin;
   width:9vw;
   background-color:transparent;
   border:none;
   padding:0;
   margin:0;
   outline:none;
   color:#600;
   display:inline-block;
   float:left;
}

div#idtkn_add_nav {
   position:fixed;
   width:86vw;
   font-size:6vmin;
   font-family:Arial,sans-serif;
}

span#srchPlaceholders,
span#srchFulltxt {
   cursor:pointer;
   display:block;
   float:left;
   background-color:#eee;
   margin-left:1%;
   margin-right:1%;
   width:48%;
   text-align:center;
   padding-top:1vmin;
   padding-bottom:1vmin;
}

div#btn_slide_right {
    top:12vmin;
    cursor:pointer;
    background-color:#bbb;
    font-size:11vmin;
    height:11.2vmin;
    width:8vmin;
    padding:0px 1vmin 0px 1vmin;
    position:fixed;
    border-top:1px dotted #615132;
    display:block;
    z-index:100;
    right:87vw;
}

div#btn_slide_right.minified {
   right:0%;
}

div#btn_slide_right:after {
   content: "\f0da";
   font-family:FontAwesome;
}

div#btn_slide_right.minified:after {
   content: "\f0d9";
   font-family:FontAwesome;
}

#idtkn_right {
   top:12vmin;
   font-size:4vmin;
   z-index:105;
   left:auto;
   right:0px;
   width:86vw;
   height:75vh;
   height:calc(99vh - 36vmin);
   position:absolute;
   background-color:white;
   overflow:auto;
   border-top:1px dotted #600;
   border-right:5px solid #bbb;
   border-left:5px solid #bbb;
   border-bottom:5px solid #bbb;
}

#idtkn_right.minified {
   width:0px;
   border:none;
}

div#idtkn_hits {
   margin-top:10vmin;
   margin-left:1vw;
   margin-right:1vw;
}

div#idtkn_info {
   cursor:pointer;
   border-top:1px dotted #615132;
   background-color:white;
   width:100vw;
   height:78vh;
   overflow-y:scroll;
}

div#idtkn_info.minified {
   height:12vmin;
   background-color:#eee;
}

div#idtkn_info_showhide {
   cursor:pointer;
   height:4vh;
   width:100vw;
   position:fixed;
   background-color:#eee;
   text-align:center;
}
.minified div#idtkn_info_showhide {
   height:2vh;
}

.minified div#idtkn_info_showhide:after {
   content: "\f0d8";
   font-family:FontAwesome;
   font-size:9vmin;
   display:inline-block;
   margin-top:-2.2vmin;
}
div#idtkn_info_showhide:after {
   content: "\f0d7";
   font-family:FontAwesome;
   font-size:9vmin;
   display:inline-block;
   margin-top:-2.2vmin;
}

div#BRnav {
   height:78vh;
}

div#BRnav.minified {
   height:24vmin;
}

div#idtkn_info_content {
   font-family:Arial,sans-serif;
   font-size:4vmin;
   height:77vh;
   width:98vw;
   overflow-y:scroll;
   padding:1vw 1vw 1vw 2.5vw;
   margin-top:4vh;
}

.minified div#idtkn_info_content {
   height:4vh;
   margin-top:1.5vh;
}

div#idtkn_info_content h4 {
   font-size:6vmin;
   margin:0px 0px 2vmin 1vmin;
}

div#idtkn_info_content td {
   font-size:5vmin;
   padding:2vmin 0vmin 2vmin 1vmin;
}

div#idtkn_info_content td a {
   color:#660000;
   display:inline-block;
   margin-left:3vmin;
   font-size:6vmin;
}

span.idtkn_hit_title {
   font-family:Arial,sans-serif;
   font-size:4vmin;
   font-weight:bold;
}

ul.idtkn_hitlist {
   font-family:Arial,sans-serif;
   font-size:5vmin;
   list-style-type:none;
   padding:0;
   margin:0;
}

li.idtkn_hitlist {
   padding:2vmin 0 2vmin 0;
}

a.idtkn_hit,
a.idtkn_hit_gramrec {
   color:#660000;
   text-decoration:none;
}

.minified a.idtkn_hit {
   color:#777;
}

a.idtkn_hit_show {
   color:#660000;
   display:inline-block;
   padding-right:1.5vmin;
   font-size:6vmin;
}

a.idtkn_sem_hit_show,
a.idtkn_fulltext_hit_show {
   color:#660000;
   padding-right:1vmin;
   padding-left:1vmin;
   font-size:6vmin;
}

.minified ul.idtkn_hitlist li {
   display:inline;
   color:#777;
}
.minified li.idtkn_hitlist:after {
   content:" – ";
}
.minified li.idtkn_hitlist:last-of-type:after {
   content:"";
}
.minified a.idtkn_hit_show {
   display:none;
}

div#btn_close_hitlist {
   display:none;
}

span.idtkn_sharelink_heading {
   font-weight:bold;
}

div#idtkn_info_content tr.share_link_text td a {
   font-size:4.5vmin;
   word-break:break-all;
}

button.BRicon {
   margin-top:1vmin;
   margin-left:1vw;
   width:10vw;
   height:8vmin;
   background-image:none;
   font-size:7vmin;
   outline:none;
   color:black;
}
button.idtkn_share {
   margin-left:1vw;
   margin-right:4vw;
}
button.idtkn_share:after {
   content:"\f1e0";
   font-family:FontAwesome;
}
button.zoom_in,
button.zoom_out,
button.idtkn_share,
button.idtkn_desktop {
   margin-top:2vmin;
}
button.idtkn_desktop:after {
   font-size:5vmin;
   content:"\f108";
   font-family:FontAwesome;
}
button.zoom_in:after {
   content:"\f00e";
   font-family:FontAwesome;
}
button.zoom_out:after {
   content: "\f010";
   font-family:FontAwesome;
}
button.book_left:after {
   font-size:10vmin;
   content: "\f0d9";
   font-family:FontAwesome;
}
button.book_right:after {
   font-size:10vmin;
   content: "\f0da";
   font-family:FontAwesome;
}
button.book_prev,
button.zoom_in {
   margin-left:4vw;
}
button.book_prev:after {
   content: "\f049";
   font-family:FontAwesome;
   font-size:4vmin;
}
button.book_next:after {
   content: "\f050";
   font-family:FontAwesome;
   font-size:4vmin;
}

div#BRpage {
   height:12vmin;
   width:100%;
   background-color:#bbb;
}

span.idtkn_meaning {
   display:block;
   color:#555;
   font-size:4.5vmin;
   padding:0.5vmin 0 0 2vmin;
}
span.meaning_numlabel {
   color:black;
   font-weight:bold;
   font-size:4vmin;
}
span.meaning_level_1 {
   text-indent:-2vw;
   margin-left:2vw;
}
span.meaning_level_2 {
   text-indent:-2vw;
   margin-left:4vw;
}
span.meaning_level_3 {
   text-indent:-2vw;
   margin-left:6vw;
}
span.meaning_level_4 {
   text-indent:-2vw;
   margin-left:8vw;
}
span.meaning_level_5 {
   text-indent:-2vw;
   margin-left:10vw;
}
span.meaning_level_6 {
   text-indent:-2vw;
   margin-left:12vw;
}

li.idtkn_fulltext_hit {
   margin-bottom:2vmin;
   padding-bottom:1vmin;
   border-bottom:1px dotted #555;
   font-size:4.5vmin;
}
span.idtkn_vol_label {
   color:#777;
   font-size:4vmin;
   font-weight:bold;
}

span.idtkn_print_year {
   color:#555;
   font-size:4.5vmin;
   margin-left:2vw;
}


.gramrec_detail_button,
.gramrec_detail {
  /*display:none;*/
}

#gramcat_tree {
  font-family:Arial,sans-serif;
  font-size:5vmin;
}

#gramcat_tree h2 {
  margin-top:-8vmin;
  margin-bottom:3vmin;
  color:#555;
  font-size:6vmin;
}

#gramcat_tree #gramcat_levels {
  display:inline-block;
  height:10vmin;
  line-height:10vmin;
  width:100%;
  overflow:hidden;
  margin-top:1vmin;
  margin-bottom:3vmin
}

#gramcat_tree ul {
  list-style-type:none;
  padding:0;
  margin:0;
}

#gramcat_tree li {
  padding-left:2.5vmin;
  padding-top:2.5vmin;
}

#gramcat_tree .parent_label {
  color:#aaa;
}

#gramcat_tree .txtlabel {
  color:#600;
  cursor:pointer;
  text-decoration:none;
}

#gramcat_tree .txtlabel:hover {
  color:darkgreen;
  text-decoration:underline;
}

#gramcat_tree .handle {
  background-color: transparent;
  width: 4vmin;
  height: 4vmin;
}
#gramcat_tree .handle::before {
  content:"\f096";
  font-family:FontAwesome;
}

#gramcat_tree .collapsed {
  cursor: pointer;
}
#gramcat_tree .collapsed::before {
  content:"\f196";
  font-family:FontAwesome;
}

#gramcat_tree .expanded {
  cursor:pointer;
}
#gramcat_tree .expanded::before {
  content:"\f147";
  font-family:FontAwesome;
}

#gramcat_tree .level_number {
  cursor:pointer;
  color:#600;
  padding:1vmin 2vmin;
  margin-left:1vmin;
  border:1px dotted black;
}
#gramcat_tree .level_number.active {
  font-weight:bold;
}

#gramcat_tree ul.gramrec_instances {
  list-style-type: circle;
  margin-top: 3vmin;
  margin-bottom: 1vmin;
  margin-left: 2vmin;
}

#gramcat_tree ul.gramrec_instances li {
  padding-bottom:1vmin;
}

.gramrec_detail {
  display:none;
  margin-top:0vmin;
  margin-bottom:2vmin;
  margin-left:2vmin;
  padding-inline-start:4vmin;
  font-size:4.5vmin;
}

.gramrec_detail li {
  cursor:pointer;
  color:#600;
  list-style:circle;
}

.gramrec_detail li::before {
  content:'[…] ';
  color:#555;
}

.gramrec_detail_button {
  cursor:pointer;
  color:#600;
  display:inline-block;
  margin-top:2vmin;
  margin-left:2vmin;
  font-size:4.5vmin;
}

#idtkn_hits .gramrec_detail_button {
  font-size:5vmin;
}

.gramrec_detail_button::before {
  content:"[";
  color:#555;
}
.gramrec_detail_button::after {
  content:"]";
  color:#555;
}

.gramrec_detail_button.expanded {
  color:black;
  display:block;
  margin-top:2vmin;
}

.gramrec_detail_button.expanded::before {
  content:"";
}
.gramrec_detail_button.expanded::after {
  content:":";
  color:black;
}

div#idtkn_info_content td a.copy_link:not(:active) {
   transition: color 200ms step-end;
}

div#idtkn_info_content td a.copy_link:active {
   color: #555;
}