/*
 * Fancytree Win8 styles

Borders have NO radius and NO gradients are used!

both:
   unselected background: white
   hover bar (unselected, inactive): #E5F3FB (border: #70C0E7) 'very light blue'
   active node: #CBE8F6 (border: #26A0DA)  'light blue'
   active node with hover: wie active node

Tree view:
   active node, tree inactive: #F7F7F7 (border: #DEDEDE) 'light gray, selected, but tree not active'

List view:
   selected bar: --> active bar
   focus  bar: transparent(white) + border 1px solid #3399FF  ()

   table left/right border: #EDEDED 'light gray'
 */
.ui-helper-hidden {
  display: none;
}
.fancytree-container {
  /*font-family: tahoma, arial, helvetica;*/
  font-size: 10pt;
  /* font size should not be too big */
  white-space: nowrap;
  padding: 3px;
  margin: 0;
  /* issue 201 */
  background-color: white;
  border: 1px dotted gray;
  overflow: auto;
  height: 100%;
  /* issue 263 */
}
ul.fancytree-container ul {
  padding: 0 0 0 16px;
  margin: 0;
}
ul.fancytree-container li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background-attachment: scroll;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: repeat-y;
  background-image: none;
  /* no v-lines */
  margin: 0;
  padding: 1px 0 0 0;
}
/* Suppress lines for last child node */
ul.fancytree-container li.fancytree-lastsib {
  background-image: none;
}
/* Suppress lines if level is fixed expanded (option minExpandLevel) */
ul.fancytree-no-connector > li {
  background-image: none;
}
/* Style, when control is disabled */
.ui-fancytree-disabled ul.fancytree-container {
  opacity: 0.5;
  /*	filter: alpha(opacity=50); /* Yields a css warning */
  background-color: silver;
}
span.fancytree-node {
  display: inline-block;
  width: 100%;
  border: 1px solid transparent;
}
/*******************************************************************************
 * Common icon definitions
 */
span.fancytree-empty,
span.fancytree-vline,
span.fancytree-expander,
span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-radio,
span.fancytree-drag-helper-img,
#fancytree-drop-marker {
  width: 16px;
  height: 16px;
  /*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221*/
  /*	-moz-box-align: start; /* issue 221 */
  display: inline-block;
  /* Required to make a span sizeable */
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url('data:image/png;base64,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') /*icons-disco-shrunk.png*/;
  background-position: 0 0;
}
/** Used by iconclass option */
span.fancytree-custom-icon {
  display: inline-block;
}
/** Used by 'icon' node option: */
.fancytree-container img {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  vertical-align: top;
  border-style: none;
}
/*******************************************************************************
 * Lines and connectors
 */
/* span.fancytree-connector
{
	background-image: none;
}
 */
/*******************************************************************************
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-exp-
 * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 */
span.fancytree-expander {
  background-position: 0px -80px;
  cursor: pointer;
}
span.fancytree-expander:hover {
  background-position: -16px -80px;
}
.fancytree-exp-n span.fancytree-expander:hover {
  background-position: -16px -80px;
}
.fancytree-exp-e span.fancytree-expander,
.fancytree-exp-ed span.fancytree-expander,
.fancytree-exp-el span.fancytree-expander,
.fancytree-exp-edl span.fancytree-expander {
  background-position: -32px -80px;
}
.fancytree-exp-e span.fancytree-expander:hover,
.fancytree-exp-ed span.fancytree-expander:hover,
.fancytree-exp-el span.fancytree-expander:hover,
.fancytree-exp-edl span.fancytree-expander:hover {
  background-position: -48px -80px;
}
.fancytree-loading span.fancytree-expander {
  background-position: 0 0;
  background-image: url(data:image/gif;base64,[encoded data, 4312 characters]) /*loading.gif*/;
}
.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander {
  background-image: none;
  cursor: default;
}
/*******************************************************************************
 * Checkbox icon
 */
span.fancytree-checkbox {
  margin-left: 3px;
  background-position: 0px -32px;
}
span.fancytree-checkbox:hover {
  background-position: -16px -32px;
}
.fancytree-partsel span.fancytree-checkbox {
  background-position: -64px -32px;
}
.fancytree-partsel span.fancytree-checkbox:hover {
  background-position: -80px -32px;
}
.fancytree-selected span.fancytree-checkbox {
  background-position: -32px -32px;
}
.fancytree-selected span.fancytree-checkbox:hover {
  background-position: -48px -32px;
}
/*******************************************************************************
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'fancytree-radio' in the tree options.
 */
