*{
	box-sizing: border-box;
}
body,html,div,p,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dd,dt,button,input,select,textarea,strong,b,i,span,label{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
input,button,textarea{
	font-family: "微软雅黑";
	font-size: 12px;
	outline: none;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
	color: #999;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input[type="number"]{
	-moz-appearance: textfield;
}
ul,li{
	list-style: none;
}
a{
	outline: none;
	text-decoration: none;
	box-sizing: border-box;
}
img{
	display: inline-block;
}
html,body{
	font-family: "微软雅黑";
	font-size: 12px;
	color: #333;
	height: 100%;
	background: #fff;
}
table{
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.pull-left{ float: left !important;}
.pull-right{ float: right !important; }
.absolute-left{ position: absolute; left: 0; top: 0;}
.absolute-right{ position: absolute; right: 0; top: 0;}
.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
	float: left;
}
.col-2{
	width: 16.66666667%;
}
.col-3{
	width: 25%;
}
.col-4{
	width: 33.33333333%;
}
.col-5{
	width: 41.66666667%;
}
.col-6{
	width: 50%;
}
.col-7{
	width: 58.33333333%;
}
.col-8{
	width: 66.66666667%;
}
.col-9{
	width: 75%;
}
.col-10{
	width: 83.33333333%;
}
.col-11{
	width: 91.66666667%;
}
.col-12{
	width: 100%;
}

.col-offset-2{
	margin-left: 16.66666667%;
}
.col-offset-3{
	margin-left: 25%;
}
.col-offset-4{
	margin-left: 33.33333333%;
}
.col-offset-5{
	margin-left: 41.66666667%;
}
.col-offset-6{
	margin-left: 50%;
}
.col-offset-7{
	margin-left: 58.33333333%;
}
.col-offset-8{
	margin-left: 66.66666667%;
}
.col-offset-9{
	margin-left: 75%;
}
.col-offset-10{
	margin-left: 83.33333333%;
}
.col-offset-11{
	margin-left: 91.66666667%;
}
.col-offset-12{
	margin-left: 100%;
}
.row:after,.form-group:after{
	clear: both;
}
.row:before,.row:after,.form-group:before,.form-group:after{
	display: table;
	content: "";
}

a.link{
	color: #0089f0;
}
a.link:hover{
	text-decoration: underline;
}
.text-success{
	color: #64b524;
}
.text-primary{
	color: #0089f0;
}
.text-danger{
	color: #ff5656;
}
.text-warning{
	color: #f38900;
}
.text-info{
	color: #31b0d5;
}
.text-default{
	color: #999;
}
.label{
	display: inline-block;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	vertical-align: middle;
	padding: 2px 5px;
}
.label-sm{
	height: 20px;
	line-height: 20px;
	width: 20px;
	padding: 0;
}
.label-success{
	background: #64b524;
}
.label-primary{
	background: #0089f0;
}
.label-danger{
	background: #ff5656;
}
.label-warning{
	background: #f38900;
}
.label-info{
	background: #31b0d5;
}
.label-default{
	background: #d9d9d9;
}
/*按钮*/
.btn{
	cursor: pointer;
	display: inline-block;
	height: 34px;
	line-height: 32px;
	padding: 0 20px;
	border: none;
	background: none;
	border-radius: 5px;
}
a.btn{
	vertical-align: middle;
}
.btn + .btn{
	margin-left: 5px;
}
.btn-lg{
	font-size: 14px;
	height: 46px;
	line-height: 46px;
}
.btn-sm{
	height: 30px;
	line-height: 28px;
}
.btn-xs{
	height: 24px;
	line-height: 22px;
	padding: 0 8px;
}

.btn-primary{
	color: #fff;
	background: #0089f0;
	border:1px solid #0089f0;
}
.btn-primary:hover{
	background: #0074cc;
}
.btn-warning{
	color: #fff;
	background: #f38900;
}
.btn-warning:hover{
	background: #c97100;
}
/* .btn-info{
	color: #0089f0;
	background: #eaf6fe;
}
.btn-info:hover{
	color: #0089f0;
	background: #c5e1f3;
} */
.btn-info{
	color: #666;
	background: #fff;
	border:1px solid #ddd;
}
.btn-info:hover{
	color: #333;
	background: #f9f9f9;
	border:1px solid #ccc;
}
.btn-danger{
	color: #fff;
	background: #ff5656;
}
.btn-danger:hover{
	background: #ee1515;
}
.btn-default{
	color: #666;
	background: #fff;
	border:1px solid #ddd;
}
.btn-default:hover{
	color: #333;
	background: #f9f9f9;
	border:1px solid #ccc;
}
.btn-success{
	color: #fff;
	background: #64b524;
}
.btn-block{
	text-align: center;
	width: 100%;
}

/*单选框*/
.radio-select{
	display: inline-block;
	vertical-align: middle;
}
.radio-select .radio-block{
	color: #666;
	cursor: pointer;
	float: left;
	display: block;
	min-width: 85px;
	height: 34px;
	line-height: 32px;
	padding: 0 30px;
	text-align: center;
	margin-right: 10px;
	background: #fff;
	border: 1px solid #ddd;
	position: relative;
	overflow: hidden;
}
.radio-select .radio-block:hover{
	color: #0089f0;
}
.radio-select .radio-selected{
	color: #0089f0 !important;
	border: 1px solid #0089f0;
}
.radio-select .radio-selected::after{
	display: block;
	content: " ";
	position: absolute;
	bottom: 0;
	right: -20px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #0089f0;
}
.radio-select .radio-selected::before{
	display: block;
	content: " ";
	position: absolute;
	bottom: 5px;
	right: 2px;
	z-index: 2;
	width: 6px;
	height: 4px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(-45deg);
}

/*多选框*/
.check-select{
	display: inline-block;
	vertical-align: middle;
}
.check-select .check-block{
	color: #666;
	cursor: pointer;
	float: left;
	display: block;
	min-width: 85px;
	padding: 0 30px;
	height: 34px;
	line-height: 32px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #ddd;
	position: relative;
	overflow: hidden;
}
.check-select .check-block:hover{
	color: #0089f0;
}
.check-select .check-selected{
	color: #0089f0 !important;
	border: 1px solid #0089f0;
}
.check-select .check-selected::after{
	display: block;
	content: " ";
	position: absolute;
	bottom: 0;
	right: -20px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #0089f0;
}
.check-select .check-selected::before{
	display: block;
	content: " ";
	position: absolute;
	bottom: 5px;
	right: 2px;
	z-index: 2;
	width: 6px;
	height: 4px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(-45deg);
}
.color-select{
	display: inline-block;
	overflow: hidden;
}
.color-select .color-block{
	display: block;
	float: left;
	position: relative;
}
.color-select .color-block span{
	display: inline-block;
	height: 30px;
	width: 30px;
}
.color-selected:after{
	display: block;
	content: "";
	width: 4px;
	height: 10px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 7px;
	left: 12px;
}

/*tab菜单*/
.tab-nav{
	display: inline-block;
	vertical-align: middle;
}
.tab-nav .tab-nav_item{
	color: #0089f0;
	cursor: pointer;
	float: left;
	display: block;
	min-width: 85px;
	padding: 0 20px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: #eaf6fe;
}
.tab-nav .tab-nav_item:hover{
	color: #0089f0;
	background: #c5e1f3;
}
.tab-nav .tab-nav_item_active{
	color: #fff !important;
	background: #0089f0 !important;
}


.bg-default{
	padding: 15px;
	color: #999;
	background: #f5f5f5;
}
.bg-default p{
	padding: 2px 0;
}


.steps{
	display: inline-block;
}
.steps-item{
	margin-left: 2px;
	display: inline-block;
}
.steps-item:after{
	display: inline-block;
	content: "";
	height: 1px;
	width: 40px;
	background: #d9d9d9;
	vertical-align: middle;
	margin-top: 2px;
}
.steps-item:last-child:after{
	display: none;
}
.steps-item_icon{
	text-align: center;
	display: inline-block;
	width: 26px;
	height: 26px;
	border: 1px solid #d9d9d9;
	border-radius: 50%;
	vertical-align: middle;
}
.steps-item_icon .num{
	color: #999;
	display: block;
	height: 26px;
	line-height: 22px;
	font-style: normal;
}
.steps-item_icon .fa{
	color: #0089f0;
	display: none;
	margin-top: 5px;
}
.steps-item_text{
	color: #999;
	display: inline-block;
	vertical-align: middle;
}

.steps-item-finish:after{
	background: #0089f0;
}
.steps-item-finish .steps-item_icon{
	border: 1px solid #0089f0;
}
.steps-item-finish .steps-item_icon .num{
	display: none;
}
.steps-item-finish .steps-item_icon .fa{
	display: inline-block;
}
.steps-item-process .steps-item_text{
	color: #0089f0;
}

.steps-item-process .steps-item_icon{
	background: #0089f0;
	border: 1px solid #0089f0;
}
.steps-item-process .steps-item_icon .num{
	color: #fff;
}
.steps-item-process .steps-item_text{
	color: #0089f0;
}


/*下拉菜单*/
.dropdown{
	display: inline-block;
	position: relative;
}
.dropdown .btn{
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0 12px;

}
.dropdown .btn-info{
	color: #666;
	border: 1px solid #ddd;
	background: #fff;
}
.dropdown-select .btn .text,
.dropdown-menu .btn .text{
	width: 85px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dropdown .btn .fa-chevron-down{
	float: right;
	font-size: 12px;
	margin: 10px -5px 0 0;
	transition: 0.3s linear 0s;
}
.dropdown.show .btn .fa-chevron-down{
	transform: rotate(-180deg);
}
.dropdown.show .dropdown-menu{
	display: block;
}
.dropdown-menu{
	display: none;
	text-align: left;
	padding: 10px 0;
	position: absolute;
	z-index: 20;
	top: 33px;
	left: 0;
	background: #fff;
	max-height: 200px;
	min-width: 100%;
	width: auto;
	overflow: auto;
	border:1px solid #ddd;
	/* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); */
}
.dropdown-menu_fixed{
	position: fixed;
	width: auto;
	min-width: auto;
}
.dropdown-menu_top{
	top: auto;
	bottom: 33px;
}
.dropdown-menu a{
	display: block;
	color: #666 !important;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	white-space: nowrap;
}
.dropdown-menu_fixed a{
	padding-right: 20px;
}
.dropdown-menu a:hover{
	background: #eceff8 !important;
}
.dropdown-menu::-webkit-scrollbar {
	width: 17px;
	background-color: transparent;
	border-radius: 9px;
}
.dropdown-menu::-webkit-scrollbar-thumb {
	background-color: #999;
	border-radius: 9px;
	background-clip: content-box;
	border: 5px solid transparent;
}

/*划入方式显示*/
.dropdown-hover .fa-chevron-down{
	font-size: 12px;
	margin-left: 5px;
	transition: 0.3s linear 0s;
}
.dropdown-hover:hover .fa-chevron-down{
	transform: rotate(-180deg);
}
.dropdown-hover:hover .dropdown-menu{
	display: block;
}
/*更多按钮类型*/
.dropdown-more{
	width: 150px;
	vertical-align: middle;
}
/*下拉菜单类型*/
.dropdown-select{
	width: 130px;
}
.dropdown-select .dropdown-menu li{
	cursor: pointer;
	color: #666;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	white-space: nowrap;
}
.dropdown-select .dropdown-menu li .label{
	padding: 3px;
	border-radius: 50%;
	margin: -2px 5px 0 -5px;
	vertical-align: middle;
}
.dropdown-select .dropdown-menu li:hover{
	/* color: #0089f0; */
	background: #ddd;
}
.dropdown-select .dropdown-menu li.current{
	color: #0089f0;
}


/*表单*/

.form-wrap .form-part{
	margin: 30px;
	margin-bottom: 0;
	padding-bottom: 25px;
	border-bottom: 1px solid #ddd;
}
.form-wrap .form-part:last-child{
	border-bottom: none;
}
.form-wrap .form-part .form-group:last-of-type{
	margin-bottom: 0;
}
.form-wrap .btn-area{
	padding: 0 30px 40px 30px;
}
.form-wrap .btn-area .btn{
	padding: 0 30px;
}
.form-title{
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	margin-bottom: 30px;
	padding-left: 7px;
	border-left: 3px solid #0089f0;
}
.form-group {
	margin-bottom: 15px;
}
.form-group-tips{
	color: #999;
	height: 34px;
	line-height: 34px;
	padding-left: 15px;
}
.input-group{
	display: table;
}
.input-group .form-control{
	display: table-cell;
	vertical-align: middle;
}
.input-group .input-group-btn{
	width: 1%;
	margin: 0;
	vertical-align: middle;
	display: table-cell;

}
.form-control{
	display: block;
	width: 100%;
	height: 34px;
	padding: 0 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 5px;
	/* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
}
.form-control2{
	display: block;
	width: 100%;
	height: 34px;
	padding: 0 3px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 5px;
	/* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
}
.form-control[disabled], .form-control[readonly]{
	background-color: #eee;
}
.form-control_inline{
	display: inline-block;
}
textarea.form-control{
	height: auto;
	resize: none;
	padding: 7px 12px;
}
.form-control:focus{
	position: relative;
	z-index: 99999;
	border: 1px solid #0089f0;
	box-shadow:0px 0px 5px #0089f0;
}
/*内联表单*/
.form-inline .form-group{
	display: inline-block;
}
.form-inline label{
	display: inline-block;
	height: 34px;
	line-height: 34px;
}
.form-inline .form-control{
	display: inline-block;
	width: 200px;
}
.form-inline .form-group-tips{
	display: inline-block;
}
/*水平排列的表单*/
.form-horizontal label{
	display: inline-block;
	padding: 7px 0;
}
.form-horizontal .text-con{
	display: inline-block;
	padding: 7px 0;
}
.form-horizontal .form-group-tips{
	display: inline-block;
}
.form-horizontal .dropdown{
	width: 100%;
}
.form-horizontal .dropdown .btn .text{
	width: auto;
}


.radio-inline + .radio-inline{
	margin-left: 15px;
}
.radio-inline input{
	margin: 3px 5px 0 0;
	vertical-align: top;
}

.form-horizontal .form-switch-cp{
	margin-top: 5px;
}

.form-switch-cp{
	position: relative;
	overflow: hidden;
	width: 44px;
	height: 22px;
	padding: 0 !important;
	display: inline-block;
}
.form-switch-cp .form-switch{
	position: absolute;
	top: 0;
	left: -999px;
}
.form-switch-cp_box{
	display: block;
	position: relative;
	width: 44px;
	height: 22px;
	border-radius: 16px;
	border: 1px solid #DFDFDF;
	background-color: #DFDFDF;
}
.form-switch-cp_box:before{
	display: block;
	z-index: 9;
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 15px;
	background-color: #FDFDFD;
	transition: transform 0.35s ease;
}
.form-switch-cp_box:after{
	display: block;
	z-index: 9;
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 15px;
	background-color: #FFFFFF;
	transition: transform 0.35s ease;
}
.form-switch:checked + .form-switch-cp_box{
	border-color: #64b524;
	background-color: #64b524;
}
.form-switch:checked + .form-switch-cp_box:before{
	-webkit-transform: scale(0);
	transform: scale(0);
}
.form-switch:checked + .form-switch-cp_box:after {
	-webkit-transform: translateX(22px);
	transform: translateX(22px);
}

.alert{
	font-size: 14px;
	padding: 15px 30px;
	border-radius: 4px;
	position: fixed;
	top: 70px;
	left: 45%;
	z-index: 2147483647;
	text-align: center;
}
.alert .fa{
	margin-right: 5px;
}
.alert-success{
	color: #fff;
	background-color: #64b524;

}
.alert-primary{
	color: #fff;
	background-color: #0089f0;
}
.alert-danger{
	color: #fff;
	background: #ff5656;
}

.alert-mask:after{
	display: block;
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: rgba(0,0,0,0.2);
}
.alert-mask{
	padding: 0;
	background: none;
}
.alert-con{
	padding: 15px 30px;
}
.alert-primary .alert-con{
	color: #fff;
	background-color: #0089f0;
}


.navbar{
	text-align: center;
	padding: 20px;
}
.navbar ul{
	display: inline-block;
}
.navbar ul li{
	cursor: pointer;
	height: 32px;
	line-height: 30px;
	width: 130px;
	margin-left: -4px;
	display: inline-block;
	border:1px solid #ddd;
}
.navbar ul li.current{
	color: #fff;
	background: #0089F0;
	border:1px solid #0089F0;
}

#container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 500px;
	min-width: 1366px;
	overflow: auto;
}
#header{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 50px;
	background: #121b2c;
	z-index: 2;
}
#header .logo-area{
	float: left;
	width: 200px;
	border-right: 1px solid #0c1423;
}
#header .logo-area .logo{
	display: inline-block;
	height: auto;
	max-height: 100%;
	width: 70%;
	max-width: 100%;
}
#header .logo-area .logo-text{
	color: #d0d5dc;
	font-size: 14px;
	line-height: 50px;
	display: inline-block;
}

