body{
  overflow: auto;
}

#analysis_div, .commentboxcontainer{
  background-color:#ececec;
}

#form_div{
  background-color:#cecece;
}

.dataheader, .dataheaderthin{
  color:black;
}

.divtable{
  display:table;
}

.divtableheader{
  display:table-header-group;
}

.divtablecell{
  display:table-cell;
  white-space: nowrap;
  padding-left:20px;
  padding-right:20px;
}

.lightborder{  
  border-left:2px solid #ececec;
  border-right:2px solid #ececec;
}

.divtablerow{
  display:table-row; 
}

.divtablecolumn{
  display:table-column; 
}

.analysiscolumn{
  background-color: #cecece;
}

.hcenter{
  text-align:center;
}

.hcentered{
  margin: 0 auto;
}

.vcenter {
  vertical-align:middle;
}

.leftjustify{
  text-align:left;
  padding-left:0.7em;
}

.iconDivSyllable{
  position:absolute;
  top:1px;
}

.iconDivSource{
  position:absolute;
  top:1px;
}

#addSourceButton{
  visibility:hidden;
}

.removeSourceButton{
  visibility:hidden;
}

.iconButton{
  line-height:1em;
  font-size:0.7em;
  padding: 1px 2px;/*
  background-color: #D0D7F9;
  cursor:pointer;*/
  visibility:hidden;
}

.bluebutton{
  background-color: #D0D7F9;
  border-radius: 50%;
  text-decoration: none;
  display: inline-block;
  cursor:pointer;
}



.largerbutton{
  line-height:1.7em;
  width:1.7em;
}


.smallerbutton{
  width:1.3em;
  line-height:1.3em;
  padding-right:0.13em;
  padding-bottom:0.13em;
}

.toppadded{
  padding-top: 0.2em;
}

.addPotestasInput, .removePotestasInput{
  position:absolute;
  margin-top:2px;
}

.editchange{
  position:absolute;
  margin-top:2px;
  display:inline-block;
}


.addChangeInput, .removeChangeInput{
  position:absolute;
  margin-top:0.1em;
}

.orderedchange {
  position:absolute;
  margin-top:0.9em;
  margin-left: -0.1em;
}

.flexdiv{
    display: -webkit-flex !important;
    display: flex !important;
}

.changecell{
  vertical-align:top;
}

.divwithincell{  
  display: inline-block;
width:3em;
}



.divwithincell{
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}


.addSyllablePart, .iconDivChange{
  text-align:left;
  display:none;
  position:absolute;
  top:4px;
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-bottom: 1em;
  background-color:#cecece;
  box-shadow:  0 0 3px 3px #d0d7f9;
  font-size:0.7em;
  line-height:1.5em;
  z-index:2;
}





.sourceTypeSelect{
  padding-right: 0.3em;
  padding-left:0.1em;
}



.relativeSetToTheLeft{
  right:100%;
}

.relativeRight1{
  right:1px;
}

.relativeSetToTheRight{
  left:100%;
}

.relativeLeft1{
  left:1px;
}

.relative{
  position:relative;
}


.spanAsLink{
  cursor:pointer;
}

.nopadding{
  padding:0;
}

.leftpaddingonly{
  padding-right:0;
  padding-left:5em;
}

.rightalign{
  text-align:right;
}

.bolditalic{
  font-style:italic;
  font-weight:bold;
}

.italic{
  font-style:italic;
}

#cleardatabutton{
  float:right;
}

/*
.moreformscontainer{
 width: 22em; 
}
*/


/*
 * laos-data.css had height to 1.3, but the tail of j,y etc in fits-osc-enter-data was getting cropped
 * */
input[type=text]{
 line-height:1.4em; 
}

.tinygap{
 height:0.5em; 
}

input{
  text-align: center;
}

.moreformsinput{
 width: 96%;
}


.moreformsselect{
 width: 96%;
}


.invisible{
  display:none;
}