/*
 * ParametricWritingEditor_Database.css

 * Copyright (c) 2017, Brandon Crosby, Commit3x LLC
 */

/* Right-hand lists (Database) */
#rule-container {
    height: 100%;
    float: left;
    width: 25%;
    /*background: #fbb9b9;*/
    /*background: #dfdfdf;

        https://cssgradient.io/
    
    background: rgb(140,140,140);
    background: linear-gradient(90deg, rgba(140,140,140,1) 0%, rgba(191,190,190,1) 48%, rgba(210,212,213,1) 100%);
    */
    background: rgb(210,212,213);
    background: radial-gradient(circle, rgba(210,212,213,1) 0%, rgba(191,190,190,1) 56%, rgba(140,140,140,1) 100%);
}

#brief-container {
    height: 100%;
    float: left;
    width: 25%;
    /*background: #d7fdd1;
    background: #dfdfdf;*/
    background: rgb(210,212,213);
    background: radial-gradient(circle, rgba(210,212,213,1) 0%, rgba(191,190,190,1) 66%, rgba(140,140,140,1) 100%);

}

/* Selection and Previous Selection Coloring */
#brief-tree.jstree-default .jstree-clicked {
    background:#9999ff;
}
#rule-tree.jstree-default .jstree-clicked {
    background:#ff9999;
}
.jstree-prev-clicked-brief {
    background:#d1d1ff;
}
.jstree-prev-clicked-rule {
    background:#d1d1ff; /*todo, if desired*/
}


/* Headers */
#brief-head, #rule-head {
    clear: both;
    padding: 4px 5px 5px;
    font: bold large sans-serif;
    /*position: relative;*/
}
#brief-head {
    background: #bbbbff;
    color: #0000ff;
    text-align: center;
}
#rule-head {
    background: #ffbbbb;
    color: #ff0000;
    text-align:center;
}
#brief-head input[type='text'], #rule-head input[type='text'] {
    width:calc(100% - 50px);
}

/*

    Actual Lists

*/
#rule-tree {
    margin-left: 10px;
    position: relative;
    max-height: calc(100% - 54px); /* TODO 30px is height of .database-header, which could change */
    overflow-x: auto;
    overflow-y: auto;
}

#rule-tree.hideAllCheckboxes a.jstree-anchor                      > i.jstree-checkbox,
#rule-tree                   a.jstree-anchor[data-checkable="no"] > i.jstree-checkbox
 {
    display: none;
}

#brief-tree.hideAllCheckboxes a.jstree-anchor > i.jstree-checkbox {
    display: none;
}


/*
    




    Rule List Details
    
*/

/*
#database-container #rule-list-list .selected {
    background-color: #ff7474;  Matching Quill_Interface.js's background color, and below selectedRule css code  
    display: none;
}

#database-container #rule-list-list .applicable {
    background-color: #ff7474; * Matching Quill_Interface.js's background color, and below selectedRule css code  
}
*/
.jstree-themeicon-custom{
    background-size: 24px !important;
}

/* Text Inputs */
.rule-rule {
    left: 105px;
    width: calc(100% - 230px);
}
.rule-truth {
    left: 60px;
    width: 30px;
    text-align: center;
}

#rule-list-list-add{
	margin-top:10px;
}




/*

    Various Dialogs

*/

/* Combining Sentences (Quill custom toolbar command)
    see: Quill_Interface.js colorizeColors array of colors

*/
.examineSentence1 {
    background-color: #E2BCBC;
}
.examineSentence2 {
    background-color: #E2CDBC;
}

/*

Headings for context menus (search, etc)

*/

a.OV-ContextMenu-Heading ,
a.RL-ContextMenu-Heading {
    color:Red !important;
}


.vakata-context .vakata-context-hover > a.OV-ContextMenu-Heading,
.vakata-context .vakata-context-hover > a.RL-ContextMenu-Heading {
  background-color: #f5f5f5 !important;
  box-shadow: 0 0 0 0 !important;
}

.vakata-context span.context-use {
    margin-right:5px;
    color:#8484ff;
    font-weight:bold;
}

.vakata-context span.context-use i {
    color:black;
    font-weight:normal;
    font-size:x-small;
}

.vakata-context span.context-use:hover {
    margin-right:5px;
    color:#0c0cff;
    font-weight:bold;
    text-decoration:underline;
}

.vakata-context span.context-use-selected {
    font-weight:bolder !important;
    color:Red !important;
}

.vakata-context span.context-use-close {
    color:black;
    font-weight:bold;
    display:block;
    float:right;
}

.context-use-autoScroll,.context-use-hideAfterJump {
    color:grey;
    font-weight:bold;
}

.context-use-autoScroll.cuActive,.context-use-hideAfterJump.cuActive {
    color:black;
    font-weight:bold;
}


/* Dialog Link Rules from another Story

RL-Act_LinkStoryRules-startLinking-listOfStoriesToLink

*/
#RL-Act_LinkStoryRules-startLinking-listOfStoriesToLink a{
    color:blue;text-decoration:underline;cursor: pointer;
}


/*

Tree hack to prevent normal (text) search from finding there, so that the Control-F browser
search command works only with the Story Text! Also see related changes in jsTree, to not
use content literally but the *data-content* attribute.

*/
.noSearch::after, .jstree-anchor::after {
    content: attr(data-content);
}



/*

    Verify Rule Use in Folder   (rule use context menu of folder; statistics)

*/
.Act_VerifyRuleInFolderUsedBySentence span.context-use  {
    color:blue;cursor: pointer;
}