.fancytree-radio span.fancytree-checkbox {
  margin-left: 3px;
  background-position: 0px -48px;
}
.fancytree-radio span.fancytree-checkbox:hover {
  background-position: -16px -48px;
}
.fancytree-radio .fancytree-partsel span.fancytree-checkbox {
  background-position: -64px -48px;
}
.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover {
  background-position: -80px -48px;
}
.fancytree-radio .fancytree-selected span.fancytree-checkbox {
  background-position: -32px -48px;
}
.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover {
  background-position: -48px -48px;
}
/*******************************************************************************
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */
span.fancytree-icon {
  margin-left: 3px;
  background-position: 0px 0px;
}
.fancytree-has-children span.fancytree-icon {
  /*    background-position: 0px -16px; */
}
.fancytree-ico-cf span.fancytree-icon {
  background-position: 0px -16px;
}
.fancytree-ico-ef span.fancytree-icon {
  background-position: -64px -16px;
}
/* Status node icons */
.fancytree-statusnode-wait span.fancytree-icon {
  background-image: url(data:image/gif;base64,[encoded data, 4312 characters]) /*loading.gif*/;
}
.fancytree-statusnode-error span.fancytree-icon {
  background-position: 0px -112px;
  /*	background-image: url("ltError.gif");*/
}
/*******************************************************************************
 * Node titles
 */
span.fancytree-title {
  display: inline-block;
}
/* Remove blue color and underline from title links */
a.fancytree-title {
  text-decoration: none;
}
.fancytree-title {
  display: inline-block;
  /* Better alignment, when title contains <br> */
  /*	vertical-align: top;*/
  padding-left: 3px;
  padding-right: 3px;
  /* Otherwise italic font will be outside bounds */
  /*	line-height: 16px; /* should be the same as img height, in case 16 px */
  color: black;
  /* inherit doesn't work on IE */
  vertical-align: top;
  margin: 0px;
  margin-left: 3px;
  /*  outline: 0; /* @ Firefox, prevent dotted border after click */
  /* Set transparent border to prevent jumping when active node gets a border
	   (we can do this, because this theme doesn't use vertical lines)
	   */
  /*	border: 1px solid white; /* Note: 'transparent' would not work in IE6 */
  cursor: pointer;
}
span.fancytree-node:hover {
  background-color: #E5F3FB;
  border-color: #70C0E7;
}
.fancytree-container.fancytree-focused span.fancytree-node.fancytree-focused {
  border-color: #3399FF;
  /*	outline: 1px solid #3399FF; */
}
span.fancytree-node.fancytree-active,
span.fancytree-node.fancytree-selected {
  /* active/selcted nodes inside inactive tree */
  background-color: #F7F7F7;
  border-color: #DEDEDE;
}
.fancytree-container.fancytree-focused span.fancytree-node.fancytree-active,
.fancytree-container.fancytree-focused span.fancytree-node.fancytree-selected,
span.fancytree-node.fancytree-active:hover,
span.fancytree-node.fancytree-selected:hover {
  background-color: #CBE8F6;
  border-color: #26A0DA;
}
span.fancytree-node.fancytree-selected {
  font-style: italic;
}
/*******************************************************************************
 * 'table' extension
 */
/*
table.fancytree-ext-table {
	border-collapse: collapse;
	width: 100%;
}
table.fancytree-ext-table tbody tr:nth-child(even){
	background-color: #f4f4f8;
}
table.fancytree-ext-table tbody tr td {
	border: 1px solid lightgray;
}
*/
table.fancytree-ext-table {
  border-collapse: collapse;
}
table.fancytree-ext-table tbody tr:hover {
  background-color: #E5F3FB;
  outline: 1px solid #70C0E7;
}
table.fancytree-ext-table.fancytree-container.fancytree-focused span.fancytree-node.fancytree-focused {
  outline: 1px solid #3399FF;
}
table.fancytree-ext-table.fancytree-focused tbody tr.fancytree-focused {
  outline: 1px solid #26A0DA;
}
table.fancytree-ext-table.fancytree-focused tbody tr.fancytree-active,
table.fancytree-ext-table.fancytree-focused tbody tr.fancytree-selected {
  background-color: #CBE8F6;
  outline: 1px solid #26A0DA;
}
table.fancytree-ext-table tbody tr.fancytree-active,
table.fancytree-ext-table tbody tr.fancytree-selected {
  background-color: #F7F7F7;
  outline: 1px solid #DEDEDE;
}
/*******************************************************************************
 * 'columnview' extension
 */
