/*常用*/

.yahei {
	font-family: "微软雅黑";
}

.yahei1 {
	color: #333333;
	font-family: "微软雅黑";
}

.yahei2 {
	color: #949494;
	font-family: "微软雅黑";
}

.ft16 {
	font-size: 16px;
}

.ft14 {
	font-size: 14px;
}

.ft12 {
	font-size: 12px;
}

.ft24 {
	font-size: 24px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.cf {
	float: none;
	clear: both;
}

.notnull {
	color: red;
	margin-left: 5px;
}

.dn {
	display: none;
}

.dib {
	display: inline-block;
}

.pr {
	position: relative;
}

.btn-custom {
	color: #fff;
	background-color: #03a9f4;
	border-color: #03a9f4;
	width: 140px;
}

/* head */

.logo-container {
	bakckground: #fff;
}

.logo {
	display: inline-block;
	padding: 17px 0 17px 25px;
}
.logo_1 {
	display: inline-block;
	padding: 17px 7px 17px 25px!important;
	font-size:21px;
}
.logo_1 a{
	text-decoration : none ;
	color:#000;
}

.nav-userinfo {
	list-style: none;
	float: right;
	list-style: none;
	float: right;
}

.userinfo-container {
	display: inline-block;
	float: right;
	padding-top: 20px;
	padding-right: 30px;
}

.user-menu {
	display: none;
	width: 100px;
	background: #fff;
	padding: 5px 0;
	font-size: 14px;
	text-align: center;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	/* border-radius: 4px; */
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	position: absolute;
	z-index: 1100;
}

.user-info {
	cursor: pointer;
}

.user-menu>li>a {
	padding: 5px;
	display: inline-block;
	width: 100%;
}

.user-menu li a:hover {
	background: #eee;
}

.nav-userinfo>li {
	float: left;
	margin: 0px 5px;
}

.nav-userinfo li a {
	color: #333333;
	font-size: 13px;
	font-family: "微软雅黑";
	text-decoration: none;
}

.sys-nav {
	height: 58px;
	background: #03a9f4;
	border: none;
	/* margin-bottom: 5px !important; */
	position: relative;
}

.sys-nav-ul>li>a {
	color: #fff !important;
	font-size: 16px;
	font-family: "微软雅黑";
	font-weight: normal;
	height: 45px;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	line-height: 25px !important;
}

.sys-2nav-ul {
	min-width: 0px;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
	background-color: #0287c3;
}

.navbar {
	min-height: 45px !important;
}

.navbar .nav>li .dropdown-menu {
	margin: 0;
}

.navbar .nav>li:hover .dropdown-menu {
	display: block;
}

/* 主页 */

.main-page {
	background: #f8f8f8;
}

.main-page,
.user-manage,
.thirdsys-manage,
.setting-manage {
	/* padding-right: 15px; */
	/* padding-left: 15px; */
	/* margin-right: auto; */
	/* margin-left: auto; */
	overflow-y: auto;
	/* padding-top: 45px; */
	/* float: none; */
	padding: 20px;
}

.thirdsys-manage {
	min-width: 500px;
	min-height: 500px;
	padding: 20px;
}

.shortmenu-container {
	background: white;
	height: 160px;
	border: 1px solid #f1f1f1;
	margin: 15px;
}

.shortmenu {
	display: inline-block;
	margin: 10px 10px;
	height: 138px;
	border-right: 1px dotted #C3C1C1;
	padding: 5px 20px;
	vertical-align: middle;
}

.shortmenu-pic {
	margin: 0px 25px 0px 5px;
}

.shortmenu-info {
	display: inline-block;
}

.shortmenu2 {
	padding-top: 24px;
}

.shortmenu-imgcontainer {
	float: left;
	margin: 0px 20px;
}

.shortmenu-arrow {
	margin: 0px 10px;
	float: left;
	padding-top: 27px;
}

.shortmenu-infocontainer {
	float: left;
	text-align: center;
	vertical-align: middle;
	padding-top: 7px;
}

.shortmenu-curnum {
	font-size: 28px;
	color: #ff852b;
	font-family: Arial;
	padding: 4px;
}

.shortmenu-totalnum {
	font-size: 14px;
	color: #8c8c8c;
	font-family: Arial;
	padding: 7px;
}

.chart-section {
	padding: 15px;
	padding-top: 0;
}

.chart_box_width {
	width: calc(50% - 7.5px);
}

.chart_box {
	display: inline-block;
	padding: 15px;
	background-color: #fff;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	/* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 1px; */
	border: 1px solid #f1f1f1;
}

.chart_title {
	border-bottom: 1px solid #f1f1f1;
	padding-top: 0px;
	height: 26px;
}

.chart_title_text {
	font-size: 14px;
	color: #333;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 2px solid #5ac8fa;
	padding-bottom: 5px;
	padding-top: 5px;
}

.chart_content {
	text-align: center;
	min-height: 120px;
	/**display: table-cell;**/
	padding-top: 15px;
	vertical-align: middle;
}

.chart_content img {
	vertical-align: middle;
}

element.style {}

.chart_content img {
	vertical-align: middle;
}

.chart_content img {
	vertical-align: middle;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

/* 登陆页面 */

.login-logo-section {
	height: 168px;
	padding: 99px 0px 0px 50px
}

.login-section {
	height: 447px;
	background-color: #004d8c;
	background-image: url('../images/user/loginbg.png');
	background-repeat: no-repeat;
}

.login-box {
	width: 466px;
	height: 304px;
	background: #fff;
	border-radius: 4px;
	float: right;
	margin-top: 86px;
	margin-right: 100px;
	padding-top: 60px;
	padding-left: 50px;
	padding-right: 50px;
}

.btn-login {
	margin-right: 25px;
}

.btn-login.focus,
.btn-login:focus {
	color: #fff;
	background-color: #03a9f4;
	border-color: #03a9f4
}

.btn-login:hover {
	color: #fff;
	background-color: #03a9f4;
	border-color: #03a9f4
}

.input-radius {
	border-radius: 30px;
}

/* 用户管理*/

/* .user-manage {
	padding: 5px;
} */

#tree {
	width: 29%;
	overflow: hidden;
	display: inline-block;
	float: left;
	padding-left: 10px;
}

.tree-menu {
	float: right;
	/* position:absolute;
	right:-100px; */
}

.menu-add,
.menu-delete,
.menu-edit {
	margin: 0px 5px;
	cursor: pointer;
	color: #03a9f4;
}

.usergrid-box {
	width: 70%;
	float: right;
	display: inline-block;
	min-width: 500px;
	min-height: 500px;
	float: left;
	padding: 5px;
	float: right;
}

.user-operates {
	text-align: right;
	margin: 5px;
	padding: 5px;
	border-bottom: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.operate {
	cursor: pointer;
	margin: 0px 5px;
}

#pages,
.pages {
	text-align: right;
}

.customModal .form-control {
	display: inline-block;
	width: 95%;
}

#userModal .modal-dialog,
#userinfoModal .modal-dialog {
	width: 980px;
}

.user-form {
	display: inline-block;
	width: 470px;
	float: left;
}

.authorize-ul {
	list-style: none;
	padding: 0px;
	width: 30px;
}

.authorize-ul-2li {
	display: none;
	border-top: 1px solid #eee;
	position: absolute;
	z-index: 1000;
}

.authorize-icon {
	width: 30px;
	display: block;
	text-align: center;
	padding: 5px;
	cursor: pointer;
}

.authorize-icon-un {
	color: red;
}

.authorize-icon:hover {
	background: #E5F5F2;
}

#authorize-syspages {
	text-align: right;
}

