@charset "UTF-8";
#myMap_ {
 	border-right: 0px solid #a0b1c5;
 	position: absolute;
 	/*right: 70px;*/
 	/*top: 95px;*/
 	display: none;
}
#myMap_ .spantitle {
	font-weight: bold;
	display: none;
	color: white;
	white-space:normal;
	word-break:break-all;
	word-wrap: break-word;
	padding: 5px 0 10px 10px;
	width: 455px;
	height: 20px;
	line-height: 27px;
	float: left;
	/* cursor: pointer; */
	background-color: #dddddd;
	color: black;
	left: 0px;
	top: -35px;
	position: absolute;
	/*	border-top:2px solid #99ccff;
	border-left:2px solid #99ccff;*/
}



#myMap_ .myMap-pane, #chemical-forbidArea .forbidArea-pane{
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: 0;
	display: none;
	float: left;
	height: 300px;
	width: 460px;
}
#myMap_ .myMap-pane.active, #chemical-forbidArea .forbidArea-pane.active{
	overflow: hidden;
	display: block;
}
#myMap_ .myMap-pane .myMap-tab, #chemical-forbidArea .forbidArea-pane .forbidArea-tab{
	display: inline-block;
	cursor: pointer;
	width: 470px;
	padding: 14px 14px;
	background-color: #EEF2F6;
}
#myMap_ .myMap-pane .myMap-tab li, #chemical-forbidArea .forbidArea-pane .forbidArea-tab li{
	background-color: #fff;
	float: left;
	padding: 6px 17px;
	margin: 0 2px;
	font-size: 12px;
}
#myMap_ .myMap-pane .myMap-tab li.active, #chemical-forbidArea .forbidArea-pane .forbidArea-tab li.active {
	background-color: #0071c6;
}
#myMap_ .myMap-pane .myMap-box {
	margin: 10px;
}
#myMap_ .myMap-pane .myMap-box li, #chemical-forbidArea .forbidArea-pane .forbidArea-box li{
	display: none;
}
#myMap_ .myMap-pane .myMap-box li.active, #chemical-forbidArea .forbidArea-pane .forbidArea-box li.active {
	display: block;
}
#myMap_draw_box .icon_xu i.iconfont:hover{
	opacity: 0.8;
}
#myMap_draw_box .icon_xu i.iconfont{
	font-size: 16px;
	color: #768BA1;
	background: none;
}
.flexigrid .bDiv a {
    margin: 0px 10px;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}
.flexigrid .bDiv a:hover{
	color: #219bd0;
}
.flexigrid .pcontrol input {
	border: 1px solid #ddd;
}
.icon_xu i{
	margin: 0px 10px;
}
#fullScreen label {
	cursor: pointer;
}
#switchVehicle {
	background-color: #0071c6;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    padding: 5px;
    position: fixed;
    right: 0px;
    top: 70px;
    display: none;
}

 #chemical-source , #chemical-rescue , #chemical-produce, #chemical-logistics, #chemical-forbidArea, #map-fence {
 	border-right: 0px solid #a0b1c5;
 	position: absolute;
 	/*right: 70px;*/
 	/*top: 95px;*/
 	display: none;
}

/* #chemical-rescue .spantitle, #chemical-produce .spantitle, 
#chemical-logistics .spantitle, 
#chemical-forbidArea .spantitle, #map-fence .spantitle{
	color: black;
	white-space:normal;
	word-break:break-all;
	word-wrap: break-word;
	padding: 10px 0 10px 10px;
	width: 75px;
	height:35px;
	line-height:35px;
	float: left;
	cursor: pointer;
	background-color: #dddddd;
	left: -85px;
	position: absolute;
	border-left:2px solid #99ccff;
}
#map-fence .spantitle {
	top: 60px;
} */

#chemical-source .spantitle,
#chemical-rescue .spantitle, #chemical-produce .spantitle, 
#chemical-logistics .spantitle, 
#chemical-forbidArea .spantitle, #map-fence .spantitle{
	font-weight: bold;
	color: black;
	white-space:normal;
	word-break:break-all;
	word-wrap: break-word;
	padding: 5px 0 10px 10px;
	width: 455px;
	height: 20px;
	line-height: 26px;
	float: left;
	/* cursor: pointer; */
	background-color: #dddddd;
	left: 0px;
	position: absolute;
	/* border-left: 1px solid #99ccff; */
}
#map-fence .spantitle {
	display: none;
	top: 30px;
}

