body {
	margin-top:0;
	overflow:hidden;
	line-height:0px;
	font-family:arial;
	font-size:12px;
}
#header {
	height:40px;
	line-height:40px;
}
#header img {
	height:30px; 
	margin-left:10px;
	margin-right:10px;
}
#company, .space-line, .viewer-title {
	color:#FFF;
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
}

#content {
	margin-left:0; 
	border-top-left-radius:0;
	padding-bottom:0;
}

#map_container {width:100%; height: 100%; }
.amap-logo,
.amap-copyright {
	display:none;
}

/**********************************************************/
.big-data-container {
	position:absolute;
	top:50px;
	left:10px;

}
.big-data-box {
	box-sizing:border-box;
	border-radius:4px;
	display:block;
	background-color:rgba(255,255,255,0.1);
	font-family: 微软雅黑;
	margin-top:20px;
}
.big-data-box .title {
	height:60px;
	line-height:60px;
	font-size:24px;
	color:#f8b551;
	padding:0 30px;
	background-color:rgba(255,255,255,0.1);
}
.big-data-box .content{
	padding:20px 30px 20px 30px;
}
.big-data-box ul {
	list-style:none;
	clear:both;
	display:inline-block;
	margin:0px;
	margin-bottom:10px;
}
.big-data-box ul li{
	float:left;
	width:37px;
	height:53px;
	display:inline-block;
	background-color:#0e90d2;
	margin-right:7px;
}
.big-data-box .li-warning li{
	background-color:#faa732;
}
.big-data-box .li-success li{
	background-color:#5eb95e;
}
.big-data-box .value{
	font-size:55px;
	color:#FFFFFF;
	letter-spacing:12px;
	position:relative;
	top:-38px;
}
.big-data-box .progress {
	margin-bottom:0px;
}
.big-data-box .progress .bar {
	line-height:20px;
}
/**********************************************************/

.tool-bar-container {
	position:absolute;
	top:10px;
	padding:0 10px;
	width:100%;
}

.tool-bar * {
	line-height:30px;
}

.tool-bar {
	background-color:#FFF;
	padding:5px 10px 0px 10px;
	border-radius:2px;
	box-shadow:1px 2px 1px rgba(0,0,0,.1);
	float:left;
	margin-right:10px;
	font-size:12px;
	margin-bottom:10px;	
}

.fg {
	color:#CCC;
	float:left;
	margin:0 5px;
}

.tool-btn {
	cursor:pointer;
	display:inline-block;
	float:left;
	text-align:center;
	border-bottom:2px solid #FFF;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tool-btn * {
	float:left;
}
.tool-btn:hover {
	border-bottom:2px solid #3385ff;
	font-weight:bold;
}
.tool-btn.selected {
	border-bottom:2px solid #3385ff;
	font-weight:bold;
}

#menu-container .tool-btn:hover {
	border-bottom:2px solid #FFF;
}

#order_error,
#vehicle_error {
	color:#FF0000;
}

#k-chart {
	border-bottom:2px solid #FFF;
	cursor:pointer;
	float:right;
	margin-right:20px;
}
#k-chart span:hover {
	font-weight:bold;
}
#k-chart.selected{
	background-color:#3385ff;
	border-bottom:2px solid #3385ff;
	color:#FFF;
}

#menu-container {
	float:right;
	margin-right:10px;
}

#menu-container *,
.menu-btn * {
	float:left;
}
.menu-btn {
	display:inline-block;
	cursor:pointer;
	border-bottom:2px solid #FFF;
	padding:0 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.menu-btn .fa:first-child {
	margin-right:5px;
}
.menu-btn .fa:last-child {
	margin-left:10px;
}
.menu-btn .fa {
}
.menu-btn:hover {
	color:#3385ff;
}
.menu-btn.selected {
	color:#3385ff;
}

@media (max-width: 767px) {
	#user-nav,
	#company,
	.space-line,
	.order-count,
	.dispatch-count {
		/*display:none;*/
	}
	
	#header {
		text-align:center;
	}
}

/******************* 列表样式 START *******************/
.list-container {
	position:absolute;
	top:55px;
	width:294px;
	background-color:#FFF;
	right:10px;
	box-shadow:1px 2px 1px rgba(0,0,0,.1);
	display:none;
}

.dataTables_paginate {
	text-align:center;
}
.dataTables_length,
.dataTables_filter {
	display:none;
}

input {
	margin-left:10px;
	width:240px;
	font-size:12px!important;
}
select {
	margin-left:10px;
	width:274px;
	font-size:12px!important;
}