/* 注册页面 */

.regist-main {
	margin: 50px auto;
	width: 900px;
}

.regist-main form {
	width: 445px;
	display: inline-block;
}

.regist-header {
	border-bottom: 2px solid #03a9f4;
}

.regist-title {
	font-size: 16px;
	color: #03a9f4;
	padding: 0px 10px;
	border-left: 1px solid #ccc;
}

.mod-useragreement {}

.useragreement-content {
	padding: 20px 0px 16px 0px;
	line-height: 22px;
	width: 700px;
	margin-bottom: 20px;
	margin: 0 auto;
}

.useragreement-content h5 {
	font-size: 14px;
	font-weight: bold;
	padding: 1em 0px;
}

.useragreement-content h3,
.useragreement-content p,
.useragreement-content li {
	line-height: 1.8em;
}

.useragreement-content li {
	text-indent: 2em;
}

.findpwd-box {
	width: 500px;
	margin: 0 auto;
}

#byemail,
#bySecret {
	padding: 20px 0;
}

#bySecret .form-control {
	display: inline-block;
	width: 90%;
}

.showQuestions {
	margin-left: 5px;
	color: #03a9f4;
	cursor: pointer;
}

.msgBox {
	padding: 15px;
	border: 1px solid rgba(202,225,234);
	display: block;
	max-width: 400px;
	font-size: 14px;
	color:#227405;
	font-family:MicrosoftYaHei;
	border-radius: 4px;
	background: rgba(227,247,255);
	margin: 0 auto;
	margin-top: 130px;
	position: absolute;
	z-index: 99999;
}