#chemical-source .spantitle {
	border-top:1px solid #0071c6;
	top: 146px;
}

#chemical-rescue .spantitle {
	border-top:1px solid #0071c6;
	top: 120px;
}
#chemical-produce .spantitle {
	border-top:1px solid #0071c6;
	top: 198px;
}
#chemical-logistics .spantitle {
	border-top:1px solid #0071c6;
}
#chemical-forbidArea .spantitle {
	border-top:1px solid #0071c6;
	border-bottom:2px solid #99ccff;
	top: 276px;
}

#chemical-source .chemical-box,
#chemical-rescue .chemical-box, #chemical-produce .chemical-box
, #chemical-logistics .chemical-box
, #chemical-forbidArea .chemical-box, #map-fence .chemical-box{
	background-color: #fff;
	border: 0px solid #ddd;
	display: none;
	float: left;
	height: 300px;
	width: 460px;
}

#chemical-source .chemical-box.active,
#chemical-rescue .chemical-box.active, #chemical-produce .chemical-box.active
, #chemical-logistics .chemical-box.active
, #chemical-forbidArea .chemical-box.active, #map-fence .chemical-box.active {
	display: block;
}

/*#chemicalShow {
	background-color: #0071c6;
	color: #fff;
	cursor: pointer;
	float: left;
	!* padding: 8px 10px; *!
	position: fixed;
	right: 416px;
	top: 60px;
	display: none;
	text-align: center;
	font-size: 10px;
	height: 35px;
	width: 30px;
	line-height: 35px;
	padding-right: 8px;
}*/
#chemicalShow.active {
	display: block;
}
.real-search-bar {
	width: 184px;
}
.search-bar .search-input-ctn {
	width: 145px;
}


/*#chemicalShow {
	right: 70px;
}*/
#map-fence .chemical-box.active
,#myMap_ .myMap-pane {
    width: 494px;
	font-size: 12px;
}
.chemical-table{
	margin: 10px;
}

.tangram-suggestion .route-icon{
	display: initial;
}

#selectSearchbox .searchShape{
	display: none;
	position: absolute;
	left: 145px;
	top: 0px;
	width: 150px;
	border: 1px solid #ccc;
	background: white;
}

#selectSearchbox .searchShape>div{
	height: 28px;
	line-height: 28px;
	font-size: 12px;
}

#selectSearchbox .searchShape>div i{
	margin-left: 10px;
}

#selectSearchbox .searchShape>div:hover{
	color: var(--themeFontColor);
	background-color: var(--themeColor);
}

#selectSearchbox .searchShape>div:hover i{
	color: var(--themeFontColor);
}

#selectSearchbox li:hover a span{
	color: var(--themeFontColor) !important;
}

#selectSearchbox li.rect_search_hiscar .searchShape{
	top:29px;
}

#selectSearchbox li.rect_search_mycar > a i:last-child,#selectSearchbox li.rect_search_hiscar > a i:last-child{
	font-size: 12px;
	line-height: 16px;
	margin-right: 0px;
}

#selectSearchbox li>a{
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 5px 5px 5px 10px;
}

#selectSearchbox li>a >i{
	line-height: 16px;
}

#rect_searchbox .tc_box{
	width: 145px;
	left: -20px;
}

.map_btn >div span i:first-child{
	margin-right: 4px;
}

#handOverBtn{
	min-width: 80px;
}

input#ttxmap_search{
	width: 270px;
}

.myMap-pane .myMap-search-input .btn-group span.y-btn:hover{
	background-color: #fff;
	border-color: var(--buttonBdColor);
	color: var(--buttonColor);
}
.myMap-pane .myMap-search-input .btn-group span.y-btn:hover i{
	color: var(--buttonColor);
}

.myMap-pane .myMap-search-input .btn-group span.y-btn{
	color: #333333;
}


#custom_btn_close {
	position: absolute;
	right: 7px;
	top: 7px;
	color: #fff !important;
	font-size: 20px !important;
}

.custom-btn-title {
	height: 36px;
	width: 100%;
	border-bottom: 1px solid var(--buttonBdColor) !important;
	background: var(--themeColor);
	display: flex;
	align-items: center;
	text-indent: 15px;
	background-color: var(--themeColor);
	color: var(--themeFontColor);
	cursor: move;
}

#custom_btn {
	position: absolute;
	width: 496px;
	right: 70px;
	top: 59px;
}