/*common.css*/
*{
	font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
	box-sizing: border-box;
	font-size: 14px;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,html{
	height: 100%;
}
button,input{
	outline: none;
}
.lunz_container{
	height: 100%;
}
body{
	background: #EBEBEB;
	overflow-x: hidden;
}
a,a:hover,a:focus{
	text-decoration: none;
	cursor: pointer;
}
.pad{
	padding: 0;
}
/*header*/
.header{
	width: 100%;
	min-height: 70px;
	height: 10%;
	background: #fff;
}
.header h4{
	display: inline;
}
.header .show{
	list-style: none;
	padding: 10px 0 3px 0;
}
.header .show li:first-child{
	margin-right: 0;
}
.header .show li{
	float: right;
	margin-right: 20px;
}
.header .show li a,.header .show li{
	color: #515454;
}
.header .show li:nth-child(1):hover,.header .show li:nth-child(2):hover{
	opacity: 0.7;
}
.header>div:first-child{
	line-height: 70px;
}
.header>div:last-child{
	text-align: right;
}
.header_span{
    position: relative;
    top: 2px;
    padding-left: 3px;
}
.header .date{
	position: absolute;
    right: 55px;
    width: 200px;
    padding: 10px 0 0 0;
    float: right;
}
.header .date span{
    font-size: 12px;
    color: #0aaab8;
}
.down_span{
	position: absolute;
	right: 23px;
	top: 25px;
	opacity: 0;
}
.caret{
	border: 15px dashed !important;
	border-right: 15px solid transparent !important;
	border-left: 15px solid transparent !important;
}

.header .dropdown-menu{
	min-width: 88px !important;
	width: 88px !important;
	padding: 0;
	margin: 0;
	left: auto;
    right: 4px;
    top: 47px;
}
.dropdown-menu>li>a{
	padding: 0 15px;
}
.dropdown-menu>li>a:hover{
	cursor: pointer;
	background: #0AAAB8 !important;
	color: #FFFFFF !important;
}
/*手机端的用户*/
.user{
	position: absolute;
	top: 25px;
	right: 30px;
}
.user_phone{
	opacity: 0;
	position: absolute;
	top: 40px;
	right: 8px;
	z-index: 3;
	line-height: normal;
	text-align: center;
}
.user_phone ul{
	list-style: none;
}
.lunz_content{
	height: 90%;
	margin: 0;
}
/*左边列表*/
.self_nav{
	top: 0;
	z-index: 333;
	height: 100%;
	background: #27393a;
}
.navbar-default{
	background: transparent !important;
}
.navbar-toggle{
	margin-top: 17px;
	margin-left: 10px;	
}
.self_nav .navbar-header{
	float: left;
	height: 70px;
}
.navbar-collapse{
	background: #27393a;
}
.navbar{
	margin-bottom: 0;
}
.navbar-nav>li{
	float: none;
}
.navbar-inverse .navbar-toggle .icon-bar{
	background: #888888;
}
.navbar-default,.navbar-default .navbar-toggle{
	border: none;

}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background: transparent;
}
.navbar-default,.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover{
	background: #27393a;
	color: #FFFFFF;
}
.navbar-default .navbar-nav>li>a{
	color: #FFFFFF;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover
{
	background: #0AAAB8;
	color: #FFFFFF;
}
.navbar-nav{
	margin: 10px 0;
}
.width_1,.menu_ul{
	width: 100%;
}
.menu_ul li img{
	margin-right:5px;
	width: 16px;
}
/*css3的新选择样式*/
.menu_ul li{
	width: 100%;
	position: relative;
	list-style: none;
	color: #FFFFFF;
	height: 34px;
	line-height: 34px;
	padding-left: 18%;
}
.menu_ul input:checked +a li{
	background: #0AAAB8;
}
.menu_ul input:checked +a li:after{
	content: "";
	width: 0;
	height: 0;
	border: solid 12px transparent;
	border-right-color: #EBEBEB;
	position: absolute;
	right: 0;
	top: 5px;
}
.menu_ul input{
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: absolute;
	cursor: pointer;
	opacity: 0;
	z-index: 999;
}
/*右边内容*/
.right_content{
	background: #EBEBEB;
	height: 100%;
}
.pass_content{
	padding: 30px 50px 10px;
}
.pass_content span{
	color: #27393A;
}
.form-group{
	position: relative;
}
.login_label{
	position: absolute;
	top: 1px;
	width: 45px;
	height: 32px;
	line-height: 27px;
	text-align: center;
	background: #515454;
	color: #fff;
	border: solid 1px #515454;
	border-radius: 17px 0 0 17px;
}
.login_label +input{
	border-radius: 17px;
	border: solid 1px #515454;
	text-indent: 50px;
}
.btn_group{
	text-align: right;
}
.exit,.change{
	background: transparent;
}
.change:active,.change:hover{
	color:#ffffff;
}
.change{
    background: #515454;
    color: #fff;
    height: 34px;
    padding: 3px 50px;
    border-radius: 17px;
}
.btn_active{
	background: #0AAAB8;
}
/*修改密码的自适应*/
@media only screen and (max-width: 767px ) {
	.left_menu{
		text-align: center;
	}
	.owner_up{
		padding: 20px 0 !important;
	}
	.self_nav{
		position: absolute;
		width: 50%;
		height: auto;
		background: transparent;
	}
	.header{
		text-align: center;
	}
	.menu_ul input:checked +a li:after{
		content:none;
	}
	.pass_content{
		padding: 0 15px;
	}
	.owner_down{
		padding: 0 !important;
	}
	.mile_btn{
		padding-left: 0 !important;
		margin-bottom: 20px;
	}
	.mile_form input{
		width: 280px !important;
		background: #fff url(../img/icon_cal.svg) no-repeat 250px center !important;
	}
	.mile_form input:hover,.input_active{
		background: #fff url(../img/icon_cal_a.svg) no-repeat 250px center !important;
	}
	.mile_form{
		min-width: 280px !important;
	}
	.fence_btns>button{
		width: 280px !important;
		margin-bottom: 10px;
	}
	.fence_btns{
		left: 0 !important;
	}
	.owner_up{
		text-align: center;
	}
	.select{
		text-align: left;
	}
	.owner_up>span{
		margin-left: 0 !important;
	}
	.mile_form>div{
		float: none !important;
	}
	.start_time{
		padding-right: 0 !important;
	}
	.mile_up span{
		padding-left:0 !important;
	}
}

/*实时定位->服务异常界面*/
.conflict_content{
    text-align: center;
    margin: 0 auto;
    padding-top: 25%;
}
.conflict_content img{
    padding-left: 50%;
    margin-left: -34px;
	display: block;
	margin-bottom: 15px;
}
.conflict_content span{
	color: #c0c3c6;
	font-size: 12px;
}
.modal{
	top: 20%;
}
.modal-backdrop.in{
	opacity: 0;
}
.modal-content{
	width: 86%;
	margin: 0 auto;
}
/*车主基本信息*/
.owner_up{
	position: relative;
	padding: 20px 30px 0 30px;
	border-bottom: solid 1px #BEBEBE;
}
.owner_up>span{
	margin-left: 20px;
	color: #515454;
	display: block;
	margin-bottom: 5px;
}
.owner_btn{
	position: relative;
    top: -15px;
    margin-left: 30px;
}
.owner_btn>a,.owner_btn>a:hover{
	color: #FFFFFF;
}
@media only screen and (max-width:330px) {
	.right_content{
		height: auto;
	}
}
@media only screen and (max-width:530px) {
	.owner_btn{
		top: 0;
		margin-left: 0;
	}
}
@media only screen and (max-width:654px) {
	.fence_btns>button{
		margin-left: 0 !important;
	}
}
/*下拉列表美化效果*/
a,img{
	border:0;
}
a,a:hover{ 
	color:#515454;
}
.select{
	position:relative;
	width: 280px;
	display: inline;
}
dl{
	margin-bottom: 15px;
}
.select dt{
	position:relative;
	width:280px;
	height:34px;
	line-height:34px;
	display:inline-block;
	border:1px solid #515454;
	border-radius: 17px;
	background:#fcfcfb url(../img/dropdown.svg) no-repeat 236px;
	font-weight: normal;
	color: #515454;
	padding-left:10px;
	padding-right:12px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	z-index:99;
	cursor:pointer;
	}
.select dt:hover,.select dt.cur{
	border:1px solid #0AAAB8;
	background: #fcfcfb url(../img/dropdown_a.svg) no-repeat 236px;
}
.select dd{
	position:absolute;
	left:0;
	top:20px;
	display:none;
	z-index: 999;
}
.select dd ul{
	width:280px;
	max-height:200px;
	overflow:auto;
	height: auto;
	border:1px solid #0AAAB8;
	background: #fff;
}
.select dd ul li a{
	line-height:28px;
	display:block;
	padding:0 10px;
}
.select dd ul li a:hover{
	background:#0AAAB8;
	color: #ffffff;
}
/*车主具体信息*/
.owner_down{
	padding: 10px 40px;
}
.owner_down .table>tbody>tr>td{
	border: none;
	padding: 4px 0;
}
.owner_down .table>tbody>tr>td:first-child{
	width: 75px;
	color: #515454;
	font-weight: bold;
}
.owner_down .table>tbody>tr>td:last-child{
	padding: 3px;
}
/*实时定位界面*/
.position_content{
	width: 100%;
	height: 100%;
	padding-top: 20px;
}
.position_map{
    height: 85%;
    width: 94%;
    margin: 0 auto;
    border: solid 1px #515454;
    background: #fff;
    text-align: center;
}
/*围栏管理*/
.fence_content,.fence_down{
	height: 90%;
	margin-top: 30px;
}
.fence_btns{
	height: auto;
    position: relative;
    top: -24px;
    left: 300px;
}
.fence_btns>button{
	padding: 0;
	width: 150px;
}
@media only screen and (max-width: 1060px) {
	.fence_btns{
	    top: 20px;
    	left: -28px;
    	margin-bottom: 10px;
	}
	.fence_content, .fence_down{
		height: 80%;
	}
}

/*围栏管理————-列表*/
.fence_down>table{
	width: 90%;
	margin: 30px 30px 0 30px;
	background: #fff;
	color: #515454;
}
.fence_down table>thead{
	background: #0AAAB8;
	color: #FFFFFF;
}
.fence_down table>tbody>tr>td{
	border-color: #BEBEBE;
}
.fence_down .table>thead>tr>th{
	border-bottom: none;
}
.fence_down .table>thead>tr>th:first-child,.fence_down .table>tbody>tr>td:first-child{
	padding-left: 30px;
}
.fence_down .table-hover>tbody>tr:hover{
	background: #c5f4f8;
}
.fence_delete{
	margin-left: 10px;
}
.fence_down nav{
	margin:0 30px;
	width: 90%;
	line-height: 55px;
}
.fence_down nav p{
	display: inline;
	color: #515454;
}
.fence_down nav ul{
	float: right;
}
.pagination{
	border-radius: 17px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span{
	border-bottom-left-radius: 17px;
	border-top-left-radius: 17px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span{
	border-top-right-radius: 17px;
	border-bottom-right-radius: 17px;
}
.pagination>li>a, .pagination>li>span{
	background: #EBEBEB;
	border-color: #BEBEBE;
}
.pagination>li>a:hover, .pagination>li>span:hover,.page_active{
	background: #0AAAB8 !important;
	color: #fff !important;
}
/*围栏管理三个页面的切换*/
.fence_down>div{
	display: none;
}
.fence_block{
	display: block !important;
}
/*里程统计*/
.mile_up{
	padding-bottom: 20px;
}
.mile_up span{
	display: block;
	margin-bottom: 5px;
	padding-left: 15px;
}
.mile_form{
	min-width: 570px;
}
.mile_form>div{
	float: left;
}
.start_time{
	padding-right: 15px;
}
.mile_form input{
	width: 170px;
	border: solid 1px #515454;
	border-radius: 17px;
	height: 34px;
	text-indent: 15px;
	background: #fff url(../img/icon_cal.svg) no-repeat 140px center;
	cursor: pointer;
}
.mile_form input:hover,.input_active{
	border-color: #0AAAB8 !important;
	background: #fff url(../img/icon_cal.svg) no-repeat 140px center;
}
.mile_btn{
	padding-left: 30px;
}
.mile_btn>button{
	top: 23px;
	margin-left: 0;
}
.miles_down .miles{
	display: block;
	padding: 0 0 10px 10px;
	color: #515454;
}
.miles_down .miles span{
	color: #0AAAB8;
	margin-left: 15px;
	font-weight: bold;
}
.miles_down table{
	margin-top: 0;
}
/*日历*/
.datepicker td.active:hover, 
.datepicker td.active:hover:hover, 
.datepicker td.active:active, 
.datepicker td.active:hover:active, 
.datepicker td.active.active, 
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled, 
.datepicker td.active[disabled], 
.datepicker td.active:hover[disabled],
.datepicker td span.active:hover, 
.datepicker td span.active:active, 
.datepicker td span.active.active,
.datepicker td span.active.disabled, 
.datepicker td span.active[disabled],
.datepicker thead tr:first-child th:hover{
 	background: #0AAAB8 !important;
 	color: #FFF !important;
}
.datepicker td.day:hover,
.datepicker td span:hover{
	background: #c5f4f8 !important;
}