body {
    font-family: "微软雅黑","Microsoft Yahei";
	background: #1b2633;
}
a {
	color: #fff;
}
a:hover, a:focus {
	color: #05414e;
	outline: none;
}
input:focus {
	outline: none;
	box-shadow: none!important;
	border-color: inherit!important;
}
.input-lg {
	width: 220px;
}
.input-lg .select2-choice {
	height: 30px;
}
.m-l20 {
	margin-left: 20px;
}
.navbar .navbar-inner {
	background: #1b2633;
	border-bottom: 1px solid #05414e;
	border-top: none;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus,
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover{
	background: #3c4855!important;
}
#header .brand {
	padding: 5px 20px;
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
}
#header .menu {
	font-size: 15px;
}
.navbar .nav>li>a {
	color: #acb9be;
}
#left {
	background: #011c22;
}
#footer {
	border-top: none!important;
}
.accordion .accordion-heading {
	color: #acb9be;
	background: #023b49;
}
.accordion .accordion-heading .accordion-toggle {
	padding: 12px 15px;
	font-family: auto;    
	letter-spacing: 1px;
    font-size: 15px;
	color: #acb9be;
	background: #05414e;
}
.accordion .accordion-inner {
	background: #012d33;
	border-top: none;
}
.accordion .nav-list>li>a,.accordion  .nav-list .nav-header {
	text-shadow: none;
	color: #acb9be;
}
.accordion .nav-list>.active>a, .accordion .nav-list>.active>a:hover, .accordion .nav-list>.active>a:focus {
	background-color: #3c4855;
	color: #fff;
}
.accordion .nav>li>a:hover, .accordion .nav>li>a:focus {
	background-color: #3c4855;
	color: #fff;
}
.accordion-inner .nav-list li a {
    padding: 8px 0px 8px 25px;
}
.accordion .accordion-group {
	border: none;
	border-bottom: 1px solid #1a494e;
}
.accordion i[class^="icon-"] {
	font-size: 14px;
	opacity: 1;
}
/* tab  */
.tab_pages .tab_selected .tab_left {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ced8e0;
}
.jericho_tab .tab_pages {
	background: none!important;
	border-bottom: 1px solid #283649;
}
.jericho_tab .tab_pages .jericho_tabs {
	position: relative;
	padding-right: 1px;
}
.jericho_tab .tab_pages .tab_unselect .tab_left {
	border-radius: 5px 5px 0 0;
	padding: 0 10px 0 5px;
	color: #6c757f!important;
	background: #2d3645!important;
}
.jericho_tab .tab_pages .tab_selected div.tab_left {
	border-radius: 5px 5px 0 0;
	padding: 0 10px 0 5px;
	color: #d3d6d9!important;
	background: #394755!important;
}
.jericho_tab .tab_pages .jericho_tabs div.tab_right {
	width: 1px!important;
	height: 20px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #485563!important;
}
.jericho_tab .tab_pages .jericho_tabs:last-child div.tab_right {
	width: 0!important;
}
.jericho_tab .tab_close a {
	margin-top: 0!important;
	position: relative;
	background: none!important;
	    overflow: visible!important;
}
.jericho_tab .tab_unselect .tab_close a {
	color: #6c757f!important;
}
.jericho_tab .tab_close a:hover {
	color: #d3d6d9!important;
}
.jericho_tab .tab_close a:before {
	position: absolute;
	top: -2px;
	right: -7px;
	    content: '+';
	    display: inline-block;
	    font-size: 20px;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
}
.tabs .jericho_tabs,.tabs  .tab_left,.tabs .tab_text { 
	width: auto!important;
}
.tabs .tab_text {
	margin-right: 10px!important;
}
#tip h1 {
	background-color: #1b2633!important;
}
table caption {
	margin-bottom: 15px;
	font-size: 20px!important;
	font-weight: normal!important;
	color: #fff;
}
.table {
	background-color: transparent!important;
	border-collapse: collapse;
}
table td, table th{
	color: #acb9be;
	line-height: 26px;
	border: 1px solid #283140;
}
.table th, .table td {
	border-top: 1px solid #283140;
}
.table-bordered,.table-bordered th, .table-bordered td {
	color: #acb9be;
	border: 1px solid #283140;
}
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
	background-color: #1d2d3c;
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
	background-color: #323b4a!important;
}
.table th {
	font-weight: normal;
	background: #244653;
}
.table td a:not(.btn) {
	color: #43b3bb;
}
.pagination {
	width: 100%;
	text-align: center;
	color: #c1c3c8;
}
.pagination ul>li>a,.pagination ul>li>span {
	margin-right: 5px;
	color: #c1c3c8;
	background-color: #39414f;
	border: 1px solid #616772;
	border-radius: 4px;
}
.pagination ul>.active>a, .pagination ul>.active>span {
	color: #43b3bb;
	background: transparent;
	border: 1px solid #43b3bb;
}
.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span {
	color: #43b3bb;
    background-color: transparent;
	border: 1px solid #43b3bb;
}
.pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus {
	background-color: #39414f;
	border: 1px solid #616772;
}
.pagination .controls a {
	border: none!important;
	background: transparent!important;
}
.pagination .controls input {
    border: 0;
    color: #c1c3c8;
    width: 30px;
    background: #39414f;
	border: 1px solid #616772;
}
.status.status-pass {
	color: #24bd54;
}
.status.status-danger {
	color: red;
}


