.tafelTree {
	position: relative;
}


#menuTree{
	position: static;
}

#menuTree .k-item {
    padding-left: 24px;
}

#menuTree .k-item .k-in {
    padding: 0 .375rem;
}

.tafelTree, .tafelTree table {
font-size: small;
}

.tafelTree, .tafelTree span, .tafelTree img, .tafelTree div {
margin: 0;
}

.tafelTree table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    table-layout: auto !important;
    width: auto !important;
}

.tafelTree table tr, .tafelTree table td {
direction: ltr;
margin: 0;
padding: 0;
}

.tafelTree .tafelTreecontent.disableDrag {
	opacity: 0.73;
	background-color: inherit;
	color: inherit;
	pointer-events: none;
}

.TreeViewData
{
    position: fixed !important;
    margin-top: -64px;
    margin-left: 4px;
	min-height:35px;
	min-width: 200px;
	max-height:400px;
	max-width: 1620px;
	height:auto;
	overflow:auto;

	background-color: #ffffff !important;
    border: 1px solid #C0C0C0;
    border-radius: 4px;
    padding: 0;
}

.TreeViewData table tr
{
 background-color: Transparent;
}

.tafelTree table td {
white-space: nowrap;
vertical-align: top;
}

.tafelTree .tafelTreedrag {
cursor: pointer;
}

.tafelTree .tafelTreecontent
{
    cursor:pointer;
    padding: 0 0.1em;
    float:left;
}

.tafelTree .tafelTreecontent:hover
{
	background-color: #AAAAAA;
	text-decoration: none;
	float:left;
	border-radius: 4px;
}

.tafelTree .tafelTreeSelectedPath
{
 font-weight: bold;
}
.tafelTree .tafelTreecanevas {
vertical-align: middle;
}

.tafelTree .tafelTreeselected {
background-color: #93B6DF;
color: #FFFFFF;
}

.tafelTree .tafelTreeeditable {
display: none;
padding: 0 0.2em;
border: 1px solid #CCCCFF;
background-color: #EEEEFF;
float:left;
}

.tafelTree .tafelTreedragOver {
background-color: #9999CC;
color: #EEEEFF;
}


.tafelTree .tafelTreetooltip {
display: none;
position: absolute;
border: 1px solid #9999FF;
background-color: #EEEEFF;
padding: 0.3em;
z-index: 9000;
}

.tafelTree_row td {
	padding: 0 !important;
}

/**
 * Multiline
 */
.tafelTree table td.tafelTreemultiline {
background-repeat: repeat-y;
background-position: top left;
}

.tafelTree table td.tafelTreemultiline2 {
background-repeat: repeat-y;
background-position: top left;
}


.cubedragover
{
background-color: #EAC4AD !important;
}

/**
 *Site Selector Box
*/

.siteSelectorBox {
    display: flex;
    align-items: center;
	overflow: hidden;
	margin: 10px 0;
}

.treeVisualizerDisabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: grey;
    display: block;
}

.treeVisualizerEnabled {
    cursor: pointer;
    color: #4F9ECE;
    display: block;
}

.treeVisualizerEnabled:hover {
    text-decoration: underline;
}

.treeVisualizerContainer td, .treeVisualizerContainer th {
    padding: 0 !important;
}

.treeVisualizerContainer {
    overflow-x: auto;
    overflow-y: auto;
    border-radius: 3px;
    max-width: 100%;
    min-width: 100%;
    max-height: 200px;
    position: absolute;
    top: 45px;
    padding: 10px;
    background-color: #F5F5F5;
    border: 1px solid #ddd;
    z-index: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.treeVisualizerArea {
    pointer-events: none;
}

.disabledTreeNode {
    color: red !important;
}

.selectedTreeNode {
    font-weight: bold;
}

.treeInputContainer {
    position: relative;
}
.treeInputContainer .tafelTree_root {
    background-color: #F5F5F5;
}