@CHARSET "UTF-8";

html,body {
	margin: 0px;
	padding: 0;
	height: 100%;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}

html::-webkit-scrollbar {
	width: 0px
}

.Ship {
	width: 38px;
	height: 38px;
	margin: 25px auto 0;
}

.Jinyin {
	background: url(../img/v2.png);
}

.S0 {
	background: url(../img/video_t.png);
}

.S1 {
	background: url(../img/1_1.png);
}

.S4 {
	background: url(../img/4_1.png);
}

.S9 {
	background: url(../img/9_1.png);
}

.S16 {
	background: url(../img/16_1.png);
}

.S1:hover {
	background: url(../img/1.png);
}

.S4:hover {
	background: url(../img/4.png);
}

.S9:hover {
	background: url(../img/9.png);
}

.S16:hover {
	background: url(../img/16.png);
}

.gb_Open {
	display: inline-block;
	width: 16px;
    height: 16px;
	background-image: url(../img/G_Open.png);
	background-size: 16px 16px;
}

.gb_shrink {
	display: inline-block;
	width: 16px;
    height: 16px;
	background-image: url(../img/G_shrink.png);
	background-size: 16px 16px;
}

body {
	padding-bottom: 0 !important;
}

li {
	list-style: none;
}

.multmessBox {
	margin-bottom: 0 !important;
}

.table td,.table th,.table thead th {
	border: 0 !important;
}

thead {
	color: #bebebf !important;
}

.topMain { /* height: 108px; */
	width: 100%;
	position: relative;
	top: 0;
}

.leftMain {
	width: 300px;
	height: 83.2%;
	float: left;
	/* background-color: #D3D4D8; */
	padding: 10px 10px 5px 10px;
}

.rightMain {
	overflow: hidden;
	height: 83.2%;
}

.fl {
	float: left;
}

.f11 {
	float: right;
}

.fr {
	float: right;
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th
	{
	padding: 6px 0px 6px 10px !important;
	font-size: 13px !important;
	max-width: 100px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.table>tbody>tr>td:nth-child(2) {
	min-width: 90px !important;
}

.bgcolor {
	background: #1c2a45;
}

.leftpanel .nav>.parent {
	border: 0;
}

.leftpanel .nav>li>a,.leftpanel .nav>li>a:hover,.leftpanel .nav>li>a:focus,.leftpanel .nav>li>a:active
	{
	background: rgb(28, 42, 69);
}

.leftpanel .nav>li {
	border: 0;
}

.leftpanel .nav {
	border: 0;
}

.ckbox label:before {
	background: transparent;
}

/* hearder */
.headerwrapper .header-left {
	padding: 0;
}

.headerwrapper .header-left .logo {
	margin-top: 0px;
}

.headerwrapper .header-left {
	border-right: 0;
	background-color: transparent;
}

.headerwrapper {
	background: url(../img/top_bg.jpg) no-repeat;
	background-size: cover;
	height: 64px;
}

.headerwrapper00000000 {
	background: url(../img/top_bg.jpg) no-repeat fixed;
	/* background: url(../../img/top_bg.jpg) no-repeat fixed top;*/
	/* background-size: 100% 64px; */
	height: 64px;
}

.pull-right .btn-group .btn-secondary,.pull-left .btn-group .btn-secondary
	{
	background-color: transparent;
	border-color: 0;
	padding: 10px 5px;
	border: 0;
}
/* navi */
.nav-box {
	padding: 3px 5px;
	background: rgb(15, 22, 40);
	height: 45px;
}

.leftpanel .nav {
	width: 100%;
}

.nav-ul>li {
	float: left;
	background: url(../../img/btn1.png);
	background-size: 100% 30px;
	margin: 5px;
	list-style-type: none;
	display: block;
	width: auto;
	height: 30px;
	padding: 0 12px;
	text-align: center;
	line-height: 30px;
}

.nav-ul>li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}

.nav-ul>li a:hover {
	color: #333;
}

.leftpanel {
	width: 100%;
}

.t-img {
	height: 24px;
	width: 24px;
}

.hred:hover { /* background:#f00 !important; */
	
}

.setGPS {
	display: flex;
}

.recordBtn .btn,.setGPS .btn {
	border: 1px solid #5c8495;
	/* background: transparent; */
	border-radius: 25px;
	padding: 6px 6px;
	display: flex;
	align-items: center;
	float: left;
	/* background-color: transparent !important; */
}
/* left */
.left {
	background: rgb(14, 21, 39);
}

.left .groupBox {
	padding: 20px 10px;
	position: relative;
}
/* group */
.leftpanel .nav>li.parent-focus>a {
	background: rgb(28, 42, 69)
}

.form-search {
	float: left;
	/* margin-right: 10px; */
	margin-top: 0;
	position: relative;
}

#search::-webkit-input-placeholder {
	color: #959595;
	font-size: 12px;
	box-size: 0 0 1px 1px;
}