#header .sidebar-toggle{
	cursor: pointer;
	float: left;
	height: 50px;
	line-height: 50px;
	color: #fff;
	padding: 0 20px;
	font-size: 16px;
}
#header .dropdown.company{
	height: 50px;
	border-left: 1px solid #0c1423;
}
#header .dropdown.company .btn{
	color: #fff;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}
#header .dropdown.company .btn .text{
	font-size: 14px;
	width: auto;

}
#header .dropdown.company .btn .fa-chevron-down{
	margin-top: 19px;
	margin-left: 5px;
}
#header .dropdown.company .dropdown-menu{
	top: 50px;
	width: 260px;
	height: 200px;
	padding: 15px;
}

.header-nav{
	float: right;
}
.header-nav > li{
	float: left;
	border-right: 1px solid #0c1423;
}
.header-nav li a{
	color: #d0d5dc;
	font-size: 14px;
	display: block;
	padding: 0 25px;
	line-height: 50px;
	transition: color 0.2s;
}
.header-nav li a .fa{
	font-size: 16px;
}
.header-nav li.dropdown a .fa{
	font-size: 12px;
}
.header-nav li a:hover{
	color: #0089f0;
}
.header-nav .dropdown{
	display: block;
}
.header-nav .user-menu{
	display: none;
	top: 51px;
	left: auto;
	right: -1px;
	width: 130px;
	padding: 10px 0;
	background: #121b2c;
	box-shadow: none;
	max-height: none;
}
.header-nav .user-menu li{
	margin: 0 20px;
}
.header-nav .user-menu li a{
	color: #d0d5dc;
	text-align: left;
	padding: 0;
	height: 35px;
	line-height: 35px;
	background: none !important;
}
.header-nav .user-menu li a:hover{
	color: #0089f0;
}
.header-nav .user-menu .border{
	height: 1px;
	margin: 5px 20px;
	background: #303b59;
}

#main{
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
#sidebar{
	width: 200px;
	/*position: absolute;*/
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	background: #18233c;
}
#content{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#sidebar + #content{
	left: 200px;
}


.sidebar-collapse #sidebar{
	display: none;
}
.sidebar-collapse #sidebar + #content{
	left: 0;
}