.msgBox-error {
	border: 1px solid rgba(255, 0, 0, 0.32);
	background: rgba(255, 0, 0, 0.06);
}

.msgBox .msgIcon {
	color: #03a9f4;
}

.msgBox-error .msgIcon {
	color: red;
}

.msgBox .content {
	margin-left: 10px;
}

.loading {
	position: absolute;
	z-index: 1000;
	text-align: center;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.7;
}

.loading img {
	position: absolute;
	z-index: 1001;
}

.timeoutBox {
	margin: 0 auto;
	width: 400px;
	padding-top: 100px;
	color: #454545;
	text-align: center;
}

/* 角色管理 */

#addUsertoRoleModal .modal-dialog {
	width: 1115px;
}

#addApptoRoleModal .modal-dialog {
	width: 1115px;
}

#addUsertoRoleModal .bootstrap-table {
	/* height: 230px; */
}

.title-label {
	padding: 2px 6px;
	margin-bottom: 10px;
	border-radius: 3px;
	/* border: 1px solid #eee; */
	border-left: 3px solid #1b809e;
}

#unincludedbox,
#includedbox,
#unincludedappbox,
#includedappbox {
	width: 500px;
	overflow: auto;
}

/* 系统设置 */

.setting-manage {
	padding: 20px;
}

.side-container {
	background: #ffffff;
	width: 220px;
	height: 600px;
	margin-right: 10px;
}

.rig_content {
	background: #fefefe;
	overflow-x: hidden;
	position: fixed;
	width: calc(100% - 275px);
}

.panel {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
	z-index: 2;
	color: #fff;
	background-color: #039fe6;
	border-color: #039fe6
}

.content-panel {
	display: none;
}

.content-panel.active {
	display: block;
}

.content-panel .panel-heading {}

.heading {
	margin: 27px 35px 45px 35px;
	/* border-left: 1px solid #5ac8fa; */
	border-bottom:1px solid #ddd;padding-bottom:5px;
}

.heading>h3 {
	padding-left: 0 !important;
}

.lebalfont {
	font-weight: normal;
	margin: 0;
	font-size: 14px;
	color: #848484;
	font-family: MicrosoftYaHei;
}

.content-panel .panel-title {
	font-size: 18px;
	color: #3e3e3e;
	padding-left: 10px;
	font-family: MicrosoftYaHei;
	line-height: 18px;
}

.setting-panel {}

.th-inner {
	text-align: center;
}

.table td {
	text-align: center;
}

/*4onemap*/

.foronemap {
	font-size: 13px;
}

.foronemap .onemap_content {
	background: #fefefe;
	/* padding: 10px; */
	overflow-x: hidden;
	width: 100%;
}

