/*
   File: objectTree.css
   Author: pcooney
   Copyright WBT Systems, 2016-2016
   Contents:
*/
/*
   Date:          Author:  Comments:
    6th Apr 2016  pcooney  #21426 Groups - Update the group tree view
   15th Apr 2016  pcooney  #21580 Group Tree Multiple Batch Add
   21st Apr 2016  pcooney  #21626 Post-review changes: Objects Admin and Object Tree
    3rd Jun 2016  jsheil   #21882 - Group Admin UX and UI Issues
   16th Jun 2016  jsheil   #21988 Display of Root/Default Group for new TC Install
   18th Aug 2016  pcooney  #21940 Group Tree UI: Adding Group of Users to Group Users
*/
#tc-tree-holder {
    background: #d1d1d1;
    min-height: 300px;
    left: -1000px;
    max-height: 700px;
    min-width: 400px;
    outline: none;
    overflow-y: auto;
    padding-bottom: 150px;
    position: fixed;
    top: 40px;
    width: auto;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    z-index: 1000;
}

#tc-tree-holder .tc-tree-header button.close {
    margin-right: 10px;
    opacity: 0.5;
    position: relative;
    top: 5px;
}

#tc-tree-holder .tc-tree-header {
  border-bottom: 1px solid #575757;
  background: #8a8a8a;
  color: #fff;
}

#tc-tree-holder .tc-tree-header button.close.dark:after {
  color: #fff;
}

#tc-tree-holder .tc-tree-header button.close.dark:hover:after {
  color: #575757;
}

#tc-tree-holder .tc-tree-header .tc-tree-title {
    display: inline-block;
    width: auto;
    padding: 10px 15px;
    font-size: 1.4em;
    font-weight: 600;
}

#tc-tree-holder .tc-tree-body {
    margin-top: 20px;
}

#tc-tree-holder ul.TCSubTree {
    border-color: #8B8B8B;
    border-left-style: solid;
    margin-left: 8px;
    padding-left: 12px;
}

#tc-tree-holder .tc-tree-body li .tc-display-node {
    border: 1px solid transparent;
    margin-left: -13px;
    margin-right: 10px;
    margin-top: -1px;
    padding-bottom: 0;
    padding-top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#tc-tree-holder .tc-tree-body li.TCTreeNode {
  margin-left: 0;
}

#tc-tree-holder .tc-tree-body li .tc-display-node.tc-highlight {
    background-color: #ffef99;
}

#tc-tree-holder .tc-tree-body li .tc-display-node:hover {
    background: #bcbcbc;
}

#tc-tree-holder .tc-tree-body li .tc-display-node:hover .tc-show-actions {
    opacity: 1;
}

#tc-tree-holder .tc-tree-body li {
    margin-left: 5px;
    margin-top: 0;
    padding-top: 0;
}

#tc-tree-holder .tc-tree-body li.tc-ddlist-item {
  margin-left: 0;
}

#tc-tree-holder .tc-tree-body span.tc-tree-marker {
    border-bottom: 2px solid #666666;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1.2em;
    opacity: 0.8;
    vertical-align: top;
    width: 40px;
}

#tc-tree-holder .tc-tree-body li.TCChildTree a,
#tc-tree-holder .tc-tree-body li.TCTreeRootOnlyNode span.tc-tree-marker {
    color: #666666;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 600;
}

#tc-tree-holder .tc-tree-body li.TCTreeRootOnlyNode a {
    color: #666666;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 600;
}

#tc-tree-holder .tc-tree-body .tc-display-empty-node {
    border-left: 1px solid #8B8B8B;
    margin-left: 8px;
    height: 40px;
    margin-top: -1px;
    width: 0;
}

#tc-tree-holder .tc-tree-body .tc-display-empty-node>div {
    border-left: none;
    margin-left: 0;
    padding-left: 12px;
    height: 20px;
    margin-top: -1px;
    width: 5px;
    border-bottom: 1px solid #8B8B8B;
}

#tc-tree-holder .tc-tree-body li.TCTreeRootOnlyNode {
  margin-left: 5px;
}

#tc-tree-holder .tc-tree-body li.TCTreeRootOnlyNode span {
    border: none;
    outline: none;
}

#tc-tree-holder .tc-tree-body li.TCChildTree a.JSToggleContents,
#tc-tree-holder .tc-tree-body li.TCChildTree a.tc-more,
#tc-tree-holder .tc-tree-body li.TCTreeRootOnlyNode span.tc-tree-marker {
    background: #929292;
    border-radius: 50%;
    color: #FFFFFF;
  height: 40px;
    margin-right: 10px;
    margin-top: 0;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 40px;
}