.form-search .form-control {
	border: 0;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 25px;
	margin-top: 2px;
	margin-bottom: 5px;
	margin-left: 12px;
	width: 260px;
	width:calc(100% - 65px);
	padding-left: 12px;
	height: 32px;
	font-size: 13px;
	border: 1px solid #575757;
	background: #334d57;
	color: #fff;
	position: relative;
	float: left;
}
.search_certificate {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 3px;
    right: 6px;
    background-image: url(../img/search1.png);
}
.searchico {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 14px;
	right: 25px;
	background-image: url(../img/search1.png);
}

.searo {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 11px;
	right: 140px;
	background-image: url(../img/search1.png);
}

.searchic {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 18px;
	right: 30px;
	background-image: url(../img/search0.png);
}

.searchicc {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 22px;
	right: 15px;
	background-image: url(../img/search1.png);
}

.searchicdd {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 12px;
	right: 15px;
	background-image: url(../img/search1.png);
}

.ss {
	width: 58px;
	height: 44px;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #FF6732 url(../img/ss.png) no-repeat center;
}

.search {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 6px;
	right: 60px;
	background-image: url(../img/search0.png);
}


.form-search:before {
	position: absolute;
	top: 10px;
	left: 15px;
	font-family: 'Glyphicons Halflings';
	content: '\e003';
	color: #666;
}

.ckbox {
	margin-top: 6px;
}

.leftpanel .nav>li>a {
	color: #9ea0a5;
}

.leftpanel .nav .children li a {
	display: inline-block;
	font-size: 16px;
	padding: 6px 10px 6px 24px;
}

.leftpanel .nav .children li i {
	color: #fff;
}

.leftpanel .nav .children li a:hover {
	background: transparent;
}

.ckbox-primary input[type="checkbox"]:checked+label:before {
	border-color: #fff;
	background-color: transparent;
}

.leftpanel .nav .children .parent:first-child,.leftpanel .nav .children li:first-child
	{
	border: 0;
}

.leftpanel .nav .children li {
	position: relative;
}

.leftpanel .nav .active .children,.leftpanel .nav .parent-focus .children
	{
	padding: 8px;
}

.panel-heading {
	padding: 5px 15px;
}

.panel-primary>.panel-heading {
	background-color: #1c2a45;
	border-color: #1c2a45;
}
/* groupshow */
.dispatch .talkbox {
	height: 100px;
}

.dispatch .talkbox .talkBtn {
	height: 50px;
	width: 50px;
	padding: 0;
	text-align: center;
	min-width: 0;
	border-radius: 50%;
}

.multmess,.realvideo,.urgent {
	width: 100%;
	padding: 0px 5px 0px 0px;
}

.dispatch .operation,.dispatch .mapope {
	height: 50px;
}

.mapright {
	padding: 10px 0px 5px 10px !important;
	margin-bottom: 10px !important;
	background-color: transparent !important;
	overflow-y: auto;
	color: #eee;
	border: 1px solid #020202;
}

.table-active {
	color: #fff;
	background-color: transparent !important;
}

.tree>.groupli {
	padding: 5px;
	background: #272424;
	width: 32%;
	margin-bottom: 8px;
}

.treemenu .toggler {
	cursor: pointer;
	display: inline-block;
	width: 80%;
}

.tabs-vertical-env .nav.tabs-vertical,.tabs-vertical-env .tabgroup,.tabs-vertical-env .tab-content,.tabs-vertical-env .tab-content-right
	{
	width: 32%;
	display: inline;
	float: left;
	border: 1px solid #c2c2c2;
	height: 101%;
	padding-left: 0 !important;
}

.btn-outline-success,.btn-outline-secondary {
	border: 1px solid rgb(100, 187, 186) !important;
	color: rgb(100, 187, 186) !important;
}

.btn-outline-success:hover,.btn-outline-secondary:hover {
	background: rgb(100, 187, 186) !important;
	color: #fff !important;
}

