/* main.css */
@charset "UTF-8";

html, body {
  height: 100%;
  width: 100%;
  margin: 0; padding: 0;
	left:0; right:0; top:0; bottom:0;
  position: fixed;
  font-family: tahoma, arial, helvetica;
  font-size: 12px;
	overflow: none;
}

#map, #sidebar {
    text-align: center;
    border: 0px;
    height: 100%;
}

.div {
  border: 0px;
	overflow: none;
}

#sidebar {
    display: none;
    text-align: left;
    border-color: #BCD;
}

#map {
    background-color: #EFE;
    border-color: #CDC;
    width: 100%;
}

.use-sidebar #map {width: 65%;}

.use-sidebar #sidebar {
    display: block;
    width: 34%;
}

.use-sidebar.sidebar-at-left #map, .use-sidebar.sidebar-at-right #sidebar {float: right;}
.use-sidebar.sidebar-at-right #map, .use-sidebar.sidebar-at-left #sidebar {float: left;}

::-webkit-scrollbar { -webkit-appearance: none; }

::-webkit-scrollbar:vertical { width: 6px; }

::-webkit-scrollbar:horizontal { height: 6px; }

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 6px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: #ffffff;
}

.selectable-scrollable  {
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    overflow: auto;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
.selectable-scrollable li {
    width: 100%;
    height: auto;
    font-size: 12px;
    list-style-type: none;
    margin: 1px;
    overflow: auto;   /* �� �� �� ����, ����� �� ������� � Android 5 & 6  */
}
.selectable-scrollable li table {
	background-color: #eee;
}

.selectable-scrollable li table:hover {
	background-color:#FCFF96;
}
.selectable-scrollable li.ui-selected table {
	background-color: #2196F3; 
	color: #FFFFFF;
}

.ui-dialog {z-index: 1001;}
.ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-dialog-buttonpane {font-size: 0.8em; }
.statdlg .ui-widget-header {background: #03A9F4; border: 0; }
.statdlg .ui-dialog-titlebar-close { }
.statdlg div {font-size: 12px;}
.no-close .ui-dialog-titlebar-close {display: none; }
.no-close .ui-widget-header {background: #03A9F4; border: 0; }
.no-close div {font-size: 12px;}

.datepicker {
    font-size: 12px;
}

#statdlgmaintext {
    font-size: 12px;
}

.noselect  {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently not supported by any browser */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}


#panel {
    position: absolute;
    top: 6px;
    left: 30px;
    margin-left: 0px;
    z-index: 5;
    background-color: #fff;
    padding: 0px;
    border: 0px solid #999;
    opacity: 0.95;
    height: 0px;
}

.buttonCtrl {
	 float: right;
   margin-top: 1px;
   margin-bottom: 1px;
	 margin-right: 2px;
   border: 1px solid black;
	 border-bottom-left-radius: 2px;
   border-top-left-radius: 2px;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, 0.14902);
		-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
		box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
		vertical-align: middle;
}

#histSlider {
    width: 60%;
    height: 26px;
    vertical-align: middle;
    float: bottom;
}

.selectedRow {
  background-color: #2196F3 !important;
}

.ui-state-active a, .ui-state-hover a {
    outline: none;
}

.leftButton {position: absolute; left:8px;}

#login_response {overflow: auto; color: #D6251F; font-weight: bold; right:10; }

.chatSearch{background: url('../img/search16.png')  no-repeat !important; }
#chatSearch{width: 24px !important; height: 24px !important; }

.chatclose{background: url('../img/close.png')  no-repeat !important; }
#chatclose{width: 24px !important; height: 24px !important; }

.chatSend{margin:4 !important;}
#chatSend{width: 60px !important; height: 24px !important; }

.msgchat{margin: 4px !important;}

.drvchat-mgs-cell { vertical-align: top; font-weight: bold; }
.drvchat-date-cell { vertical-align: bottom; font-size: 10px; }
.drvchat-dot-cell { vertical-align: text-bottom;}