.foronemap .panel {
	border: none !important;
	/* margin-bottom: 20px; */
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.foronemap .btn-custom {
	width: auto;
}

.foronemap .headertitle {
	border-bottom: 2px solid #5ac8fa;
}

.foronemap .con_header_text {
	font-size: 16px;
	color: #333;
}

.foronemap .content_header {
	padding-top: 20px;
	padding-left: 15px;
}

.palt_pro_title {
	float: left;
	padding: 10px;
}

.provider-filter {
	background: none repeat scroll 0 0 #eee;
	border-radius: 25px;
	display: inline-block;
	margin-left: 5px;
	padding: 3px 12px;
	color: #2765b0;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

.provider {
	white-space: nowrap;
	color: #777;
	display: inline-block;
	margin-right: 10px;
	padding: 6px 0;
	vertical-align: middle;
	width: 83.33333333%;
	padding: 10px;
	font-size: 12px;
}

.provider-filter.selected {
	background: none repeat scroll 0 0 #5ac8fa;
	color: #fff;
}

/*tree*/

.container {
	margin-left: 50px !important;
}

/*openamConfigure*/

.openam_configure_item {
	display: inline-block;
	width: 200px;
	text-align: center;
}

.configure_item_img {
	margin: 15px 0;
	display: inline-block;
}

.question_mark {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #bdbdbd;
	display: inline-block;
	text-align: center;
	text-indent: -2px;
	line-height: 20px;
	cursor: pointer;
}

.ellipsis {
	display: inline-block;
	margin: 0 20px;
}

.saml_font {
	display: inline-block;
	width: 200px;
	text-align: center;
}

.saml_button {
	display: inline-block;
	width: 200px;
	text-align: center;
}

.boxheader {
	line-height: 42px;
	text-indent: 19px;
	height: 42px;
	border-bottom: 1px solid #dbdbdb;
	font-size: 20px;
	color: #676767;
	font-family: MicrosoftYaHei;
}

.contentbox {
	border-radius: 2px;
	background: #f8f8f8;
	border: 1px solid #eaeaea;
}

.saml_button_item {
	padding: 0 20px;
	border: none;
	width: auto;
	height: 34px !important;
	background: #03b8f4;
	color: #ffffff;
}

#btnCreateSys {
	width: 112px;
	height: 40px;
	color: #ffffff;
	font-family: MicrosoftYaHei;
	font-size: 18px;
	background: #009f30;
	text-align: center;
	margin-top: 13px;
	border: none;
	cursor: pointer;
}

#btnDownload {
	margin-top: 24px;
	text-align: center;
	color: #ffffff;
	font-family: MicrosoftYaHei;
	font-size: 18px;
	cursor: pointer;
}

#btnuploadsp {
	border-radius: 2px;
	margin-top: 24px;
	text-align: center;
	color: #ffffff;
	font-family: MicrosoftYaHei;
	font-size: 18px;
	display: inline-block;
	cursor: pointer;
}

.boximg {
	margin: 0 30px;
	float: left;
}

.boxfont {
	margin-top: 13px;
	font-size: 14px;
	color: #3e3e3e;
	font-family: MicrosoftYaHei;
}

.choice {
	margin: 0 5px 0 0;
	display: inline-block;
}

.inputbox {
	width: 512px;
	height: 31px;
	padding-left: 10px;
	border: 1px solid #bdbdbd;
}

/* new menu  */

#menu {
	background-color: #3572FB;
	padding-left: 0;
	padding-right: 0;
	/* min-width: 1100px; */
	height: 58px;
	display: flex;
	align-items: center;
}

#cssmenu>ul a:link {
	text-decoration: none;
}

#cssmenu>ul a:active {
	color: #ffa500;
}

#cssmenu li {
	padding: 0;
	color: #000;
}

#cssmenu {
	font-family: "Microsoft YaHei", serif, sans-serif;
	width: 100%;
	/*-webkit-border-radius: 3px;*/
	/*-moz-border-radius: 3px;*/
	/*-ms-border-radius: 3px;*/
	/*-o-border-radius: 3px;*/
	/*border-radius: 3px;*/
	background: #3572FB;
	font-size: 14px;
	/*-moz-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.3);*/
	/*-webkit-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.3);*/
	/*box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.3);*/
}

#cssmenu>ul {
	padding: 0 5px;
	/*-moz-box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.3);*/
	/*-webkit-box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.3);*/
	/*box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.3);*/
	/*-webkit-border-radius: 3px;*/
	/*-moz-border-radius: 3px;*/
	/*-ms-border-radius: 3px;*/
	/*-o-border-radius: 3px;*/
	/*border-radius: 3px;*/
	display: flex;
	float: none;
	zoom: 1;
	list-style: none;
}