/*我的应用*/
#sidebar .add-app a{
	display: block;
	color: #bbc2d1;
	height: 50px;
	line-height: 50px;
	margin: 0 20px;
	border-bottom: 1px solid #303b59;
}
#sidebar .add-app a .fa{
	float: right;
	font-size: 12px;
	margin-top: 20px;
}
/*查看全部应用*/
#sidebar .all-app{
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
}
#sidebar .all-app a{
	text-align: center;
	display: block;
	color: #fff;
	height: 50px;
	line-height: 50px;
	background: #121b2c;
}
#sidebar .all-app a .fa{
	font-size: 16px;
	margin-right: 5px;
}
.sidebar-nav{
	padding-top: 1px;
	/*position: absolute;*/
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}
.sidebar-nav li{
	display: block;
}
.sidebar-nav::-webkit-scrollbar {
	width: 17px;
	height: 17px;
	background-color: transparent;
	border-radius: 9px;
}
.sidebar-nav::-webkit-scrollbar-thumb {
	background-color: #121b2c;
	border-radius: 9px;
	background-clip: content-box;
	border: 5px solid transparent;
}
.sidebar-nav li a{
	display: block;
	color: #bbc2d1;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
}
.sidebar-nav li .fa{
	color: #bbc2d1;
	font-size: 16px;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -3px;
}
.sidebar-nav li a:hover{
	color: #fff;
	background: #121b2c;
}
.sidebar-nav li a:hover .fa{
	color: #0089f0;
}
.sidebar-nav li a.current{
	color: #fff;
	background: #0089F0;
}
.sidebar-nav li a.current .fa{
	color: #fff;
}
/*设置span宽度，多余的字...*/
/*.treeview-toogle1 span{*/
    /*display: inline-block;*/
    /*width: 80px;*/
    /*height: 40px;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
/*}*/
.sidebar-nav .treeview .fa-caret-right{
	float: right;
	font-size: 12px;
	margin: 14px 0 0 0;
	color: #bbc2d1 !important;
	transition: 0.2s linear 0s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.sidebar-nav .treeview-menu{
	display: none;
}
.sidebar-nav .treeview.show .treeview-menu{
	display: block;
}
.sidebar-nav .treeview-menu a{
	padding-left: 74px;
}
.sidebar-nav .show>a>i.fa-caret-right{
	transform: rotate(90deg);
}
.sidebar-nav .show .treeview-menu{
	display: block;
}
/*预算三级菜单*/
.treeview1 .fa-caret-right{
	float: right;
	font-size: 12px;
	margin: 14px 0 0 0;
	color: #bbc2d1 !important;
	transition: 0.2s linear 0s;
}
.treeview-menu1{
	display: none;
}
.treeview1.show .treeview-menu1{
	display: block;
}
.sidebar-nav .treeview-menu .treeview-menu1 a{
	padding-left: 80px;
	padding-right: 0px;
}
.treeview1.show .fa-caret-right{
	transform: rotate(90deg);
}
.treeview1.show .treeview-menu1{
	display: block;
}

/*卡片头部*/
.card-header{
	/* position: fixed;
	top: 50px;
	left: 180px;
	right: 0;
	z-index: 12; */
	height: 55px;
	padding: 0 15px;
	background: #f9f9f9;
	text-align: center;
	border-bottom: 1px solid #ddd;

}
.card-header_border{
	border-bottom: 1px solid #ddd;
}
.card-header .return{
	color: #0089f0;
	font-size: 16px;
	font-weight: normal;
	height: 55px;
	line-height: 55px;
	margin-right: 40px;
	position: relative;
}
.card-header .return:after{
	content: "";
	position: absolute;
	top: 18px;
	right: -20px;
	height: 20px;
	width: 1px;
	background: #999;
}
.card-header .title{
	float: left;
	font-size: 16px;
	font-weight: normal;
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	max-width: 150px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.card-header .nav{
	display: inline-block;
	margin: 0 auto;
}
.card-header .nav a{
	display: inline-block;
	/* margin: 0 10px; */
	font-size: 14px;
	color: #666;
	height: 55px;
	line-height: 55px;
	padding: 0 25px;
}
.card-header .nav a.current{
	color: #0089f0;
	border-bottom: 3px solid #0089f0;
}
.card-header .btn{
	margin-top: 10px;
}
.card-header .dropdown{
	margin-top: 10px;
}
.card-header .dropdown .btn{
	margin: 0;
}
.card-header .absolute-left{
	padding-left: 15px;
}
.card-header .absolute-right{
	padding-right: 15px;
}
.card-header .steps{
	margin-top: 14px;
}
.card-header + .operation-wrap{
	/* position: fixed;
	top: 105px;
	left: 180px;
	right: 0;
	z-index: 9; */
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
}
.scroller{
	/* padding-top: 55px; */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*overflow: auto;*/
	overflow: inherit;
}

.card-header + .scroller{
	/* padding-top: 55px; */
	top: 55px;
}

.card-header + .operation-wrap + .scroller{
	/* padding-top: 110px; */
	top: 110px;
}
/*卡片布局*/
.card-list{
	padding: 10px;
	zoom: 1;
}
.card-item{
	margin: 15px;
	margin-top: 0;
}
.card-list .card-item{
	margin: 10px;
}
.card-item__head{
	height: 55px;
	/* padding: 0 15px; */
	background: #fff;
}
.card-item__head_border{
	border-bottom: 1px solid #ddd;
}
.card-item__head_bg{
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-bottom: none;
	padding: 0 15px;
}
.card-item__head .title{
	float: left;
	font-size: 16px;
	font-weight: normal;
	height: 55px;
	line-height: 52px;
}
.card-item__head .title span{
	color: #999;
	font-size: 12px;
}
.card-item__head .title span.warn{
	color: #ff5656;
}
.card-item__head .tips li{
	color: #999;
	float: left;
	height: 55px;
	line-height: 55px;
	margin-left: 15px;
}
.card-item__head .tips li .label{
	padding: 3px;
	border-radius: 50%;
	margin-right: 5px;
	margin-top: -2px;
	vertical-align: middle;
}
.card-item__head .btn{
	margin-top: 10px;
}
.card-item__head .radio-select{
	margin-top: 10px;
}
.card-item__head .btn-sm{
	margin-top: 13px;
}
.card-item__head .btn-xs{
	margin-top: 16px;
}
.card-item__head .nav li{
	cursor: pointer;
	float: left;
	font-size: 14px;
	padding: 0 35px;
	height: 55px;
	line-height: 55px;
}
.card-item__head .nav li.current{
	color: #0089f0;
	border-bottom: 2px solid #0089f0;
}
.card-item__body{
	background: #fff;
}
.card-item__footer{
	background: #fff;
}
.card-footer_border{
	border-top: 1px solid #E8ECF0;
}
.nav-item{
	display: none;
}
.card-item__body .nav-item.show{
	display: block;
}


.card-item_tree{
	width: 220px;
	position: fixed;
	top: 105px;
	left: 200px;
	margin: 0;
	bottom: 0;
	background: #fff;
	border-right: 1px solid #ddd;
	padding-top: 55px;
}
.card-item_tree .card-item__head{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 15px;
	border-bottom: 1px solid #ddd;

}
.card-item_tree .card-item__body{
	padding: 15px;
	height: 100%;
	overflow: auto;
}
.card-item_tree .nav li{
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.card-item_tree .nav li:hover{
	background: #f9f9f9;
}
.card-item_tree .nav li.current{
	color: #0089f0;
	background: #c5e1f3;
}
.card-item_tree .nav.nav_tleft li{
	text-align: left;
	padding: 0 15px;
}
.card-item_tree .nav.nav_tleft li .text{
	display: inline-block;
	width: 100px;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.card-item_tree .nav.nav_tleft li .color{
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: -2px 5px 0 0;
}
.card-item_tree .nav.nav_tleft li .btn-xs{
	margin-top: 7px;
}
.card-item_tree .card-item__body .nav{
	margin: -15px;
}
.card-item_tree .subNav{
	margin: -15px;
}
.card-item_tree .subNav li a{
	color: #333;
	display: block;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 15px;
}
.card-item_tree .subNav li a:hover{
	background: #f7f7f7;
}
.card-item_tree .subNav li.current a{
	background: #eee;
}

.card-item_tree .card-item__footer{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.card-item_tree + .card-item{
	margin-left: 235px;
}



/*操作按钮区域*/
.operation-wrap{
	background: #fff;
	height: 54px;
	padding: 10px 0;
}

.operation-wrap .form-control{
	float: left;
	margin-right: 5px;
}
.operation-wrap .dropdown{
	float: left;
	margin-right: 5px;
}

.operation-wrap .pull-right .dropdown{
	margin-right: 0;
	margin-left: 5px;
}
.operation-wrap .pull-left .btn{
	float: left;
}
.operation-wrap .form-search{
	float: left;
	display: inline-block;
	vertical-align: top;
	/*margin-left: 5px;*/
}



.operation-wrap .form-search .dropdown{
	margin-right: -1px;
}
.operation-wrap .form-search .dropdown .btn{
	border-radius: 5px 0 0 5px;
}
.operation-wrap .form-search .dropdown + .form-control{
	border-radius: 0 5px 5px 0;
}

.operation-wrap .pull-right .dropdown{
	vertical-align: top;
}

/*企业信息*/
.company-info{
	padding-bottom: 20px;
}
.company-info table{
	width: 100%;
}
.company-info table span{
	color: #999;
}
.company-info table .enterprise-logo{
	width: 162px;
	height: 72px;
	overflow: hidden;
	border: 1px solid #e8ecf0;
}
.company-info table .enterprise-logo img{
	max-width: 160px;
	max-height: 70px;
}
.company-info table .enterprise-qrcode{
	text-align: center;
}
.company-info table .enterprise-qrcode img{
	width: 90px;
}
.company-info table .enterprise-qrcode p{
	color: #999;
}

/*news列表*/
.news-list{
	padding-bottom: 50px;
}
.news-list li{
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #e8ecf0;
}
.news-list li .date{
	color: #999;
	float: right;
}
.news-list li a{
	display: inline-block;
	color: #666;
	font-size: 14px;
}
.news-list li a .icon{
	color: #fff;
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	float: left;
	margin: 18px 5px 0 0;
	text-align: center;
	border-radius: 2px;
	overflow: hidden;
	vertical-align: middle;
}
.news-list li a .icon-blue{
	background: #0089f0;
}
.news-list li a .icon-green{
	background: #64b524;
}
.news-list li a .icon .fa{
	font-size: 18px;
	margin-top: 3px;
}
.news-list li a:hover{
	text-decoration: underline;
}

.table-data{
	/* overflow: auto; */
	/* width: 100%; */
}
.table-data table{
	width: 100%;
}
.table-data_border table{
	border: 1px solid #ddd;
}
.table-data tr th{
	height: 40px;
	font-weight: normal;
	text-align: left;
	padding-left: 20px;
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.table-data tr td{
	height: 40px;
	padding: 5px 0;
	text-align: left;
	padding-left: 20px;
	background: #fff;
	border-bottom: 1px solid #ddd;
}
.td-padding-left15 tr td{
	padding-left: 15px;
}
.table-data tr td .rows{
	margin: 10px 0;
}
.table-data tr td .text-con{
	vertical-align: middle;
}
.table-data tr td input[type=checkbox]{
	vertical-align: middle;
	margin-top: 0;
}
.table-data tr td input[type=radio]{
	vertical-align: middle;
	margin-top: -2px;
}
.table-data tr td label{
	padding: 2px 0;
}
.table-data tr td .form-control{
	height: 28px;
}
.table-data tr td .link{
	display: inline-block;
	margin-right: 5px;
}
.table-data_lg tr td{
	height: 50px;
}
.table-data_lg tr td .form-control{
	height: 34px;
}
.table-data tr:hover td{
	/* background: #eceff8; */
}
.table-data tr.current td{
	background: #eceff8;
}
.table-data td table{
	margin: -6px 0;
}

/*登录页面*/
.container-login{
	overflow: hidden;
	min-height: 500px !important;
	background-color: #18233c;
	background: linear-gradient(to bottom, #121b2c ,#1a2e55);
}
.layout-login{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 360px;
	text-align: center;
	margin: -240px 0 0 -180px;
}
.layout-login .logo-area{
	color: #d0d5dc;
}
.layout-login .logo-area .logo-text{
	font-size: 28px;
	margin: 15px 0;
}
.layout-login .logo-area .logo-intro{
	font-size: 16px;
}
.login-title{
	position: relative;
}
.login-title span{
	position: relative;
	z-index: 2;
	display: inline-block;
	color: #d0d5dc;
	font-size: 24px;
	padding: 10px 35px;
	font-weight: normal;
	background: #18233c;
}
.login-title:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 1px;
	background: #d0d5dc;
}
.login-form {
	padding-top: 10px;
}
.login-form label{
	display: block;
	padding-top: 20px;
}
.login-form input{
	color: #fff;
	height: 50px;
	width: 360px;
	font-size: 16px;
	padding: 0 30px;
	background: #162d4e;
	border:1px solid #3664bc;
	border-radius: 25px;
}
.login-form input::-webkit-input-placeholder{
	color: #88a5cb;
}
.login-btn{
	padding-top: 40px;
}
.login-btn .btn{
	color: #fff;
	display: block;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	border-radius: 25px;
}

.login-btn .btn-qy{
	background: #3664bc;
}
.login-btn .btn-qy:hover{
	background: #1f4da6;
}
.login-btn .btn-qy .icon{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin: -2px 8px 0 0;
	background: url(../images/btn-icon_qy.png) no-repeat;
	background-size: cover;
}
.login-tips{
	color: #ff5656;
	font-size: 14px;
	text-align: left;
	padding-top: 20px;
}
.login-tips .fa{
	width: 14px;
	margin-right: 5px;
}

.container-register{
	overflow: hidden;
	min-height: 500px !important;
	background-color: #18233c;
	background: linear-gradient(to bottom, #121b2c ,#1a2e55);
}
.layout-register{
	width: 900px;
	margin: 0 auto;
	padding-bottom: 100px;
}
.register-head{
	color: #fff;
	padding: 50px 0;
	text-align: center;
}
.register-head h2{
	font-size: 40px;
	font-weight: 400;
	margin-bottom: 15px;
}
.register-head p{
	font-size: 18px;
}
.register-body{
	padding: 50px 0;
	background: #fff;
}
.register-body .form-horizontal label{
	text-align: right;
}
.register-body .form-horizontal .text-default{
	padding: 5px 0;
}


/*人员名称*/
.user-list{
	display: inline-block;
	vertical-align: middle;
	margin: -6px 0;
	position: relative;
}
.user-item{
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.user-item .avatar{
	display: inline-block;
	width: 34px;
	height: 34px;
	text-align: center;
}
.user-item .avatar img{
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.user-item .name{
	font-size: 12px;
	display: block;
	text-align: center;
	max-width: 40px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.user-item .icon{
	cursor: pointer;
	position: absolute;
	top: -2px;
	right: -2px;
	width: 14px;
	height: 14px;
	line-height: 12px;
	margin: 0 !important;
	float: none !important;
	color: #fff !important;
	background: rgba(0,0,0,0.7);
	border-radius: 50%;
	font-style: normal;
	font-size: 14px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.user-item_lg .avatar{
	width: 150px;
	height: 150px;
	line-height: 150px;
	font-size: 45px;
}
.user-item_md .avatar{
	width: 120px;
	height: 120px;
	line-height: 120px;
	font-size: 35px;
}
.user-item_sm .avatar{
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 25px;
}
.user-list .user-item{
	display: inline-block;
	margin:6px 8px 6px 0;
	vertical-align: top;
	width: 40px;
	text-align: center;
}
.user-list .add-user{
	color: #aaa;
	cursor: pointer;
	display: inline-block;
	font-size: 26px;
	width: 34px;
	height: 34px;
	line-height: 28px;
	text-align: center;
	border-radius: 50%;
	border:1px dashed #aaa;
	vertical-align: middle;
	margin: 6px 8px 6px 0;
}
.user-list .add-user:hover{
	color: #0089F0;
	border:1px dashed #0089F0;
}

/*app列表*/
.app-list{
	padding: 0 0 14px 0;
}
.app-item{
	height: 80px;
	margin: 6px;
	position: relative;
	background: #f5f6fa;
	display: flex;
	align-items: center;
}
.app-item__icon{
	width: 80px;
	height: 80px;
	text-align: center;
	display: flex;
	align-items: center;
	background: #ebeef8;
}
.app-item__icon .fa{
	color: #0089F0;
	font-size: 40px;
	margin: 0 auto;
}
.app-item__intro{
	margin: 0 15px;
}
.app-item__intro h3{
	color: #333;
	font-size: 14px;
	font-weight: normal;
}
.app-item__intro .date{
	color: #999;
	display: block;
	padding-top: 5px;
}
.app-item__intro .text{
	color: #999;
	display: block;
	padding-top: 5px;
}
a.app-item__intro:hover h3,
a.app-item__intro:hover .text{
	color:#0089f0;
}
.app-item .btn{
	position: absolute;
	top: 25px;
	right: 10px;
}
/*已安装的应用*/
.my-app .app-item .btn-danger{
	display: none;
}
.my-app .app-item:hover .btn-danger{
	display: block;
}


/*项目列表*/
.project-list{
	padding: 10px;
	overflow: hidden;
	zoom: 1;
}
.add-project{
	display: block;
	float: left;
	color: #0089F0;
	width: 265px;
	height: 180px;
	margin: 10px;
	padding: 15px;
	font-size: 18px;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ddd;
}
.add-project i{
	display: block;
	font-style: normal;
	font-size: 90px;
	line-height: 100px;
}
.project-item{
	float: left;
	width: 265px;
	height: 180px;
	margin: 10px;
	padding: 15px;
	background: #fff;
	border-radius: 5px;
}
.project-item_primary{
	color: #fff;
	background: #0089F0;
}
.project-item_success{
	color: #fff;
	background: #64b524;
}
.project-item_danger{
	color: #fff;
	background: #ff5656;
}
.project-item__head{
	padding-bottom: 15px;
	overflow: hidden;
	zoom: 1;
}
.project-item__head .date{
	float: right;
}
.project-item__head .date .fa{
	font-size: 14px;
	margin-left: 5px;
}
.project-item__body{
	height: 70px;
}
.project-item__body .level{
	float: right;
	margin-top: 5px;
	margin-left: 15px;
}
.project-item__body .name{
	font-size: 18px;
	font-weight: normal;
	height: 55px;
	overflow: hidden;
	padding-top: 5px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2 ;
}
.project-item__footer .warn{
	float: right;
	margin-right: 4px;
}
.project-item__footer .text{
	opacity: 0.6;
}
.project-item__footer .num{
	font-size: 26px;
}


/*任务列表*/
.task-list{

}
.task-item{
	position: relative;
	padding-left: 20px;
	background: #fff;
}
.task-list .task-item_dropdown:before{
	content: " ";
	width: 1px;
	border-left: 1px solid #d9d9d9;
	position: absolute;
	left: 7px;
	top: 34px;
	bottom: 32px;
}
.task-list .task-item_dropdown.last:after{
	content: " ";
	width: 1px;
	border-left: 1px solid #fff;
	position: absolute;
	left: -13px;
	top: 34px;
	bottom: 32px;
}

.task-item_info{
	position: relative;
	padding-left: 20px;
	background: #eaf6fe;
}
.task-item_info .task-item__body:hover{
	background: #eaf6fe;
}
.task-item_info .form-control{
	flex: 1;
	border: none;
	width: auto;
	font-size: 18px;
	padding: 0;
	box-shadow: none;
	background: no-repeat;
}
.task-item__body {
	padding: 10px 0;
	/* padding-left: 25px; */
	display: flex;
	align-items: center;
}
.task-item__body:hover{
	background: #f9f9f9;
}
.task-item__body.current {
	background: #eaf6fe;
}
.task-item__body .switch{
	position: absolute;
	top: 26px;
	left: 0;
	z-index: 3;
	height: 14px;
	width: 14px;
	background-color: #fff;
	background-image: url(../images/switch-icon.png);
	background-repeat: no-repeat;
	background-position: -20px 0;
}
.task-item__body .switch i{
	display: block;
	height: 14px;
	width: 14px;
}
.task-item__body .switch.on{
	cursor: pointer;
	background-position: 0 0;
}
.task-item__body .switch.on:hover{
	background-position: 0 -15px;
}
.task-item__body .switch.off{
	cursor: pointer;
	background-position: 0 -31px;
}
.task-item__body .switch.off:hover{
	background-position: 0 -46px;
}
.task-item__body .switch.circle{
	background-color: initial;
	background-position: 0 -60px;
}
.task-item .task-item .switch:after{
	display: block;
	content: "";
	position: absolute;
	top: 8px;
	left: -13px;
	width: 14px;
	height: 1px;
	background: #ccc;
}
.task-item .task-item .switch.circle:after{
	width: 16px;
}
/* .task-item_dropdown .task-item__body:before{
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	top: -32px;
	left: -13px;
	width: 1px;
	bottom: 32px;
	background: #ccc;
}
.task-item_dropdown > .task-item__body:before{
	display: none;
}
.task-item__body .switch.off:before,
.task-item__body .switch.on:before{
	display: block;
	content: "";
	position: absolute;
	top: -60px;
	left: -13px;
	width: 12px;
	height: 67px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.task-item__body .switch.off:after{
	display: block;
	content: "";
	position: absolute;
	top: 13px;
	left: 7px;
	width: 1px;
	height: 30px;
	background: #ccc;
}
.card-item > .task-list > .task-item_dropdown > .task-item__body .switch.on:before,
.card-item > .task-list > .task-item_dropdown > .task-item__body .switch.on:after,
.card-item > .task-list > .task-item_dropdown > .task-item__body .switch.off:before{
	display: none;
}
.task-item__body .switch.circle:before{
	display: none;
}
*/

.task-item__body .user-item{
	margin-right: 20px;
	text-align: center;
}
.task-item__body .user-item .avatar{
	width: 28px;
	height: 28px;
}
.task-item__body .user-item .name{
	padding: 0;
}
.task-item__body input[type="checkbox"]{
	display: inline-block;
	height: 18px;
	width: 18px;
	display: none;
}
.task-item__body .label{
	display: inline-block;
	padding: 3px;
	border-radius: 50%;
	margin-right: 5px;
}
.task-item__body .t-name{
	display: block;
	flex: 1;
	font-size: 18px;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.task-item__body .sub-counts{
	color: #999;
	margin-right: 15px;
}
.task-item__body .sub-counts .fa{
	opacity: 0.8;
	margin-right: 5px;
	font-size: 16px;
	vertical-align: middle;
	margin-top: -2px;
}

.task-item_dropdown .task-list{
	display: none;
	overflow: visible !important;
}


.project-details{
	width: 750px;
	margin: 0 auto;
	margin-top: 15px;
	overflow: hidden;
	background: #eee;
}
.project-details .card-item{
	margin: 10px 15px;
}
.project-details .card-item .card-item__head{
	padding: 0 15px;
}


.project-details .form-part{
	margin: 20px 20px 10px 20px;
	padding-bottom: 0;
}
.project-details .form-part .form-group label{
	width: 70px;
}

.project-details .card-item__footer .form-part{
	margin: 15px 20px;
}
.project-details .card-item__footer .form-part .form-group{
	margin-bottom: 0;
}
.project-details .form-control:disabled{
	background: #fff;
}
.comment-box{
	height: 40px;
	padding: 0 10px 10px 10px;
	margin: 10px;
	overflow: hidden;
	border: 1px solid #ccc;
}
.comment-box .form-control{
	padding: 10px 0;
	border: none;
	border-bottom: 1px solid #ccc;
}
.comment-box .form-control:focus{
	box-shadow: none;
}
.comment-box .btn{
	float: right;
	margin-top: 10px;
	margin-right: 0;
}
.comment-box_focus{
	height: auto;
	border: 1px solid #0089f0;
	box-shadow:0px 0px 5px #0089f0;
}
.comment-box_show{
	height: auto;
	border: 1px solid #0089f0;
	box-shadow:0px 0px 5px #0089f0;
}

.comment-list{
	padding: 20px;
}
.comment-item{
	overflow: hidden;
}
.comment-item_Reply{
	margin-left: 45px;
	display: none;
}
.comment-item__hd {
	float: left;
}
.comment-item__bd{
	padding-left: 45px;
}
.comment-item__bd .name{
	display: inline-block;
	height: 24px;
	line-height: 24px;
}
.comment-item__bd .date{
	color: #999;
	display: inline-block;
	height: 24px;
	line-height: 24px;
}
.comment-item__bd .link{
	color: #999;
	display: none;
	height: 24px;
	line-height: 24px;
	margin-left: 5px;
}
.comment-item__bd:hover .date{
	display: none;
}
.comment-item__bd:hover .link{
	display: inline-block;
}
.comment-item__bd .link:hover{
	color: #0089f0;
}
.comment-item__bd .text{
	line-height: 20px;
	border-bottom: 1px solid #ddd;
	margin: 15px 0;
	padding-bottom: 15px;
}
.comment-item__bd .comment-box{
	margin: -16px 0 16px 0;
}

.comment-item__bd .gift{
	background: #f7f7f7;
	margin-top: -16px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	padding: 15px;
}
.comment-item__bd .gift-pic{
	width: 50px;
	height: 50px;
	margin-right: 15px;
}
.comment-item__bd .gift-pic img{
	width: 100%;
	height: 100%;
}

.log-list{
	padding: 20px;
}
.log-item{
	color: #999;
	padding-bottom: 15px;
	display: flex;
}
.log-item .text{
	flex: 1;
	padding-right: 40px;
}


.project-file{
	margin: 20px;
}
.project-file .table-data tr th{
	height: 50px;
}
.project-file .table-data tr td{
	height: 50px;
}
.project-file .table-data tr td img{
	height: 35px;
	margin-right: 10px;
	vertical-align: middle;
}

.project-file .table-data tr td .dropdown{
	width: 34px;
	position: absolute;
	top: 8px;
	right: 10px;
}
.project-file .table-data tr td .dropdown .btn{
	width: 34px;
	padding: 0;
	text-align: center;
}
.project-file .table-data tr td .dropdown .btn .fa{
	color: #999;
	margin-top: 10px;
	font-size: 16px;
}
.project-file .table-data tr td .dropdown .dropdown-menu{
	width: 120px;
	left: auto;
	right: 0;
}

.switch-view .icon{
	cursor: pointer;
	display: inline-block;
	height: 30px;
	width: 30px;
	text-align: center;
	margin-left: 10px;
}
.switch-view .icon .fa{
	color: #666;
	font-size: 18px;
	margin-top: 6px;
}
.switch-view .icon.current .fa{
	color: #0089f0;
}

.file-list{
	margin-right: -20px;
}
.file-item{
	float: left;
	position: relative;
	margin: 0 18px 18px 0;
	background: #fff;
	border: 1px solid #ddd;
}
.file-item__head{
	height: 195px;
	padding: 20px;
	width: 266px;
	text-align: center;
	overflow: hidden;
}
.file-item__head img{
	height: 155px;
	max-width: 100%;
	margin: 0 auto;
}
.file-item__body{
	padding: 20px;
	padding-top: 0;
}
.file-item__user{
	float: left;
}
.file-item__text{
	float: left;
	margin-left: 10px;
	width: 160px;
}
.file-item__text{
	float: left;
	margin-left: 10px;
	width: 160px;
}
.file-item__text h3{
	height: 34px;
	line-height: 34px;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.file-item__text p{
	color: #999;
}

.file-item .dropdown{
	width: 34px;
	position: absolute;
	bottom: 35px;
	right: 0;
}
.file-item .dropdown .btn{
	width: 34px;
	padding: 0;
	text-align: center;
}
.file-item .dropdown .btn .fa{
	color: #999;
	margin-top: 10px;
	font-size: 16px;
}
.file-item .dropdown .dropdown-menu{
	width: 120px;
	left: auto;
	right: 0;
}

/* .project-file .table-data,
.project-file .file-list{
	display: none;
} */
.project-file .show{
	display: block;
}

.task-details{
	position: fixed;
	top: 50px;
	right: -640px;
	bottom: 0;
	width: 640px;
	z-index: 99;
	background: #fff;
	box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.25);
	transition: 0.3s ease 0s;
}
.task-details.show{
	right: 0;
}
.task-details__head{
	height: 58px;
	padding: 12px 5px;
}
.task-details__head .pull-right{
	padding-right: 15px;
}
.task-details__head .btn{
	padding: 0;
	margin-left: 15px;
}
.task-details__head .btn .fa{
	font-size: 14px;
	margin-right: 5px;
}
.task-details__head .btn:hover{
	color: #0089F0;
}
.task-details__head .dropdown{
	width: 50px;
	vertical-align: middle;
}
.task-details__head .dropdown .btn{
	width: 34px;
	padding: 0;
	text-align: center;
}
.task-details__head .dropdown .btn .fa{
	color: #999;
	margin: 0;
	margin-top: 8px;
	font-size: 16px;
}
.task-details__head .dropdown-menu{
	width: 120px;
	left: auto;
	right: 0;
}
.task-details__body{
	position: absolute;
	top: 58px;
	left: 0;
	right: 0;
	bottom: 60px;
	overflow: auto;
	background: #f4f4f4;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}
.task-details__body .card-item{
	margin: 0;
	background: none;
}

.task-details__body .task-project-name{
	margin: 20px;
	height: 26px;
}
.task-details__body .task-project-name .text{
	color: #818d97;
}
.task-details__body .task-project-name .fa-reorder{
	color: #818d97;
}
.task-details__body .task-project-name .state{
	color: #fff;
	display: inline-block;
	background: #bfc5ca;
	padding: 5px 10px;
	border-radius: 2px;
	margin-left: 10px;
}

.task-details__body .task-project-name .btn{
	height: 26px;
	line-height: 26px;
	margin: 0;
	padding: 0 5px;
}

.task-details__body .task-name  {
	margin: 20px;
}
.task-details__body .task-name input[type=checkbox] {
	display: inline-block;
	height: 18px;
	width: 18px;
	vertical-align: middle;
	margin: 9px 10px 0 0;
	float: left;
}
.task-details__body .task-name .user-item {
	vertical-align: middle;
	float: left;
}
.task-details__body .task-name .name {
	display: block;
	/*margin-left: 70px;*/
	margin-left: 30px;
}
.task-details__body .task-name .name .form-control{
	font-size: 20px;
	padding-left: 0;
	background: none;
	border: none;
	box-shadow: none;
}
.task-details__body .task-name .name .form-control:hover{
	border: 1px solid #c8c8c8;
}

.task-details__body .task-rank{
	margin: 20px;
	height: 34px;
}
.task-details__body .task-rank .text{
	color: #818d97;
}
.task-details__body .task-rank .fa-reorder{
	color: #818d97;
}
.task-details__body .task-rank .dropdown{
	width: auto;
	margin-left: 10px;
	vertical-align: middle;
}
.task-details__body .task-rank .dropdown .btn{
	/* height: 26px; */
	/* line-height: 26px; */
	/* background: #bfc5ca; */
	/* border-radius: 2px; */
}
.task-details__body .task-rank .dropdown .btn .text{
	width: auto;
	padding-right: 10px;
	/* color: #fff; */
	/* display: inline; */
}
.task-details__body .task-rank .dropdown .dropdown-menu{
	min-width: 100px;
}


.task-details__body .task-address{
	margin: 20px;
	height: 34px;
	display: flex;
	align-items: center;
}
.task-details__body .task-address .fa{
	color: #818d97;
}
.task-details__body .task-address .text{
	color: #818d97;
}
.task-details__body .task-address .address{
	display: block;
	padding-left: 15px;
	flex: 1;
}


.task-details__body .task-note{
	background: #fff;
	margin: 0 20px;
	border: 1px solid #c8c8c8;
	border-radius: 5px 5px 0 0;
	padding: 10px;
	border-bottom: none;
}
.task-details__body .task-note .icon{
	float: left;
	margin:8px 0 0 5px;
	color: #999;
}
.task-details__body .task-note .icon .fa{
	font-size: 16px;
}
.task-details__body .task-note .note-con{
	display: block;
	margin-left: 40px;
}
.task-details__body .task-note .note-con .form-control{
	padding-left: 0;
	border: none;
	box-shadow: none;
	height: auto;
	padding: 8px 7px 9px 7px;
}
.task-details__body .task-user{
	background: #fff;
	margin: 0 20px -1px 20px;
	margin-top: 0;
	border: 1px solid #c8c8c8;
	padding: 12.5px 10px;
}
.task-details__body .task-user:nth-last-child(2){
	margin: 0 20px 20px 20px;
	border-radius: 0 0 5px 5px;
}
.task-details__body .task-user .icon{
	float: left;
	margin:7px 0 0 5px;
	color: #999;
}
.task-details__body .task-user .icon .fa{
	font-size: 16px;
}
.task-details__body .task-user .user-list{
	float: left;
	margin-left: 20px;
	max-width: 510px;
}
/*子任务*/
.task-details__body .sub-task{
	margin: 20px;
	/* padding-bottom: 10px; */
	padding-left: 15px;
	background: #fff;
	border:1px solid #c8c8c8;
}
.task-details__body .sub-task .card-item__head{
	height: 50px;
}
.task-details__body .sub-task .card-item__head .title{
	font-size: 14px;
	height: 50px;
	line-height: 50px;
}

.task-details__body .sub-task .task-item__body .t-name{
	font-size: 14px;
}

.task-details__body .sub-task .task-item__body .user-item {

}

.task-details__body .card-header_border{
	border-bottom: 1px solid #c8c8c8;
}

/*任务的文件*/
.task-details__body .upload_btn{
	padding: 0;
	margin: 10px 0 5px 20px;
}
.task-details__body .upload_btn .fa{
	color: #0089F0;
	font-size: 16px;
	margin-right: 5px;
	vertical-align: middle;
}
.task-details__body .upload_btn .text{
	vertical-align: middle;
}
.task-details__body .file-list{
	margin: 0 0 80px 0;
	padding-left: 10px;
	padding-bottom: 20px;
}
.task-details__body .file-item{
	margin: 10px 0 0 10px;
}

.task-details__body .file-item__head{
	width: 140px;
	height: 120px;
	overflow: hidden;
	padding: 0;
}
.task-details__body .file-item__head img{
	width: 100%;
	height: 100%;
}
.task-details__body .file-item__body{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 140px;
	height: 120px;
	padding: 0;
	background: rgba(0,0,0,0.5);
}
.task-details__body .file-item__text{
	float: none;
	padding: 10px;
	margin: 0;
	width: auto;
}
.task-details__body .file-item__text h3{
	color: #fff;
	height: auto;
	line-height:1;
	padding-bottom: 5px;
}
.task-details__body .file-item__text p{
	color: #bdbdbd;
}
.task-details__body .file-item__footer{
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 3;
	display: none;
}
.task-details__body .file-item__footer .btn{
	color: #666;
	/* height: 30px; */
	/* line-height: 30px; */
	/* padding: 0; */
	text-align: center;
	/* width: 35px; */
	background: #fff;
	border-radius: 2px;
}
.task-details__body .file-item__footer .btn:hover{
	background: #eee;
}
.task-details__body .file-item__footer .btn .fa{
	margin-top: 0;
}
.task-details__body .file-item:hover .file-item__body,
.task-details__body .file-item:hover .file-item__footer{
	display: block;
}
.task-details__body .progress-list{
	padding: 20px;
}
.task-details__body .progress{
	display: flex;
	align-items: center;
	margin-bottom: -1px;
	padding: 10px;
	background: #fff;
	border: 1px solid #c8c8c8;
}

.task-details__body .progress .icon{
	color: #999;
	margin-left: 5px;
}
.task-details__body .progress .icon .fa{
	font-size: 16px;
}
.task-details__body .progress .user-item{
	margin-left: 20px;

}
.task-details__body .progress .progress-bar{
	height: 12px;
	flex: 1;
	background: #e7f3eb;
	margin: 0 10px 0 15px;
}
.task-details__body .progress .progress-bar .progress-bar_inner{
	display: inline-block;
	height: 100%;
	background: #79d950;
}
.task-details__body .progress .text{
	display: inline-block;
	min-width: 40px;
	text-align: right;
	padding-right: 10px;
}
.task-details__body .progress .link{
	display: inline-block;
	margin-right: 15px;
}


.task-details__footer{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
}
.task-details__footer .user-item{
	float: left;
	margin: 10px 10px 0 10px;
}

/**/
/* .datagrid-view{
	min-height: 200px;
} */
.datagrid-wrap.panel-body.panel-body-noheader{
	border: none !important;
}
.datagrid-header{
	height: 40px !important;
	background: #f9f9f9 !important;
	border-top: 1px solid #ddd !important;
	border-color: #ddd !important;
}
.datagrid-header-row, .datagrid-row{
	height: 40px !important;
}
.datagrid-header td, .datagrid-body td, .datagrid-footer td{
	border: none !important;
	border-bottom: 1px solid #ddd !important;
}

.datagrid-pager{
	padding: 5px;
	border: none;
	border-top: 1px solid #eceff8 !important;
	background: none !important;
}
.pagination table{
	float: right !important;
}
.pagination-info{
	display: none !important;
}

.datagrid-cell {
	text-align: left !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.datagrid-cell a{
	color: #0089f0;
}
.datagrid-row-selected a{
	color: #fff;
}
.datagrid-cell .btn{
	color: #666;
}
.datagrid-row-selected .btn{
	color: #666;
}

.textbox{
	height: 34px !important;
	/* border: none !important; */
	border-radius: 0 !important;
}
.textbox .textbox-text{
	/* color: #0089f0; */
	height: 34px !important;
	line-height: 34px !important;
	border-radius: 0 !important;
	/* background: #eaf6fe; */
	padding-left: 12px !important;
}
.textbox .combo-arrow{
	width: 20px !important;
	height: 34px !important;
	/* background-color: #eaf6fe !important; */
	opacity: 1 !important;
}
.textbox .combo-arrow:hover{
	width: 20px !important;
	height: 34px !important;
	background-color: #eaf6fe !important;
}


/*选择*/
.select-user{
	width: 680px;
}
.select-user .operation-wrap{
	padding: 0;
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	overflow: hidden;
}
.select-user .operation-wrap .title{
	font-size: 14px;
	font-weight: normal;
}
.select-user .operation-wrap .nav li{
	font-size: 12px;
	font-weight: normal;
	float: left;
	cursor: pointer;
	margin-right: 20px;
}
.select-user .operation-wrap .nav li.current{
	color: #0089F0;
}
.select-user .tree{
	border: 1px solid #ccc;
	border-right: none;
	height: 340px;
	padding: 10px;
	overflow: auto;
}

.select-user .table-data{
	border: 1px solid #ddd;
	border-top: none;
	height: 340px;
	overflow: auto;
}

.select-user .table-data td{
	padding-left: 10px;
}
.select-user .table-data td .btn{
	float: right;
	padding: 0 5px;
	margin-right: 10px;
	border-radius: 2px;
}

.select-user .card-item_tree{
	margin: 0;
	width: 100%;
	height: 340px;
	border: 1px solid #e8ecf0;
	border-top: none;
	border-right: none;
}
.select-user .card-item_tree .nav.nav_tleft li{
	font-size: 12px;
	padding: 0 10px;
	border-top: none;
	border-bottom: 1px solid #e8ecf0;
}

.upload_toolbar{ width:570px; height:30px; margin-left: 20px;  margin-top: 15px;}
.upload_toolbar p{ float:left; line-height:30px;}
.upload_toolbar p.tips{ float:right; color:#999;}

.upload_list{  width:570px; height:300px; border:1px solid #ddd; background:#f9f9f9; margin:15px 0 0 20px; overflow:auto;}
.upload_list ul{ margin:-1px 15px 0 15px;}
.upload_list ul li{ border-top:1px solid #ddd; padding:8px 0 0 0; height:72px;}
.upload_list ul li p{ height:22px; line-height:22px; padding-left:24px;}
.upload_list ul li p.name span.icon_tick{ display:inline-block; height:16px; width:16px; vertical-align:middle; margin-left:-24px; margin-right:8px; background: url(../images/icon_tick.png) no-repeat;}
.upload_list ul li p.name span.icon_error{ display:inline-block; height:16px; width:16px; vertical-align:middle; margin-left:-24px; margin-right:8px; background: url(../images/icon_error.png) no-repeat;}
.upload_list ul li p.name span.f_size{ display:inline-block; float:right; margin-right:20px;}
.upload_list ul li p.path, .popup_main .upload_list ul li p.tips { color:#999;}
.upload_list ul li p.tips span{ display:inline-block; margin-right:25px;}
.upload_list ul li p.progress .progress_box{ margin-top:5px; position:relative; display:inline-block; background:#e7f3eb; height:10px; width:410px; border:1px solid #d9ece0;}
.upload_list ul li p.progress .progress_box .progress_bar{ position:absolute; top:-1px; left:-1px; z-index:2; display:inline-block; background:#79d950; height:10px; width:100px; border:1px solid #79d950;}
.upload_list ul li p.progress .progress_text{ display:inline-block; position:relative; top:-1px; margin-left:10px; width:40px; }
.upload_list ul li p.progress a { position:relative; top:-1px; color:#3083eb; }
.upload_list ul li p.progress a:hover { text-decoration:underline; }


/*覆盖样式*/
.window.panel-htop{ padding:0; background: #fff; }
.window.panel-htop .panel-header{ padding:0; border-bottom:none;}
.window.panel-htop .panel-title { font-weight:normal; color:#333; height:40px; line-height:40px; font-size:14px; background:#f6f7fb; padding-left:20px; }
.window.panel-htop .panel-header .panel-tool{ right:10px;}
.window.panel-htop .panel-body{ border:1px solid #fff;}
.window-shadow{ display: none !important;}
.window-proxy-mask, .window-mask { background:#000 !important;}

.window .form-wrap .form-part{
	margin: 20px;
	margin-bottom: 0;
}
.window .form-wrap .btn-area{
	padding: 20px;
	padding-top: 0;
}

.task-chart {
	padding: 10px;
}
.task-chart .card-item{
	margin: 10px;
	border:1px solid #ddd;
}
.task-chart .card-item .card-item__head{
	padding: 0 15px;
}
.task-chart-item{
	height: 220px;
}

.task-count-list{
	display: flex;
	padding: 20px 0;
	/* border: 1px solid #ddd; */
}
.task-count-item{
	color: #666;
	flex: 1;
	text-align: center;
}
.task-count-item p{
	font-size: 14px;
}
.task-count-item h3{
	font-weight: normal;
}
.task-count-item strong{
	font-size: 34px;
	font-weight: 400;
	padding-right: 2px;
}
.task-count-item_danger{
	color: #ff5656;
	border-left: 1px solid #ddd;
}



.no-data{
	padding: 100px 0;
	text-align: center;
	margin: 20px;
	background: rgba(255,255,255,0.5);
}
.card-item .no-data{
	margin: 0;
}
.no-data__icon{
	width: 150px;
	height: 150px;
	margin: 0 auto;
	border-radius: 50%;
	display: flex;
	align-items: center;
	text-align: center;
	background: rgba(255,255,255,0.5);
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
}
a:hover .no-data__icon{
	background: rgba(255,255,255,1);
}
.no-data__icon .fa{
	color: #c5c3c0;
	font-size: 80px;
	margin: 0 auto;
}
.no-data__title{
	color: #333;
	font-size: 20px;
	font-weight: normal;
	padding: 15px 0 10px 0;
}
.no-data__text{
	color: #333;
	font-size: 14px;
}


.keyboard .btn{
	width: 53px;
	margin: 0 5px 10px 0;
}
.keyboard .col-3{
	width: 185px;
}
.keyboard .col-7{
	width: 375px;
}
.keyboard .lg .btn{
	width: 85px;
}


.assess-result .table-data tr td{
	background: none !important;
	border: 1px solid #ddd;
}

.assess-result .user-info{
	margin-top: 10px;
	margin-left: 20px;
}
.assess-result .user-info td{
	padding: 10px;
	width: 200px;
	font-size: 14px;
}

.radio-select_work-shift{
	margin: 0 auto;
}
.radio-select_work-shift .radio-block{
	width: 400px;
	height: auto;
	line-height: initial;
	padding: 40px;
}
.radio-select_work-shift .radio-block .title{
	font-size: 30px;
	font-weight: normal;
	padding-bottom: 10px;
}
.radio-select_work-shift .radio-block .desc{
	font-size: 12px;
	height: 50px;
	opacity: 0.8;
}
.radio-select_work-shift .radio-block .text{
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 10px;
}


.radio-select_work-shift2{
	margin: 0 auto;
}
.radio-select_work-shift2 .radio-block{
	width: 220px;
	height: 180px;
	line-height: initial;
	padding: 20px;
	margin-bottom: 10px;
}
.radio-select_work-shift2 .radio-block .title{
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 10px;
}
.radio-select_work-shift2 .radio-block .desc{
	font-size: 12px;
	height: 50px;
	opacity: 0.8;
}
.radio-select_work-shift2 .radio-block .text{
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 5px;
}
.radio-select_work-shift2 .add{
	cursor: pointer;
	float: left;
	width: 220px;
	height: 180px;
	border: 1px solid #ddd;
	margin-right: 10px;
	text-align: center;
}
.radio-select_work-shift2 .add i{
	color: #999;
	display: block;
	font-style: normal;
	font-size: 90px;
	line-height: 160px;
}

.table-details table{
	width: 100%;
}
.table-details table th{
	padding: 13px;
	background: #f6f7fb;
	border: 1px solid #eceff8;
}
.table-details table td{
	padding: 13px;
	border: 1px solid #eceff8;
}

.table-details .file-list{
	margin: 0;
	padding-left: 10px;
	padding-bottom: 20px;
}
.table-details .file-item{
	margin: 10px 0 0 10px;
}

.table-details .file-item__head{
	width: 140px;
	height: 120px;
	overflow: hidden;
	padding: 0;
}
.table-details .file-item__head img{
	width: 100%;
	height: 100%;
}
.table-details .file-item__body{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 140px;
	height: 120px;
	padding: 0;
	background: rgba(0,0,0,0.5);
}
.table-details .file-item__text{
	float: none;
	padding: 10px;
	margin: 0;
	width: auto;
}
.table-details .file-item__text h3{
	color: #fff;
	height: auto;
	line-height:1;
	padding-bottom: 5px;
}
.table-details .file-item__text p{
	color: #bdbdbd;
}
.table-details .file-item__footer{
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 3;
	display: none;
}
.table-details .file-item__footer .btn{
	color: #666;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	width: 35px;
	background: #fff;
	border-radius: 2px;
}
.table-details .file-item__footer .btn:hover{
	background: #eee;
}
.table-details .file-item__footer .btn .fa{
	margin-top: 0;
}
.table-details .file-item:hover .file-item__body,
.table-details .file-item:hover .file-item__footer{
	display: block;
}




.attendance-index #calendar{
	padding: 0;
}
.attendance-index #calendar .calendar-header{
	background: none;
	height: auto;
}
.attendance-index #calendar .calendar-header .calendar-title{
	height: 60px;
	line-height: 60px;
}
.attendance-index #calendar .calendar-header .calendar-title span{
	font-size: 18px;
}
.attendance-index #calendar .calendar-prevyear,
.attendance-index #calendar .calendar-nextyear{
	display: none;
}
.attendance-index #calendar .calendar-prevmonth{
	left: 50%;
	margin-left: -100px;
}
.attendance-index #calendar .calendar-nextmonth{
	right: 50%;
	margin-right: -100px;
}
.attendance-index #calendar table{
	border-collapse: collapse;
}
.attendance-index #calendar .calendar-body th{
	color: #999;
	padding: 10px 0;
	font-weight: normal;
	background: none;
}
.attendance-index #calendar .calendar-sunday{
	color: #333;
}
.attendance-index #calendar .calendar-day{
	vertical-align: top;
	border: 1px solid #ddd;
	border-radius: 0;
}
.attendance-index #calendar .calendar-day .box{
	height: 82px;
}
.attendance-index #calendar .calendar-day .date{
	color: #333;
	text-align: right;
	padding: 2px 2px 0 0;
}
.attendance-index #calendar .calendar-day .date span{
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 50%;
	text-align: center;
}
.attendance-index #calendar .calendar-day .text{
	color: #999;
	text-align: left;
	padding-left: 10px;
	height: 40px;
}
.attendance-index #calendar .calendar-day .text p{
	padding-top: 3px;
}

.attendance-index #calendar .calendar-today .date span{
	color: #0089F0;
}
.attendance-index #calendar .calendar-selected{
	background: none;
}
.attendance-index #calendar .calendar-selected .date span{
	color: #fff;
	background: #0089F0;
}

.attendance-index .card-item{
	border: 1px solid #ddd;
}
.attendance-index .card-item .card-item__head{
	padding: 0 15px;
}

.attendance-index-list{
	max-height: 670px;
	overflow: auto;
}
.attendance-index-item{
	padding: 15px;
	border-bottom: 1px solid #e8ecf0;
}
.attendance-index-item_title{
	display: flex;
	align-items: center;
}
.attendance-index-item_title .text{
	flex: 1;
	padding-left: 10px;
}
.attendance-index-item_title .date{
	color: #999;
	font-size: 12px;
	font-weight: normal;
}
.attendance-index-item_desc{
	padding-top: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.msg{
	height: 100%;
	display: flex;
	text-align: center;
	align-items: center;
}
.msg-item{
	display: flex;
	align-items: center;
	margin: 0 auto;
	padding: 100px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 30px 2px rgba(0,0,0,0.1);
}
.msg-item_icon {
	margin-right: 10px;
}
.msg-item_icon_warning .fa{
	color: #f38900;
}
.msg-item_icon .fa{
	font-size: 100px;
}
.msg-item_icon .fa-check-circle{
	color: #64b524;
}
.msg-item_icon .fa-exclamation-circle{
	color: #ff5656;
}
.msg-item_desc{
	text-align: left;
}
.msg-item_desc .title{
	font-size: 28px;
	font-weight: normal;
}
.msg-item_desc .text{
	color: #999;
	font-size: 16px;
	margin-top: 10px;
}
.msg-item_desc .text .link{
	display: inline-block;
	margin: 0 10px;
}

.msg_404{
	min-height: 480px;
	background: #fff;
}
.msg_404 .msg-item{
	width: 740px;
	height: 431px;
	padding: 0;
	box-shadow: none;
	background: url(../images/msg_404.png) no-repeat;
}
.msg_404 .msg-item_desc{
	margin-top: 380px;
}
.msg_404 .msg-item_desc .text{
	color: #666;
	font-size: 20px;
}
.msg_404 .msg-item_desc a{
	text-decoration: underline;
}

.msg_500{
	min-height: 480px;
	background: #fff;
}
.msg_500 .msg-item{
	width: 740px;
	height: 431px;
	padding: 0;
	box-shadow: none;
	background: url(../images/msg_500.png) no-repeat;
}
.msg_500 .msg-item_desc{
	margin-top: 380px;
	margin-left: 50px;
}
.msg_500 .msg-item_desc .text{
	color: #666;
	font-size: 20px;
}
.msg_500 .msg-item_desc a{
	text-decoration: underline;
}


.tooltip{
	color: #fff !important;
	padding:7px 12px;
	background-color: #121b2c !important;
}


div.daterangepicker {
	padding: 10px;
	overflow: visible;
	max-height: initial;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
}
div.daterangepicker .calendar {
	border: none;
	padding: 0;
}
div.daterangepicker .calendar table{
	table-layout: auto;
	height: auto;

}
div.daterangepicker td, div.daterangepicker th{
	height: 32px !important;
}
div.daterangepicker .btn{
	border-radius: 4px;
	padding: 0 26px;
}



.combo-p{
	display: none;
	outline: none;
	position: absolute;
	z-index: 2000;
	background: #fff;
	border-radius: 5px;
	width: 282px !important;
	/* height: 240px; */
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.combo-panel{
	width: 282px !important;
	/* height: 240px; */

}
.datebox-calendar-inner{
	width: 262px !important;
	height: 262px !important;
	margin: 10px;
}
.datebox-calendar-inner .calendar{
	border: none;
	width: 260px !important;
	height: 260px !important;
}
.datebox-calendar-inner .calendar-header{
	background: none;
	margin-bottom: 10px;
}
.datebox-calendar-inner .calendar-body th{
	background: none;
}
.datebox-calendar-inner .calendar-day{
	background: none;
	width: 34px;
	height: 34px;
	border-radius: 50%;
}
.datebox-calendar-inner .calendar-saturday{
	color: #CC2222;
}
.datebox-calendar-inner .calendar-selected{
	border: none;
	background: none;
}
.datebox-calendar-inner .calendar-nav.calendar-selected{
	color: #0089f0;
}
.datebox-calendar-inner .calendar-day:hover {
	background: #ddd;
}
.datebox-calendar-inner .calendar-selected {
	color: #fff;
	background: #0089F0 !important;
}
.combo-panel .datebox-button{
	padding: 5px 0;
}



.form-control.form-control_date{
	width: 240px !important;
	background-image: url(../images/icon_date.png);
	background-repeat: no-repeat;
	background-position: 215px center;
}
.datepicker{
	display: none;
	outline: none;
	position: absolute;
	z-index: 2000;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.task-details #datepicker{
	position: fixed;
}
.datepicker-head{
	padding: 10px 0;
	background: #f5f5f5;
}
.datepicker-head .col-6{
	padding-left: 15px;
}
.datepicker-head .col-6 span{
	font-size: 14px;
}
.datepicker-body .col-6{
	padding: 15px;
}
.datepicker-body .col-6:first-child{
	border-right: 1px solid #ddd;
}
.datepicker-body .calendar{
	border: none;
}
.datepicker-body .calendar-header{
	background: none;
	margin-bottom: 10px;
}
.datepicker-body .calendar-body th{
	background: none;
}
.datepicker-body .calendar-day{
	background: none;
}
.datepicker-body .calendar-day span{
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 50%;
}
.datepicker-body .calendar-saturday{
	color: #CC2222;
}
.datepicker-body .calendar-selected{
	border: none;
	background: none;
}
.calendar-nav.calendar-selected{
	color: #0089f0;
}
.datepicker-body .calendar-day:hover span{
	background: #ddd;
}
.datepicker-body .calendar-selected span{
	color: #fff;
	background: #0089F0 !important;
}
.datepicker-footer{
	padding: 8px 10px;
	background: #f5f5f5;
}
.datepicker-footer label{
	display: inline-block;
	vertical-align: middle;
	margin:0 10px 0 15px;
	display: none;
}
.datepicker-footer .dropdown-select{
	width: 60px;
	vertical-align: middle;
	display: none;
}
.datepicker-footer .dropdown-select .btn{
	height: 30px;
	line-height: 28px;
}
.datepicker-footer .dropdown-select .dropdown-menu{
	top:auto;
	bottom: 33px;
}







.select-user2 .card-item{
	margin: 0;
	border: 1px solid #E8ECF0;
}
.select-user2 .card-item__head{
	height: 45px;
	background: #f6f7fb;
}
.select-user2 .card-item__head .nav li{
	height: 45px;
	line-height: 44px;
}


.select-user2 .tree-wrap{
	height: 260px;
	padding: 10px;
	overflow: auto;
}
.select-user2 .user-list-block{
	height: 260px;
	overflow: auto;
	border-left: 1px solid #E8ECF0;
}
.select-user2 .user-list-block li{
	border-bottom: 1px solid #E8ECF0;
	display: flex;
	align-items: center;
	padding: 7px 10px;
}
.select-user2 .user-list-block li .user-name{
	flex: 1;
}
.select-user2 .user-list-block li .user-item{
	margin-right: 10px;
}



.leave-list{
	padding: 20px;
}
.leave-item{
	padding: 15px;
	background: #f6f7fb;
	margin-bottom: 15px;
	position: relative;
	margin-left: 30px;
}
.leave-item:after{
	display: block;
	content: "";
	position: absolute;
	left: -30px;
	top: 0;
	bottom: -15px;
	width: 10px;
	border-left: 1px solid #eceff8;
}
.leave-item:last-child:after{
	display: none;
}
.leave-item .label{
	position: absolute;
	top: 0;
	left: -39px;
	z-index: 3;
	padding: 0;
	width: 18px;
	height: 18px;
	border-radius: 50%;
}
.leave-item__hd {
	float: left;
}
.leave-item__hd .user-item{
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
}
.leave-item__bd{
	padding-top: 3px;
	padding-left: 40px;
}
.leave-item__bd .name{
	display: inline-block;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
}
.leave-item__bd .date{
	color: #999;
	display: inline-block;
	height: 24px;
	line-height: 24px;
}
.leave-item__bd .link{
	color: #999;
	display: none;
	height: 24px;
	line-height: 24px;
	margin-left: 5px;
}
.leave-item__bd .text{
	line-height: 20px;
	margin-top: 15px;
}


#calendar_vacation{
	padding: 0;
}
#calendar_vacation .calendar-header{
	background: none;
	height: auto;
}
#calendar_vacation .calendar-header .calendar-title{
	height: 30px;
	line-height: 30px;
}
#calendar_vacation .calendar-header .calendar-title span{
	font-size: 18px;
}
#calendar_vacation .calendar-prevyear,
#calendar_vacation .calendar-nextyear{
	display: none;
}
#calendar_vacation .calendar-prevmonth{
	left: 50%;
	margin-left: -100px;
}
#calendar_vacation .calendar-nextmonth{
	right: 50%;
	margin-right: -100px;
}
#calendar_vacation table{
	border-collapse: collapse;
	width: 99%;
	height: 99%;
}
#calendar_vacation .calendar-body th{
	color: #999;
	padding: 10px 0;
	font-weight: normal;
	background: none;
}
#calendar_vacation .calendar-sunday{
	color: #333;
}
#calendar_vacation .calendar-day{
	vertical-align: top;
	border: 1px solid #ddd;
	border-radius: 0;
}
#calendar_vacation .calendar-day .box{
	height: 62px;
}
#calendar_vacation .calendar-day .box .label{
	max-width: 120px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: normal;
}
#calendar_vacation .calendar-day .date{
	color: #333;
	text-align: right;
	padding: 2px 2px 0 0;
}
#calendar_vacation .calendar-day .date span{
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 50%;
	text-align: center;
}