.drvchat-btn-fastmsg { background: url('../img/send-button.png') no-repeat !important; }
#drvchat-btn-fastmsg { width: 24px !important; height: 24px !important; }

.drvchat-btn-senddest { background: url('../img/location-pin.png') no-repeat !important; }
#drvchat-btn-senddest { width: 70px !important; height: 24px !important; }

.fastmsg-btn-add { background: url('../img/fastmsg_add.png') no-repeat !important; }
#fastmsg-btn-add { width: 24px !important; height: 24px !important; vertical-align: middle !important; }

.fastmsg-btn-edit { background: url('../img/fastmsg_add.png') no-repeat !important; }
#fastmsg-btn-edit { width: 24px !important; height: 24px !important; }

.fastmsg-btn-del { background: url('../img/fastmsg_add.png') no-repeat !important; }
#fastmsg-btn-del { width: 24px !important; height: 24px !important; }

.fastmsg-btn-upload {background: url('../img/fastmsg_add.png') no-repeat !important;}
#fastmsg-btn-upload {width: 24px !important; height: 24px !important;}

.img-mgs-container {position: relative; }
.img-mgs-container .top {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.userSearchIcon {background: url('../img/search16.png') no-repeat center !important;}
#userSearchBtn {width: 24px !important; height:24px !important; outline: none;}
.userCloseIcon {background: url('../img/close.png') no-repeat center !important;}
#userCloseBtn {width: 24px !important; height: 24px !important;}

#refineSearch {color: red;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color: #000000;}


.nodisplay {
  display: none;
}

svg > g:last-child > g:last-child {pointer-events: none;}
div.google-visualization-tooltip {pointer-events: none;}

/*--- buttons ---*/
.topBarButtons {
	background: no-repeat center center;
	background-color: white;
	position: relative; float: left;
	height: 100%; margin: 0px 1px 2px;
	vertical-align: middle !important;
}

#imgMail{vertical-align: middle; display: none; position: relative; float: left; margin: 0px 1px 2px;}

.searchBtn {background: url('../img/search16.png') no-repeat center center !important;}
.centerBtn {background: url('../img/center_16.png') no-repeat center center !important;}
.panelBtn {background: url('../img/gauge16.png') no-repeat center center !important;}
.tahoBtn {background: url('../img/taho16.png') no-repeat center center !important;}
.bigLabel {background: url('../img/balloon1.png') no-repeat center center !important;}
.smallLabel {background: url('../img/balloon2.png') no-repeat center center !important;}
.trashBtn {background: url('../img/trash.png') no-repeat center center !important;}
.pathBookIcon {background: url('../img/pathbook_16.png') no-repeat center center !important;}
.pathListIcon {background: url('../img/pathlist_16.png') no-repeat center center !important;}

.settingsbtn {background: url('../img/settings.png') no-repeat center center !important;}
.closeBtnIcon {background: url('../img/cancel23.png') no-repeat center center !important;}
.invBtnIcon {background: url('../img/pathbook_16.png') no-repeat center center !important;}

.mainMenuIcon {background: url('../img/line-menu.png') no-repeat center center !important;}
.sysMenuIcon {background: url('../img/sysmenu16.png') no-repeat center center !important;}

.iconMap {background: url('../img/map24.png') no-repeat center center !important;}
.iconSplit {background: url('../img/split24.png') no-repeat center center !important;}
.iconCharts {background: url('../img/charts24.png') no-repeat center center !important;}

/*--- group tree / user list buttons ---*/
.clsBtn {
	background:#fff no-repeat center center;
	flex: 0;
	position: relative; float: right;
	height: 100%; margin: 0px 1px 2px; padding: 0;
	vertical-align: middle !important;
} 	
.clsBtnList {background: url('../img/list.gif') !important;}
.clsBtnTree {background: url('../img/tree.gif') !important;}
.clsBtnSplit {background: url('../img/split.gif') !important;}

/*--- tables ---*/
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
td, th {
	padding:1px;
}

table.itab {
	border-left: #333 1px solid;
	border-top: #333 1px solid;
	margin: 1px; 
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	text-align: left; 
	text-decoration: none;
}
table.itab td {
	border-right: #333 1px solid;
	border-bottom: #333 1px solid;
	padding: 1px;
	text-align: center;
}
table.itab td.right {
	text-align: right;
}
table.itab td.center {
	text-align: center;
}
table.itab th {
	border-right: #333 1px solid;
	text-align: center;
	background: #ddd;
	color: darkBlue;
	padding: 1px;
	font-weight: normal;
}
table.itab tr:not(:last-child) th {	
	border-bottom: #333 1px solid;
}
table.itab tr:last-child th {	
	border-bottom: #333 double 3px;	
}
table.itab tr:hover {
	background: lightBlue;
}
table.itab_l td:first-child {
	border-right: #333 double 3px;
	text-align: center;
	background: #ddd;
	color: black;
	font-weight: bold;
}

table.eTab {
	border:none;
	margin:2px; 
	font-size:smaller;
	font-weight:normal;
	color:#000;
	text-decoration:none;
}
table.eTab tr th {
	border-bottom: #333333 1px solid;
	padding: 1px;
	font-style: italic; 
	text-align: center;
}
table.eTab tr th:not(:first-child) {
	border-left: #333333 1px solid;
}
table.eTab tr td:not(:first-child) {
	border-left: #333333 1px solid;
}
table.eTab tr td {
	padding: 1px;
}
table.eTab tr td.etdb {
	font-weight: bold; 
}
table.eTab tr td.etdi {
	font-style: italic; 
}

.buttonBar {	
	height: 28px !important; 
/*	width: 100%; */
	padding: 1px; 
	border: 1px solid #dddddd; 
	background-color: rgba(240,240,240,.5);
}

/*--- main window panels ---*/
#mainPanel {
	display: flex; flex-direction: column; justify-content: stretch;
	width: 100%; 
	height: 100%;
	overflow: hidden;
}
#topToolbar {
	flex: 0 0 28px;
}
#splitterContainer {
	flex: 1;
	display: flex; flex-direction: row; justify-content: stretch;	
