@CHARSET "UTF-8";
.deviceMenu {
	float: left;
	width: 180px;
	height: 100%;
	background: url(../image/sidebar-bg.png);
}

.deviceAttr {
	position: absolute;
	top: 48px;
	bottom: 70px;
	left: 0;
	width: 180px;
	overflow-x: hidden;
	overflow-y: auto;
	/* 	border-bottom: 1px solid #FFFFFF; */
}

.deviceDetailInfo {
	float: left;
	width: 780px;
	position: relative;
}

.operate-deviceManage {
	height: 50px;
	position: absolute;
	width: 100%;
}

.btn-deviceManage {
	float: right;
	cursor: pointer;
	height: 30px;
	margin: 0 auto;
	margin-top: 20px;
	border: 0px;
	border-radius: 4px;
	font-size: 12px;
	color: #506699;
	border: 1px solid #bbcbf0;
	background-color: #fff;
	padding: 0 14px;
	line-height: 30px;
}

#addUserBtn {
	/*position: fixed;*/
	/*bottom: 0;*/
	/*margin: 20px;*/
	/*width: 140px;*/
	/*text-align: center;*/
	/*background: transparent;*/
	/*cursor: pointer;*/
	/*height: 30px;*/
	/*border: 0px;*/
	/*border-radius: 4px;*/
	/*font-size: 12px;*/
	/*color: #506699;*/
	/*border: 1px solid #bbcbf0;*/
	/*line-height: 30px;*/
}

#addUserBtn:hover {
	/*background-color: #fff;*/
}

.btn-deviceManage:hover {
	color: #12223d;
	background-color: #e8eefc;
}

.btn-delete {
	float: right;
	cursor: pointer;
	height: 30px;
	margin: 0 auto;
	margin-top: 20px;
	border: 0px;
	border-radius: 4px;
	font-size: 12px;
	color: #fff;
	/*   	border: 1px solid #bbcbf0; */
	background-color: #f5224c;
	padding: 0 14px;
	line-height: 30px;
}

.btn-delete:hover {
	background-color: #fa4664;
}

.btn-delete[disabled="disabled"] {
	cursor: not-allowed;
	color: #c2c2c2;
	border: 1px solid #e0e0e0;
	background-color: #f5f5f5;
}

.deviceMenu .btn-deviceManage {
	position: absolute;
	bottom: 0;
	margin: 15px 20px;
	width: 140px;
	text-align: center;
	background: transparent;
}

#addUserModal div.modal-dialog {
	position: absolute;
	margin: 0;
	width: 280px;
	height: 146px;
	left: 50%;
	top: 50%;
	margin-left: -140px;
	margin-top: -73px;
}

#addGroupModal div.modal-dialog {
	position: absolute;
	margin: 0;
	width: 280px;
	height: 146px;
	left: 50%;
	top: 50%;
	margin-left: -140px;
	margin-top: -73px;
}

#addDeviceModal div.modal-dialog {
	position: absolute;
	margin: 0;
	width: 280px;
	height: 530px;
	left: 50%;
	top: 50%;
	margin-left: -140px;
	margin-top: -265px;
}

#addDeviceModal .modal-body .self-form-control {
	margin-top: 10px;
}

#addDeviceModal .modal-body .self-select {
	display: block;
	width: 238px;
	margin-top: 10px;
	color: #9baacc;
}

#editNodeModal div.modal-dialog {
	position: absolute;
	margin: 0;
	width: 160px;
	height: 81px;
	/* 	left: 50%;  */
	/* 	top:50%;  */
	/* 	margin-left: -80px; */
	/* 	margin-top:-40.5px; */
}

#editNodeModal div.modal-dialog .self-modal-body {
	padding: 0;
}

#editNodeModal div.modal-dialog .editNode {
	height: 40px;
	line-height: 40px;
	cursor: pointer;
}

#editNodeModal div.modal-dialog .editNode:hover {
	background-color: #2e2e2e;
}

#editNodeModal div.modal-dialog .editNode> img {
	margin-left: 15px;
}

#editNodeModal div.modal-dialog .editNode> span {
	margin-left: 10px;
	font-size: 12px;
	color: #9baacc;
}

#editNodeModal div.modal-dialog .editSeparator {
	width: 140px;
	height: 1px;
	margin-left: 10px;
	background-color: #2e2e2e;
}

