.tab-contents { position: relative; min-height: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; height: 100%; word-break: break-word; }
.tab-content { overflow: auto; height: 100%; padding: 0.3rem 0.6rem 0.3rem 0.6rem; flex: 1 1 0; position: relative; border-right: 1px solid var(--border-color) }
.tab-content:not([view=columns]):not(.active) { display: none; }

.tab-heads { display: flex; flex-direction: row; flex-wrap: wrap; background-color: var(--special-bcolor); flex-shrink: 0;}
.tab-heads[view=columns] { flex-wrap: nowrap; }
.tab-heads[view=disabled] { display: none; }
.tab-head { cursor: pointer; padding: 0.5rem 1rem 0.5rem 1rem; border-right: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center;}
.tab-head[view=columns] { flex: 1 1 0; background-color: var(--main-bcolor); color: var(--main-color); font-weight: 900; }
.tab-head.active { background-color: var(--main-bcolor); color: var(--main-color); font-weight: 900; }

.tab-head .head-label {text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  max-width: 5rem; display: inline-block;}
.tab-head[view=columns] .head-label { max-width: 10rem;}
.tab-head.active .head-label {max-width: 10rem;}
.tab-head .coll-icon { padding-right: 5pt; font-family: 'roman'; }
.tab-head .coll-icon.M {color: var(--mula-color); }
.tab-head .coll-icon.A {color: var(--atta-color); }
.tab-head .coll-icon.T {color: var(--tika-color); }
.tab-head .coll-icon.E {color: var(--anya-color); }
.tab-head.active .coll-icon { font-weight: bold; }
.tab-head .close-icon { padding-left: 0.5rem; }
.tab-head .close-icon:hover { color: red; font-weight: 900;}


.coll-buttons { position: absolute; top: 10px; left: 10px; display: flex; flex-direction: row; font-size: 1rem;}
.coll-button { font-family: 'roman'; cursor: pointer; width: 2rem; height: 2rem; line-height: 2rem; border: 1px solid black; background-color: var(--special-bcolor); }
.coll-button:hover {font-weight: bold; font-size: 1.5rem;}
.coll-button.M {color: var(--mula-color); }
.coll-button.A {color: var(--atta-color); }
.coll-button.T {color: var(--tika-color); }


/* MAIN TEXT */

n { color: var(--special-color); } /* note can appear in dialog too */
n.click { cursor: pointer;}
n.click::before { font-family: "Font Awesome 5 Pro"; font-weight: 400;  content: "\f069"; font-size: 0.8rem;}
n.click:hover::before { font-weight: 900;}
n abbr {cursor: pointer;}
n abbr:hover { text-decoration: underline; }
.highlighted { background-color: var(--highlight-bcolor); } /* highlight pb, note and abbr when dialog is open */
pb { cursor: pointer; }
pb.T { color: var(--mula-color); }
pb.P { color: var(--atta-color); }
pb.M { color: var(--tika-color); }
pb.V { color: var(--anya-color); }
pb:hover {text-decoration: underline;}

/** full text search results **/
.tab-content found { background-color: var(--highlight-bcolor); }
.tab-content found.active { background-color: greenyellow; } /* not used */

.tab-content > div { padding-top: 2pt; padding-bottom: 2pt;}
/* namothassa line if exists */
.tab-content > div:first-child.cen { font-style: italic; color: var(--special-color); }

.tab-content .hangnum,.titnum { padding-right: 0.7rem; font-weight: bold; color: var(--special-color); }
.tab-content .hangnum { min-width: 4rem; display: inline-block;}
.tab-content .hangnum.long { font-size: smaller; padding-top: 0.1rem;}


.tab-content .nik { font-size: 1.8em; font-weight: bold; margin: 7px 0px 7px 0px;}
.tab-content .boo { font-size: 1.6em; font-weight: bold; margin: 7px 0px 7px 0px;}
/* title lines */
.tab-content .cha { font-size: 1.4em; font-weight: bold; color: var(--heading-color); margin: 5px 0px 5px 0px; }
.tab-content .tit { font-size: 1.25em; font-weight: bold; color: var(--heading-color); margin: 5px 0px 5px 0px; }
.tab-content .sub { font-size: 1.1em; font-weight: bold; margin: 5px 0px 5px 0px;}

.tab-content div[tt]:not(.open)::before { content: "\f063"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 1rem; padding-right: 10pt; color: var(--icon-color); transition: 0.25s;}
.tab-content div[tt]:not(.open):hover::before { content: "\f354"; color: red; font-weight: 900;}
.tab-content div[tt] {cursor: pointer;}
.tab-content .highlighted-line { background-color: var(--special-bcolor); }

.tab-content .ssh { font-weight: bold;  margin: 3px 0px 3px 0px;}

/* content lines */
.tab-content .bod { text-align: justify;  }
.tab-content .gax { margin-bottom: 0rem; text-align:left;}
.tab-content .gae { margin-bottom: 0.5rem; text-align:left;}

.tab-content .ind { text-indent: 2rem; margin-left: 3rem; text-align: justify; } /*indent*/
.tab-content .uni { } /*unindented*/





/* old styles below - remove */


/* .text-section .span-links { position: absolute; cursor: pointer; color: lightgray; background-color: white; z-index: 99; padding: 0px 5px 0px 5px;}
.text-section .span-links .fa:hover { color: lightcoral; }

.text-section span.note { color: blue; }
.text-section span.bold { font-weight: bold; }
.text-section span.paranum { font-weight: normal; float: left; }
.text-section span.paranum::after { font-weight: bold; content: "."; }
.text-section .bld { font-weight: bold; } */

/*.text-section .hangnum { margin-bottom: -0.75cm; text-indent: 2em; }*/
/*Namo tassa, and nitthita -- no unique structural distinction */
/* .text-section .centered { text-align:center; } */

/* .text-section .nikaya { font-size: 23pt; text-align:center; font-weight: bold; margin: 7px 0px 7px 0px;}
.text-section .book { font-size: 20pt; text-align:center; font-weight: bold; margin: 7px 0px 7px 0px;}
.text-section .specialcaption { font-size: 17pt; text-align: center; font-weight: bold }  used for pannasaka bhagaya*/

/*.text-section div.chapter { text-align:center; margin: 5px 0px 5px 0px; }
.text-section span.chapter { font-size: 17pt; font-weight: bold; color: darkgoldenrod; }

.text-section div.title { text-align:center; margin: 5px 0px 5px 0px; }
.text-section span.title { font-size: 15pt; cursor: pointer; font-weight: bold; color: #000000; }

.text-section div.subhead { text-align:center; margin: 5px 0px 5px 0px;}
.text-section span.subhead { font-size: 13pt; cursor: pointer; font-weight: bold;}
.text-section span.subhead.sc_collapsed {color: #5423DB; } */
/*.text-section span.subhead.sc_collapsed::before {content: "+  "; color: blue;}*/

/* .text-section div.subsubhead { text-align:center; font-weight: bold;  margin: 3px 0px 3px 0px;}

.text-section .paragraph {padding-top: 5px; padding-bottom: 5px; display: table; width: 100%;}

.text-section .bodytext { text-indent: 1em; text-align:justify; font-weight: normal;} */

/* Gatha line */
/* .text-section .gatha { margin-bottom: 0em; margin-left: 4em; text-align:left; font-weight: normal;}
.text-section .gathalast { margin-bottom: 0.5cm; margin-left: 4em; text-align:left; font-weight: normal;}

.text-section .ending { text-align:center; }
.text-section .udana { font-style: italic; }
.text-section .namothassa { font-style: italic; text-align: center } */