/**
* This file is part of the Research Environment for Ancient Documents (READ). For information on the authors
* and copyright holders of READ, please refer to the file AUTHORS in this distribution or
* at <https://github.com/readsoftware>.
*
* READ is free software: you can redistribute it and/or modify it under the terms of the
* GNU General Public License as published by the Free Software Foundation, either version 3 of the License,
* or (at your option) any later version.
*
* READ is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
* without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
* See the GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License along with READ.
* If not, see <http://www.gnu.org/licenses/>.
*/
/**
* @author      Stephen White  <stephenawhite57@gmail.com>
* @copyright   @see AUTHORS in repository root <https://github.com/readsoftware/read>
* @link        https://github.com/readsoftware
* @version     1.0
* @license     @see COPYING in repository root or <http://www.gnu.org/licenses/>
* @package     READ Research Environment for Ancient Documents
*/
#textEditPage .textDivHeader, #textEditPage h3 {
  font-weight: bold;
  padding-right: 15px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.modify .TCM {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#textEditPage .TCM::selection{ background: transparent; color:#959595;}
#textEditPage .TCM::-moz-selection{ background: transparent; color:#959595;}
#textEditPage h3::selection{ background: transparent; color:black;}
#textEditPage h3::-moz-selection{ background: transparent; color:black;}
#textEditPage .textDivHeader::selection{ background: transparent; color:black;}
#textEditPage .textDivHeader::-moz-selection{ background: transparent; color:black;}
#textEditPage div.editContainer > div::selection{ background: transparent; color:black;}
#textEditPage div.editContainer > div::-moz-selection{ background: transparent; color:black;}
#textEditPage .boundary::selection{ background: transparent; color:black;}
#textEditPage .boundary::-moz-selection{ background: transparent; color:black;}
#textEditPage .linebreak::selection{ background: transparent; color:black;}
#textEditPage .linebreak::-moz-selection{ background: transparent; color:black;}
#textEditPage .selected::selection{ background: #2F5597; color:white}
#textEditPage .selected::-moz-selection{ background: #2F5597; color:white}

#textEditPage > span{
  margin-top: 10px;
  margin-bottom: 10px;
}

.highlighted {
  color: white !important;
  background-color: #4673af !important;
}

div.selected span.wordTranslation {
  background: #2F9755 !important;
  color:white !important;
}
.toksep {
  display: none;
  visibility: hidden;
}

div.editContainer.showTokenSep .toksep {
  display: inline;
  visibility: visible;
}

.modify .selected {
  color: white;
  background-color: #2F9755;
}

.selected {
  color: white;
  background-color: #2F5597;
}

#textEditPage .editContainer {
  text-align: left;
  font-family: "Segoe UI", "Noto Sans", "DejaVu Sans", sans-serif, "Gandhari Unicode"!important;
}

#textEditPage .editContainer.hasFocus {
  padding: 4px;
  background-color: orange;
}

#textEditPage .editContainer.hasFocus.autoOrdLinkingMode {
  padding: 4px;
  background-color: blue;
}

#textEditPage .editContainer.autoOrdLinkTarget {
  padding: 4px;
  background-color: lightblue;
}

#textEditPage .editContainer.ordNumberingMode {
  padding: 4px;
  background-color: blue;
}

.viewEndRule {
  padding: 1px;
  color: inherit;
  background-color: transparent;
  border: none;
}

#textEditPage .tcmedit {
  background-color: #e5e5e5;
}

#textEditPage span.tcmerror, #textEditPage span.tcmadd.tcmerror:not(.autoGen) {
  background-color: #648cc8;
  color: red !important;
}

#textEditPage span.autoGen {
  background-color: #648cc8;
  color: green !important;
}

span.grpGra, span.TCM {
  padding-right: 1px;
  display: inline-flex;
  font-family: "Segoe UI", "Noto Sans", "DejaVu Sans", sans-serif, "Gandhari Unicode"!important;
}