#tc-tree-holder .tc-tree-body li.TCChildTree a.JSToggleContents > i.tc-tree-expand-collapse,
#tc-tree-holder .tc-tree-body a.tc-more > i {
    position: relative;
    left: -0.02em;
    top: 0.75em;
}

#tc-tree-holder .tc-tree-body span.tc-object-title {
    display: inline-block;
    position: relative;
    top: 0.2em;
}

#tc-tree-holder .tc-tree-body li.TCChildTree a.JSObjLink:hover,
#tc-tree-holder .tc-tree-body a.JSToggleContents:hover {
    text-decoration: none;
}

#tc-tree-holder .tc-tree-body li a.JSObjLink span.tc-subtitle {
    display: inline-block;
    font-size: 0.7em;
    font-weight: 300;
    margin-left: 4px;
    margin-top: -3px;
    text-transform: uppercase;
    vertical-align: top;
}

#tc-tree-holder .tc-tree-body .btn-group {
    font-size: 1.1em;
    margin-left: 10px;
    top: -10px;
    vertical-align: super;
}

#tc-tree-holder .tc-tree-body .tc-show-actions {
    background: #0094D9;
    border: 1px transparent;
    border-radius: 50%;
    font-size: 1.1em;
    margin-right: 5px;
    opacity: 0;
    padding: 0.2em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#tc-tree-holder .tc-tree-body .tc-show-actions:hover {
    animation: none;
    background: #006699;
    box-shadow: none;
}

#tc-tree-holder .tc-tree-body .tc-show-actions > span {
    margin: 0;
    font-size: inherit;
    padding: 0;
    position: relative;
    top: 1.5px;
    color: #fff;
}

#tc-tree-holder .tc-tree-body span.tc-tree-node-actions-label {
    font-size: 0.8em;
    text-transform: uppercase;
    margin-left: -5px;
    color: #666666;
}

#tc-tree-holder .tc-tree-body .btn-group ul.dropdown-menu> li.tc-ddlist-item {
/*
    font-size: 0.7em;
    line-height: 1em;
    text-transform: uppercase;
*/
}

#tc-tree-holder .tc-tree-body .btn-group ul.dropdown-menu> li.tc-ddlist-item > a {
    color: #006697;
    font-weight: 200;
    opacity: 0.8;
    outline: none;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding-left: 0;
    padding-right: 0;
    transition: all 0.5s ease;
    width: 100%;
}

#tc-tree-holder .tc-tree-body .btn-group ul.dropdown-menu> li.tc-ddlist-item > a:hover {
/*
    background: #d9edf7;
    color: #35bdff;
*/
}

#tc-tree-holder .tc-tree-body .btn-group ul.dropdown-menu> li.tc-ddlist-item > a .tc-admin-menuitem-action {
    display: none;
}

#tc-tree-holder .tc-tree-body li.TCContTree > a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#tc-tree-holder .tc-tree-body li.TCContTree > a:hover {
    color: #000;
    cursor: pointer;
    text-decoration: none;
}

#tc-tree-holder .tc-tree-body li.TCChildTree > ul.TCParentTree {
  margin: 0;
}

#tc-tree-holder .tc-tree-body a.tc-tree-nav {
    font-size: 1.2em;
    font-weight: 600;
    margin-left: 10px;
}

#tc-tree-holder .tc-tree-body a.tc-up-level:hover {
    text-decoration: none;
}

#tc-tree-holder .tc-tree-body a.tc-up-level > span.tc-dark-icon {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    display: inline-block;
    height: 1.2em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 1.2em;
}

#tc-tree-holder .tc-tree-body a.tc-up-level:hover > span.tc-dark-icon {
    background: #a7a7a7;
}

#tc-tree-holder .tc-tree-body a.tc-up-level > span.tc-dark-icon > span.tc-font-icon_arrow-up4 {
    margin-left: 0.1em;
    position: relative;
    top: 2px;
}

#tc-tree-holder .tc-tree-body a.tc-up-level > span.tc-text{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#tc-tree-holder .tc-tree-body a.tc-up-level:hover > span.tc-text{
    text-decoration: underline;
}

#tc-tree-holder .tc-tree-body .tc-border-left-hide {
  border-left: 0;
}

#tc-tree-holder .tc-tree-body #tc-popupselect-enter-list-div {
  max-width: 450px;
}

#tc-tree-holder .tc-tree-body #tc-popupselect-enter-list-div textarea.TCAddBatchListArea {
  max-width: 400px;
}

#tc-tree-holder .tc-tree-body #tc-popupselect-enter-list-div .tc-popup-info {
    width: 100%;
}

#tc-tree-holder .tc-tree-body a.accordion-toggle:hover {
  text-decoration: underline;
}