/*
 * Released under BSD License
 * Copyright (c) 2014-2015 hizzgdev@163.com
 * 
 * Project Home:
 *   https://github.com/hizzgdev/jsmind/
 */

.jsmind-inner {
	position: relative;
	overflow: auto;
	width: 100%;
	height: 100%;
}

.jsmind-inner {
    -webkit-user-select: none;
    user-select: none;
}

.jsmind-inner ul {
	list-style-type: disc; 
	margin: 5px 0px 5px 20px!important;
}

.jsmind-inner ol {
	list-style-type: decimal; 
	margin: 5px 0px 5px 20px!important;
}

.jsmind-inner li {
	display: list-item!important;
}

canvas {
	position: absolute;
	z-index: 1; 
	transform-origin: 0 center; /* by sg: transform-origin ensures that scrollbars cover everything on the left as well, otherwise cut off.*/
} 

jmnodes {
	position: absolute;
	z-index: 2;
	background-color: rgba(0,0,0,0); /*background colour is necessary*/
	transform-origin: 0 center;
}

jmnode {
	position: absolute;
	cursor: default;
	max-width: 250px;
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis;
}

jmexpander {
	position: absolute;
	width: 12px;
	height: 12px;
	display: block;
	overflow: hidden;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
}

/* default theme */
jmnode {
	padding: 6px 10px 6px 10px;
	background-color: #fff;
	color: #333;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #666;
	font: 16px/1.125 Verdana,Arial,Helvetica,sans-serif;
}

jmnode:hover {
	box-shadow: 2px 2px 8px #000;
	background-color: #ebebeb;
	color: #333;
    overflow: visible; 
    white-space: normal;
    height: auto;
	z-index: 3;
}

jmnode.selected { 
	background-color: #11f;
	color: #fff;
	box-shadow: 2px 2px 8px #000;
}

jmnode.root {
	font-size:20px; 
	white-space: normal; 
	max-height: 50px; 
	width: 250px;
}

jmexpander {
	border-color:gray;
}

jmexpander:hover {
	border-color:#000;
}

@media screen and (max-device-width: 1024px) {
    jmnode{padding:5px;border-radius:3px;font-size:10px;}
    jmnode.root{font-size:16px;}
}

jmnode img {
	vertical-align: baseline; 
	padding-right:5px;
}

/* ckm theme */
jmnodes.theme-ckm jmnode {
	font: 12px tahoma,arial,helvetica,sans-serif;
	background-color: #ededed;
	color: #466BA6; /*non-WCAG:#567ebc;*/
	border-color: #567ebc;
	border-width: 2px; 
	max-height: 18px;
    max-width: 250px;
    overflow: hidden;
	transition: transform 0.6s ease-in-out;
	transition-delay: 0.2s;
}

jmnodes.theme-ckm em {font-style:italic;}
jmnodes.theme-ckm strong {font-weight:bold;}

jmnodes.theme-ckm blockquote {
	margin: 0;
	padding: 0 1em;
	color: #636c76;
	border-left: .25em solid #d0d7de;
}

jmnodes.theme-ckm jmnode:hover {
	background-color: #D0E1F1; /*#d1dff0;*/
	border-color: #285e8e;
	max-width: 400px;
	box-shadow: 3px 3px 4px grey;
	max-height: none;
}

jmnodes.theme-ckm jmnode .mm-tooltip {
	display:none; /* display:none doesn't take up space when hidden ... visibility:hidden;*/
}

jmnodes.theme-ckm jmnode:hover .mm-tooltip {
	display: block;
}

jmnodes.theme-ckm jmnode .mm-tooltip hr {
	border: 0; 
	height: 1px; 
	background-image:linear-gradient(to right, #555555, #555555, #D0E1F1);
}

jmnodes.theme-ckm jmnode .mm-maintext {
	font-weight: bold;
	font-size: 13px;
}

jmnodes.theme-ckm jmnode { 
  min-height: 18px;
  max-height: 18px;
}

jmnodes.theme-ckm jmnode:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(to bottom, rgba(224, 224, 224, 0), rgba(224, 224, 224, 1) 100%);
}

jmnodes.theme-ckm jmnode.root:after, jmnodes.theme-ckm jmnode:hover:after {
  background: none;
}

jmnodes.theme-ckm jmnode div.mm-maintext, jmnodes.theme-ckm jmnode div.mm-maintext p {
	overflow: hidden; 
	text-overflow: ellipsis;
}

jmnodes.theme-ckm jmnode .mm-first-level-text {
	font-weight: bold;
	font-size: 14px;
	color: #5F5566;
}

jmnodes.theme-ckm jmnode.selected{
	
}

jmnodes.theme-ckm jmnode.root{
	border-radius: 20px; 
	padding: 15px; 
	text-align: center; 
	font-size: 20px; 
	background-color: #567ebc;
	color: white; 
	max-height: none;
}

jmnodes.theme-ckm jmnode.root .mm-maintext{ /* mm-maintext assigned to root as well. */
	font-size: 20px;
} 

jmnodes.theme-ckm jmnode.root .mm-tooltip{
	font-size: 12px; 
	display: none;
} 

jmnodes.theme-ckm jmnode.root:hover{
	transform:none; 
	max-height:none; 
}

jmnodes.theme-ckm jmnode.root:hover . {
	display:block;
}

jmnodes.theme-ckm jmexpander {}
jmnodes.theme-ckm jmexpander:hover {}

/* primary theme */
jmnodes.theme-primary jmnode {
	background-color: #428bca; 
	color: #fff;
	border-color: #357ebd;
}

jmnodes.theme-primary jmnode:hover {
	background-color: #3276b1;
	border-color: #285e8e;
}

jmnodes.theme-primary jmnode.selected {
	background-color: #f1c40f;
	color: #fff;
}

jmnodes.theme-primary jmnode.root {}
jmnodes.theme-primary jmexpander {}
jmnodes.theme-primary jmexpander:hover {}