@import "../default-skin.less";
@import "../../global/mixin.less";

.c_transfer{
	display:table; width:100%; border-collapse:collapse; position:relative; height:15*@gap; min-width:15*@gap; table-layout:fixed;
	> .from{ position:absolute; top:0; left:0; margin-right:2.5*@gap; right:50%;}
	> .to{ position:absolute; top:0; right:0; margin-left:2.5*@gap; left:50%;}
	> .from,
	> .to{ 
		height:100%; background:#fff; border:1px solid @fg-light-8-5; .x_bs; 
		> ul{ 
			height:100%; overflow:auto; overflow-x:hidden; 
			> li:hover{ background:@bg-dark-0-7;}
		}
	}
	> .op{ 
		width:5em; display:table-cell; vertical-align:middle; text-align:center; 
		button{ padding:0 1.3*@gap; font-size:70%; color:@fg;}
		button:hover{ background:@bg-dark-0-1;}
		button.e_button-blue{ color:#fff;}
	}
	label{
		overflow:hidden; display:block; padding:0.6*@gap 0; .x_bs; 
		.fn{ 
			width:2.1em !important; float:left; font-size:90%; margin-left:0.6em;
			input[type="checkbox"]{margin-top:0.04*@gap;}
		}
		.main{ 
			height:1+0.5*@gap; line-height:1+0.5*@gap; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:0.6em;
		}
	}
	.from-hasSearch,
	.to-hasSearch{
		position:absolute; height:100%; 
		> ul{ position:absolute; top:2.86*@gap; width:100%; bottom:0; margin-top:1px; height:auto;}
		.e_mix{ 
			width:100%; border-bottom:1px solid @fg-light-8-5;
			input{ border:none;}
			[class^="e_ico"]{ 
				border:none;
				&:after{ background:none; color:@fg;}
			}
		}
	}
	&-tree{
		.tree{ height:100%; overflow:auto; position:relative;}
		.c_tree{ overflow:hidden; position:absolute;}
		.from-hasSearch,
		.to-hasSearch{
			.tree{ position:absolute; top:2.86*@gap; width:100%; bottom:0; margin-top:1px; height:auto;}
		}
	}
	&-r{
		> .from,
		> .to{ border-radius:0.36em;}
	}
}

.addNew{ animation-name:addNew; animation-duration:800ms; animation-iteration-count:1; animation-timing-function:ease-in-out;}
@keyframes addNew{
	0% {
		background:@primary-light-8;
		opacity:0.8;
	}
	100% {
		background:#fff;
	}
}