#calendar_vacation .calendar-today .date span{
	color: #0089F0;
}
#calendar_vacation .calendar-selected{
	background: none;
}
#calendar_vacation .calendar-selected .date span{
	color: #fff;
	background: #0089F0;
}


.paging{ height:32px; }
.paging .bg{ height:32px; background:#fafafa;}
.paging table { float: right; height: 32px; }
.paging table .pagination-page-list { margin: 0px 6px; padding: 1px 2px; width: auto; height: auto; border-width: 1px; border-style: solid;}
.paging table .pagination-btn-separator {float: left; height: 24px; border-left: 1px solid #ccc; border-right: 1px solid #fff; margin: 3px 1px;}
.paging table a.l-btn { background-position: right 0; font-size: 12px; text-decoration: none; display: inline-block; zoom: 1; height: 24px; padding: 1px 5px 1px 1px; outline: none; border:1px solid #fafafa;}
.paging table a.l-btn-disabled {color: #ccc; opacity: 0.5; filter: alpha(opacity=50); cursor: default;}
.paging table a.l-btn-disabled,
.paging table a:hover.l-btn-disabled {filter: alpha(opacity=50);}
.paging table a:hover.l-btn { background: #e2e2e2; color: #000000; border: 1px solid #ccc; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;padding-right:5px;}
.paging table a.l-btn span.l-btn-left {display: inline-block;background-position: 0 -48px;padding: 4px 0px 4px 5px;line-height: 16px;height: 16px;}
.paging table a.l-btn span span.l-btn-text {display: inline-block;vertical-align: baseline;width: auto;height: 16px;line-height: 16px;padding: 0;margin: 0;}
.paging table a.l-btn span span span.l-btn-empty {display: inline-block;margin: 0;padding: 0;width: 16px;}
.paging table .pagination-first {background: url(../images/pagination_icons.png) no-repeat 0 0;}
.paging table .pagination-prev {background: url(../images/pagination_icons.png) no-repeat -16px 0;}
.paging table .pagination-next {background: url(../images/pagination_icons.png) no-repeat -32px 0;}
.paging table .pagination-last { background: url(../images/pagination_icons.png) no-repeat -48px 0; }
.paging table .pagination-load { background: url(../images/pagination_icons.png) no-repeat -64px 0;}
.paging table .pagination-num { border-width: 1px; border-style: solid; margin: 0 2px; padding: 2px; width: 2em; height: auto; border-color:#d3d3d3;}
.paging .pagination-info { float: right; margin: 0 6px 0 0; padding: 0; height: 30px; line-height: 30px; font-size: 12px;}



.dialog{ position:absolute; z-index: 999; background:#fff; border:1px solid #ccc; display:none;}
.dialog .dialog_title{ padding:0 10px; height:31px; border-bottom:1px solid #ddd; background:#f5f5f5; }
.dialog .dialog_title h3{ height:31px; line-height:31px; color:#ff503f; float:left; }
.dialog .dialog_title a.ok,
.dialog .dialog_title a.close{ float:right; margin:6px 0 0 5px; padding:1px;}
.dialog .dialog_title a.ok:hover,
.dialog .dialog_title a.close:hover{ background:#ddd;}
.dialog .dialog_title a.close .icon{ display: inline-block; width: 16px; height: 16px; background:url(../images/dialog_close.gif) no-repeat center center;}
.dialog .dialog_title a.ok .icon{ background:url(../images/dialog_ok.gif) no-repeat center center;}
.dialog .dialog_body { padding:10px; }
.dialog .dialog_body ul.tab_nav { padding:0; float:none; height:35px; border-bottom:1px solid #ddd; margin:-10px 0 0 0; background:#fff;}
.dialog .dialog_body ul.tab_nav li{ float:left; cursor:pointer; width:auto; font-size:14px; height:35px; line-height:35px; padding:0 20px;}
.dialog .dialog_body ul.tab_nav li.selected{ color:#ff503f; border-bottom:3px solid #ff503f; height:33px;}
.dialog .dialog_body div.tab_con { padding:0; width:auto; margin:0; float:none;}
.dialog .dialog_body div.tab_con .tab_item{ display:none;}

div.city_box{ width:395px;}
div.city_box .city_list{ padding:10px;}
div.city_box .city_list a{ display:inline-block; height:22px; line-height:22px; padding:0 5px 0 15px;}
div.city_box .city_list a:hover{ color:#fff; background:#ff7568;}
div.city_box .city_list a.selected{ color:#fff; background:#ff503f;}

div.city_box dl.city_list{ border-bottom:1px dashed #ddd;}
div.city_box dl.city_list:hover{ background:#f9f9f9;}
div.city_box dl.city_list dt{ height:44px; width:40px; padding-left:5px; color:#ff503f; font-weight:bold; float:left; line-height:22px; }

.datagrid-empty {
	color: #999;
	height: 40px !important;
	line-height: 40px !important;
	border-bottom: 1px solid #ddd;
}

.datagrid .datagrid-pager{
	border: none !important;
}

.tangram-suggestion-main{
	z-index: 999999;
}

.select-user3{
	position: relative;
}
.select-user3 .form-part .card-header_nav{
	margin: 0 20px;
	border: 1px solid #ddd;
	display: block !important;
	padding: 0 !important;
	border-bottom: none;
}
.select-user3 .form-part .card-header_nav .nav li{
	text-align: center;
	width: 50%;
	height: 45px;
	line-height: 45px;
	padding: 0;
}
.select-user3 .transfer-arrow{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -8px;
}
.select-user3 .transfer-arrow .fa{
	color: #999;
	font-size: 16px;
}
.window .select-user3 .form-part{
	margin: 20px 0 0 0;
}

.select-user3 .form-part .card-item{
	margin: 0 20px;
	border: 1px solid #ddd;
}
.select-user3 .form-part .card-item__head{
	display: flex;
	align-items: center;
	height: 45px;
	padding: 0 15px;
	background: #f9f9f9;
}
.select-user3 .form-part .card-item__head .btn{
	margin: 0;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0 5px 5px 0;
	margin-left: -1px;
}
.select-user3 .form-part .card-item__head .form-control{
	border-radius: 5px 0 0 5px;
}
.select-user3 .form-part .card-item__head .title{
	flex: 1;
	height: 45px;
	line-height: 44px;
	font-size: 14px;
}
.select-user3 .form-part .card-item__head .text-default{
	cursor: pointer;
}


.select-user3 .tree-wrap{
	height: 320px;
	padding: 10px;
	overflow: auto;
}
.select-user3 .user-list{
	height: 320px;
	display: block;
	overflow: auto;
	margin: 0;
	padding: 5px 0;
}
.select-user3 .user-list li{
	display: flex;
	align-items: center;
	padding: 5px 15px;
}
.select-user3 .user-list li:hover{
	background: #ddd;
}
.select-user3 .user-list li .user-item{
	margin: 0;
	display: flex;
	flex: 1;
	align-items: center;
	vertical-align: middle;
}
.select-user3 .user-list li .user-item .avatar{
	width: 25px;
	height: 25px;
}
.select-user3 .user-list li .user-item .name{
	display: inline-block;
	margin-left: 10px;
	max-width: none;
}
.select-user3 .user-list li .btn{
	display: none;
}
.select-user3 .user-list li:hover .btn{
	display: inline-block;
}

.select-user3 .tree-folder{
	display: none;
}
.select-user3 .tree-file{
	display: none;
}
.select-user3 .tree-node{
	height: 30px;
	line-height: 28px;
}
.select-user3 .tree-hit{
	margin-top: 5px;
}
.select-user3 .tree-title{
	height: 30px;
	line-height: 28px;
}
.select-user3 .tree-title .avatar{
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	border-radius: 50%;
	overflow: hidden;
}
.select-user3 .tree-title .avatar img{
	width: 100%;
	height: 100%;
}
.select-user3 .tree-title .name{
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}
.select-user3 .tree-node{
	position: relative;
}
.select-user3 .tree-node .fa-plus{
	position: absolute;
	top: 9px;
	right: 5px;
	color: #666;
	display: none;
}
.select-user3 .tree-node:hover .fa-plus{
	display: block;
}

.zone-details{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	background: #fff;
	border-bottom: 1px solid #ddd;
}
.zone-details .form-part{
	margin: 20px;
	padding: 0;
}
.zone-details .form-part .text-con{
	padding: 0;
	float: left;
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}
.zone-details_title{
	font-size: 18px;
	font-weight: normal;
}
.zone-details_desc{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.chat-task-list{
	height: 350px;
	overflow: auto;
}
.chat-task-list p {
	margin-top: 10px;
}
.chat-task-list label,
.chat-task-list span {
	vertical-align: middle;
}
.scroller .chat-list{
	padding: 10px 15px;
	/* margin-top: 160px; */
	position: absolute;
	top: 156px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}
.chat-item{
	margin-bottom: 20px;
}
.chat-item__hd{
	float: left;
}
.chat-item__bd{
	padding-left: 45px;
}
.chat-item__bd .top{
	padding-top: 3px;
}
.chat-item__bd .text{
	max-width: 40%;
	min-width: 100px;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.chat-item_time{
	text-align: center;
}
.chat-item_time span{
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	color: #fff;
	background: #ccc;
	border-radius: 10px;
}

.chat-item_right{
	text-align: right;
}
.chat-item_right .chat-item__hd{
	float: right;
}
.chat-item_right .chat-item__bd{
	padding-left: 0;
	padding-right: 10px;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}
.chat-item_right .chat-item__bd .top{
	overflow: hidden;
	zoom: 1;
	padding-top: 5px;
}
.chat-item_right .chat-item__bd .userInfo{
	float: right;
	padding:4px 0 0 4px;
}
.chat-item_right .chat-item__bd .btn{
	float: right;
}
.chat-item_right .chat-item__bd .text{
	float: right;
	color: #fff;
	background: #0089F0;
	border: none;
}
/* .panel.window{
	position: fixed;
} */
/* 
#categoryList .tree-file{
	background-position: -224px 0;
} */
#categoryList .tree-node{
	position: relative;
}
#categoryList .tree-node:hover .btn-group{
	display: block;
}
#categoryList .btn-group{
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	z-index: 99999;
}
#categoryList .btn-group .btn{
	margin: 0;
	height: 16px;
	line-height: 16px;
	padding: 0;
	color: #666;
	padding: 0 2px;
}

.summary-file-list{
	padding-top: 5px;
}
.summary-file-list li{
	padding: 5px 0;
}
.summary-file-list li .fa-times{
	cursor: pointer;
	color: #666;
}

.news-file-list{
	width: 400px;
}
.news-file-list li{
	display: flex;
	margin: 5px 0;
	padding: 10px;
	align-items: center;
	border:1px solid #ddd;
}
.news-file-list .list-icon{
	padding-right: 10px;
}
.news-file-list .list-icon .icon{
	display: inline-block;
	width: 50px;
	height: 50px;
	background: #0089f0;
	text-align: center;
	display: flex;
	align-items: center;
	border-radius: 4px;
}
.news-file-list .list-icon .icon .fa{
	color: #fff;
	font-size: 30px;
	margin: 0 auto;
}
.news-file-list .list-text{
	flex: 1;
	overflow: hidden;
}
.news-file-list .list-text h3{
	font-size: 18px;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-file-list .list-text p{
	color: #999;
}
.news-file-list .list-btn .fa{
	color: #999;
	font-size: 20px;
	cursor: pointer;
}
.news-file-list .list-btn .fa:hover{
	color: #333;
}


.batch-item1 .fa-file-excel-o{
	color: #666;
	font-size: 120px;
	margin-left: -25px;
}
.batch-item1 .text-title{
	padding: 5px 0;
}

.batch-item3{
	text-align: center;
}
.batch-item3 .fa-check-circle{
	color: #64b524;
	font-size: 100px;
}
.batch-item3 .text-default{
	color: #333;
	font-size: 18px;
}



.batch-item1{
	text-align: center;
}
.batch-item1{
}


.card-item .easy_upload-container{
	width: auto;
	width: 720px;
	margin-top: 10px;
}
.card-item .easy_upload-container .easy_upload-head .easy_upload_note{
	padding-left: 10px;
}
.card-item .easy_upload_queue{
	height: 400px;
	overflow: auto;
	margin: 0 -10px -10px 0;
}
.card-item .easy_upload-container .easy_upload_queue .easy_upload_queue_item{
	margin: 5px 0;
}
.card-item .easy_upload-container .easy_upload_queue .easy_upload_queue_item .easy_upload_preview{
	overflow: hidden;
}

.dropify-wrapper{
	border-width: 1px !important;
}

.activity-bg-list{
	overflow: hidden;
	zoom: 1;
	width: 440px;
}
.activity-bg-list li{
	float: left;
	width: 80px;
	height: 80px;
	margin: 10px 10px 0 0;
	border: 1px solid #ddd;
}
.activity-bg-list li{
	float: left;
	width: 70px;
	height: 70px;
	margin: 10px 10px 0 0;
	border: 1px solid #ddd;
}
.activity-bg-list li.current{
	border: 2px solid #0089f0;
}
.activity-bg-list li img{
	width: 100%;
	height: 100%;
}




.jFiler{
	height: 450px;
	margin-top: 10px;
}
.jFiler-items{
	overflow: auto;
	height: 400px;
	margin-top: 10px;
}

span.jFiler-icon-file.f-file-ext-xls{
	-webkit-box-shadow: #591605 42px -55px 0px 0px inset !important;
	-moz-box-shadow: #591605 42px -55px 0px 0px inset !important;
	box-shadow: #591605 42px -55px 0px 0px inset !important;
}



.persons-detail{
	height: 460px;
	padding-bottom: 15px;
	overflow: auto;
	padding-right: 15px;
}
.persons-detail .title{
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 5px;
}
.persons-detail .content{
	color: #999;
	overflow: hidden;
	zoom: 1;
	padding-top: 5px;
}
.persons-detail .subject-list dt{
	font-size: 16px;
	line-height: 35px;
}
.persons-detail .subject-list dd label{
	display: block;
	border: 1px solid #ddd;
	margin-bottom: -1px;
	padding: 12px 10px;
}
.persons-detail .subject-list dd label .icon,
.persons-detail .subject-list dd label .text{
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
.persons-detail .subject-list dd label .fa{
	font-size: 16px;
}
.birthday-ruleset-pic-list{
	padding-top: 20px;
	height: 460px;
	overflow: auto;
}
.birthday-ruleset-pic-list li{
	text-align: center;
	padding-bottom: 20px;
}
.birthday-ruleset-pic-list li img{
	width: 90%;
}
.birthday-ruleset-pic-list li h3{
	font-weight: normal
}

.birthday-mobile-pic-list{
	padding: 15px 20px;
	height: 520px;
	overflow: auto;
	border: 1px solid #ddd;
}
.birthday-mobile-pic-list li{
	text-align: center;
	padding: 10px;
}
.birthday-mobile-pic-list li p{
	padding: 2px;
	border: 2px solid #fff;
}
.birthday-mobile-pic-list li.current p{
	border: 2px solid #0089f0;
}
.birthday-mobile-pic-list li img{
	width: 100%;
	vertical-align: middle;
}
.birthday-mobile-pic-list li h3{
	font-weight: normal;
	padding-top: 5px;
}
.birthday-mobile-pic-list li.current h3{
	color: #0089f0;
}

.birthday-mobile{
	position: relative;
	overflow: hidden;
	height: 520px;
	background: url(../images/m_care_iphone.png) no-repeat;
	background-size: auto 520px;
}

.birthday-mobile img{
	height: 348px;
	margin: 105px 0 0 19px;
}
.birthday-mobile .bless-text{
	width: 160px;
	position: absolute;
	top: 290px;
	left: 50px;
	overflow: auto;
}
.birthday-mobile .bless-text.text11{
	top: 290px;
	left: 50px;
	height: 70px;
}
.birthday-mobile .bless-text.text12{
	color: #fff;
	top: 230px;
	left: 50px;
	height: 80px;
}
.birthday-mobile .bless-text.text13{
	color: #fff;
	top: 340px;
	left: 50px;
	height: 60px;
}
.birthday-mobile .bless-text.text14{
	top: 315px;
	left: 50px;
	height: 75px;
}
.birthday-mobile .bless-text.text10{
	top: 350px;
	left: 50px;
	height: 60px;
}

.birthday-mobile .bless-text.text21{
	color: #fff;
	top: 190px;
	left: 50px;
	height: 65px;
}
.birthday-mobile .bless-text.text22{
	top: 290px;
	left: 50px;
	height: 95px;
}
.birthday-mobile .bless-text.text23{
	color: #fff;
	top: 230px;
	left: 65px;
	width: 110px;
	height: 100px;
}
.birthday-mobile .bless-text.text24{
	top: 330px;
	left: 50px;
	height: 60px;
}

.birthday-mobile .bless-text.text20{
	top: 350px;
	left: 50px;
	height: 60px;
}

.birthday-mobile .push{
	overflow: hidden;
	height: 348px;
	width: 216px;
	margin: 105px 0 0 19px;
	background: #eee;
}
.birthday-mobile .push-body{
	background: #fff;
	border-radius: 5px;
	width: 190px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 15px;
	padding: 10px;
}
.birthday-mobile .push-body img{
	width: 170px;
	height: auto;
	margin: 0;
}
.birthday-mobile .push-body p{
	padding-bottom: 5px;
}


.care-template-list{
	padding: 20px 0;
}
.care-template-list li{
	float: left;
	margin: 20px;
	width: 220px;
	text-align: center;
}
.care-template-list li .pic-box{
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
}
.care-template-list li .pic-box .pic img{
	width: 200px;
	height: 320px;
	vertical-align: middle;
}
.care-template-list li .pic-box .text{
	padding-top: 10px;
	height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.care-template-list li .pic-box .qrcode{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 200px;
	height: 320px;
	background: rgba(0,0,0,0.7);
	display: none;
}
.care-template-list li .pic-box .qrcode span{
	color: #fff;
	display: block;
	padding-bottom: 15px;
	padding-top: 70px;
}
.care-template-list li .pic-box .qrcode img{
	width: 150px;
}
.care-template-list li .pic-box .qrcode .qr_code{
	background:#fff;
	width:150px;
	height:150px;
	margin:0 auto;
}
.care-template-list li .pic-box .qrcode canvas{
	width: 130px;
	height: 130px;
	margin: 10px 0 0 0;
}
.care-template-list li .title{
	padding: 10px 0;
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.care-template-list li .pic-box:hover .qrcode{
	display: block;
}

.festival-template{
	margin-right: -40px;
	padding-bottom: 40px;
}
.festival-template li{
	float: left;
	margin: 40px 40px 0px 0;
	position: relative;
}
.festival-template li .pic-box{
	display: block;
	width: 150px;
	height: 90px;
	overflow: hidden;
	position: relative;
}
.festival-template li .pic-box img{
	height: 90px;
}
.festival-template li .pic-box h3{
	color: #fff;
	line-height: 2;
	font-weight: normal;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	background: rgba(0,0,0,0.5);
}

.festival-template li .btn-box{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	text-align: center;
	background: rgba(0,0,0,0.5);
}
.festival-template li .btn-box .btn{
	margin-top: 22px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	border-radius: 50%;
}
.festival-template li:hover .btn-box{
	display: block;
}


.srceen-bg{
	background:#f9f9f9 url(../images/m_care_cover.png) no-repeat center center;
}


.tree-node-selected .tree-title{
	color: #fff;
	background: #0092DC;
}

.product-file-list .file-item{
	margin: 10px 0 0 10px;
}

.product-file-list .file-item__head{
	width: 140px;
	height: 120px;
	overflow: hidden;
	padding: 0;
}
.product-file-list .file-item__head img{
	width: 100%;
	height: 100%;
}
.product-file-list .file-item__body{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 140px;
	height: 120px;
	padding: 0;
	background: rgba(0,0,0,0.5);
}
.product-file-list .file-item__text{
	float: none;
	padding: 10px;
	margin: 0;
	width: auto;
}
.product-file-list .file-item__text h3{
	color: #fff;
	height: auto;
	line-height:1;
	padding-bottom: 5px;
}
.product-file-list .file-item__text p{
	color: #bdbdbd;
}
.product-file-list .file-item__footer{
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 3;
	display: none;
}
.product-file-list .file-item__footer .btn{
	color: #666;
	/* height: 30px; */
	/* line-height: 30px; */
	/* padding: 0; */
	text-align: center;
	/* width: 35px; */
	background: #fff;
	border-radius: 2px;
}
.product-file-list .file-item__footer .btn:hover{
	background: #eee;
}
.product-file-list .file-item__footer .btn .fa{
	margin-top: 0;
}
.product-file-list .file-item:hover .file-item__body,
.product-file-list .file-item:hover .file-item__footer{
	display: block;
}


.follow-list{
	margin: 20px;
	position: relative;
}
.follow-list::after{
	position: absolute;
	top: 0;
	left: 16px;
	content: "";
	bottom: 0;
	width: 2px;
	z-index: 1;
	background: #0089f0;
}
.follow-item{
	padding-bottom: 10px;
	position: relative;
	z-index: 3;
}
.follow-item_hd{
	display: flex;
	align-items: center;
}
.follow-item_hd .user-item .avatar{
	display: inline-block;
	vertical-align: middle;
}
.follow-item_hd .user-item .name{
	display: inline-block;
	vertical-align: middle;
}
.follow-item_hd .date{
	font-size: 16px;
	line-height: 1;
	padding: 0 5px;
}
.follow-item_hd .time{
	color: #666;
}
.follow-item_bd{
	overflow: hidden;
	margin: 0 0 0 40px;
	background: #f9f9f9;
}
.follow-item_bd_hd{
	display: flex;
	align-items: center;
	height: 40px;
	padding: 5px 15px;
	border-bottom: 1px solid #eee;
}
.follow-item_bd_hd .pull-left{
	flex: 1;
}
.follow-item_bd_hd .pull-right{
	display: none;
}
.follow-item_bd_bd{
	font-size: 16px;
	padding: 10px 15px;
}
.follow-item_bd:hover .pull-right{
	display: block;
}
.follow-item_bd_ft{
	display: none;
	padding: 15px;
	background: #fff;
	margin: 0 15px 15px 15px;
	border: 1px solid #0089f0;
}
.follow-item_bd_ft textarea{
	width: 100%;
	margin-top: 8px;
	padding: 4px;
	border: none;
	resize: none;
	margin-bottom: 10px;
	border: 1px solid #0089f0;
	box-shadow: 0px 0px 2px #0089f0;
}
.follow-item_bd_ft .follow-common-list{
	margin-top: 8px;
	padding: 8px 0;
	border-bottom: 1px solid rgb(218, 218, 218);
	width: 100%;
}
.follow-item_bd_ft .follow-common-list div{
	display: flex;

}
.follow-item_bd_ft .follow-common-list div p:nth-child(1){
	flex: 1;

}
.follow-item_bd_ft .follow-common-list div p:nth-child(2) span{
	height: 25px;
	line-height: 20px;
	display: inline-block;
	border: 1px solid #e6e6e6;
	padding-top: 1px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 10px;
	border-radius: 5px;
	background-color: #ffffdd;
	color: #178eb9;

}
.follow-item_bd_ft .follow-common-list div p:nth-child(2) span:hover{
	color: red;
	cursor:pointer;
}
.follow-item_bd_ft p{
	margin-bottom: 5px;
}
.follow-item_bd_ft p .bold{
	font-weight: bold;
}
.follow-item_bd_ft p .time{
	color: red;
}
.customers-details{
	position: fixed;
	top: 0;
	right: -950px;
	bottom: 0;
	width: 950px;
	background: #fff;
	z-index: 3;
	transition: 0.3s ease 0s;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
}
.customers-details_hd{
	display: flex;
	height: 100px;
	background: #f9f9f9;
}
.customers-details_hd .company-img{
	padding: 30px 20px;
}
.customers-details_hd .company-img .fa{
	color: #999;
	font-size: 30px;
}
.customers-details_hd .company-info{
	flex: 1;
	padding-top: 10px;
}
.customers-details_hd .company-info_hd{
	padding-bottom: 15px;
}
.customers-details_hd .company-info_hd .title{
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	margin-right: 10px;
}
.customers-details_hd .company-info_bd span{
	display: inline-block;
	vertical-align: middle;
}
.customers-details_hd .company-info_bd .user-item .avatar{
	width: 24px;
	height: 24px;
}
.customers-details_hd .company-btn{
	padding: 10px 15px;
}
.customers-details_hd .company-btn .btn{
	padding: 0 12px;
}
.customers-details_hd .company-btn .dropdown{
	margin-left: 5px;
}



.customers-details_bd .card-item{
	margin: 0;
}
.customers-details_bd > .card-item .card-item__head{
	height: 50px;
}
.customers-details_bd > .card-item .card-item__head .nav li{
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
}
.customers-details_bd > .card-item > .card-item__body{
	position: absolute;
	left: 0;
	right: 0;
	top: 150px;
	bottom: 0;
}
.customers-details_bd .card-item__body .operation-wrap{
	padding: 10px 15px;
}
.customers-details_bd .card-item__body .nav-item{
	position: relative;
	height: 100%;
}
.customers-details_bd .card-item__body .scroller{
	top: 55px;
}

.customers-details_bd .form-group .user-item span{
	display: inline-block;
	vertical-align: middle;
}
.customers-details_bd .form-group .user-item .avatar{
	width: 24px;
	height: 24px;
}
/* 新建客户(公司) customers-all_add */
.customers-all_add .form-title{
	position: relative;
}
.customers-all_add .form-title .text-primary{
	position: absolute;
	right: 0px;
}
.customers-all_add .south{
	display: flex;
	color: red
}
.customers-all_add .south>div{
	width: 50%
}
#address .title{
	background: #f5f5f5;
	width: 100%;
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0 12px
}
#address .title span{
	color: #178eb9
}
#address .title h2{
	position: absolute;
	height: 30px;
	line-height: 30px;
	right: 12px;
	top: 0px;
	font-size: 14px;
	color: #999;
	font-weight: inherit;
}
#address .title h2:hover{
	color: red;
	cursor:pointer;
}
#address2 .col-2{
	padding: 7px 0;

}
#address2 .crude{
	height: 30;
	line-height: 30px;
}
#address2 .crude input{
	vertical-align: middle;
}
#address2 .optColor li:nth-child(1){
	color: #ccffcc;
	background-color: #ccffcc
}
#address2 .optColor li:nth-child(2){
	color: #8ec09a; background-color: #8ec09a
}
#address2 .optColor li:nth-child(3){
	color: #cebc86; background-color: #cebc86
}
#address2 .optColor li:nth-child(4){
	color: #39c63d; background-color: #39c63d
}
#address2 .optColor li:hover{
	background: #0074cc;
	color: #ffffff;
}
/* 新建客户(个人) customers-all_add1 */
.customers-all_add1 .form-title{
	position: relative;
}
.customers-all_add1 .form-title .text-primary{
	position: absolute;
	right: 0px;
}
.all_addTab{
	display: flex;
	height: 32px;
	line-height: 32px;
	padding-left: 13px;
	border-bottom: 1px solid #e2e6ec;
}
.all_addTab li{
	margin-right: 12px;
	padding: 0 8px;
	display: inline-block;
	padding: 8px 10px;
	color: #666;
	height: 32px;
	line-height: 12px;
	cursor: pointer;
}
.all_addTab .active{
	color: #1296db;
	border-left: 1px solid #e2e6ec;
	border-right: 1px solid #e2e6ec;
	border-top: 2px solid #1E9FFF;
	border-bottom: 0px;
	background: #fff;
	border-radius: 6px 6px 0px 0px;
	z-index: 100;

}
/* 跟进弹窗 */
.follow .form-control{
	width: 98%;
	margin: 12px auto 0px;
}
.follow .screen{
	width: 100%;
	padding:0 8px
}
.follow .screen li{
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #DADEE5;
	margin-top: 10px;
	cursor: pointer;
	background-color: #F6F6F6;
	overflow: hidden;
}
.follow .screen-li{
	width: 100%;
	padding:8px
}
.follow .screen-li span i{
	cursor: pointer;
}
.follow .screen-li span{
	height: 25px;
	display: inline-block;
	color: red;
	padding: 3px;
	margin-left: 10px;
	border: 1px solid #DADEE5;
	background-color: #F6F6F6;
	overflow: hidden;
}
.follow .screen-li span:nth-child(1){
	border: 0px;
	margin-left: 0px;
	color: #999999;
	background-color: #FFFFFF;
}
.shareWin li{
	display: flex;
	align-items: center;
	padding-left: 20px;
	border-bottom: 1px solid #eaeaea;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
}
.shareWin li label{
	margin-right: 8px
}
.shareWin  span{
	color: #999;
	margin-left: 12px;
}

.shareWin .tPic{
	font-size: 14px;
	display: flex;
	margin-left: 20px;
	padding-top: 12px;
}
.shareWin .user-list .user-item{
	width: auto;
}
.shareWin .t-c{
	text-align: center;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	border-bottom: 1px solid #eaeaea;
}

/* 选成员 */
.optMember .form-control{
	width: 98%;
	margin: 12px auto 0px;
}
.optMember .screen{
	width: 100%;
	padding:8px
}
.optMember .addNum{
	position: absolute;
	top: 6px;
	right: 12px;
	z-index: 100;
}
.optMember .screen li{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #eaeaea;
	height: 40px;
	line-height: 40px;
}
.optMember .screen li div{
	display: flex;
	align-items: center;
	flex: 1;
}
.optMember .screen li div img{
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 12px;
}
.optMember .pull-left{
	display: flex;
	align-items: center;
}
.optMember .form-control{
	margin: 0px !important;
}
.optMember .pull-left .btn{
	margin: 5px;
	width: 76px;
}
.optMember tbody td{
	display: flex;
	align-items: center;
	height: 50px;
}
.optMember tbody td p{
	flex: 1;
}
.optMember tbody img:nth-child(1){
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 12px;
}
.optMember tbody img:nth-child(3){
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-right: 12px;
}
.deliver .tPic .txt{
	width: 350px;
	padding: 15px;
	background: #fff;
	margin: 0 15px 15px 15px;
	border: 1px solid #0089f0;
	box-shadow: 0px 0px 5px #0089f0;
}
.deliver .tPic .txt textarea{
	width: 100%;
	border: none;
	resize: none;
}
.winUpImg div img{
	width: 55px;
	height: 45px;
}
.winUpImg .buttom .l-btn-icon,.winUpImg .buttom .l-btn-left{
	margin-left: 0px !important;

}
.winUpImg .buttom{
	position: relative;
	height: 40px;
}
.winUpImg .buttom>span:nth-child(1){
	position: absolute;
}
.winUpImg input{
	position: absolute;
	background-color: transparent;
	z-index: 100;
	filter: alpha(opacity=0);
	/*IE滤镜，透明度50%*/
	-moz-opacity: 0;
	/*Firefox私有，透明度50%*/
	opacity: 0;
	cursor: pointer;
}
.winUpImg{
	flex: 1;
}
.winUpImg .imgList {
	border-bottom: 1px solid #eaeaea;
	display: flex;
}
.winUpImg .imgList li{
	border: none;
	position: relative;
}
.winUpImg .imgList li .del{
	cursor: pointer;
	position: absolute;
	top: -10px;
	right: -10px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	color: #fff;
	font-size: 16px;
	background: #ff2d41;
	line-height: 12px;
	text-align: center;
	font-weight: bold;
}

.winUpFile .buttom .l-btn-icon,.winUpImg .buttom .l-btn-left{
	margin-left: 0px !important;

}
.winUpFile .buttom{
	position: relative;
	height: 40px;
}
.winUpFile .buttom>span:nth-child(1){
	position: absolute;
}
.winUpFile input{
	position: absolute;
	background-color: transparent;
	z-index: 100;
	filter: alpha(opacity=0);
	/*IE滤镜，透明度50%*/
	-moz-opacity: 0;
	/*Firefox私有，透明度50%*/
	opacity: 0;
	cursor: pointer;
}
.winUpFile{
	flex: 1;
}
.winUpFile .fileList li{
	height: 24px;
	line-height: 24px;
	padding: 0px;
	border-bottom: none;
}
.winUpFile .fileList li .del{
	color: #999;
	font-size: 14px;
	cursor: pointer;
}
.addTel .tel{
	display: flex;
	align-items: center;
}
.addTel .tel{
	margin-bottom: 8px;
}
.addTel .tel .easyui-linkbutton{
	width: 60px;
	margin-left: 4px;

}

div.select_city { position:relative; z-index:2; display: inline-block; }
div.select_city input.text { width:205px;height: 30px;}
div.select_city label{ padding:4px; background:#fff; position:absolute; top:1px; right:1px; cursor:pointer; }
div.select_city label .icon{ opacity:0.6; filter:alpha(opacity=60); background:url(../images/dialog_close.gif) no-repeat center center;}
div.select_city label:hover .icon{ opacity:1; filter:alpha(opacity=100); }

div.city_box{ width:395px;}
div.city_box .city_list{ padding:10px;}
div.city_box .city_list a{ display:inline-block; height:22px; line-height:22px; padding:0 5px 0 15px;}
div.city_box .city_list a:hover{ color:#fff; background:#ff7568;}
div.city_box .city_list a.selected{ color:#fff; background:#ff503f;}

div.city_box dl.city_list{ border-bottom:1px dashed #ddd;}
div.city_box dl.city_list:hover{ background:#f9f9f9;}
div.city_box dl.city_list dt{ height:44px; width:40px; padding-left:5px; color:#ff503f; font-weight:bold; float:left; line-height:22px; }

/* 修改头部 */
#header{
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #fff;
	height: 65px;
	background: #394863;;
	box-shadow: 0px 1px 0px 0px rgba(239,239,239,1);
	line-height: 65px;

}
#header .logo-area .logo-text{
	line-height: 65px;
	font-size: 14px;
    font-weight: 400;
    color: rgba(255,255,255,1);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: auto;
	vertical-align: middle;
}
#header .sidebar-toggle{
	color: rgba(48,49,51,1);
}
#header .dropdown.company{
	height: 61px;
	border-left: none;
	float: right;
}
#header .dropdown.company .btn{
	height: 40px;
	line-height: 30px;
	margin-top: 13px;
	padding-left: 20px;
	border-radius: 0;
}
#header .logo-area{
	border-right:none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
#header .sidebar-toggle{
	height: 61px;
	line-height: 61px;
}

#header .dropdown.company .btn .fa-chevron-down{
	margin-top: 24px;
	color:rgb(183,185,189)
}
.header-nav > li{
	border-right: none;
}
.header-nav li a{
	padding: 0 25px;
	line-height: 65px;
}
.sidebar-toggle i{
	color:rgb(183,185,189)
}
/* 修改左侧栏 */
#main{
	top: 65px;
}
#sidebar{
	width: 199px;
	background: rgba(242,244,246,1);

}
#sidebar .add-app a{
	color: rgba(48,49,51,1);
	height: 61px;
	line-height: 61px;
	border-bottom:none
}
.sidebar-nav li a{
	color: rgba(80,82,85,1);
	height: 43px;
	line-height: 43px;
	padding: 0 20px;
	font-size: 14px;

}
.sidebar-nav li a:hover{
	color: rgba(0,150,250,0.8);
	background: rgba(242,244,246,1);

}
.sidebar-nav li a:hover .fa{
	color: #0089f0;
}
.sidebar-nav li a.current{
	color: rgba(0,150,250,0.8);
	background: #fff;
}
.sidebar-nav li a.current .fa{
	color: #fff;
}
.sidebar-nav .treeview .fa-caret-right{
	margin: 16px 0 0 0;
}
.sidebar-nav{
	overflow: inherit;
}
#header .logo-area{
	width: 199px;
}
#header .logo-normal{
	width: 200px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
}
#header .logo-normal div{
	height: 100%;
	display: flex;
	align-items: center;
}
#header .logo-normal img{
	padding-left: 30px;
	padding-right: 8px;
	display: inline-block;
}
#header .logo-normal span:nth-child(1){
	display: flex;
	align-items: center;
}
#header .logo-normal span:nth-child(2) {
	margin-right: 5px;
}
#sidebar + #content{
	left: 199px;
}
#sidebar .add-app a .fa{
	margin-top: 25px;
}
.sidebar-nav li .fa{
	color:rgb(183,185,189)
}
#sidebar .add-app a .fa{
	color:rgb(183,185,189)
}
.header-nav li a .fa{
	color:rgb(183,185,189)
}
.header-nav .user-menu{
	background: #fff;
	color: rgba(48,49,51,1);
	right: 0px;
	border: 1px solid #F5F5F5;
}
.header-nav .user-menu .border{
	background: #F5F5F5;
}
.quota{
	overflow: inherit;
}
.quota .card-item_tree{
	width: 220px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	bottom: 0;
	background: #fff;
	border-right: 1px solid #ddd;
	padding-top:0;
}
.quota .card-item_tree + .card-item {
	width: 80%;
	margin-left: 235px;
	position: absolute;
	top: 0;
}