/*	overflow: hidden;*/
}

#textPanel {
	flex: 1;
	display: flex; flex-direction: column; justify-content: stretch;
/*	overflow: hidden;*/
}
#mapPanel { 
	flex: 2;
	display: flex; flex-direction: column; justify-content: stretch;
	background-color: gray;
/*	overflow: none;*/
}
#topMessage {
	flex: 0;
/*	height: 24px;*/
	background-color: yellow;
	text-align: right;
	text-weight: bold;
	color: black;
	display: none;
}
#mainMap {
	flex: 1;
/*	overflow: none;*/
}

#textBar {	
	flex: 0 0 26px;
	overflow: hidden;
	border-top: 1px solid darkGray; 
}
#textBarTitle {
	white-space: nowrap; 
  overflow: hidden; text-overflow: ellipsis;
	position: relative; float: left;
	text-align: left;
	font-weight: bold;
	padding-left: 5px; padding-right: 15px;
	vertical-align: middle; 
	line-height: 24px;
}
#textContent {	
	flex: 1;
	display: flex; flex-direction: column; justify-content: stretch;
	overflow: hidden;
}

#treePanel {
	flex: 1;	
	align-self: stretch;
/*	display: flex; flex-direction: column; justify-content: stretch;*/
	overflow: hidden;  /*	Hide scrollbars */
	border-top: navy 1px solid;
	border-right: navy 1px solid;
}
ul.dynatree-container {
/*	flex: 1;*/
  height: 100%; width: 100%;
  overflow: scroll;
  padding: 0;
  margin: 0;
}

