﻿/*RCA main CSS for globlly*/

/*Boostrap override*/
.main-container {
    margin: -7px !important;
    padding: 0px !important;
}

/*RCA CSS*/
.splitter-container {
    height: 93.80vh ;
}

/*JS Treeview*/
.jstree-container-ul{
    padding-left:15px;
}
.jstree-default a {
    white-space: normal !important;
    height: auto;
}

.jstree-anchor {
    height: auto !important;
    margin-bottom: 1px;
    text-transform: uppercase;
}

.jstree-default li > ins {
    vertical-align: top;
}

.jstree-leaf {
    height: auto;
    line-height: normal;
}

    .jstree-leaf a {
        height: auto !important;
    }

.jstree-node {
    margin: 1px 0;
    padding: 0 0;
}

#JSTreeview ul{
    list-style:none;
}
#JSTreeview ul li{    
    padding:2px;
}
#JSTreeview ul li a{
    text-decoration:none;
}
    #JSTreeview ul.jstree-container-ul li a.jstree-anchor{
        display:block;
    }

    .jstree-node.jstree-open i.jstree-icon.jstree-ocl {
        position: relative;
    }
.jstree-node.jstree-closed i.jstree-icon.jstree-ocl {
    position: relative;
}
.jstree-node.jstree-open i.jstree-icon.jstree-ocl::before {
    font-family: bootstrap-icons !important;
    content: "\f229";
    position:absolute;
    left:-18px;
    top:1px;
}
.jstree-node.jstree-closed i.jstree-icon.jstree-ocl::before {
    font-family: bootstrap-icons !important;
    content: "\f231";
    position: absolute;
    left: -18px;
    top: 1px;
}

.jstree-node.jstree-leaf i.jstree-icon.jstree-ocl::before {
    content: ""!important;
}
#JSTreeview li[role='treeitem'].jstree-leaf:hover {
    background: #4094f9; /* Old browsers */
    background: -moz-linear-gradient(top, #4094f9 0%, #2eafea 50%, #bdcdef 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4094f9 0%,#2eafea 50%,#bdcdef 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4094f9 0%,#2eafea 50%,#bdcdef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4094f9', endColorstr='#bdcdef',GradientType=0 ); /* IE6-9 */
    color: white!important;
    
}
    #JSTreeview li[role='treeitem'].jstree-leaf:hover a{
        color:white!important;
    }
.jstree-children li[aria-selected='true'].jstree-node a.jstree-clicked {
    background: #4094f9; /* Old browsers */
    background: -moz-linear-gradient(top, #4094f9 0%, #2eafea 50%, #bdcdef 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4094f9 0%,#2eafea 50%,#bdcdef 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4094f9 0%,#2eafea 50%,#bdcdef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4094f9', endColorstr='#bdcdef',GradientType=0 ); /* IE6-9 */
    color: white;
}
#JSTreeview .jstree-children li.jstree-node ul li[aria-selected='true'].jstree-leaf {
    background: #4094f9; /* Old browsers */
    background: -moz-linear-gradient(top, #4094f9 0%, #2eafea 50%, #bdcdef 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4094f9 0%,#2eafea 50%,#bdcdef 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4094f9 0%,#2eafea 50%,#bdcdef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4094f9', endColorstr='#bdcdef',GradientType=0 ); /* IE6-9 */
    color: white;
}
#JSTreeview .jstree-children li[aria-selected='true'] a.jstree-clicked {
    color: white !important;
}
#JSTreeview li.has-rule-error,
#JSTreeview li.has-rule-error a{
    background: #f95140 !important;
    background: -moz-linear-gradient(top, #f95a40 0%, #ea482e 50%, #efc4bd 100%) !important;
    background: -webkit-linear-gradient(top, #f95a40 0%,#ea482e 50%,#efc4bd 100%) !important;
    background: linear-gradient(to bottom, #f95140 0%,#ea512e 50%,#efc4bd 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f95a40', endColorstr='#efc4bd',GradientType=0) !important;
    color: white !important;
}
/*End jstreeview*/
/*Splitter*/
.splitter_panel .hsplitter {
    height: 4px !important
}
.splitter_panel .vsplitter{
    width:4px!important;
}

/**Coder Tree View*/
div#CoderTreeView{
    padding:2px 10px;
}
    div#CoderTreeView ul.jstree-container-ul {
        list-style: none;
        font-size: 11px;
    }
        div#CoderTreeView ul.jstree-container-ul a.jstree-anchor {
            text-decoration: none;
            color: black;
            padding: 2px;
        }
            div#CoderTreeView ul.jstree-container-ul a.jstree-anchor.jstree-hovered,
            div#CoderTreeView ul.jstree-container-ul a.jstree-anchor.jstree-clicked {
                color: white;
                padding: 2px;
                border-radius: 4px;
                /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4094f9+0,2eafea+50,bdcdef+100 */
                background: #4094f9; /* Old browsers */
                background: -moz-linear-gradient(top, #4094f9 0%, #2eafea 50%, #bdcdef 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top, #4094f9 0%,#2eafea 50%,#bdcdef 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, #4094f9 0%,#2eafea 50%,#bdcdef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4094f9', endColorstr='#bdcdef',GradientType=0 ); /* IE6-9 */
            }
    div#CoderTreeView .jstree-children li[aria-selected='true'] {
        background-color: transparent;
        color: black;
    }
/***/