.dlg2div{
	font-size:10px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:rgba(80,82,85,1);
	margin-bottom: 20px;
}
.datagrid-header{
	background:rgba(250,250,250,1);
}
.dlg2div {
	font-size: 10px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(80,82,85,1);
	margin-top: 20px;
	margin-bottom: 20px;
	/* text-align: center; */
}

.dlg2div span {
	/* padding: 10px; */
	color: #909399;
}

.dlg2div input {
	width: 30%;
	height: 26px;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	border: 1px solid rgba(234,234,234,1);
	padding-left: 10px;
	border-radius: 3px;
}

.search1{
	padding: 5px 12px;
	background: rgba(0,150,250,1);
	border-radius: 3px;
	border: 1px solid rgba(0,150,250,1);
	font-size: 10px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(255,255,255,1);
	margin: 0 10px;
	cursor: pointer;
}

.closeDiv{
	width: 95%;
	height: 50px;
	position: absolute;
	bottom: 0;
	background: #fff;
	margin-top: 30px;
	border-top: 1px solid #eee;
	left: 10px;
}
.closeDiv button{
	float: right;
	margin-top: 8px;
}

#header {
	background: #394863;
}
.datagrid-header {
	height: 50px !important;
}
.datagrid-header-row, .datagrid-row {
	height: 50px !important;
}