#listPanel {
	flex: 1;
	display: flex; flex-direction: column; justify-content: stretch;
	overflow: hidden; 
}
#countPanel {
	flex: 0;
	height: 20px;
	background: #F3EB89;
	border-top: navy 1px solid; 
	display: none;
}
#userListBox {
	flex: 1;
  overflow: scroll;
  height: 100%; width: 100%;
	border-top: navy 1px solid; 
	border-right: navy 1px solid; 
}

/*--- history dialog ---*/
#historyDialogID {
  padding: 0px !important;
}
#histDialogPanel {
	display: flex; flex-direction: column; justify-content: stretch;	
	width: 100% !important; 
	height: 100% !important;
}
#historyMapPanel {
	flex:1;
/*	width: 50% !important; */
/*	height: 50% !important;*/
	background-color: darkGray;
} 
#historyMap {
	padding: 0px;
	background-color: gray;
	width: 100% !important; 
	height: 100% !important;
/*	border: 1px solid red;*/
}
#historyGraphTitle {
	flex: 1;
}
#histGraphPanel {
	flex: 1;
/*	float: left; */
/*	width: 50% !important; */
/*	height: 50% !important;*/
	overflow: scroll;
	background-color: lightGray;
/*	display: none;*/
}
#histChartsPanel {
	width: 100% !important; 
	height: 100% !important;
/*	overflow: hidden;*/
}
.chartTitlePanel {
	padding: 0; margin: 2px; 
	border: 1px solid darkBlue;
}
.chartTitle {
	text-align: center;
	font-weight: bold; font-size: 9px;
}
.chart {
	padding: 0; margin: 0; 
/*	border: 1px solid blue;*/
}
#histPlayerPanel {
	position: absolute;
	left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
	width: 400px;
	min-width: 320px;
	height: 30px;
	background-color: white;
	border: 1px solid black;
	opacity: 0.95;
	top: 5;
	z-index: 805;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
}
#histPlaySlider {
	vertical-align: middle; 
	padding: 0; margin: 0,5px; 
	z-index: 0;
}

#btnLeft {
	position: absolute; right: 42px; top:15px; display: none;
	width: 24px; height: 24px; 
	z-index: 800; opacity: 0.9;
}
#btnRight {
	position: absolute; right: 42px; top:15px;
	width: 24px; height: 24px; 
	z-index: 800; opacity: 0.9;
}

#btnMap {
	position: absolute; right: 12px;/* top:5px;*/
	top: 50%; bottom: 50%;
	margin-top: 6px;
	width: 24px; height: 24px; 
	z-index: 801; opacity: 0.9;
  border: 1px solid black; border-radius: 3px; padding: 2px;
}
#btnCharts{
	position: absolute; right: 12px; /*top:35px;*/
	top: 50%; bottom: 50%;
	margin-top: 38px;
	width: 24px; height: 24px; 
	z-index: 802; opacity: 0.9;
  border: 1px solid black; border-radius: 3px; padding: 2px;
}

.winCenter {
    position: absolute;
    top: 50%;
    left: 50%;    
    padding: .8em 1.2em;
    color: white;
    background-color:none;
    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none; 
}
a.disabled {
  pointer-events: none;
  cursor: default;
}

.blinky {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.badgeTop {
	position: absolute; top: 2px; right: 2px;
	min-width: 7px; border-radius: 3px; padding: 1px 4px;
	background: pink; color: navy; border: lightGray 1px solid; 
	text-align: center; font-weight: bold; font-size: 12px; line-height: 12px;
}

.spaScreen {display:flex; height:100vh; width: 100%;}
.spaHidden {display:none !important;}



/*
.ui-icon { 
    zoom: 200%; 
    -moz-transform: scale(2); 
    -webkit-zoom: 2; 
    -ms-zoom: 2;
}
*/

/* hide google attribution */
/*.gmnoprint a, .gmnoprint span, .gm-style-cc div, .leaflet-control-attribution div {
    display: none !important;
}
.gmnoprint div {
    background: none !important;
}*/