@charset "UTF-8";


body {
	font-size: 12px;
    text-shadow: none;
    background-color: #e9e9e9;
}

/** 全局设置 **/
.row {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
    margin-bottom: 0.5rem;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.skin-settings {
	width: 85px;
	right: -85px;
}
.skin-sett-body h4 {
	font-size: 1rem;
}
.skin-settings .skin-sett-icon {
    width: 34px;
    height: 35px;
    left: -33px;
    line-height: 33px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.skin-settings .skin-sett-body {
	padding: 6px;
}
.skin-settings .skin-colors li a {
	width: 27px;
	height: 27px;
	margin: 3px;
}






/** 全局下拉条样式 **/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
/*     background: #6c757d; */
    background: #3e84d8;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #ededed;
}




/** login page **/
.login-wrapper .loginbox .login-left {
	padding: 35px;
}
.login-wrapper .loginbox .login-left .system-name {
	color: white;
    font-size: 30px;
    margin-top: 30px;
}
.login-wrapper .loginbox .login-right {
	display: inline;
}
.login-wrapper .loginbox .login-right h1.login {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.form-signin .input-group {
	margin-bottom: 1.25rem;
}
.form-signin input.form-control {
	font-size: 16px;
}
.form-signin .input-group .code {
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin .input-group .input-group-text-code {
	padding: 0;
	border-left-width: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin .form-group .btn {
	font-size: 1.2rem;
}


.sidebar {
	width: 210px;
}
@media only screen and (min-width: 992px) {
	.mini-sidebar .sidebar {
	    width: 50px;
	}
}

.sidebar-menu li a {
	font-size: 14px;
}
.sidebar-menu > ul > li > a {
	padding: 0.5rem 0.625rem;
}
.sidebar .sidebar-menu > ul > li > a span {
	margin-left: 0.5rem;
}

.sidebar-menu .menu-arrow {
	right: 12px;
}

/** index(header) **/
.sidebar-menu ul li a i.fa {
    font-size: 16px;
    line-height: 22px;
}

.sidebar-menu ul ul a.active {
	font-weight: bold;
}

.header .header-left {
	width: auto;
    padding-left: 0px;
    padding-right: 0px;
}
/* .header .header-left .logo { */
/*     width: 280px; */
/* } */
.header .header-left .logo {
    line-height: 56px;
}
.header .header-left .system-name {
	color: white;
    font-size: 20px;
}

.user-name {
    color: #fff;
    font-size: 14px;
    line-height: 58px;
    padding-left: 5px;
}

.user-name-label {
	margin-top: 10px;
}

@media only screen and (max-width: 991.98px) {
	#toggle_btn {
/* 		display: ''; */
	}
	.mobile_btn {
		position: static;
	}
	.header .header-left {
		position: static;
	}
}
@media only screen and (max-width: 499.98px) {
	.header .header-left .system-name {
	    font-size: 14px;
	}
}
@media only screen and (min-width: 992px) {
	#toggle_btn {
		margin-left: 0px;
/* 		padding-right: 0px; */
	}
	.mini-sidebar .header .header-left {
		width: auto;
		padding: 0;
	}
}
@media only screen and (max-width: 767.98px) {
	.user-name {
	    display: none;
	}
}
.user-img {
	margin-right: 0;
}
.user-menu .dropdown-menu {
	min-width: 8rem;
	margin: 0;
	font-size: 12px;
	padding: .4rem 0;
}
.user-menu .dropdown-menu .dropdown-item {
	border-top: 0;
	padding: 7px 20px;
}
.dropdown-menu .dropdown-item i {
	margin-right: 10px;
}






/** 菜单 **/
.sidebar-menu {
	padding: 8px;
}
.sidebar-menu .submenu ul li a i.fa{
	margin-right: 8px;
    font-size: 16px;
    line-height: 17px;
    width: 17px;
    vertical-align: baseline;
}
.sidebar-menu ul ul a {
	font-size: 14px;
}







/** 页面正文 **/
.main-wrapper-dialog {
	background-color: white;
}
.page-wrapper {
    margin-left: 210px;
}
@media only screen and (min-width: 992px) {
	.mini-sidebar .page-wrapper {
	    margin-left: 50px;
	}
}
.page-wrapper > .content {
    padding: 0.5rem;
}





/** 面包屑 **/
.breadcrumb {
/* 	margin-top: 10px; */
	margin-bottom: 0.5rem;
	background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}





/** home panel **/
.dash-count .number {
	float: left;
}
.dash-count .unit {
    line-height: 2.4rem;
    margin-left: 8px;
}
@media only screen and (max-width: 767.98px) {
	.dash-count .unit {
	    line-height: 1.9rem;
	}
}





/** 内容 **/
.card .card-header .card-title {
	font-size: 14px;
}
.card {
	margin-bottom: 0;
}
.card-dialog {
	box-shadow: none;
}
.card-header {
	padding: 1rem;
}
.card-body {
    padding: 1rem;
}
.ui-list-header {
	padding-bottom: 0.5rem;
}
.ui-list-body {
	padding-top: 0.5rem;
}
.operate-bar .btn {
	margin-bottom: 10px;
}
.form-control {
	font-size: 12px;
	height: 30px;
	border: 1px solid #cccccc;
}
.input-group .form-control {
	height: 36px;
}
.input-group-addon .form-control {
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}
/* .form-group label { */
/* 	color: #757575; */
/* } */
@media only screen and (min-width: 767.98px) {
	.form-group label {
		text-align: right;
	}
}
.ui-select {
    width: 100%;
/*     height: 30px; */
    padding: 4px 8px;
/*     font-size: 14px; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    -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;
}
.ui-search {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}
.ui-search .ui-search-item {
    float: left;
    padding: 0.25rem 0.5rem;
/*     margin-right: 10px; */
/*     margin-bottom: 8px; */
}
.ui-search-item input {
    width: 200px;
}
.ui-search-item .form-control {
    display: inline-block;
}
.ui-search-item .ui-select {
    width: auto;
}
.ui-search-item label, .ui-search-item input, .ui-search-item ul, .ui-search-item select {
    margin-bottom: 5px;
}
.ui-search-item:last-child {
    margin-right: auto;
}
input.date[readonly], input.year[readonly] {
    cursor: pointer;
    width: 7rem;/*8.25rem;*//*120px;*/
    background: #f7f7f7 url(../../js/my97DatePicker/skin/datePicker.gif) no-repeat right 3px center;
}

.ztree {
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
ul.ztree {
    overflow-x: auto;
}
.ztree li {
    line-height: 24px;
}
.ztree li a.curSelectedNode {
	height: 24px;
}
.ztree .line {
	height: auto;
}
.ztree * {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
}

/** 解决左边图标上浮的问题 **/
.ztree li span.button.ico_open, .ztree li span.button.ico_close {
	vertical-align: sub;
}



/** 树形面板样式 **/
.ui-tree-panel {
    overflow: auto;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	width: 100%;
	height: 445px;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


.card-title i {
	margin-right: 8px;
}
.ui-dialog {
/* 	font-size: 1rem; */
}
.ui-plan-list-item label {
	margin-bottom: 0;
}
.ui-plan-list-item input[type=checkbox] {
    height: 1rem;
    width: 1rem;
    vertical-align: middle;
    margin-right: 8px;
}
.ui-linkage {
    width: auto;
    margin-right: 8px;
    display: inline-block;
}
.fa-hover {
	font-size: 18px;
}
.ui-icon {
    font-size: 18px;
}
/**按钮操作栏**/
.action-bar {
	text-align: center;
	padding-top: 10px;
}
.action-bar .btn {
	margin-bottom: 10px;
}
.badge {
    font-size: 100%;
}

/** 红色星号，常用于必填项的标记 **/
.red {
	color: red;
}
.red-star {
	color: red;
	margin-right: 5px;
}
.red-star-right {
	color: red;
	margin-left: 5px;
}
.gray {
	color: gray;
}
.font-gray {
	color: gray;
}
/** 注释文字 **/
.ui-explain {
	color: #a2a2a2;
}
.map_canvas {
    width: 100%;
    height: 550px;
    border: 1px solid #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/** 弹出框的样式 **/
.ui-dialog-body {
    padding: 5px;
}

.btn {
	padding: .275rem .75rem;
    font-size: 12px;
}

/** 单选框样式 **/
.custom-radio {
	float: left;
	line-height: 30px;
}
.custom-radio:not(:first-child) {
	margin-left: 20px;
}
.custom-checkbox {
	float: left;
	margin-right: 20px;
	line-height: 30px;
}
.custom-control-label {
	cursor: pointer;
}
.custom-control-label::before {
	top: 0.4rem;
}
.custom-control-label::after {
	top: 0.4rem;
}



.ui-dialog-content {
/*     display: inline-block; */
}
.search-btn {
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


.form-control:disabled, .form-control[readonly] {
	background-color: #f7f7f7;
}

.card-title-name {
	color: #6c757d;
}


.ui-button-label {
	padding: 5px 0;
}
.uploadifive-button {
	border-radius: 5px;
	font-size: 12px;
}



.col-form-label {
	padding-top: 0;
	padding-bottom: 0;
    line-height: 2.25;
}

.col-form-content {
    line-height: 2.25;
}


.table td, .table th {
	padding: 0.5rem;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
	padding-right: 20px;
}

/** 简单表格 **/
.simple-table td, .simple-table th {
	padding: 0.25rem;
}
.notifications .noti-content {
	width: 240px;
}
.topnav-dropdown-header .notification-title {
	font-size: 12px;
}
.user-menu.nav > li > a {
	font-size: 14px;
}
.topnav-dropdown-header {
	border-bottom: 1px solid #ddd;
}
.dropdown-divider {
    border-top: 1px solid #ddd;
}

.face {
	height: 300px;
    width: 250px;
	background-color: #fff;
    border-color: #dcdee2;
    border-style: dashed;
    cursor: pointer;
}
.face.active, .face:active {
    background-color: #fff;
    border-color: #2b85e4;
    color: #2b85e4;
}




.ui-search-panel {
    margin-bottom: 6px;
}
.ui-list-panel {
    border: 1px solid #DDDDDD;
    height: 292px;
    background: #EAEAEA;
    overflow-y: auto;
}
.ui-list-row {
    margin: 1px 1px 0 1px;
    padding: 0 5px;
    line-height: 28px;
}
.ui-list-row:nth-child(odd) {
	background: #FFFFFF;
}
.ui-list-row:nth-child(even) {
	background: #F9F9F9;
}

.ui-page-panel {
    margin: 5px 0 0;
    border: 1px solid #D5DFE8;
    background: #EEF3F7;
    padding: 0px 5px;
}
.ui-page-item, .ui-page-info-item {
    margin-right: 10px;
    font: normal 13px/27px 微软雅黑;
}
.ui-list-row-data {
	margin-left: 5px;
	margin-right: 5px;
}
.ui-list-row-operate {
	float: right;
    margin-right: 5px;
}

.ui-label {
    border: 1px solid #D5DFE8;
    min-height: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: #f7f7f7;
    padding: 4px 12px;/*padding: 3px;*/
    line-height: 20px;
    border-radius: 4px;
}



/** 弹出框控件样式调整 **/
.ui-dialog {
	font-size: 13px;
}
.ui-dialog-title {
    padding: 8px;
}
.ui-dialog-close {
    top: 9px;
    right: 9px;
}
.ui-dialog .ui-dialog-content {
    padding: 0.25em;
}
.ui-dialog-footer {
    padding: 0 8px 8px 8px;
}
.ui-dialog-footer button {
    padding: 5px 12px;
    line-height: 1.4;
    font-size: 12px;
}
.ui-dialog-content .input-group .form-control {
    height: 30px;
}


.dialog-body {
	padding-bottom: 2.5rem;
}