#cssmenu>ul:before {
	content: '';
	display: block;
}

#cssmenu>ul:after {
	content: '';
	display: table;
	clear: both;
}

#cssmenu>ul>li {
	padding: 0px 0px;
}

#cssmenu>ul>li>a,
#cssmenu>ul>li>a:link,
#cssmenu>ul>li>a:visited {
	/*min-width: 125px;*/
	height: 58px;
	/*text-shadow: 0 -1px 1px #004881;*/
	color: #dbeaff;
	color: white;
	padding: 7px 20px;
	display: flex;
	font-family: "Microsoft YaHei", serif;
	font-size: 15px;
	align-items: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}

#cssmenu>ul>li>a:hover,
#cssmenu>ul>li:hover>a {
	background-color: #2a6af6;
}

#cssmenu>ul>li>a.activeItem {
	background-color: #085cd2;
	position: relative;
}

#cssmenu>ul>li>a>span {
	width: 100%;
	text-align: center;
}

#cssmenu li li a {
	color: #8b8b8b;
	font-size: 14px;
}

#cssmenu li li a:hover {
	color: #2968f4;
	/*background-color: lightgrey;*/
	/*border-color: #5c5c5c;*/
	/*border-bottom: 3px solid #2884FF;*/
}

#cssmenu li li a:hover>span {
	padding-bottom: 7px;
	border-bottom: 3px solid #2884FF;
}

#cssmenu li li a.activeItem {
	/*color: #5c5c5c;*/
	color: blue;
	/*background-color: lightgrey;*/
	border-color: #5c5c5c;
}

#cssmenu ul ul {
	/* height: 32px; */
	padding: 0 10px;
	float: none;
	background: #efefef;
	/*border-bottom: 1px solid #1b9bff;*/
	right: 0;
	left: 0;
	/* border: solid 1px #c7d0db; */
	/*-webkit-border-radius: 0 0 3px 3px;*/
	/*-moz-border-radius: 0 0 3px 3px;*/
	/*-ms-border-radius: 0 0 3px 3px;*/
	/*-o-border-radius: 0 0 3px 3px;*/
	/*border-radius: 0 0 3px 3px;*/
	/*-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
	/*-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
}

#cssmenu ul>li>ul>li {
	margin: 0;
	position: relative;
	padding: 0;
	float: left;
	/* height: 32px; */
	text-align: center;
}

#cssmenu ul>li>ul>li>a {
	padding: 10px 10px 10px 10px;
	display: block;
	/* border-left: solid 1px #c7d0db;
    border-right: solid 1px #c7d0db; */
}

#cssmenu ul>li>ul>li.has-sub>a:before {
	content: '';
	position: absolute;
	top: 18px;
	right: 6px;
	border: 5px solid transparent;
	border-top: 5px solid #8b8b8b;
}

#cssmenu ul>li>ul>li.has-sub>a:hover:before {
	border-top: 5px solid #5c5c5c;
}

#cssmenu ul ul ul {
	width: 200px;
	top: 100%;
	border: 2px solid #1b9bff;
}

#cssmenu ul ul ul li {
	float: none;
}

/* btn */

.btn {
	height: 30px;
	vertical-align: middle;
	background-color: #14A1FF;
	width: auto;
	padding: 3px 9px 3px 9px;
}
.columnleft{
	font-size:14px;
	color:#848484;
	font-family: "微软雅黑";
}

.deletebtn{
	font-size:12px;
	color: #5b9ebc;
	border:1px solid rgb(216,213,213);
	border-radius:2px;
	background: rgb(242,242,242);
	width:134px;
	height:32px;
}
.deletebtn:hover{
	background: #14A1FF;
	color: #ffffff;
}

.explain{
	font-size:12px;
	text-indent: 165px;
	margin-top:10px;
}

.file{
    display: inline-block;
    font-size: 14px;
    text-align:center;
    line-height:32px;
    color: #5b9ebc;
    margin-left: 20px;
    border: 1px solid rgb(216,213,213);
    border-radius: 2px;
    background: rgb(242,242,242);
    width: 90px;
    height: 30px;
}

.filename{
	color:#d96920;
	font-size: 14px;
	display:inline-block;
	margin-left:20px;
}