@import "./variables.scss";

.LeftRequestsMenu{
    display:flex;
    flex-direction:row;
    //margin:0px 10px 0px 10px;
    .LeftRequestsMenuAdd {
        flex:0 0 auto;
        padding:5px;
        padding-right:none;
        color:$grey45;
    }
}

$treeColor:$grey23;
.LeftRequestsContainer{
        font-family:$fontfamily7;
    .ant-tree li span[draggable], .ant-tree li span[draggable='true'] {
        /*
        border-top:none;
        border-bottom:none;
        */
    }
    .ant-tree li span.ant-tree-switcher, .ant-tree li span.ant-tree-iconEle{
        width:12px;
    }
    div.ui.label{
        vertical-align:middle;
        padding:5px 2px;
        position:relative;
        top:0px;
    }
    div.ui.mini.label{
        font-size:7px;
    }
    font-size:$font4;
    .ant-tree li .ant-tree-node-content-wrapper {
        color:inherit;
        border-radius:0px;
        transition:none;
        -webkit-transition:none;
        width:calc(100% - 12px);
        height:24px;
        border:1px solid transparent;
    }
    .ant-tree li .ant-tree-node-content-wrapper:hover{
      
    }
    .ant-tree {
        color:$darkGray;
        padding:5px;
    }
    .ant-tree-title{
        color:$darkGray;
        font-size:$font45;
        padding-left:10px;
        display:inline-block;
        width:calc(100% - 12px);
    }
    .ant-tree-iconEle{
        color:$darkGray;
    }
 
    .ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
        //display:none;

    }
    .ant-input {
        border-radius:0px;
        font-size:$font4;
        background-color:inherit;
        border:none;
        color:$grey23;
    }

    .ant-tree li .ant-tree-node-content-wrapper:hover,
    .TreeNodeContainerDropdownOpen >.ant-tree-node-content-wrapper,.ant-tree-node-content-wrapper:hover {
   background-color:$darkGray1;
        .ant-tree-title {
        //color:$grey12;
        }
        .ant-tree-iconEle{
            color:inherit;
        }
    }
    
    .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected{
        background-color:$grey1;
        border: 1px solid $grey56;
        border-radius: 3px;
        .ant-tree-title {
        }
        .ant-tree-iconEle{
            color:inherit;
        }
    }
     .ant-tree li .ant-tree-node-content-wrapper:hover,   .TreeNodeContainerDropdownOpen >.ant-tree-node-content-wrapper{
        .DropdownIcon{
            visibility:visible;
                }
    }
    .TreeNodeContainer{
        display:flex;
        flex-direction:row;
        align-items:center;
        .DropdownContainer{
            //margin-left:auto;
            //position:relative;
            //top:-4px;
        }
        .DropdownIcon{
            display:block;
            visibility:hidden;
            color:$grey6;
        }
    }
    .TreeNode {
    }
    .SNameInput {
        padding:2px 0px;
        //position:relative;
        //top:-2px;
        //height:28px;
        font-weight:400;
        font-size:$font4;
        display:flex;
        flex-direction:row;
        .OutputVariableName {
            color:$grey4;
        }
    }
}
.ant-tree-child-tree > li:first-child{
    //padding-top:4px;
}