#mItem_devices{border-bottom:1px solid #DDD;}
#mItem_params{border-top:1px solid #DDD;margin-top:10px;}
.app_sublabel{padding:5px 15px;margin-top:10px;font-size:16px;color:var(--highlight);}
.app_submenu>a>div>div{font-size:11px !important;}

#dataTable{margin-bottom:0px;overflow-y: auto;}
#dataTable tr.line:hover{background:#CCC;cursor:pointer;}
#dataTable tr.line.selected{background:var(--highlight) !important;}
#dataTableHeader th{position:sticky;top: 0px;z-index:5;background:#666;}
#dataTableHeader th>div{color:#FFF;text-shadow:1px 1px #000;}
#dataDetailTable{margin-bottom:0px;}

.leaflet-popup{margin-bottom:30px !important;}
.leaflet-popup-content{color:#000;margin:10px 12px 10px 12px !important;}

.tooltip_content{}
.tooltip_content>div{color:#000;font-size:11px;}
.tooltip_content>div:not(:last-child){margin-bottom:5px;}
.tooltip_content>div>label{color:var(--highlight);font-size:12px !important;padding-bottom:0px !important;display:block;}

#formDataLayout{display:flex;box-sizing:border-box;}
#dataZone{width:50%;margin-right:14px;box-sizing:border-box;height:100%;}
#dataNode{overflow:auto;border:1px solid #999;box-sizing:border-box;background:#CCC;height:100%;}
#mapZone{width:50%;margin-left:14px;box-sizing:border-box;display:flex;flex-direction: column;height:100%;}
#mapNode{height:100%;border:1px solid #999;box-sizing:border-box;}
#detailZone{display:none;box-sizing:border-box;overflow:auto;border:1px solid #999;background:#CCC;}
#imageZone{display:none;box-sizing:border-box;overflow:auto;border:1px solid #999;background:#CCC;}
#mapZone.detailed #mapNode{height:calc(50% - 15px);}
#mapZone.detailed #detailZone{height:calc(50% - 15px);margin-top:28px;display:block;}
#dataZone.imaged #dataNode{height:calc(50% - 15px);}
#dataZone.imaged #imageZone{height:calc(50% - 15px);margin-top:28px;display:block;}

#dataTable th.orderable{transition:all 0.25s;}
#dataTable th.orderable>div:before{padding-right:5px;font-weight:normal;}
#dataTable th.orderable:not(.ordering)>div:before{content:"\2B81";opacity:0.5;}
#dataTable th.ordering>div{color:var(--highlight);}
#dataTable th.ordering>div:before{content:"\1F845";}
#dataTable th.ordering.asc_way>div:before{content:"\1F847";}
#dataTable th.orderable:hover{background:#555;cursor:pointer;}
#dataTable th.orderable:hover>div:before{opacity:1;}
#dataTable th.battery svg.frk.icon{padding:2px 0px 0px 7px;width:16px;height:16px;fill:#BBB;}

#dataTable td.percentage{position:relative;}
#dataTable td.percentage>div{position:absolute;}
#dataTable td.percentage>div.bar{top:0px;left:0px;height:100%;opacity:0.25;box-sizing:border-box;z-index:3;border:2px solid #000;}
#dataTable td.percentage>div:not(.bar){top:1px;left:0px;z-index:2;font-size:12px;}

#dataDetailTable div.label{white-space: nowrap;}
#dataDetailTable div:not(.label){word-break:break-all;}
#dataDetailActions{text-align:center;padding:5px;}
#dataDetailActions div.mcui-button{margin:5px;}

#imageZone{position:relative;}
#imageZone div.image{position:absolute;height:100%;width:100%;transition:all 0.5s;opacity:0;}
#imageZone div.image.active{opacity:1;}
#imageZone div.image>div{position:absolute;top:0px;left:0px;height:100%;width:100%;}
#imageZone div.image>div.background{z-index:1;}
#imageZone div.image>div.overlay{z-index:2;}
#imageZone div.image>div>img{height: 100%; width: 100%; object-fit: contain}
#imageZone div.nav{position:absolute;z-index:9999;bottom:10px;left:50%;top:auto !important}
#imageZone div.nav svg.frk.icon{margin-right:0px;}

#imageZone #appNavBack, #imageZone #appNavNext{top:50% !important;bottom:auto;}
#imageZone #appNavBack:hover, #imageZone #appNavNext:hover{top: calc(50% - 2px) !important;}
#imageZone #appNavBack:active, #imageZone #appNavNext:active{top: 50% !important;}
#imageZone #appNavBack svg.frk.icon{margin-left:-4px;}
#imageZone #appNavNext svg.frk.icon{margin-right:-4px;}
#appNavBack{left:10px !important;}
#appNavNext{left:auto !important;right:10px !important;}

#appDataImagePoped{position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:99999;background:#000;}
#appDataImagePoped div.image{position:relative;height:100%;}
#appDataImagePoped div.image>div{position:absolute;top:0px;left:0px;height:100%;width:100%;}
#appDataImagePoped div.image>div.background{z-index:10000;}
#appDataImagePoped div.image>div.overlay{z-index:10001;}
#appDataImagePoped div.image>div>img{height: 100%; width: 100%; object-fit: contain}
#appDataImagePoped div.nav{position:fixed;z-index:10002;bottom:10px;left:50%;top:auto !important}

#formDataFilters{display:none !important;}
#formDataFilters:not(:empty){padding-bottom:13px;}
#formDataFilters>div.filter{display:inline-block;vertical-align:top;margin:0px 15px 15px 0px;}
#formDataFilters>div.filter>label{font-size:11px;font-weight:bold;text-transform:uppercase;padding-bottom:5px;}