/**
 * Framework starts from here ...
 * ------------------------------
 */


.tree_columns
{
overflow:hidden;
/*word-break:break-all;*/
column-gap:10px;
/*column-span: all;*/
page-break-inside: avoid;
break-inside: avoid-column;
}


.tree,
.tree ul {
  margin:0 0 0 0.25em; /* indentation */
  padding:0;
  list-style:none;
  color:#369;
  position:relative;

   --tree_line_h:22px;
}

.tree ul {margin-left:0.25em} /* (indentation/2) */

.tree:before,
.tree ul:before {
}

ul.tree:before {
}

.tree container, .tree folder {
  display: block;
}




.tree li:before {
}

ul.tree>li:before {
}

.tree li:last-child:before {
}

.tree li {
  margin:0;
  padding:0 0.75em; /* indentation + .5em */
}
ul.tree li li
{
}
/* PRO0 */
ul.tree li li li
{
/*  margin-top:30px;
  background-color: #ff000030 !important;
*/}

/* AXI1 */
ul.tree li li li li
{
}

/* CPN2 */
ul.tree li li li li li
{
}

/* ACN3 */
ul.tree li li li li li li
{
}
ul.tree li li li li li li a
{
}

/* TSK4 */
ul.tree li li li li li li li
{
}

.tree_block
{
 /*display:inline;*/
  white-space: nowrap;
  overflow: hidden;
  /*background:#ff000030;*/
}


ul.tree a
{
  display: inline-block;
  line-height:var(--tree_line_h);
  text-decoration:none;
  white-space: nowrap;
  vertical-align: top;
  font-size: 13px;
  padding:0px 6px 1px 6px;
  margin:4px 0px 2px 0px;

}

.tbadge
{

  display: inline-block;
  text-decoration: none;
  font-size:11px;
  text-align:center;

  padding:0 5px 1px 5px;
  height:22px;
  line-height:22px;

  border-width:0px;
  border-style:solid;
  margin:0 0px 0 0px;

  position: relative;
  top: 1px !important;

  /*background-color:#f00;*/
  /*color:rgba( 50, 50, 50,1.0) !important;*/
  border-left:1px dotted #70707030;
  text-shadow:0px 0px 4px rgba(255,255,255,0.2);
  font-weight:normal !important;
}




ul.tree a.bold0 { font-weight:700; }
ul.tree a.bold1 { font-weight:600; }
ul.tree a.bold2 { font-weight:500; }
ul.tree a.bold3 { font-weight:400; }


ul.tree a:hover
{
/*background-color:#21263120;*/


/*box-shadow:0px 5px 0px 0px #21263180;*/
/*background-size: auto auto;
background-color: rgba(255, 255, 255, 0.1);
background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(33, 38, 49, 0.1) 2px, rgba(33, 38, 49, 0.1) 3px );
*/
 display: inline-block;
  color:#000 !important;
/*  transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);*/
  background-color: #21263120 !important;

}

ul.tree a::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

ul.tree a:hover::before {
  transform: scaleX(1);
  transform-origin: bottom right;
}

ul.tree a::before {
  content: " ";
  display: inline-block;
  /*position: absolute;*/
  top: 0; right: 0; bottom: 0; left: 0;
  inset: 0 0 0 0;
  /*background: hsl(200 100% 80%);*/
  /*background-color: #cbc4c280;*/
  /*background-color: #212631D0;*/
  background-color: #21263120 !important;

  z-index: -1;
  transition: transform .3s ease;

}

ul.tree a {
  position: relative;
  /*font-size: 5rem;*/
}




.tree_sym
{
  display: inline-block;
  position: relative;
  top:-3px;
  margin-right:2px;
}








.tree_nfo
{
  display: inline-block;
  line-height:var(--tree_line_h);;
  border:1px solid #888;
  text-decoration:none;
  white-space: nowrap;
  vertical-align: top;
  margin:4px 0px 4px 0px;

  font-size: 12px;

  padding:1px 6px 2px 6px;

}

.tree_col1
{

  background-color:#757575 !important;
  opacity:0.8;
  color:rgba(255, 255, 255,1.0) !important;
  font-size: 11px;
  font-weight:600;
}

.tree_nfo_fil
{

  background-color:#333333 !important;
  opacity:0.8;
  color:rgba(255, 255, 255,1.0) !important;
}

ul.tree a.tree_nfo_fil
{
  font-size: 11px;
}

ul.tree a.tree_nfo_tsk
{
  color:rgba(48, 48, 48,1.0) !important;
}

.tree_progress
{
  display: inline-block !important;
  vertical-align:inherit !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 40px !important;
  background-color:#ccc !important;
  height:7px !important;
  opacity: 0.8;
  margin-left: 3px;
  position:relative;
  top:2px;
}


.tree_here {

  /*bbadge bbadge_blue1 bbadge_margl*/
  /*General*/
  display: inline-block;
  text-decoration: none;

  /*Text*/
  font-size:12px;
  line-height:180%;
  vertical-align: top;
  text-align:center;


  /*width:auto;*/
  padding:0 5px 0px 5px;
  height:21px;

  border-width:1px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border-style:solid;
  margin:0 1px 0 1px;

  position: relative;
  top: 3px;

  background-color:#1059b2 !important; border-color:rgba( 30, 30, 30,0.5); color:rgba(255,255,255,0.9) !important; text-shadow:0px 1px 0px rgba(100,100,100,0.6);
  margin-left: 10px;
}

.vspacerPRO
{
  /*background-color:#ffff0030;*/
  padding-top:8px !important;
}
.vspacerAXI
{
  /*background-color:#00ffff30;*/
  padding-top:8px !important;
}
.vspacerCPN
{
  /*background-color:#00ff30;*/
  padding-top:8px !important;
}
.vspacerACN
{
  /*background-color:#00ff0030;*/
  padding-top:8px !important;
}
.vspacerTSK
{
  /*background-color:#ff000030;*/
  padding-top:8px !important;
}
/* firefox windows */
/*@-moz-document url-prefix() and (not (-moz-osx-font-smoothing: auto))
{
  .bbadge_map
  {
  top:0px;
  line-height:23px;
  }
}*/