@charset "utf-8";

a {
	color: #333;
}

ul,li {
	list-style: none;
	padding: 0;
	margin: 0
}

.align-right {
	text-align: right;
}
/*登录页面*/
.login-body{background: url(../images/login/login_bg.gif) no-repeat;background-position:center center;
	background-size:cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/login-bg.png', sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/login-bg.png', sizingMethod='scale')";
}
.login-box{position:absolute;top:50%;left:50%;width:543px;margin-left:-272px;height:407px;margin-top:-203px;background:url(../images/login/login_form_bg.png) no-repeat;}
.login-title{color:#1f5db5;font-size:18px;text-align: center;font-weight: 500;}
.login-info{height:34px;line-height:34px;margin:0 0 18px;}
.login-form{position: relative;width: 300px;height:254px;margin: 115px auto;}
.login-form label{float:left;width:30px;}
.login-input{float: left;width: 83%;height: 32px;border:0;margin-left: 5%;border-bottom: 1px solid #ddd;border-radius: 8px;}
.btn-login{background:#204c97;color:#fff;height:38px;width:60%;margin-top:20px;}
.btn-login:hover{color:#fff;background: #204c97;border-color:#204c97}
/*.btn-reset{background:#4d95d0;color:#fff;height:38px;float:right;width:40%;margin-top:10px;}
.btn-reset:hover, .btn-reset:visited, .btn-reset:active{color:#fff;background: #3987c7;border-color:#3987c7}*/
.btn-yzm{float:right;width: 30%;margin-right:2%;text-align: right;overflow: hidden;margin-left:5%;border: 1px solid #eee;}
.btn-yzm img{height: 32px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.yzm-input{width:48%;height: 32px;}
.error-msg{display:none;text-align: center;color:red;position: absolute;width: 60%;left: 20%;bottom: 40px;}
/***首页***/
.navbar {
	height: 66px;
	background: #144c97;
	border-bottom: 1px solid #c6eef3;
	margin-bottom: 0;
	border-radius: 0;
	overflow: hidden;
}

.navbar-brand {
	padding: 10px 30px 10px 0;
}

.navbar-right li {
	float: left;
	height: 66px;
	line-height: 66px;
	color: #fff;
	margin: 0 0 0 15px;
	list-style: none;
	vertical-align: middle;
}

.navbar-right li a {
	color: #fff
}

.navbar-right li a img {
	margin-right: 6px;
	margin-top: -1px;
}

.navbar-right li:first-child a {
	padding-right: 15px;
	border-right: 1px solid #aebccf;
}

.user-img {
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 16px;
	margin-right: 10px;
	text-align: center;
	overflow: hidden;
	background: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.user-img img{
	vertical-align: top;
	margin-top: 7px;
}
.content-wrap {
	min-height: 300px;
	margin: 0 15px 15px;
	padding: 15px 0 0;
	background: #fff;
}

.icon-font {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: -3px;
	margin-right: 2px;
	vertical-align: middle;
}

.icon-upload {
	background: url(../images/icon-upload.png) no-repeat center;
}

.icon-newfile {
	background: url(../images/new_folder.gif) no-repeat center;
	width: 18px;
	height: 18px;
}

.icon-download {
	background: url(../images/icon-download.png) no-repeat center;
}

.icon-download2 {
	background: url(../images/icon-download2.png) no-repeat center;
}
.icon-delete {
	background: url(../images/icon-delete.png) no-repeat center;
}

.icon-rename {
	background: url(../images/icon-rename.png) no-repeat center;
}

.icon-copy {
	background: url(../images/icon-copy.png) no-repeat center;
}

.icon-move {
	background: url(../images/icon-move.png) no-repeat center;
}

.icon-sort {
	background: url(../images/r_icon_21.gif) no-repeat center;
	width: 29px;
	height: 21px;
}

.icon-search {
	background: url(../images/r_icon_19.gif) no-repeat center;
	cursor: pointer;
}

.icon-reset {
	background: url(../images/icon-reset.png) no-repeat center;
	cursor: pointer;
}

.icon-view {
	background: url(../images/r_icon_23.gif) no-repeat center;
	width: 21px;
	height: 21px;
	cursor: pointer;
}

.icon-view2 {
	background: url(../images/r_icon_23.gif) no-repeat center;
	width: 21px;
	height: 21px;
	cursor: pointer;
}

.icon-success {
	background: url(../images/icon-success.png) no-repeat center;
	cursor: pointer;
}

.icon-remove {
	background: url(../images/icon-remove.png) no-repeat center;
	cursor: pointer;
}

.icon-share {
	background: url(../images/icon-share.png) no-repeat center;
}

.icon-attribute {
	background: url(../images/icon-attribute.gif) no-repeat center;
}

.btn-primary {
	background: #144c97;
	border: 1px solid #144c97;
	color: #fff;
}

.btn-primary:hover,.btn-primary:visited,.btn-primary:focus {
	background: #144c97;
	border: 1px solid #144c97;
	color: #fff;
}

.btn-primary:hover {
	color: #fff;
}

.btn-blue {
	background: #144c97;
	color: #fff;
}

.btn-blue .caret {
	border-top-color: #fff;
}

.dropdown-toggle:hover .caret {
	border-top: 0;
	border-bottom: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.btn-blue:hover {
	color: #fff;
}

.btn-info {
	background: #fff;
	border: 1px solid #144c97;
	color: #144c97;
}

.btn-info:hover,.btn-info:visited,.btn-info:focus {
	background: #fff;
	border-color: #144c97;
	color: #144c97;
}

.btn-info:hover {
	color: #144c97;
}

.content-top {
	padding: 0 15px;
}

.content-top:after {
	display: block;
	content: '';
	clear: both;
}

.content-top .btn {
	margin-bottom: 3px;
}

.doc-top .dropdown-menu {
	min-width: 100%;
	margin-top: 0;
}
.btn-toggle .dropdown-menu {
	min-width: 100%;
	margin-top: 0;
}
.content-top .dropdown-menu>li>a {
	padding: 3px 5px;
	text-align: center;
}

.search-box {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
	padding-right: 10px;
}

.search-box input[type=text] {
	width: 200px;
	height: 30px;
	color: #666;
	margin-right: 10px;
	border: 0;
	border-bottom: 1px solid #144c97;
	outline: none;
}

.search-select {
	height: 30px;
	color: #144c97;
	border: 0;
}

.selected-tips {
	color: #666;
	font-size: 12px;
	line-height: 34px;
}

.doc-top {
	border-bottom: 1px solid #ddd;
}

.doc-top > div {
	padding: 0
}

.doc-panel {
	margin: 10px 0;
	clear: both;
	overflow: auto;
}

.doc-title, .doc-list {
	padding-left: 0;
	margin: 0;
}

.doc-title:after, .doc-list:after, .doc-listB:after {
	display: block;
	content: '';
	clear: both;
}

.doc-title li {
	position: relative;
	float: left;
	height: 28px;
	line-height: 28px;
	color: #b4b4b4;
}

.doc-title li .icon-checkbox {
	position: absolute;
	top: 0;
	left: 15px;
	display: inline-block;
	width: 16px;
	height: 44px;
	text-align: center;
}

.doc-title .doc-name {
	text-indent: 25px;
}

/*布局A*/
.layoutB {
	display: none;
}

.doc-list>li {
	position: relative;
	height: 45px;
	line-height: 44px;
	color: #666;
	/* border-bottom:1px solid #e8f3ff; */
}

.doc-list>li:first-child {
	/* border-top:1px solid #e8f3ff; */
}

.doc-list>li.active,.doc-list>li:hover {
	background: #eff9ff;
	border-bottom: 1px solid #d2e3f7;
}

.doc-list>li .icon-checkbox {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 16px;
	height: 44px;
	text-align: center;
	background: url(../images/check-box_30.gif) no-repeat center;
	z-index: 4;
}

.doc-list>li .icon-checkbox input[type=checkbox] {
	opacity: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.doc-list>li.active .icon-checkbox,.doc-list>li .icon-checked {
	background: url(../images/check-box_28.gif) no-repeat center;
}

.doc-list>li .icon-doc {
	position: absolute;
	top: 0;
	left: 20px;
	display: inline-block;
	width: 40px;
	height: 44px;
	text-align: center;
}

.doc-list>li .icon-doc img {
	height: 60%;
	margin: auto;
}

.doc-list>li .doc-name {
	float: left;
	width: 60%;
	text-indent: 65px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.doc-list>li .doc-size {
	float: left;
	width: 15%;
}

.doc-list>li .doc-date {
	float: left;
	width: 25%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.doc-list>li .more-operate {
	position: absolute;
	top: 0;
	right: 40%;
	/*width: 60%;*/
	text-align: right;
	z-index: 4;
	display: none;
}

.doc-list>li .more-operate .btn-toggle {
	margin-top: -2px;
}

.doc-list>li .rename-wrap {
	height: 42px;
}

.icon-moreOperate {
	background: url(../images/icon-moreOperate.png) no-repeat center;
	width: 22px;
	margin-right: 15px;
}

/*布局B*/
.doc-listB {
	padding-left: 0;
	margin: 0 12px 0;
}

.doc-listB li {
	position: relative;
	float: left;
	width: 130px;
	padding: 10px 5px;
	margin: 3px;
	color: #666;
	text-align: center;
	border: 1px solid #fff;
}

.doc-listB li .icon-doc {
	cursor: pointer;
}

.doc-listB li.active,.doc-listB li:hover {
	border: 1px solid #d2e3f7;
	background: #eff9ff;
	border-radius: 6px;
}

.doc-listB li .icon-checkbox {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 24px;
	height: 24px;
	background: url(../images/icon-checked2.png) no-repeat center;
	display: none;
}

.doc-listB li .icon-checkbox input[type=checkbox] {
	opacity: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.doc-listB li .icon-checked {
	display: block;
}

.doc-listB li:hover .icon-checkbox {
	display: block;
	opacity: 0.4;
}

.doc-listB li.active .icon-checkbox {
	display: block;
	opacity: 1;
}

.doc-listB li .icon-doc {
	width: 100%;
	height: 60px;
	margin: 20px 0 10px;
}

.doc-listB li .icon-doc img {
	height: 100%;
}

.doc-name {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 3;
}

.rename-wrap {
	position: absolute;
	left: 80px;
	height: 28px;
	background: #eff9ff;
	z-index: 4;
}

.rename-input {
	height: 26px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 3px;
	border: 1px solid #3e8bfd;
}

.doc-listB .rename-wrap {
	left: 0;
	bottom: 8px;
	width: 100%;
}

.doc-listB .rename-input {
	width: 60%;
}

.doc-listB span {
	width: 15%;
	margin-right: 0;
}

.selected-tips .icon-choosedAll {
	display: inline-block;
	width: 16px;
	height: 16px;
	text-align: center;
	background: url(../images/check-box_30.gif) no-repeat center;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -4px;
}

.selected-tips .icon-choosedAll input[type=checkbox] {
	opacity: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.selected-tips .icon-checked {
	background: url(../images/check-box_28.gif) no-repeat center;
}

.btnGroup-operate {
	display: none;
}

.min-modal {
	min-height: 200px;
}

.uploadPermis-panel {
	border-bottom: 1px solid #eee;
	padding: 0 0 15px;
}

.panel-title {
	padding: 6px 15px;
	background: #eee;
	margin: 0 -15px;
}

.uploadPermis-panel > .col-xs-3 {
	border: 1px solid #ddd;
}

.uploadPermis-panel > .col-xs-3:first-child {
	margin-left: 4.15%
}

.uploadPermis-panel .ztree, .permis-box {
	height: 340px;
	overflow: auto;
	margin: 10px -6px;
}

.uploadPermis-panel > .col-xs-1 {
	height: 340px;
	overflow: hidden;
}

.arrow-box {
	position: absolute;
	top: 50%;
	margin-top: -34px;
}

.arrow-box .btn {
	margin: 3px auto;
}

.permis-box > label {
	display: block;
	cursor: pointer;
	font-weight: 300;
}

.permis-box > label input {
	margin-right: 4px;
	margin-top: -3px;
	vertical-align: middle;
}

.upload-box {
	margin: 15px 4.15% -15px;
	height: 34px;
}

.file-box {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.file-box input[type=file] {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1;
	opacity: 0;
	width: 82px;
	height: 34px;
	cursor: pointer;
}

/*左侧菜单*/
.side-menu {
	position: fixed;
	top: 66px;
	bottom: 0;
	left: 0;
	width: 220px;
	z-index: 99;
	/* overflow: auto; */
	background-color: #f3f3f3;
	border-right: 1px solid #e5e5e5;
}

.show_iframe {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.show_iframe iframe {
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 100%
}

.menu-dropdown {
	height: 100%;
	overflow: auto;
	outline: none;
}

.menu-dropdown>ul>li {
	border: none;
	border-left: 4px solid #fff;
	background: #f3f3f3;
	margin-bottom: 0;
	line-height: 54px;
	white-space: nowrap;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	cursor: pointer;
	min-width: 140px;
}

.menu-dropdown>ul>li:hover {
	background: #e3e6eb;
	border-left-color: #e3e6eb;
}

.menu-dropdown>ul>li.active {
	background: #e3e6eb;
	border-left-color: #144c97;
}

.side-menu ul li a {
	color: #414b57;
	font-size: 14px;
	white-space: nowrap;
	cursor: pointer;
}
.side-menu ul li a:hover{ text-decoration:none;}
.side-menu ul li a .glyphicon-menu-right {
	float: right;
	padding-top: 19px;
	padding-right: 10px;
	color: #575f65;
}

.side-menu ul li a .glyphicon-menu-right:before {
	content: "\e258";
}

.side-menu ul li a.active .glyphicon-menu-right:before {
	content: "\e259";
}

.side-menu ul li a .glyphicon-plus {
	float: right;
	padding-top: 19px;
	padding-right: 10px;
	color: #575f65;
	font-weight: lighter;
	font-size: smaller;
}

.side-menu ul li a.active .glyphicon-plus:before {
	content: "\2212";
}

.side-menu .second-menu li a .glyphicon-menu-right {
	padding-top: 13px;
}

.menu_body {
	display: none;
}

.menu_body li {
	line-height: 54px;
}

.menu_body>li.active,.menu_body>li.active>a {
	color: #144c97; text-decoration:none;
}

.side-menu .second-menu {
	padding-left: 60px;
	border-bottom: 1px solid #e4e4e4;
	min-width: 140px;
}
.side-menu .second-menu li a:hover{ color:#144c97;}
.side-menu .third-menu {
	padding-left: 20px;
}

.side-menu .forth-menu {
	padding-left: 20px;
}

.side-menu ul li .nav-icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 15px 0 15px;
	vertical-align: middle;
}

.side-menu ul li .menu-02 {
	background: url(../images/menu-icons/menu_02.gif) center no-repeat;
}

.side-menu ul li .menu-04 {
	background: url(../images/menu-icons/menu_04.gif) center no-repeat;
}

.side-menu ul li .menu-06 {
	background: url(../images/menu-icons/menu_06.gif) center no-repeat;
}

.side-menu ul li .menu-08 {
	background: url(../images/menu-icons/menu_08.gif) center no-repeat;
}

.side-menu ul li .menu-10 {
	background: url(../images/menu-icons/menu_10.gif) center no-repeat;
}

.accordion-toggle::after {
	color: rgb(20, 76, 151);
	content: "收起 \e113";
	display: block;
	float: right;
	font-family: FontAwesome;
	line-height: 22px;
	position: relative;
}
.accordion-toggle.collapsed:after {
	content: "展开 \e114";
}

.side-menu ul li .menu-12 {
	background: url(../images/menu-icons/menu_12.gif) center no-repeat;
}

.side-menu ul li.active .menu-02 {
	background: url(../images/menu-icons/menu_on_02.gif) center no-repeat;
}

.side-menu ul li.active .menu-04 {
	background: url(../images/menu-icons/menu_on_04.gif) center no-repeat;
}

.side-menu ul li.active .menu-06 {
	background: url(../images/menu-icons/menu_on_06.gif) center no-repeat;
}

.side-menu ul li.active .menu-08 {
	background: url(../images/menu-icons/menu_on_08.gif) center no-repeat;
}

.side-menu ul li.active .menu-10 {
	background: url(../images/menu-icons/menu_on_10.gif) center no-repeat;
}

.side-menu ul li.active .menu-12 {
	background: url(../images/menu-icons/menu_on_12.gif) center no-repeat;
}
.menu-toggle{
	position: absolute;
	right: -15px;
	top: 50%;
	height: 60px;
	width: 15px;
	margin-top: -30px;
	background: #f3f3f3;
	border: 1px solid #ddd;
	border-left: 0;
	text-align: center;
	z-index: 3;
	cursor: pointer;
}
.menu-toggle.retract{
	/* width: 60px; */
	border-right: 1px solid #ddd;
}
.menu-toggle span{
	display: inline-block;
	width: 12px;
	height: 16px;
	margin-top: 20px;
	cursor: pointer;
	background: url(../images/icon-navToggle.png) center no-repeat;
}
.menu-toggle.retract span{
	background: url(../images/icon-navToggle.png) center no-repeat;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);		/* IE 9 */
	-webkit-transform: rotate(180deg);	/* Safari and Chrome */
	-o-transform: rotate(180deg);		/* Opera */
	-moz-transform: rotate(180deg);		/* Firefox */
}
.wrapper.toggle-wrapper .side-menu{width: 57px!important;}
.wrapper.toggle-wrapper .main{left: 60px!important;}
.main {
	position: absolute;
	left: 220px;
	right: 0;
	top: 66px;
	bottom: 0;
	background-color: #fff;
	overflow: hidden;
	z-index: 1;
}

/*查询区域*/
.query-wrap {
	padding: 10px 0;
	margin: 8px 0 0;
	background: #fff;
}

.query-list {
	clear: both;
}

.query-panel {
	padding: 0 15px;
}

.query-list .input-group {
	float: left;
	width: 210px;
	margin: 2px 0;
	margin-right: 6px;
}

.query-list .group-large{
	width: 30%;
    max-width: 340px;
}

.query-select{
	padding: 7px;
    border-radius: 0px 4px 4px 0px;
}
.apply-info .input-group{
	width:100%;
	max-width: 340px;
}
.apply-info .apply-left{
	float:left;
	width:30%;
	max-width: 340px;
}
.apply-info .apply-right{
	float:left;
	width:60%;
	margin-left:5px;
}
.apply-info .apply-right .input-group{
	max-width: 690px;
}
.hidden-input{
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.query-list .input-group>span.input-group-addon {
	min-width: 60px;
	padding: 6px;
	background: #fff;
}

.query-list .input-group span.btn-blue {
	background: #144c97;
	color: #fff;
	border: 1px solid #144c97;
}
.query-list .input-group.date {
	margin: 0;
	width: auto;
}

.query-list .input-group.date .form-control {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0
}

.query-list .input-group.date>span.input-group-addon {
	min-width: 20px;
	padding: 6px;
}

.query-panel .btn-query {
	margin: 2px 0;
	float: left;
}

.query-panel .btn-query .glyphicon {
	font-size: 12px;
}

.query-panel .btn-query+.btn {
	margin: 3px 0 3px 3px;
	float: left;
}

.query-panel .btn-query+.btn+div {
	clear: both;
}

.query-list .input-group .dropdown-toggle {
	min-width: 70px;
	padding: 6px;
	color: #555;
	margin-right: -2px;
	background-color: #e9ecef;
	border: 1px solid #d6dce4;
}

.input-group .dropdown-menu li {
	cursor: pointer;
	padding: 5px 5px 5px 30px;
	position: relative;
}

.input-group .dropdown-menu li .glyphicon-ok {
	display: none;
	color: #68b0fd;
	margin-right: 5px;
	position: absolute;
	top: 7px;
	left: 5px;
}

.input-group .dropdown-menu li.selected .glyphicon-ok {
	display: inline-block;
}

.query-list+.inline-box .btn,.query-list+.btn-panel .btn {
	margin: 2px 0
}

.btn-query {
	background: #144c97;
	color: #fff
}

.btn-query:hover,.btn-query:focus {
	color: #fff;
	background: #144c97;
}
.color-red{color:#f50000}
.ic-star{color:#f50000}
.panel-wrap{
	margin:15px;
}
.panel-wrap .panel{
	border:1px solid #ddd;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.panel-wrap .panel .panel-heading{
	background: #e3e6eb;
    color: #144c97;
    font-size: 16px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.upload-wrap{
	border: 1px solid #ddd;
    height: 180px;
    margin: 10px 0;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: auto;
	clear: both;
}
.upload-wrap > p{
	text-align: center;
	color:#144c97;
}
.upload-list li{
	margin:5px 5px 5px 0;
}
.upload-list li img{
	width:18px;
	margin-top:-5px;
	margin-right:5px
}
.btn-box{
	clear: both;
	text-align: center;
	border-top: 1px solid #eee;
	margin: 0 -15px;
	padding-top: 15px;
}
.send-msg-panel{
	margin:30px;
}
.data-title{border-bottom:1px solid #ddd;margin-bottom:10px;padding:0 15px;height: 54px;}
.data-title p{display:inline-block;line-height: 54px;font-size:16px;margin-bottom:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.data-title p i{margin-right:5px;}
.data-title .pull-right .btn{margin-top: 9px;}
.left-panel, .right-panel{position: absolute;top: 0;bottom:5px;width:49%;overflow: auto;margin: 15px 0;}
.left-panel{border: 1px solid #ddd;margin-left:1%;}
.right-panel{right:1px;border: 1px solid #ddd;border-left: 0;margin-right:1%;}
.tree-wrap{clear: both;}
.r-top-panel, .r-bottom-panel{position:absolute;right:0px;left:0px;padding:0 15px;overflow: auto;}
.r-top-panel{top:0;bottom:50%;border-bottom:2px solid #c0e0fd}
.r-bottom-panel{top:50%;bottom:0;}
.roles-list ol{padding:10px 20px 20px}
.roles-list ol:after{display: block;content: '';clear: both;}
.roles-list ol li{float:left;width:100px;height:100px;text-align: center;margin: 0 20px 10px 0;}
.roles-list ol li a{display:block;width:100%;height:100%;padding:10px 5px;border:1px solid #ddd;border-radius:5px;text-align: center; overflow: hidden;}
.roles-list ol li a:hover, .roles-list ol li.active a{ background:#e4e8ed;border:1px solid #7a9ac7; text-decoration:none;}
.roles-list ol li a i{display:block;height:40px;margin-bottom: 10px;margin-top: 8px;}
.ic-role-branchOffice{background: url(../images/role_76.gif) no-repeat center;}
.ic-role-superAdmin{background: url(../images/role_78.gif) no-repeat center;}
.ic-role-admin{background: url(../images/role_80.gif) no-repeat center;}
.ic-role-user{background: url(../images/role_82.gif) no-repeat center;}
.roles-list ol li a span{display:block;font-size: 14px;line-height:14px;color: #555;}
.icon-system-role{display:inline-block;height:23px;width:23px;margin-right:5px;margin-top:-2px;background: url(../images/role_tle_46.gif) no-repeat center;vertical-align: middle;}
.icon-role-power{display:inline-block;height:23px;width:23px;margin-right:5px;margin-top:-2px;background: url(../images/role_tle_47.gif) no-repeat center;vertical-align: middle;}
.ztree {padding: 10px 20px 20px;}
.col-xs-3.input-dialog{padding-right:0}
.input-dialog{position: relative;}
.input-dialog .btn{position: absolute;top:0;right:0;background:#eee;border:1px solid #ddd;color:#999;font-weight: bold;}
.input-dialog .btn:hover{background:#e2e2e2;color:#666}
/*数据表格区域*/
.data-wrap {
	padding: 5px 15px 10px;
	margin: 0;
	background: #fff;
	overflow: auto;
}

.btn-panel {
	margin: 0 10px 5px 0;
}

.btn-panel .btn {
	margin-bottom: 3px;
}

.btn-panel .btn img {
	margin-top: -2px;
	margin-right: 2px;
}
.table thead>tr>th,.table tbody>tr>td{font-size:12px}
.fixed-table-toolbar .btn-panel .btn{padding:6px;}
.data-wrap .bootstrap-table .table tr td{border:none}
.table-striped>tbody>tr>td, .table-striped>tbody>tr>th{background: #ecedef;}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th{background: #fff;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: #144c97;
	border-color: #144c97;
}

.fixed-table-toolbar .columns .btn {
	border-color: #144c97;
	color: #144c97;
}

.fixed-table-toolbar .columns .btn .caret {
	border-top: 4px solid #144c97;
}

.fixed-table-toolbar .columns .btn:hover .caret {
	border-top: 0;
	border-bottom: 4px solid #144c97;
}
/*.fixed-table-toolbar .columns .keep-open .btn{padding: 3px 12px;}*/
.fixed-table-toolbar .bs-bars, .fixed-table-toolbar .search, .fixed-table-toolbar .columns {
	margin-top: 0;
	margin-bottom: 5px;
}
.fixed-table-toolbar .columns{margin-bottom: 5px;}

.fixed-panel {
	position: fixed;
	/* width:100%; */
	left: 0;
	right: 0;
	height: 100%;
	background: #f4f6f8;
	padding: 10px 15px 10px 0;
}

.fixed-top {
	height: 80%;
}

.fixed-top > .col-xs-6 {
	height: 100%;
	padding: 0 15px 7.5px 7.5px;
	box-sizing: border-box;
}

.fixed-top > .col-xs-6:first-child {
	padding: 0 7.5px 7.5px 15px;
}

.fixed-bottom {
	height: 20%;
}

.fixed-bottom > .col-xs-12 {
	height: 96%;
}

.fixed-panel .fixed-box {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid #e4e4e4;
	overflow: hidden;
}

.fixed-bottom .fixed-box {
	margin-top: 5px
}

.compare-top {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background: #eee;
	border-bottom: 1px solid #ddd;
}

.compare-top .icon-reset {
	float: right;
	margin-top: 7px;
	margin-right: -5px;
}

.compare-top .form-control {
	display: inline-block;
	width: 55%;
	height: 24px;
}

.compare-top .search-box {
	position: relative;
	float: right;
	width: 40%;
	height: 24px;
	line-height: 24px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 0;
	margin-top: 3px;
	background: #f8f8f8;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}

.compare-top .search-box input[type=text] {
	width: 100%;
	height: 24px;
	margin-right: 0;
	padding-right: 20px;
	background: #f8f8f8;
	border: 0;
	outline: none;
	box-sizing: border-box;
}

.compare-top .search-box .icon-search {
	position: absolute;
	right: 5px;
	top: 7.5px;
}

.compare-body {
	position: absolute;
	top: 30px;
	left: 0;
	bottom: 30px;
	width: 100%;
	/*height:100%;*/
	overflow: auto;
}

.fixed-bottom .compare-body {
	position: absolute;
	top: 30px;
	left: 0;
	bottom: 0;
	width: 100%;
	/*height:100%;*/
	overflow: auto;
}

.compare-tips {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	background: #f5f5f5;
	border-top: 1px solid #efefef;
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 600px;
	}
}

@media (min-width: 992px) {
	.modal-dialog {
		width: 900px;
	}
}
.modal-xs{width: 600px;}

/*预览压缩文件*/
.preview-wrap {
	background: #fff;
}

.preview-fixed-top {
	position: fixed;
	top: 0;
	width: 100%;
}

.preview-top-right {
	margin-top: 10px;
	margin-right: 20px;
}

.breakline {
	display: inline-block;
	margin: 5px 15px;
	width: 2px;
	height: 27px;
	overflow: hidden;
	vertical-align: middle;
	margin-top: 5px;
	background: #ddd;
}

.preview-top-right .pv-btn-icon {
	display: inline-block;
	width: 44px;
	height: 42px;
	line-height: 42px;
	margin: 0 3px;
	cursor: pointer;
	text-align: center;
	font-size: 0;
	vertical-align: top;
}

.preview-top-right .pv-btn-icon .pv-icon {
	display: inline-block;
	width: 25px;
	height: 21px;
	background: url(../images/icon-preview-right.png) no-repeat;
	background-size: 336px 144px;
	vertical-align: middle;
	font-size: 12px;
}
/*右上角图标*/
.preview-top-right .pv-btn-icon .icon-fullscreen {
	background-position: 0 -96px;
}

.preview-top-right .pv-btn-icon.disable .icon-fullscreen {
	background-position: -96px -96px;
}

.preview-top-right .pv-btn-icon .icon-rotate {
	background-position: 0 -48px;
}

.preview-top-right .pv-btn-icon.disable .icon-rotate {
	background-position: 0 -96px;
}

.preview-top-right .pv-btn-icon .icon-down {
	background-position: -144px -48px;
}

.preview-top-right .pv-btn-icon.disable .icon-down {
	background-position: -144px -96px;
}

.preview-main {
	position: absolute;
	top: 57px;
	right: 15px;
	left: 0px;
	background: #fff;
}

.preview-title {
	display: none;
	padding: 15px;
	border-bottom: 1px solid #eee;
}

.preview-title-span {
	margin-left: 10px;
	font-size: 17px;
}

.preview-show {
	display: none;
}

.compress-list {
	float: left;
	width: 120px;
    /*height: 120px;*/
	overflow: hidden;
	padding: 15px 20px;
	margin-bottom: 5px;
	border: 3px solid #fff;
	list-style: none;
	cursor: pointer;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

.preview-list {
	margin: 15px;
}

.compress-list:hover {
	border-color: #e8f3ff;
}

.compress-detail {
	text-align: center;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 5px;
}

.compress-size {
	color: #808080;
	text-align: center;
}

.icon-file-doc,
.icon-file-xls,
.icon-file-ppt,
.icon-file-eml,
.icon-file-cps,
.icon-file-dir,
.icon-file-psd,
.icon-file-fla,
.icon-file-pdf,
.icon-file-html,
.icon-file-audio,
.icon-file-video,
.icon-file-txt,
.icon-file-other,
.icon-file-img {
	width: 90px;
	height: 110px;
	margin: 0 auto;
	background: url(../images/icon-alltype.png) no-repeat;
	background-position: 0 0;
}

.icon-file-doc {
	background-position: 0 0px;
}

.icon-file-xls {
	background-position: -90px 0px;
}

.icon-file-ppt {
	background-position: -180px 0px;
}

.icon-file-dir {
	background-position: -270px 0px;
}

.icon-file-cps {
	background-position: -360px 0px;
}

.icon-file-txt {
	background-position: -450px 0px;
}

.icon-file-img {
	background-position: 0 -110px;
}

.icon-file-html {
	background-position: -90px -110px;
}

.icon-file-audio {
	background-position: -180px -110px;
}

.icon-file-video {
	background-position: -270px -110px;
}

.icon-file-psd {
	background-position: -360px -110px;
}

.icon-file-fla {
	background-position: -450px -110px;
}

.icon-file-pdf {
	background-position: 0 -220px;
}

.icon-file-other {
	background-position: -90px -220px;
}

#modal_previewImg .modal-content {
	background: transparent;
	box-shadow: none;
	border: none;
	height: 100%;
}

#modal_previewImg .modal-dialog {
	width: 90%;
	left: 5%;
	height: 100%;
}

#modal_previewImg .modal-body {
	padding: 0
}

.preview-img-btn {
	position: fixed;
	bottom: 30px;
	left: 50%;
	background: #626364;
	padding: 5px 15px;
	margin-left: -150px;
	text-align: center;
	z-index: 2;
}

.pv-pic-area {
	text-align: center;
}

.pv-pic-area img {
	/*width: 100%;*/
	height: auto;
	margin: auto 0;
	background: #fff;
}

.preview-img-btn .pv-btn-icon {
	display: inline-block;
	width: 44px;
	height: 42px;
	line-height: 42px;
	margin: 0 3px;
	cursor: pointer;
	text-align: center;
	font-size: 0;
	vertical-align: top;
}

.preview-img-btn .pv-btn-icon .pv-icon {
	display: inline-block;
	width: 25px;
	height: 21px;
	background: url(../images/icon-preview-right.png) no-repeat;
	background-size: 336px 144px;
	vertical-align: middle;
	font-size: 12px;
}

.preview-img-btn .pv-btn-icon .icon-fullscreen {
	background-position: -96px -96px;
}

.preview-img-btn .pv-btn-icon .icon-smallscreen {
	background-position: -48px -96px;
}

.preview-img-btn .pv-btn-icon .icon-rotate {
	background-position: 0 -96px;
}

.preview-img-btn .pv-btn-icon .icon-down {
	background-position: -144px -96px;
}

.preview-img-btn .close {
	font-size: 38px;
	color: #ffffff;
	font-weight: 400;
	opacity: .7;
	filter: alpha(opacity=70);
}

.preview-img-btn .close span {
	vertical-align: middle;
}

.preview-img-btn .modal-title {
	color: #cececf;
	font-size: 16px;
	padding: 5px;
	border-bottom: 2px solid #515151;
}

.preview-img-btn .breakline {
	background: #585858;
}
.switch-table{margin-bottom: 0;table-layout: fixed;}
.switch-table thead>tr>th, .switch-table tbody>tr>th, .switch-table thead>tr>td, .switch-table tbody>tr>td{
	border-left:1px solid #ddd;
	padding:20px 15px;
	vertical-align: middle;
}
.switch-table thead>tr>th:first-child, .switch-table tbody>tr>th:first-child, .switch-table thead>tr>td:first-child, .switch-table tbody>tr>td:first-child{
	border-left:0;
}
.statement-td{width: 250px;}
.switch-btn-td{width: 103px;text-align: center;}
.box{position: relative;float:left;width: 52px;height: 26px;margin: auto 10px;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border: 1px solid #b3b1b1;background: #1f69d6;overflow: hidden;cursor: pointer;}
.bg{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: #dadada;border-radius: 20px;right: 100px;z-index: 9;transition: all .2s linear;}
.circl{width: 24px;height: 24px;border-radius: 50%;box-shadow: 0 0 5px #333;background: white;z-index: 10;position: absolute;left: 0;top: 0;transition: all .2s linear;}
.bg.cur{margin-left: 28px;}
.circl.cur{margin-left: 28px;}
.check-abs-div{position: relative;}
.check-abs{position: absolute;top:0;left:0;opacity: 0;}
.toggle-input{display: none;max-width: 240px;}
.toggle-input-b{max-width: 240px;}
.select-tips{margin-bottom: 0;color:#999}
.inline-input .form-control{display:inline-block;max-width:87px}
.watermark-wrap{display:inline-block;width: 100px;height: 100px;margin-left: 15px;text-align: center;border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;vertical-align: middle;overflow: hidden;}
.watermark-wrap img{height:100%;vertical-align: middle;}
.edit-table .edit-modal{table-layout: fixed;max-width: 1200px;margin: auto;}
.edit-table thead>tr>th, .edit-table tbody>tr>th, .edit-table tfoot>tr>th, .edit-table thead>tr>td, .edit-table tbody>tr>td, .edit-table tfoot>tr>td{
	border:0;
	padding-right:30px;
}
.edit-table tbody>tr>td:nth-of-type(2n+1){width:220px;text-align: right;padding-right: 40px;}

.edit-modal{table-layout: fixed;max-width: 1200px;margin: auto;}
.edit-modal thead>tr>th, .edit-modal tbody>tr>th, .edit-modal tfoot>tr>th, .edit-modal thead>tr>td, .edit-modal tbody>tr>td, .edit-modal tfoot>tr>td{
	border:0;
	padding-right:30px;
}
.edit-modal tbody>tr>td:nth-of-type(2n+1){width:150px;text-align: right;padding-right: 40px;}

.left-menu-fixed{
	position: fixed;
	left:0;
	top:0;
	bottom:0;
	width:150px;
	height:100%;
	border-right:1px solid #ddd;
}
.left-menu-fixed ul li{
	line-height: 54px;
	padding:0 15px;
}
.left-menu-fixed ul li a{
	color: #414b57;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
}
.left-menu-fixed ul li a:hover{
	color:#144c97;
}
.left-menu-fixed ul li.active a{
	color:#144c97;
}
.right-main{padding-left: 150px;}

.attribute-panel p{
	color:#888;
}
.attribute-panel p > span{
	display: inline-block;
	text-align: right;
	margin-right:20px;
	min-width:80px;
}
.doc-detail-wrap{
	margin:15px;
}
.doc-detail-table{
	width: 100%;
	table-layout: fixed;
}
.doc-detail-table tr td{
	border:1px solid #ddd;
	padding:8px;
}
.doc-detail-table tr td.detail-statement-td{
	padding-left:6%;
	background: #e3e6eb;
}
.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-success .form-control-feedback {
    color: #3c763d;
}
.has-feedback .form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.has-feedback .form-control {
    padding-right: 42.5px;
}

.btn-goback{
	float: right;
	color:#4c6ea9;
}
.btn-goback:hover{
	text-decoration:none;
}
.btn-goback img{
	margin-top: -2px;
	margin-right:3px;
}

.form-textselect-control {
    display: inline;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/** 款式图片start **/
.watermark-container {
    position: relative;
    width: 260px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #ddd;
}

.upload-title {
    position: absolute;
    bottom: 36px;
    width: 100%;
    height: 26px;
    line-height: 26px;
    margin-bottom: 0;
    background: rgba(255,255,255,0.6);
    color: #666;
    text-align: center;
    font-size: 13px;
}

.watermark-box {
    display: table-cell;
    width: 260px;
    height: 260px;
    /* margin-bottom: 10px; */
    vertical-align: middle;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.watermark-box img {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    cursor: pointer;
}

.watermark-btnGroup {
    padding-top: 10px;
}

.watermark-btnGroup span.btn-previmg {
    background-position: 0px 0px;
}

.watermark-btnGroup span.btn-nextimg {
    background-position: -18px 0px;
}

.watermark-btnGroup span.btn-addimg {
    background-position: -36px 0px;
}

.watermark-btnGroup span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 5px;
    background: url(../images/img-upload.png) no-repeat;
    cursor: pointer;
}

.watermark-btnGroup span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 5px;
    background: url(../images/img-upload.png) no-repeat;
    cursor: pointer;
}

.watermark-btnGroup span.btn-deleteimg {
    background-position: -54px 0px;
}

.show-watermarkimg{
	text-align:center;
}

.show-watermark{
	width: 100%;
    height: 100%;
}
/** 款式图片end **/

/** 款式图片end **/
.icon-location {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon-location.png) no-repeat center;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;
}
/** 款式图片end **/

/*兼容修改 bootstrap table start*/
.columns-right .btn{
	height:34px;
}
.columns-right .btn-group .btn{
	padding:6px 12px;
}

.fixed-table-pagination:after{
	display: block;
	content: '';
	clear: both;
}
.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
    margin-top: 5px;
    margin-bottom: 5px;
}
/*兼容修改 bootstrap table end*/

/*兼容选择框 start*/
.modal-body .query-panel .table thead>tr>th,.modal-body .query-panel .table tbody>tr>th,.modal-body .query-panel .table tfoot>tr>th,.modal-body .query-panel .table thead>tr>td,.modal-body .query-panel .table tbody>tr>td,.modal-body .query-panel .table tfoot>tr>td {
	border-top: none;
}

.input-group .select2-container .select2-selection--single{
	height:34px!important;
	border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
}
/*兼容选择框 end*/

.imgThumb{
	width: 48px;
    height: 68px;
    cursor: pointer;
}

.tdAlignMiddle{
	display: table-cell !important;
    vertical-align: middle !important;
    text-align: right !important;
    width:10% !important;
}