.menuul .on ul li {
	position: relative;
	padding: 3px 0;
}

.menuul .on ul li a {
	font-size: 12px;
	/* color: #fff; */
	color: #334d57;
	opacity: 0.8;
}

.menuul .on ul li:hover {
	background-color: #BAC1C6;
}

.menuul .on ul li select {
	font-size: 13px;
	height: 20px !important;
	width: 50px;
	padding: 0;
	position: absolute;
	right: 35px;
	top: 0;
	margin-top: 4px;
}

.table>thead>tr>th:first-child {
	padding-right: 10px !important;
}

.col-form-label {
	text-align: right;
}
/* 鍘绘帀ie妯″紡涓嬭緭鍏ユ鍙充晶鐨�x'绗﹀彿 */
::-ms-clear,::-ms-reveal {
	display: none;
}

input[type="checkbox"]:checked:after,.checkbox input[type="checkbox"]:checked:after,.checkbox-inline input[type="checkbox"]:checked:after
	{ /*  background-color: rgb(100, 187, 186) !important;
	border-color: rgb(100, 187, 186) !important;  */
	
}

.online { /* color: rgba(100, 187, 186, 1); */
	/* color: #ffc107; */
	color: #51a818;
}

.nogline {
	color: #d6a308;
}

.offline { /* color: rgba(100, 187, 186, .3) */
	/* color: #393939; */
	color: #959595;
	/* background: red;
    max-width: 105px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}

.layui-layer-btn0 {
	color: #fff !important;
}

#tab-group {
	border: 0;
}

.tabs-vertical-env .tab-content {
	border-left: 0;
}

.textDecoration:hover {
	text-decoration: underline;
	/*  color: white; */
}

/* =============================鏂�============================== */
.mainTop {
	width: 100%;
	height: 64px;
	background: #000;
	color: #fff;
	position: absolute;
	top: 0;
	/*浠ヤ笂璁剧疆鏄噸鐐瑰繀椤荤殑*/
}

.mainBox {
	width: 100%;
	position: absolute;
	top: 64px;
	bottom: 0px;
	/*浠ヤ笂璁剧疆鏄噸鐐瑰繀椤荤殑*/
}
/* .s_input_bg{
	background-image: linear-gradient(#334d57, #334d57), 
					  linear-gradient(#ff3b2f, #ff3b2f)!important;
} */
.mainBox .leftBox {
	height: 100%;
	width: 300px;
	min-width:300px;
	float: left;
	border-right: 1px solid #e0e2e5;
	box-sizing: border-box;
	position: relative;
	background-image: linear-gradient(#e0e2e5, #e0e2e5),
		linear-gradient(#ff3b2f, #ff3b2f);
}


.mdi-volume-high:before { /* color: #EF9F24; */
	color: #51a818;
	color: #334d57
}

.mdi-plus-box:before {
	color: #ccc;
}

.mdi-minus-box:before {
	color: #ccc;
}

.mainBox .middleBox {
	height: 100%;
	width: 75px;
	min-width: 75px;
	float: left;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: top;
	background: #466876;
	margin-right: -1px;
	z-index: 1;
}

.mainBox .rightBox {
	height: 100%;
	/* width: 30%; */
	width: calc(100% - 303px);
	overflow: hidden;
	position: relative;
	border-left: 1px solid #c2c2c2;
	top: 0; 
	right:0px;
    float:right;
    
}

.rightTop {
	position: absolute;
	top: 0;
	left: 0;
	height: 53.5px;
	width: 100%;
}

.rightContent {
	/* position: absolute;
	bottom: 75px;
	top: 53px; */
	margin-top: 43px;
	width: 100%;
	overflow: auto;
	height: calc(100% - 120px);
	padding-top: 10px; 
	position: relative;
}

.rightContentFence {
	position: absolute;
	width: 100%;
	overflow: auto;
	bottom: 1px;
	top: 53.5px;
}
.rightContent.rightContentVideo{
	margin-top: 86px;
	height: calc(100% - 160px);
}
.rightContent.contentVideo{
	margin-top: 129px;
	height: calc(100% - 205px);
}
.rightContent002 {
	position: absolute;
	width: 100%;
	overflow: auto;
	bottom: 15px;
	top: 53.5px;
}

.rightBottom002 {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 15px;
	width: 100%;
}



.white {
	color: white;
}

.z_trademark {
	height: 90px;
	padding-left: 25px;
	background: #7CBE35;
}

.version {
	padding: 10px 28px;
}