/*
table.fancytree-ext-columnview {
	border-collapse: collapse;
	width: 100%;
}
*/
table.fancytree-ext-columnview td {
  position: relative;
}
table.fancytree-ext-columnview td > ul {
  padding: 0;
}
table.fancytree-ext-columnview td > ul li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background-attachment: scroll;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: repeat-y;
  background-image: none;
  /* no v-lines */
  margin: 0;
  padding: 1px 0 0 0;
}
/*
table.fancytree-ext-columnview tbody tr[0] {
	height: 200px;
}
*/
table.fancytree-ext-columnview tbody tr td {
  border: 1px solid gray;
  vertical-align: top;
  overflow: auto;
}
table.fancytree-ext-columnview span.fancytree-node {
  position: relative;
  /* allow positioning of embedded spans*/
}
table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
  background-color: #CBE8F6;
}
/*
table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
	background-color: royalblue;
}
*/
table.fancytree-ext-columnview span.fancytree-cv-right {
  background-position: 0px -80px;
  position: absolute;
  right: 3px;
}
/*******************************************************************************
 * 'filter' extension
 */
.fancytree-ext-filter span.fancytree-node .fancytree-title {
  color: silver;
  font-weight: lighter;
}
.fancytree-ext-filter span.fancytree-node.fancytree-submatch .fancytree-title {
  color: black;
  font-weight: normal;
}
.fancytree-ext-filter span.fancytree-node.fancytree-match .fancytree-title {
  color: black;
  font-weight: bold;
}
/*******************************************************************************
 * Drag'n'drop support
 */
/*** Helper object ************************************************************/
div.fancytree-drag-helper a {
  border: 1px solid gray;
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  opacity: 0.8;
}
span.fancytree-drag-helper-img {
  /*
	position: relative;
	left: -16px;
	*/
}
div.fancytree-drag-helper {
  /*    border-color: green;
	background-color: red;*/
}
div.fancytree-drop-accept span.fancytree-drag-helper-img {
  background-position: -32px -112px;
}
div.fancytree-drag-helper.fancytree-drop-reject {
  border-color: red;
}
div.fancytree-drop-reject span.fancytree-drag-helper-img {
  background-position: -16px -112px;
}
/*** Drop marker icon *********************************************************/
#fancytree-drop-marker {
  width: 24px;
  position: absolute;
  background-position: 0 -128px;
  margin: 0;
}
#fancytree-drop-marker.fancytree-drop-after,
#fancytree-drop-marker.fancytree-drop-before {
  width: 64px;
  background-position: 0 -144px;
}
#fancytree-drop-marker.fancytree-drop-copy {
  background-position: -64px -128px;
}
#fancytree-drop-marker.fancytree-drop-move {
  background-position: -64px -128px;
}
/*** Source node while dragging ***********************************************/
span.fancytree-drag-source {
  /* border: 1px dotted gray; */
  background-color: #e0e0e0;
}
span.fancytree-drag-source a {
  color: gray;
}
/*** Target node while dragging cursor is over it *****************************/
span.fancytree-drop-target {
  /*border: 1px solid gray;*/
}
span.fancytree-drop-target.fancytree-drop-accept a {
  /*border: 1px solid green;*/
  background-color: #3169C6 !important;
  color: white !important;
  /* @ IE6 */
  text-decoration: none;
}
span.fancytree-drop-target.fancytree-drop-reject {
  /*border: 1px solid red;*/
}
.fancytree-container {
  border: none;
}
span.fancytree-node {
  padding: 1px;
  border: none;
}
span.fancytree-node > span.fancytree-icon {
  background: none;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1.2em;
  width: 14px;
}
span.fancytree-ico-ef > span.fancytree-icon:before {
  color: #9e9e9e;
  font-size: 1em;
  content: "\f07c";
}
span.fancytree-ico-cf > span.fancytree-icon:before {
  color: #9e9e9e;
  font-size: 1em;
  content: "\f07b";
}
span.fancytree-ico-c > span.fancytree-icon:before {
  color: #e51400;
  content: "\f023";
}
span.fancytree-ico-c.fancytree-selected > span.fancytree-icon:before {
  color: #60a917;
  content: "\f09c";
}
span.fancytree-node.fancytree-selected {
  font-style: normal;
  background: none;
}
