/*  
1. cell div element hierarchy for multi-valued sub feature:
<div class="flex">    
    <div class="cell">
        <div class="cell-head"></div>
        <div class="list-view-container">

            <div class="list-view-list>
                <div class="value-filter"></div>
                <ol><ol>
                 <a class="button more"></a>
            </div class="end of list-view-list>

            <div class="list-view-value">
                <div class="oneValue block">
                    <div class="valueDetail">
                        <div class=typeDepedentCnamssName>
                        </div>
                        <div class="appendable">
                        </div>
                     </div class="end of valueDetail">
                     <div class="bot-cmds"></div>
                    <div class="msg"></div>
                </div class="end of oneValue">
             </div class="end of list-view-value">

        </div class="end of list-view-container">
    </div class="end of cell">
    <div class="cell">
        <div class="cell-head"></div>
            <div class="oneValue">
                    <div class="valueDetail block">
                        <div class=typeDepedentCnamssName>
                        </div>
                        <div class="appendable">
                        </div>
                     </div class="end of valueDetail">
                     <div class="msg"></div>
                     <div class="bot-cmds"></div>
                    
           </div class="end of oneValue">
    </div class="end of cell">
1. cell div element hierarchy for multi-valued sub feature:

</div class"endof flex">

for feedable subfeatures:
<div class="valueDetail"> contains 
    <div class="feedable-page-head"></div>
    <div class="flex"> recursively 
        
    */
div.oneValue, div.valueDetail{
    position: relative;
}
li.bookmark{
    border-bottom:1px solid #eee;
 }
li.bookmark:hover{
    background:#eee;
}
.entities-as-tag{
    margin-top:2em;
    font-size:0.8em;
    font-style:italic;
}
table.company{
    width:calc(100% - 9px)!important;
}
div.name{
    margin-bottom:0;
}
div.name p{
    margin:0 0 0.1em 0;

}

div.separator{
    display:none;
}
input[type=checkbox]:checked + div.separator{
    display:inline;
    
}
div.separator input{
    width:3em;
}
div.division-type select{
    width:99%;
}
pre.code{
    overflow-x:auto!important;
}
.context-help{
    position:absolute;
    top:1px;
    right:7.5em;
}

div.cite-link{
    font-size:0.8em;
    border-top:1px solid #aaa;
    margin-bottom:1em;
}
div.cite-link a.copy{
    font-style:italic;
}
cite:before{
    content:"-";

}

li, p{
    text-transform:none;
}

div.title-top, div.title-bottom{
    text-align:center;
    font-weight:bold;
    
}

div.title-top{
    margin-top:1em;
} 
div.title-bottom{
    margin-bottom:1em;
  }

/*******************/

.exec-name {
    font-style:italic;
}



div.description{
    
}


div.cell {
    background-color:#fcfff6!important;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
    font-family:Arial, sans-serif;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    color:#000;
    position:relative;
}


    div.cell.sValue2EntityLink {
        max-height: 15em;
        overflow:hidden!important;
    }

div.cell.max {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    width:calc(100% - 1em) !important;
    max-height:none;
    height:100vh !important;
    
    flex:none;
    -webkit-flex:none;
    -moz-flex:none;
}
    div.cell.max div.valueDetail{
        font-size:1.5em;
    }


div.content{
    position:relative;
}

span.head {
    text-transform:none!important;
}
    a.orgLink {
    font-weight:bold;
    text-decoration:none;
}
div.cell div.values {
    position:relative;
    height:calc(100% - 3em);
    
}
iframe.cart-checkout{
    z-index:99;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
}
div.auto-fill {
    position:relative;
    z-index:9;
    width:9em;
    max-width:9em;
}
    div.auto-fill ul {
        position:absolute;
        top:1px;
        background:#eee;
         list-style: none;
         padding: 0 ;
         margin: 0;
         max-height:20em;
         overflow:auto;
    }
        div.auto-fill ul li {
            border-bottom:1px solid #ccc;
        }
            div.auto-fill ul li:hover {
                background:#ddd;
                cursor:pointer;
            }
a[target='nwin']:after {
    font-size:9px;
    display: inline-block;
    content: '\2197';
    font-style:normal;
     width: 9px;
    height: 9px;
    margin-left:3px;  
  vertical-align:super;
  border:1px solid #666;
}
div.source {
    font-size:0.8em;
    font-style:italic;
}
span.unpublished {
    position:absolute;
    top:0;
}

div.label.left {
    text-align:left;
    width:100%;
}
div.edit-board {
    width:calc(100% - 2px);
    margin: 0 1px;
    
}
div.address {
    width:calc(100% - 2px);
}
div.edit, div.description {
    width: calc(100% - 4px);
}
div.operation.price {
    border-bottom: 1px solid #aaa;
}

textarea.description, input[type=text].edit {
    width: calc(100% - 3px);
}
    
a.wide {
    display: block;
}

div.label {
    font-weight:bold;
}

a.move {
    color:red;
}