.starhead {
	 margin-left: 10px!important;
 }
.starhead>div {
	display: flex;
	flex-flow: column;
	width: 23%;
	border-radius: 10px;
	background: #1a2e3a!important;
	border: 1px solid #495f6f;
}
.starhead .details {
	float: none;
	display: flex;
	flex: 1;
	justify-content: space-between;
	align-items: center;
}
.starhead .details .number {
	padding-top: 0;
	padding-left: 10px;
	font-size: 28px;
}
.starhead .details .desc {
	padding-right: 10px;
}
.starhead .more {
	font-size: 12px;
}
.table-common-wrap  {
	 margin-left: 20px!important;
 }
.table-common-wrap .table {
	font-size: 14px;
	line-height: 20px;
}
.table .btn+.btn {
	margin-left: 5px;
}
 /* 按钮 */
 .btn:focus {
	 outline: none!important;
 }
.btn-primary {
	background: #43b3bb;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, 
.btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]  {
	background: rgba(67,179,187,.9);
}
.btn-info {
	background: #f0ad4e;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, 
.btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background: rgba(240,173,78,.9);
}
.btn-success {
	background: #1ca883;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, 
.btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	background: rgba(28,168,131,.9);
}
.btn-inverse {
	background: #337ab7;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, 
.btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background: rgba(51,122,183,.9);
}

#btnCancel,.layui-layer-btn1 {
	color: #767c86!important;
	border: 1px solid #767c86!important;
	background: transparent!important;
	box-shadow: none;
	text-shadow: none;
}

/* 登录页 */
.form-signin-heading {
	letter-spacing: 3px;
}
.form-signin .input-label {
	display: block;
	margin-bottom: 10px;
	color: #a3a7ae!important;
	letter-spacing: 1px;
}
.form-signin .input-block-level {
	margin-bottom: 20px!important;
}
.form-signin .btn-primary {
	font-size: 20px;
}
.form-signin+.footer {
	position: absolute;
	bottom: 20px;
	left:50%;
	transform:translate(-50%);
}
/* 搜索模块 */
.form-search {
	background: transparent;
}
.form-search li {
	text-shadow: none!important;
}
.form-search li input[type="text"],.control-group  input[type="text"],
.form-search li input[type="password"],.control-group  input[type="password"],
.control-group  textarea, .control-group  .select2-choice,
table input[type="text"],table input[type="password"],
.form-search li select {
	width: 220px;
	height: 32px;
	box-sizing: border-box;
	color: #bfc2c6!important;
	background: #283241;
	border: 1px solid #5c636f!important;
}
.pagination .controls input {
	width: 30px!important;
}
.form-search li input[type="text"]:-webkit-autofill,.control-group  input[type="text"]:-webkit-autofill,
.form-search li input[type="password"]:-webkit-autofill,.control-group  input[type="password"]:-webkit-autofill,
table input[type="text"]:-webkit-autofill,table input[type="password"]:-webkit-autofill{
	box-shadow: 0 0 0 1000px #283241 inset;
	-webkit-text-fill-color: #bfc2c6;
}
.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
	background: #283241!important;
}
.textarea {
	width: 220px;
	box-sizing: border-box;
}
.control-group {
	border-bottom: none!important;
}
.controls a {
	color: #43b3bb;
}
.controls a:hover {
	color: #43b3bb;
}
.control-group .control-label, .form-search li label,
input[type="checkbox"]+label,label{
	color: #a3a7ae;
}
.control-group table td,.horizontal table td {
	border: none!important;
}
.input-append input {
	width: 160px!important;
	height: 30px;
	box-sizing: border-box;
	background: #283241;
	border: 1px solid #5c636f;
}
.input-append .btn {
	background: #283241;
	box-shadow: none;
	border: 1px solid #5c636f;
	text-shadow: none;
	color: #bfc2c6;
	width: 61px!important;
	box-sizing: border-box;
	padding: 0!important;
	height: 32px!important;
	line-height: 28px!important;
}
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	outline: none!important;
	box-shadow: none!important;
}
.form-search .btn+.btn {
	margin-left: 5px;
}

