/*
* @ PROJECT F3
* @ AUTNOR ZoomWell Team
* @ LINK WWW.ZWLBS.COM
*/
#fenceTool{position:relative;top:10px;left:100px;z-index:999}
#fenceTool img{width:18px;margin-top:-4px;}
#fenceTool .dropdown-menu{min-width:220px;max-height:250px;overflow:auto;background-color:#fff}
#vFenceTree{display:inline-block}
#fenceTool .btn-white{padding:6px!important}
#fenceTool>.dropdown-menu{display:none}
#vSearchContent{padding:0}
#realTimeStateTable{user-select:text!important;-ms-user-select:text!important;-moz-user-select:text!important;-webkit-user-select:text!important}
#alarmTable tbody tr:hover,#gpsTable2 tbody tr,#realTimeStateTable tbody tr:hover,.vStatusInfoShowMore{cursor:pointer}
.info{border:1px solid silver}
div.info-top{position:relative;background:none repeat scroll 0 0 #f9f9f9;border-bottom:1px solid #ccc;border-radius:5px 5px 0 0}
div.info-top div{display:inline-block;color:#333;font-size:14px;font-weight:700;line-height:31px;padding:0 10px}
div.info-top img{position:absolute;top:10px;right:10px;transition-duration:.25s}
div.info-top img:hover{box-shadow:0 0 5px #000}
div.info-middle{font-size:9pt;padding:6px;line-height:20px}
div.info-bottom{height:0;width:100%;clear:both;text-align:center}
div.info-bottom img{position:relative;z-index:104}
.info-middle img{float:left;margin-right:6px}
.btnPaddingTop{padding-top:0!important;padding-bottom:0!important}
.btnMarginTop{margin-top:-6px!important}
.panBodyPadding{padding:0!important}
.panHeadHei{height:50px!important}
.panHeadHeight{height:3pc!important}
.btnPadding{padding:0}
.btnPaddingOnLine{padding:0;color:#45a541}
.groupPaddingTL{padding-top:0!important;padding-left:0}
.searchArea{background-color:#fff;border:1px solid #ccc;padding-bottom:6px}
.updataBtn{padding-left:9px}
.lineBorder{width:100%;height:2px;background-color:#ccc}
.groupzTree{overflow:auto}
.stateArea{margin:10px 0 0}
.stateIcon{padding:0;padding:0 0 0 1px}
.offlineIconArea{color:#b6b6b6;padding:0 13px 0 0}
.heartbeatArea{color: #fb8c96;padding:0 13px 0 0}
.onlineDrivingArea{color:#78af3a;padding:0 13px 0 0}
.onlineNotPositioningArea{color:#754801;padding:0 13px 0 0}
.neverOnLineIcon{background-image:url(../../zTree/css/img/offline.png)!important;background-position:0,0;width:10px;height:10px}
.warningArea{color:#ffab2d;padding:0 13px 0 0}
.speedLimitWarningArea{color:#960ba3;padding:0 13px 0 0}
.onlineParkingArea{color:#c80002;padding:0 13px 0 0}
.content-right{padding-right:0;padding:0 0 0 0px}
.panelHeading{padding-bottom:0}
.mapSearchArea{position:absolute;top:5px;left:62px}
.placeNameSearchArea{background-color:#fff;box-shadow:0 2px 2px rgba(0,0,0,.15);float:left;width:200px}
.searchBtn,.searchLocation{border:none}
.searchBtn{background-color:#fff;cursor:pointer}
.placeName{float:left;margin-left:15px}
.placeArea,.placeChoose{box-shadow:0 2px 2px rgba(0,0,0,.15);background-color:#fff}
.placeArea{position:absolute;left:0;top:36px;width:300px;height:214px;clear:both;display:none}
.resultIcon{width:45px;height:45px;background-image:url(../img/playIcon.png)!important;display:inline-block;cursor:pointer}
.backIcon{background-position:0 0}
.playIcon{background-position:0 -55px}
.forwardIcon,.slowDownIcon{background-position:0 -165px}
.resetIcon{background-position:0 -110px}
.speedUpIcon{background-position:0 -55px}
.suspendedIcon{background-position:0 -220px}
#dragDIV{height:5px;width:100%;cursor:n-resize;background-color:#ccc;margin:0 0 2px}
.panTabPadd{padding:10px!important}
#goShow i{color:#6dcff6!important;cursor:pointer}
#goHidden,#scalingBtn{color:#6dcff6;cursor:pointer}
#goShow{box-shadow: 1px 1px 10px #ccc;display:none;width:38px;height:38px;background:#fff;line-height:20px;text-align:center;float:left;margin:5px 15px 0 0;position:absolute;top:0px;left:5px;cursor:pointer;padding:10px 0 0;border-radius:3px}
.contPanelMargin,.mapDataPadd{margin-bottom:0!important}
#realTimeStateTable>tbody>tr:hover>td,#realTimeStateTable>tbody>tr:hover>th{background-color:#e9e9e9}
.amap-toolbar{left:46px!important}
.amap-scale-text{color:#000!important}
#customizeColumns,#search_condition{border-radius:3px}
.backRealTime{width:25px;height:25px;background:#fff;line-height:25px;text-align:center;position:absolute;right:89px;top:0;opacity:.9}
.inpSearchWid{width:100%}
.btnBack{padding:3px 10px!important;font-size:15px!important}
.realtimebtn-group,.trackPlay-group{position:absolute;right:0;font-size:18px;padding:4px 5px 0 0;top:0;z-index:3;opacity:.9}
.realtimebtn-group .mapBtn,.realtimebtn-group .mapRC,.trackPlay-group .mapBtn,.trackPlay-group .mapRC{height:27px;line-height:25px;background-color:#0d9bf2;color:#fff;border:0;outline:0;padding:0 10px;border-radius:3px;margin-bottom:4px;cursor:pointer;font-size:15px;color:#080808;background-color:#ccc;padding-right:10px\9\0!important;padding-left:9px\9\0!important}
.realtimebtn-group .map-active,.trackPlay-group .map-active{color:#fff;background-color:#6dcff6}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{text-align:center}
#showAlarmWin{right:2px;padding:10px;height:20px;width:20px;background-image:url(../img/showAlarmWin.svg);background-size:20px 20px}
#showAlarmWin,#showAlarmWinMark{position:absolute;bottom:2px;z-index:99;cursor:pointer}
#showAlarmWinMark{right:15px;display:none;background-image:url(../img/alarmWin.gif);width:66px;height:66px;background-position:0 0}
#showAlarmWinMark #showAlarmNum{position:absolute;right:-8px;bottom:45px;z-index:99;background-color:#e50c0c;border-radius:15px;padding:0 5px;color:#fff;min-width:30px;min-height:30px;text-align:center;line-height:28px;font-size:9pt}
.contextMenuContent{border:1px solid #ffab2d;background-color:#f8ba61;cursor:default;padding:0!important;min-width:115px;box-shadow:1px 1px 5px #606060}
.alarmFlashes .flashesOpen,.alarmFlashes .flashesOpen-off,.alarmRelieve span,.alarmSettingsBtn span,.alarmSettingsSmall span,.alarmSound .soundOpen,.alarmSound .soundOpen-off{background-image:url(../img/alarmResult.png);display:inline-block;vertical-align:middle}
.alarmFlashes,.alarmRelieve,.alarmSound{color:#fff;cursor:pointer}
.alarmFlashes,.alarmSound{padding:10px}
.alarmFlashes:hover,.alarmSound:hover{background-color:#fbc984}
.alarmFlashes font,.alarmSound font{display:block}
.contextMenuContent .alarmSound .soundOpen{background-position:0 0;width:33px;height:33px}
.contextMenuContent .alarmFlashes .flashesOpen{background-position:0 -6pc;width:33px;height:33px}
.contextMenuContent .alarmSound .soundOpen-off{background-position:0 -3pc;width:33px;height:33px}
.contextMenuContent .alarmFlashes .flashesOpen-off{background-position:0 -9pc;width:33px;height:33px}
.contextMenuContent .alarmRelieve span{background-position:0 -2in;margin:0 10px 0 0;width:33px;height:33px}
.contextMenuContent .alarmSettingsBtn,.contextMenuContent .alarmSettingsSmall{color:#fff;cursor:pointer;height:35px;line-height:35px;border-top:1px solid #e1e1e1}
.contextMenuContent .alarmSettingsBtn:hover,.contextMenuContent .alarmSettingsSmall:hover{background-color:#fbc984}
.contextMenuContent .alarmSettingsBtn span{background-position:0 -15pc;width:17px;height:17px;margin:-2px 3px 0 0}
.contextMenuContent .alarmSettingsSmall span{background-position:0 -263px;width:17px;height:17px;margin:-2px 3px 0 0}
#alarmTypeInfoTab .alarmTypeAlignment,#rMenu{text-align:left}
#rMenu{position:absolute;visibility:hidden;top:0;background-color:#fff;border:1px solid #6dcff6;padding:5px;box-shadow:2px 3px 8px #989898;width:143px;border-radius:5px}
#rMenu a{color:#989898;cursor:pointer;display:block;background-color:#f7f7f7;margin:0 0 5px;padding:5px 0 5px 5px;border-left:3px solid #c5c5c5}
#rMenu #treeRightMenu-l .menu-show-more:hover{color:#6dcff6}
#rMenu #treeRightMenu-l a:hover,#rMenu #treeRightMenu-r a:hover{color:#fff;background-color:#6dcff6;border-left:3px solid #04b0f5}
#rMenu #treeRightMenu-l .menu-show-more{margin:0;background-color:#fff;border:1px solid #c5c5c5}
#rMenu #treeRightMenu-l .menu-show-more:hover{color:#6dcff6;background-color:#fff;border:1px solid #c5c5c5!important}
#rMenu #treeRightMenu-l a span{float:right;padding:0 5px 0 0}
#rMenu #treeRightMenu-r a:hover{color:#fff}
#rMenu #treeRightMenu-r .menu-show-more,#rMenu .rmenu-last-a{margin:0}
#prooFreadingForm .form-control[disabled]{background-color:#fafafa}
.proo-title{margin-bottom:30px;font-weight:700}
.amap-info-content{background-color:#ebe9e5;line-height:22px!important;border:1px solid c2c2c2!important;box-shadow:1px 3px 8px #555!important;opacity:.9;padding:15px 18px!important;border-radius:5px}
/*滚动条整体样式*/
.amap-info-content::-webkit-scrollbar{width: 1px; height: 5px}
.amap-info-content::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #535353}
.amap-info-content::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #EDEDED}
.amap-info-close{display:none!important}
.infoWindowSetting{width:158px}
.infoWindowSetting a{padding:0;color:#767574;text-align:center;margin:5px 0 0 6px;cursor:pointer}
.amap-info-sharp{background-image:url(../../resources/img/sharp.png)!important;opacity:.9;margin:0 0 0 83px!important}
#sendTextMessages,#takePicturesContent{display:none}
#takePicturesContent .photo-show-loading{margin:0 auto;text-align:center}
.btn-alarm-manage{width:90pt}
#warningManageClose,#warningManagePhoto{margin:0 0 1px!important}
.recording-timeline{left:40%}
.recording-timeline,.taping-timeline{position:absolute;bottom:0;background-color:hsla(0,0%,100%,.8);border-radius:3px;z-index:99;cursor:auto;padding:10px}
.taping-timeline{left:60%}
.recording-timeline #videoPlay,.taping-timeline #voicePlay{float:left;cursor:pointer}
.barline{float:left;height:20px;border-radius:15px;margin:6px 0 0 5px}
#v-statusInfo img{cursor:pointer!important}
#v-statusInfo-show{display:none;padding:0;word-break:break-word}
#v-statusInfo-show div.col-md-6:nth-child(even){border-left:1px solid #929294;padding-right:0}
#v-statusInfo-show div.col-md-6:nth-child(odd){border-left:1px solid #929294}
#basicStatusInformation{width:158px}
.amap-info-sharp-marleft-show{margin:0 0 0 272px!important}
.amap-info-sharp-marleft-hide{margin:0 0 0 83.5px!important}
.realTimePage .sidebar{overflow-y:auto}
.realTimePage .sidebar::-webkit-scrollbar{width:1px;height:1px;background-color:#28282e}
.realTimePage .sidebar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}