.deiveManageTableDiv {
	padding: 10px 20px 0px 20px;
}

.deiveManageTableDiv .search {
	right: 305px;
	width: 200px;
}

.deiveManageTableDiv .form-control {
	height: 30px;
	border: 1px solid #bbcbf0;
	border-radius: 4px;
	font-size: 12px;
	color: #9baacc;
	box-shadow: none;
	background: transparent;
	background: url("../image/icon-search.png") no-repeat scroll 170px center transparent;
}

#deviceGroupName {
	position: absolute;
	font-size: 12px;
	color: #506699;
	margin-left: 20px;
	margin-top: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
}

#deviceGroupName .textSeparator {
	color: #cddafa;
}

.deiveManageTableDiv .form-control {
	height: 30px;
	border: 1px solid #bbcbf0;
	border-radius: 4px;
	font-size: 12px;
	color: #9baacc;
	box-shadow: none;
	background: transparent;
	background: url("../image/icon-search.png") no-repeat scroll 170px center transparent;
}

.self-btn-normal {
	cursor: pointer;
	height: 30px;
	border: 0px;
	border: 1px solid #bbcbf0;
	border-radius: 4px;
	font-size: 12px;
	color: #fff;
	background-color: #366ff5;
	padding: 0px 12px;
	line-height: 30px;
}

.self-btn-normal:hover {
	background-color: #477eff;
}

.self-btn-danger {
	cursor: pointer;
	height: 30px;
	border: 1px solid #bbcbf0;
	border: 0px;
	border-radius: 4px;
	font-size: 12px;
	color: #fff;
	background-color: #f5224c;
	padding: 0 12px;
	line-height: 30px;
}

.self-btn-danger:hover {
	background-color: #fa4664;
}

#importDeviceModal div.modal-dialog {
	position: absolute;
	margin: 0;
	width: 280px;
	height: 169px;
	left: 50%;
	top: 50%;
	margin-left: -140px;
	margin-top: -84.5px;
}

#importDeviceModal .importSelect {
	width: 240px;
	height: 100px;
	border: 1px dashed #d0dcf7;
	border-radius: 4px;
	background: #f5f5ff;
	padding: 35px 40px;
}

#importDeviceModal .importSelect .self-btn-default {
	height: 30px;
	font-size: 12px;
	color: #525252;
	margin-top: -4px;
}


/* 设备管理页面左侧树形结构 */

.deviceAttr .ztree {
	padding: 10px 0;
}

.deviceAttr .ztree li a {
	width: 100%;
	height: 30px;
	padding: 0;
	color: #6A7CA7;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.deviceAttr .ztree li a.selectParentNode {
	background: #D0DCF7;
}

.deviceAttr .ztree li a.selectParentNode span:last-child {
	color: #12223d;
}

.deviceAttr .ztree li a:hover {
	text-decoration: none;
	background: #d7e0f5;
}

.deviceAttr .ztree li a.curSelectedNode {
	color: #366FF5;
	background: #FFFFFF;
	border: 0;
	border-left: 2px solid #366FF5;
	opacity: 1;
}

.deviceAttr .ztree li a.curSelectedNode span:last-child {
	color: #366ff5;
}

.deviceAttr .ztree li span {
	line-height: 32px;
	margin: 0;
}

.deviceAttr .ztree li a span:last-child {
	margin-left: 2px;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	color: #506699;
}

.deviceAttr .ztree li a.curSelectedNode span:last-child {
	margin-left: 0px;
}

.deviceAttr .ztree li ul {
	padding: 0;
}

.deviceAttr .ztree li span.button.switch {
	width: 16px;
	height: 16px;
}

.deviceAttr .ztree li span.button.noline_open {
	background: url(../image/icon-open.png) no-repeat center;
	margin-top: -4px;
	margin-left: 5px;
}

.deviceAttr .ztree li span.button.noline_close {
	background: url(../image/icon-close.png) no-repeat center;
	margin-top: -4px;
	margin-left: 5px;
}

.deviceAttr .ztree li span.button.noline_open.level0 {
	background: url(../image/icon-client.png) no-repeat center;
}

.deviceAttr .ztree li span.button.noline_close.level0 {
	background: url(../image/icon-client.png) no-repeat center;
}

.deviceAttr .ztree li span.button.noline_docu {
	margin-left: 5px;
}


/* .deviceAttr>.ztree>li>a{margin:3px 0;} */