/* 搜索 START */
.search-container {
	display:inline-block;
	width:100%;
	padding-top:10px;
	border-bottom:1px solid #EEE;
}
.search-container * {
	float:left;
}
.search-container input {
	margin-left:10px;
}
.search-btns {
	margin-left:-52px;
	height:30px;
}
.search-btns .search-btn .fa{
	line-height:30px;
	color:#FFF;
}
.search-btns .search-btn {
	background-color:#3385ff;
	cursor:pointer;
}
.search-btns .search-btn:hover {
	background-color:#2e77e5;
}
.search-done {
	padding:0 10px;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.more-condition {
	padding:0 5px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;

}
/* 搜索 END */

/* 高级搜索 START */
.search-container-more {
	padding:10px 0;
	border-bottom:1px solid #EEE;
	display:none;
}
.search-container-more .btn {
	margin-left:10px;
	text-shadow:none;
	border:none;
	background-image:none;
	padding:4px 20px;
	font-size:12px;
}
.search-more-done {
	background-color:#3385ff;
	color:#FFF;
}
.search-more-done:hover {
	background-color:#2e77e5;
	color:#FFF;
}
.search-more-clean {
	background-color:#EEE;	
}
.search-more-clean:hover {
	background-color:#666;
	color:#FFF;	
}
/* 高级搜索 END */

/* 表格列表 START */
td div {
	float:left;
}
.table {
	margin-bottom:0px;
}
.table-bordered {
	border-collapse:collapse;
	border:none;
	border-radius:0;
}
td {
	border:none!important;
	font-size:12px;
	padding:0!important;
	/*border-bottom:1px solid #CCC!important;*/
	cursor:pointer;
}
td p{
	margin-bottom:5px;
}
.list-value {
	padding:10px 0 10px 10px;
	width:240px;
}
.list-value .fa {
	margin:0 10px;
	color:#CCC;
}
.go-detail {
	float:right;
	padding:0 10px;
	cursor:pointer;
	color:#CCC;
}
div.dataTables_wrapper .ui-widget-header {
	height:40px;
}
td:hover,td.hover {
	background-color:#666;
}
td:hover,td.hover  .go-detail {
	background-color:#333;
	color:#FFF;
}
td:hover,td.hover .list-value{
	background-color:#666;
	color:#FFF;
}
td:hover,td.hover .msg-time{
	color:#DDD;
}

.vehicle-code,
.driver {
	margin-right:10px;
}

.msg-content {
	display:block;
	height:45px;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:22px;
}
.msg-time {
	margin:0;
	color:#666;
	font-size:10px;
}

.list-container {
	overflow-y:auto;
	overflow-x:hidden;
}
::-webkit-scrollbar {
    width: 2px;
}

#order-list-container .go-detail {
	height:70px;
	line-height:70px;
}
#license-list-container .go-detail,
#vehicle-list-container .go-detail,
#message-list-container .go-detail,
#dispatch-list-container .go-detail{
	height:95px;
	line-height:95px;
}
/* 表格列表 END */

/******************* 列表样式 END *******************/

/******************* 流量K线图 START *******************/
.k-line-charts {
	position:absolute;
	bottom:10px;
	width:100%;
	background-color:#FFF;
	box-shadow:1px 2px 1px rgba(0,0,0,.1);
	display:none;
}
.k-line-charts .widget-box {
	margin:0;
	border:none;
}
.k-line-charts .widget-content{
	border:none;
	padding:0 10px 10px 10px;
}
.k-line-charts .chart {
	max-height:200px;
}
.k-line-charts-display {
	background-color:#F9F9F9;
}
.k-line-charts-display ul {
	list-style:none;
    margin: 0px;
    padding: 0px;
    width: auto;
	padding:10px;
	display:inline-block;
}
.k-line-charts-display ul li {
	float:left;
	margin-right:20px;
	cursor:pointer;
}
.k-line-charts-display .showHideKLine:hover,
.k-line-charts-display ul li.selected,
.k-line-charts-display ul li:hover {
	color:#3385ff;
}
.k-line-charts-display .showHideKLine {
	float:right;
	line-height:40px;
	margin-right:10px;
	cursor:pointer;
}
.k-line-charts-display .fa {
	margin-right:10px;
}

#tooltip {
	padding:10px!important;
}

/******************* 流量K线图 END *******************/


/******************* Marker START *******************/
.marker-img {
	width:25px;
	height:25px;
}
.marker-big-img {
	width:30px;
	height:30px;
}

.amap-info-content {
	padding:0;
}
.infowindow-title {
	padding:5px 10px;
	background-color:#333;
	color:#FFF;
}
.infowindow-container {
	padding:10px 10px;
}
.infowindow-container p{
	line-height:25px;
	margin:0;
}
.infowindow-container .line{
	height:1px;
	margin:5px 0;
	border-bottom:1px dashed #CCC;
}

.infowindow-container .fa-long-arrow-right{
	margin:0 10px;
	color:#999;
}
.amap-marker-label {
	border:none;
	background-color:#333;
	color:#FFF;
}
.vehicle-video {
	float:right;
	margin-right:15px;
	line-height:16px;
	cursor:pointer;
}
#vehicle-video-player {
	position:absolute;
	display:none;
}
/******************* Marker END *******************/


.tipClose{
	position: absolute;
    right: 5px;
    top: 5px;
    color: #C3C3C3;
    text-decoration: none;
    font: 700 16px/14px Tahoma,Verdana,sans-serif;
    width: 14px;
    height: 14px;
}