span.grpGra.prepadding {
  padding-left: 5px;
}

#textEditPage span.tcmadd:not(.autoGen) {
  background-color: #648cc8;
  color: #2F5597 !important;
}

.wordTranslation {
  padding-right: 5px;
}

div.section {
  padding-left: 10px;
  padding-bottom: 20px;
}

div.section.Stanza, div.section.Pāda {
  display: block !important;
}

div.section.Pāda div.secMarker{
  display: none;
}

div.section.level2,
div.section.level3,
div.section.level4,
div.section.level5{
  /*display: inline-block; */
  padding-bottom: 0px;
}

div.section.Sentence{
  display: inline;
  width: 95%;
  padding-left: 0px;
  padding-right: 5px;
}

div.secHeader, div.secTitle{
/*  display: inline-block; */
  font-weight: bold;
  padding-top: 10px;
}

div.secMarker{
  display: inline-flex;
  margin-right:10px;
}
div.itemBullet{
  display: table-cell;
  padding-right:10px;
}
div.itemWrapper{
  display: table-cell;
}
div.itemWrapper > div.section{
  padding-left: 0px;
}
div.prose.lastStructure {
  margin-bottom: 15px;
}

#textEditPage .prose span.linelabel {
  color: gray!important;
}
.Stanza .secTitle {
  display: none;
}
.ednveContentDiv, .transVContentDiv {
  padding-left: 8px;
  overflow-y: scroll;
  height: inherit!important;
  overflow-wrap: break-word;
}
.listDropdownButton {
  position: relative;
  margin-left: 3px;
  margin-top: 5px;
}
.properyManager {
  float:left;
}
.editionTitleDiv {
  display: table-row;
}
.editionTitleDiv a {
  display: table-cell;
  cursor: pointer;
}
.wordListTitle {
  padding-left: 30px;
}
.prose {
  display: inline-flex;
  word-break: keep-all;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-right: 1.5%;
}

#textEditPage .selected .textDivHeader,
#textEditPage h3,
#textEditPage .selected .linebreak,
#textEditPage .selected .boundary,
#textEditPage div.editContainer > div,
#textEditPage span:not(.selected):not(.tcmedit) {
  background-color: white;
  color:black;
  line-height: 1.5;
}
.textDivHeader>sup {
  padding-left: 2px;
  font-weight: normal;
}
.textDivHeader.freetext {
  vertical-align: top;
}
div.freetext {
  display: inline-block;
  width: 90%;
  color: #404040;
  background-color: rgb(216,216,216);
}
div.freetext.error {
  color: #D01010;
}
div.freetext.dirty {
  background-color: rgb(255,192,76);
}
.freetext .validationError{
  display: none;
}
.freetext.error .validationError{
  cursor: pointer;
  display: block;
  position: absolute;
  z-index: 3;
  background-color: lightgrey;
  border: 1px solid darkgrey;
}
.errhilite {
  color: red!important;
  background-color: yellow!important;
}
.successmsg {
  color: green!important;
  background-color: transparent!important;
}
.errmsg {
  color: brown!important;
  background-color: pink!important;
}
.ctxerror {
  color: brown!important;
}
.freetextInput{
  width: 80%;
}
.freetext.error .freetextInput{
  border: solid 1px red;
}
.freetextResultTable{
  display: none;
}
.freetext .commitButton {
  display: none;
}
.freetext.saving .commitButton {
  cursor: wait;
}
.freetext.valid .commitButton {
  display: inline-block;
  background-color: rgb(217,217,217);
  width: 70px;
  height: 23px;
  border: 1px solid darkgrey;
  cursor: pointer;
  vertical-align: top;
}
.validateButton {
  display: inline-block;
  background-color: rgb(217,217,217);
  width: 70px;
  height: 23px;
  border: 1px solid darkgrey;
  cursor: pointer;
  vertical-align: top;
}