.form-actions {
	border-top: 1px solid #5c636f!important;
	background: transparent!important;
}
.select2-container.input-medium {
	width: 220px;
}
.select2-container .select2-choice {
	background: #283241;
	color: #bfc2c6;
	width: 220px;
	height: 30px;
	box-sizing: border-box;
}
.select2-medium .select2-choice {
	width: 163px;
}
.select2-dropdown-open .select2-choice {
	box-shadow: none!important;
}
.select2-drop  {
	background: #283241!important;
	border: 1px solid #5c636f!important;
}
.select2-results {
	color: #bfc2c6!important;
}
.select2-results .select2-highlighted,.select2-result:hover {
    background: #3c4855;
}
.select2-drop .select2-drop-active {
	border: 1px solid #434343;
}
.select2-search input {
	margin-top: 10px;
	color: #bfc2c6;
	border: 1px solid #5c636f;
	background: #283241 url(../jquery-select2/3.4/select2.png) no-repeat 100% -22px;
}
.select2-container .select2-choice .select2-arrow {
	background: #283241;
	box-shadow: none;
	border-left: 1px solid #5c636f;
	text-shadow: none;
	color: #bfc2c6;
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
	color: #bfc2c6!important;
	background: #3c4855!important;
}


/* nav-tabs */
.nav-tabs {
	border-bottom: 1px solid #3e4446!important;
}
.nav-tabs li a {
	color: #acb9be;
	border: none;
	border-bottom: 2px solid transparent;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus,
.nav-tabs li a:hover{
	background: transparent;
	border: none;
	border-bottom: 2px solid #43b3bb;
	color: #43b3bb;
}

/* 弹框 */
.layui-layer-title {
	color: #e0e1e4!important;
	background: #323b4a!important;
	border-bottom: none!important;
}
.layui-layer-content,.layui-layer-btn ,
.jbox-content,.jbox-button-panel{
	background: #1b2535!important;
}
.jbox-content {
	color: #a3a7ae!important;
}
.layui-layer-input {
	background: #283241!important;
	border: 1px solid #283241!important;
}
div.jbox .jbox-container {
	border: none;
}
.jbox-title-panel {
	color: #e0e1e4!important;
	background: #323b4a!important;
	border-bottom: none!important;
}
.jbox-title-panel .jbox-title {
	color: #e0e1e4!important;
	font-weight: normal!important;
}
div.jbox .jbox-border {
	border: none;
}
div.jbox .jbox-button-panel {
	border-top: none!important;
	/* background: #323b4a!important; */
	background: #1b2535!important;
}
.jbox-button-panel .jbox-button {
	color: #767c86!important;
	border: 1px solid #767c86!important;
	background: transparent!important;
	box-shadow: none;
	text-shadow: none;
	border: none;
} 
.jbox-button-panel .jbox-button-focus {
	color: #fff!important;
	background: #43b3bb!important;
}
.jbox-button-panel .jbox-button[value="ok"] {
	color: #fff!important;
	background: #43b3bb!important;
}
.jbox-button-panel .jbox-button[value="cancel"] {
	color: #767c86!important;
	background: transparent!important;
}
.jbox-tip .jbox .jbox-content {
	background: #141414!important;
}
.jbox-tip .jbox .jbox-content>div {
	padding: 10px 50px!important;
	font-size: 14px;
}
.jbox-tip .jbox .jbox-content .jbox-icon {
	top: 12px!important;
	left: 20px!important;
}

.el-switch .el-switch-style {
	top: 5px!important;
}
/* 档案管理 */
.device-name-input {
	margin-right: 5px;
	width: 215px;
}
.device-types {
	margin-right: 5px;
	width: 190px;
}

/* 设备添加 */
.form-horizontal-devices .control-group {
	margin-top: 10px;
}
.form-horizontal-devices .select2-container{
	width: 220px;
}
.form-horizontal-devices .input-append input{
	width: 160px;
}

/* 选择区域 */
.form-search label {
	color: #a3a7ae;
}
.form-search label+input {
	color: #bfc2c6;
	background: #283241;
	border: 1px solid #5c636f;
}
.form-search label+input[value="通过"] {
	color: #fff;
	background: #43b3bb;
	border: 1px solid #43b3bb;
}
.form-search label+input+.btn {
	color: #fff;
	background: #43b3bb;
	outline: none;
	box-shadow: none;
	text-shadow: none;
	border: none;
}
.form-search label+input+.btn:hover  {
	background: rgba(67,179,187,.9);
}
.ztree li span {
	color: #a3a7ae;
}

/* 日历 */
.Wdate {
	color: #bfc2c6!important;
	background: #283241 url(../My97DatePicker/skin/datePicker.gif) no-repeat right!important;
	border: 1px solid #5c636f!important;
}
.WdateDiv .NavImg a,
.WdateDiv .yminput,
.WdateDiv .yminputfocus,
.WdateDiv #dpQS {
	background: url(img.png) no-repeat!important;
}
.accordion-group {
	border: 1px solid #616772;
}
.accordion-group .accordion-heading {
	background: #323b4a;
}
.accordion-heading .accordion-toggle {
	color: #acb9be;
}
.accordion-group .form-search input{
	color: #bfc2c6;
	background: #283241;
	border: 1px solid #5c636f;
}
.accordion-group .form-search button{
	margin-top: 4px;
	color: #fff;
	background: #43b3bb;
	outline: none;
	box-shadow: none;
	text-shadow: none;
	border: none;
}
/* 个人信息 */
#nameImagePreview+.btn {
	color: #fff;
	background: #43b3bb;
	border: 1px solid #43b3bb!important;
	box-shadow: none;
	text-shadow: none;
}
#nameImagePreview+.btn+.btn {
	color: #767c86!important;
	border: 1px solid #767c86!important;
	background: transparent!important;
	box-shadow: none;
	text-shadow: none;
}

