.AXGrid {
	.AXgridScrollBody {
		.AXGridBody {
			.gridBodyTable {
				.node-indent{
					color: #404752;
					display: inline-block;
					vertical-align: middle;
					font-size:14px;
					font-family: 'axicon';
					text-align: center;
					padding: 2px;
					box-sizing: content-box;
					width:1em;height:1em;line-height:1em;
					cursor: pointer;

					&.file {
						&:before {
							content: "\e86d";
						}
					}

					&.folder{
						&:before {
							content: "\f12f";
						}
						&.collapse {
							&:before {
								content: "\f18f";
							}
						}
						&:hover{
							color:#000;
							//border-radius: 50%;border:1px solid;
						}
					}
				}
				.node-indent-0{}
				.generate-node-indent(100);
				.generate-node-indent(@n, @i: 1) when (@i =< @n) {
					.node-indent-@{i} {
						margin-left: 1em * @i;
					}
					.generate-node-indent(@n, (@i + 1));
				}
				tbody {
					tr{
						&.copied {
							td {
								background-color: #fff3da;
							}
							&.selected {
								td {
									background-color: #ebf4db;
								}
							}
						}
					}
				}
			}
		}
	}

	.chartHeadTable {
		table-layout:fixed;
		//border-bottom:1px solid #b1b1b1;
		.doublelabel{
			td {
				background: #f3f3f3;
				.tdWrap {
					padding-left:5px;
					height:60px;line-height:60px;
					border-right:1px solid #b1b1b1;
					text-align:center;
				}
			}
		}
		.label {
			td{
				background:#f3f3f3;
				.tdWrap {
					padding-left:5px;
					height:42px;line-height:42px;
					border-right:1px solid #b1b1b1;
					border-bottom:1px solid #b1b1b1;
				}
			}
		}
		.subLabel {
			td{
				background:#fff;
				.tdWrap {
					height:20px;line-height:20px;
					border-right:1px solid #b1b1b1;
					font-size:9px;color:#888;
					text-align:center;
				}

				&.red{
					background:#feeee8;
					.tdWrap {
						border-right:1px solid #ffc1aa;
					}
				}
				&.blue{
					background:#e5f0f7;
					.tdWrap {
						border-right:1px solid #b1b1b1;
					}
				}
			}
		}
	}
	
	.chartBodyTable {
		table-layout:fixed;
		background:#fff;
		border-bottom:1px solid #ddd;
		td {
			height:100%;
			.tdWrap {
				border-right:1px dashed #f3f3f3;
				height:100%;
			}
			
			&.red {
				background:#feeee8;
				.tdWrap {
					border-right:1px dashed #ffc1aa;
				}
			}
			&.blue {
				background:#e5f0f7;
				.tdWrap {
					border-right:1px dashed #abdeff;
				}
			}
			&.gray {
				background:#f3f3f3;
			}

		}
	}	
	.chartSVGBody{
		position: absolute;left:0px;top:0px;
	}
	.AXChartHighLight{
		background: #ccc;
		border-top:1px solid #666;
		border-bottom:1px solid #666;
		width:100%;height: 30px;
		position: absolute;
		left:0px;top:-100px;
		opacity: 0.2;
	}
}