.level-menu {
	font-size: 13px;
	color: #fff;
	display: inline-block;
}

.level-menu a {
	display: inline-block;
	height: 65px;
	line-height: 65px;
	margin-top: 0;
	cursor: pointer;
	padding: 0 15px;
	color: #fff;
}
.level-menu a:hover {
	color: rgba(117,221,255,1);
}
.level-menu .current {
	color: rgba(117,221,255,1);
}

/*表格样式*/
.panel{
	border-top: none;
}
.datagrid-header{
	border-width: 0 0 0px 0;
}
.window.panel-htop .panel-title{
	height: 50px;
	line-height: 50px;
}
.deviceManagertableTitle{
	text-align: left;
}
#isOnJob{
	width: 168px !important;
	height: 32px;
	border: 1px solid rgba(234,234,234,1);
	border-radius: 5px;
}
.datagrid-wrap.panel-body.panel-body-noheader{
	border: 1px solid  #F3F3F3 !important;
}
.datagrid-header td, .datagrid-body td, .datagrid-footer td{
	border-color: #fff;
	border-width: 0 0px 0px 0;

}
.datagrid-header td, .datagrid-body td, .datagrid-footer td{
	border-bottom: 1px solid  #F3F3F3 !important;
}
.datagrid-header .datagrid-cell{
	border-right:1px solid rgba(225,225,225,1);
}
.datagrid-header-row td:last-child div{
	border-right:none;
}
.datagrid-header-check{
	width: auto;
	padding: 0 16px;
	border-right:1px solid rgba(225,225,225,1);
}
.datagrid-cell-check{
	width: auto;
	padding: 0 16px;
}
.datagrid-header .datagrid-cell{
	height: 23px;
	line-height: 23px;
}
.datagrid-cell{
	padding-left: 10px !important;
	padding: 0 10px
}
.datagrid-header{
	border-top:0 !important;
}
.datagrid,.easyui-fluid{
	border: none;
	border-bottom: 40px solid #fff !important;
}