/* 地图设备类型 */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	background-color: #323b4a!important;
}
.list-group-item {
	/*padding: 8px 15px!important;*/
	padding: 7px 7px!important;
	color: #bfc2c6!important;
	background-color: #1b2535!important;
	border-radius: 0!important;
	border: none!important;
	border-bottom: 1px solid #434343!important;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #bfc2c6!important;
    background-color: #3c4855!important;
}
.list-group-item span {
	display: inline-block;
	/*width: 32px;*/
	width: 20px;
	text-align: center;
	margin-right: 5px;
}
.list-group-item span img {
	width: 16px;
}
/* 短信 */
.modal-header {
	border-bottom: none!important;
	background: #323b4a!important;
}
.modal-header h3,.modal-header .modal-title {
	font-size: 16px;
	font-weight: normal;
	color: #E0E1E4!important;
}
.modal-header button {
	font-size: 24px;
	color: #E0E1E4!important;
}
.modal-body,.modal-footer {
	background: #1b2535!important;
}
.modal-body {
	font-size: 14px;
	/* display: flex;
	align-items: center; */
}
.modal-body input[type="text"] {
	margin-bottom: 0!important;
	height: 32px;
	border: none;
	box-sizing: border-box;
	color: #bfc2c6;
	background: #2b3241;
}
.renewal-often {
	margin-left: 5px;
	margin-right: 20px;
}
.modal-footer {
	border-top: none!important;
	box-shadow: none!important;
}

#officeName {
	height: 32px!important;
}

.WdateDiv #dpQS {
	border-radius: 50%;
	overflow: hidden;
}
.select2-container-active .select2-choice, .select2-container-active .select2-choices {
	border: 1px solid #5c636f;
}

.map-device-info {
	color: #bfc2c6!important;
	background: #323b4a!important;
}
/*地图标题 infoWindow*/
.BMap_bubble_title {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    background: transparent !important;
}

.BMap_pop .BMap_top {
    background: #323b4a !important;
    border: 0 !important;
}

.BMap_pop .BMap_center {
    border: 0 !important;
    background:#323b4a !important;
}

.BMap_pop .BMap_bottom {
    border: 0 !important;
    background: #323b4a !important;
}

.BMap_pop div:nth-child(3) {
    background: transparent !important;
}

.BMap_pop div:nth-child(3) div {
    border-radius: 3px;
    background: #323b4a !important;
    border: 0 !important;
}

.BMap_pop div:nth-child(1) {
    border-radius: 3px 0 0 0;
    background: transparent !important;
    border: 0 !important;
}

.BMap_pop div:nth-child(1) div {
    background: #323b4a !important;
}

.BMap_pop div:nth-child(5) {
    border-radius: 0 0 0 3px;
    background: transparent !important;
    border: 0 !important;
}

.BMap_pop div:nth-child(5) div {
    border-radius: 3px;
    background: #323b4a !important;
}

.BMap_pop div:nth-child(7) {
    background: transparent !important;
    left: 226px;
}

.BMap_pop div:nth-child(7) div {
    border-radius: 3px;
    background: #323b4a !important;
}

img[src="http://api.map.baidu.com/images/iw3.png"] {
	content: url('../images/iw3.png');
}

img[src="https://api.map.baidu.com/images/iw3.png"] {
    content: url('../images/iw3.png');
}