.datagrid-header {
	height: 50px !important;
}
.datagrid-header-row, .datagrid-row {
	height: 50px !important;
}
.datagrid-cell {
	text-align: left !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.datagrid-row-alt{
	background: #fff;
}
.datagrid-row-over{
	background: #f5f5f5;
}
.datagrid-header .datagrid-cell span{
	font-size:14px;
}
.datagrid-cell {
	padding: 10px 10px !important;
	height: auto !important;
}

/*适配*/
@media screen and ( min-width: 1450px ) {
	#header{
		height: 65px;
	}
	#header .sidebar-toggle{
		height: 65px;
		line-height: 65px;
		font-size: 20px;
	}
	#header .logo-area .logo-text{
		line-height: 65px;
	}

	#header .dropdown.company .btn .text{
		font-size: 16px;
	}
	#header .dropdown.company .btn .fa-chevron-down{
		margin-top: 27px;
	}
	#header .dropdown.company .dropdown-menu{
		top: 65px;
	}
	.header-nav .user-menu{
		top: 65px;
	}
	.header-nav li a {
		font-size: 16px;
	}
	#main{
		top: 65px !important;
	}
	.task-details{
		top: 65px;
	}
	.sidebar-nav li a{
		font-size: 16px;
	}
	#sidebar .add-app a{
		font-size: 14px;
	}
}

/* 媒体查询 小于 1366px 出现横滚动条 其它不变*/
@media screen and (max-width: 1366px) {
	.sidebar-nav li a {
		font-size:14px;
	}
}
@media screen and (min-width: 1366px) and (max-width: 1600px) {
	.sidebar-nav li a {
		font-size:14px;
	}
	.level-menu {
		font-size: 14px;
	}
}
/* 大于1600px 字体变大 百分比布局*/
@media screen  and (min-width: 1600px) {
	.sidebar-nav li a {
		font-size:16px !important;
	}
	#sidebar {
		width: 230px;
	}
	#sidebar + #content {
		left: 240px;
	}
	.sidebar_header {
		font-size: 18px !important;
	}
	.logo-text {
		font-size: 18px !important;
	}
	.level-menu {
		font-size: 18px !important;
	}
	.level-menu a{
		padding: 0 14.5px;
	}
	#header .dropdown.company .btn {
		font-size: 16px !important;
	}
	.header-nav li a {
		font-size: 16px !important;
	}
	#header .logo-area {
		width: 230px !important;
	}
	.btn{font-size:14px}
}