* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
    border: 0;
    margin:0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom:0;
    left: 0;
    right:0;
    z-index: 1;
    overflow:hidden;

  font-family: 'Roboto','Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  font-size: 16px;
    
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  margin:0;
  padding:0;
}

/*
material icons
 */
 /*
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('https://tools.xcglobe.com/res/material/MaterialIconsOutlined-Regular.eot');
  src: local('Material Icons'),
    local('MaterialIconsOutlined-Regular'),
    url('https://tools.xcglobe.com/res/material/MaterialIconsOutlined-Regular.woff2') format('woff2'),
    url('https://tools.xcglobe.com/res/material/MaterialIconsOutlined-Regular.woff') format('woff'),
    url('https://tools.xcglobe.com/res/material/MaterialIconsOutlined-Regular.ttf') format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;

  font-feature-settings: 'liga';
}
*/

.material-icons.md-18 { font-size: 18px; }

*,
*::before,
*::after { 
  box-sizing: border-box;
}

a {
    text-decoration:none;
    color:#000;
    outline: none;
}
a:visited {
   color:#000;
   outline: none;
}
a:active {
  color:#000;
  outline: none;
}

.clickable-childs>* {
  cursor:pointer;
}
.clickable {
  cursor:pointer;
}
.clickable:active, .clickable-childs>*:active {
  opacity: 0.8;
}

button:active, a:active, .link:active {
    background-color:#c0ddf7 !important;
}

/* standard field width*/
.width {
    display:inline-block;
    width:400px;
}

.loader {
  background-image: url('https://tools.xcglobe.com/res/img/loader.gif');
  border: 0 none;
  display: inline-block;
  width:160px;
  height:24px;
  margin:10px;
  position:absolute;
  bottom:0;
  right:0;
  background-color:#4286f7;
}

@media (max-width: 480px) {
  .width { width:100%; }
}


.bullet:before {
  content:'•';
  margin: 0 4px;
  opacity: 0.3;
}


ul.list {
    margin: 0;
    padding: 0;
    list-style: outside none none;
}

.disabled {
  opacity: 0.5;
  cursor:default;
}

thead th {
  text-align:left;
}
td.r, th.r {
  text-align: right;
}
#content {
  position:absolute;
  top:50px;
  bottom:0;
  left:0;
  right:0;
  overflow-y: auto;
}

/*
<div class="userImg j-float-left" style="background-image: url('https://tools.xcglobe.com/res/css/<%= Jos.libs.helper.pilotImg(c.pilotId')  %>');">
*/

.userImg {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  float:left;
  background-size: 48px;
}

.userImg.mini {
  width:36px;
  height:36px;
  background-size: 36px;
  margin-top:4px;
}
.phaseImg {
  width: 100px;
  height: 100px;
  border-radius: 2px;
  float:right;
  background-size: 100px;
}

/* common elements */
.icobut {
	padding: 8px;
    display: inline-block;
    text-align: center;
    outline: 0;
}
.icobut>* {
	display:inline-block;
	vertical-align: middle;
}

.icobut.lite img {
	opacity: 0.7;
}

/*
dialog header
*/

.dlg-head {
	border-bottom:1px solid #888;
	padding:0 8px;
	line-height:50px;
}
.dlg-head * {
	display:inline-block;
	vertical-align: middle;
  white-space: nowrap;
  overflow:hidden;
}
.dlg-head .back {
  padding:0 16px 0 8px;
  margin-left:-8px;
  float:left;
}

.dlg-light-head {
	border-bottom:1px solid #888;
	padding:0 8px;
	line-height:50px;
}
.dlg-light-head * {
	display:inline-block;
	vertical-align: middle;
  white-space: nowrap;
  overflow:hidden;
}
.dlg-light-head .back {
  padding:0 16px 0 8px;
  margin-left:-8px;
  float:left;
}



.mmenu-jos-animate-start {  
  -webkit-transform: translate(0,0);
  transform: translate(0,0);

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mmenu-jos-animate-end {        
 -webkit-transform: translate(200px,0);
  transform: translate(200px,0);

  -webkit-backface-visibility: visible;
  backface-visibility: visible;

  transition:all 0.3s ease; 
}

.optmenu {
  min-width: 280px;
}
.optmenu .r {
  text-align:right;
  float:none;
  height: 60px;
}
.optmenu .material-icons {
  vertical-align:middle;
}
.optmenu > div > div {
  line-height: 1.2em;
  padding:8px 8px;
  border-bottom: 1px solid #ccc;
}
.optmenu > div.mid > div {
  vertical-align: middle;
}

.optmenu .jos-elem-zDropdown span {
  display:block;
  color:#088;
  font-size: 14px;
  padding-top:4px;
}
.optmenu .noborder > * {
  border:0;
}

.optmenu .user {
  line-height: 48px;
  font-weight: bold;
  color:#68b;
  vertical-align:middle;
  background-color:#eee;
}
.optmenu .user>div {
  vertical-align: middle;
}
.optmenu .user img {
  border-radius: 24px;
  height:40px;
  float:right;
}

.optmenu .disabled {
  opacity: 0.3;
}


body .list-picker form > div {
    padding: 16px 8px;
    min-width: 200px;
}

.country-picker .top {
  padding: 16px 8px;
  border-bottom: 1px solid #ccc;
  background-color: #f2f2f2;
  color: #008;
}

/*
PILOT PICKER
 */
.search-picker .title {
  padding:1rem;
  background-color: #eee;
}
.searchbar input {
  height:3rem !important;
  padding-left:3rem !important;
  border:0;
  border-bottom: 1px solid #ccc !important;
  line-height:3rem;
  width:100%;
  font-size:1rem;
  outline:0;
  position:relative;
}

.jos-utils-searchbox-list {
  height:15rem;
  overflow: auto;
  margin-top:8px;
}


.jos-utils-searchbox-list >div {
  padding: 16px 8px 16px 16px;
}
.jos-utils-searchbox-list .act {
  background-color: #3165d6;
  color:#fff;
}
  
.jos-utils-searchbox-list .gr {
  float:right;
  color:#888;
} 
.jos-utils-searchbox-list .act .gr {
  color:#eee;
}

/*
  compare, stats - orange title with button
*/
.gtit {
    background-color: #ff6400;
    color:#fff;
    padding:4px 4px 4px 8px;
    margin-top:16px;
    line-height: 32px;
    position:relative;
    cursor:pointer;
    xxxfont-weight: 500;
}
.gtit a {
    color:#fff;
    background-color: #d65503;
    position:absolute;
    right:4px;
    padding:0 8px;
    min-width: 7em;
    text-align: center;
    font-size: 0.8em;
}
.gtit i {
    vertical-align: middle;
}
.gtit a i {
    float:right;
    line-height: 32px;
}

.gtit .arrow_drop_down {
  display:none;
}
.gtit .arrow_right {
  display:inline-block;
}
.act .gtit .arrow_right {
  display:none;
}
.act .gtit .arrow_drop_down {
  display:inline-block;
}

.backmap {
    background-size: 300px;
    background-repeat: repeat;
    background-image: url('https://tools.xcglobe.com/res/img/backmap.png');	
}

.flightlist .list {
	background-color: #fff;
}
.flightlist .a1 {
	width: 40px;
	xxxposition:relative;
}
.flightlist .a2 {
    margin-left: 48px;
    overflow: hidden;
}
.flightlist .a2>div {
	line-height: 24px;
}
.flightlist li {
    border-bottom: 1px solid #ccc;
    padding: 4px;
	cursor: pointer;
	position:relative;
}
.flightlist .lite {
	color:#888;
	font-size: 0.85em;
}
.flightlist .c {	/* comment icon */
	vertical-align:middle;
	color:#000;
	margin-left:4px;
}
.flightlist .date {
    color: #888;
    font-size: 75%;
	margin: -4px -4px 8px -4px;
    background-color: #eee;
    padding: 2px;
}
.flightlist .score {
	float: right;
	white-space: nowrap;
}
.flightlist li.act {
	background-color: #fcfcec;
}
.flightlist .idx {
    font-size: 11px;
    color: #888;
    background-color: #fff;
    border-radius: 8px;
    position: absolute;
    text-align: center;
    padding: 1px 3px;
    left: 0px;
    bottom: 38px;
}

.xcshelp {
  display:inline-block;
  background-color: #eee;
  color: #444;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 16px;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  outline: none;
  xxxborder: 1px solid #ccc;  
}
.xcshelp::before {
  content:"?"
}
.navbar a {
	color:#fff;
	vertical-align:middle;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
}

.navbar i {
	vertical-align: middle;
}
.navbar .ricons {
	position:absolute;
	right:0;
}
.navbar .tit {
	padding-left: 8px;
}
.navbar .red {
	color:#0f0;
}
.navbar .top {
	background-color: #5e99b3;
    line-height: 42px;
	color:#fff;	
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	padding:4px 0;
	white-space: nowrap;
	overflow: hidden;
	position:relative;
}
.navbar .top>* {
	vertical-align:middle;
	display:inline-block;
}
.navbar .top .ricons {
	background-color: #5e99b3;
}
.navbar .top * {
	vertical-align:middle;
}

.navbar .top a.tit {
    background-color: #76a3b7;
}
.navbar .top .subtitle {
	position: absolute;
    bottom: 0;
    line-height: 1rem;
    left: 48px;
    font-size: 0.75em;
    text-shadow: none;
    opacity: 0.8;
    font-weight: normal;
}

.navbar .sub {
	xxline-height: 36px;
	line-height: 42px;
	text-shadow: none;
	background-color: #eee;
	color:#000;
}
.navbar .sub .tit>* {
	vertical-align:middle;
	display:inline-block;
}
.navbar .sub a {
	color:#589;
}
.navbar .sub .ricons {
	background-color: #eee;
	white-space: nowrap;
	overflow: hidden;
}
.navbar .sub .tit {
	font-size: 0.85em;
	white-space: nowrap;
}

/*
flightbox
*/

#flightbox .gmap {
  border-top:1px solid #bbb;
  height:200px;
}
#flightbox #flightterrain {
  height:60px;
  overflow:hidden;  
}

#flightbox .graphbox {
  overflow:hidden;    
  margin-left:8px;
}

#flightbox .instrument {
  font-size: 12px;
  padding-top:4px;
  visibility: hidden;
}
#flightbox .instrument span {
  width: 60px;
  padding: 2px 0;
  display: inline-block;
  background-color: #eee;
  border-radius: 6px;
  margin-right: 4px;
  text-align: center;
}


#sliderbox {
  position:absolute;
  left:0px;
  right:0px;
  top:0px;
  overflow:hidden;      
}
#sliderbox span {
  opacity: 0.5;
  background-color:#800;
}
#sliderbox span.down {
  opacity: 1;
}

#flightbox .media {
  padding:8px;
}

#flightbox .comments>div {
  padding-top: 16px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 4px;
}

#flightbox .comments .msg {
  margin-left:56px;
}
#flightbox .comments .foot {
  color:#888;
  font-size: 80%;
  display:inline-block;
}

#flightbox .post {
  padding:16px 8px 24px 8px;
}

#flightbox .post input {
  width: 100%;
  height:36px;
  display: inline-block;
  padding-left:8px;
}

#flightbox .fullscr {
  position:absolute;
  right:2px;
  top:4px;
  opacity: 0.5;
  color:#000;
  background-color:#fff;
  z-index: 2000;
}
#flightbox .fullscr i {
  opacity: 1;
  font-size: 32px;
  vertical-align: top;
}

#flightbox #phaseButtons {
  position: absolute;
  right: 2px;
  top: 40px;
  z-index: 2000;
  background-color: rgba(255,255,255,0.6);
  padding: 4px 4px 0 4px;
  border-radius: 6px;
}

#flightbox #phaseButtons a {
  height: 29px;
  width: 29px;
  display: block;
  margin-bottom: 6px;
  border: 3px solid rgba(160,0,0,0.3);
  border-radius: 6px;
}

#flightbox #phaseButtons a.act {
  border-color: #c00;
}
#flightbox #phaseButtons i {
  border-radius: 6px;;
}

#flightbox .mappanel {
  position: absolute;
  background-color: #5e99b3;
  top: 10px;
  z-index: 2000;
}
#flightbox .mappanel a {
  display:block;
  border-radius: 8px;
  margin:4px;
}
#flightbox .mappanel a i {
  vertical-align: middle;
}

#flightbox .mappanel a.on {
  background-color: #d5effb;
}

#flightbox .likebar {
  background-color:#eee;
  white-space: nowrap;
  margin-top:8px;
}
#flightbox .likebar a {
  padding: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  display: inline-block;
  line-height: 32px;
  vertical-align: middle;
  width: 32%;
  text-align:center;
  font-size: 0.85em;
}
#flightbox .likebar a.b {
  border-right: 1px solid #ccc;
}
.mmenu {
  min-width:300px;
  font-size: 14px;
}
.mmenu .user {
  background-color: #eee;
  padding:16px 16px 8px 16px;
  border-bottom:1px solid #ccc;
  background-image: url('https://tools.xcglobe.com/res/img/mmenu.png');
}

.mmenu .userImg {
  margin-bottom:8px;
  float:none;
}
.mmenu .user .mmenuUser {
  vertical-align: top;
  line-height: 24px;
  background-color: rgb(2 63 90 / 67%);
  border:1px solid #dee3f0;
  padding: 4px 8px;
  color: #fff;
}

.mmenu .menu {
  font-weight: bold;
}
.mmenu .menu>div>div {
  padding:8px;
  vertical-align: middle;
}
.mmenu .menu>div>div .small {
  font-size: 80%;
  font-weight: normal;
  padding-top:2px;
  color:#888;
}

.mmenu .menu .quit > div {
  border-top:1px solid #ccc;
}

.mmenu .menu i {
  color:#666;
}

/* ver 2017-10-01
2017-10-06
2017-11-02 - CSS custom properties
2018-02-26 - .j-middle
2021-10-20 - j-link !important
*/

:root {
	--link-color: #16b;
	--button-color:#E0E0E0;
	--button-pri-color: #0078e7;
	--text-inv-color: #fff;		
}

.j-page-font {
    font-size: 14px;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;    
}

.j-page-links a {
    color: #16b;
    text-decoration: none;
    cursor: pointer;    
}
.j-page-links a:hover {
    text-decoration: none;
}

.j-pad { padding:8px;}
.j-pad2 { padding:16px;}
.j-pad-r {padding-right:8px;}
.j-pad-r2 {padding-right:16px;}
.j-pad-l {padding-left:8px;}
.j-pad-l2 {padding-left:16px;}
.j-pad-b {padding-bottom:8px;}
.j-pad-t {padding-top:8px;}
.j-pad-b2 {padding-bottom:16px;}
.j-pad-t2 {padding-top:16px;}

.j-mar { margin:8px;}
.j-mar2 { margin:16px;}

.j-mar-r {margin-right:8px;}
.j-mar-r2 {margin-right:16px;}
.j-mar-l {margin-left:8px;}
.j-mar-l2 {margin-left:16px;}
.j-mar-b {margin-bottom:8px;}
.j-mar-t {margin-top:8px;}
.j-mar-b2 {margin-bottom:16px;}
.j-mar-t2 {margin-top:16px;}
.j-100 {width:100%;}
.j-32em {width:32em !important;}
.j-16em {width:16em !important;}
.j-8em {width:8em !important;}
.j-4em {width:4em !important;}


.j-float-right {float:right !important;}
.j-right {text-align:right;}
.j-float-left {float:left !important;}
.j-left {text-align:left;}
.j-center {text-align: center;}
.j-nowrap {white-space: nowrap;}
.j-iblocks>* {display:inline-block;}

.j-clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}


.j-block {display: block;}
.j-iblock {display: inline-block;}
.j-hidden {display:none;}
.j-top {vertical-align: top;}
.j-middle {vertical-align: middle;}
.j-single-line {white-space: nowrap;overflow: hidden;}

.j-bold {font-weight: bold;}
.j-shadow {box-shadow: 0 2px 15px rgba(0,0,0,0.3);}
.j-shadow-b {box-shadow: 0 8px 6px -4px rgba(0,0,0,0.3);}
.j-border {border:1px solid  #ccc;}
.j-border-b {border-bottom:1px solid  #ccc;}
.j-border-t {border-top:1px solid  #ccc;}
.j-caption {background-color:#e0e0e0; padding:8px;color:#444;}
.j-red {color:#c00;}
 
.j-hover:HOVER {
    cursor: pointer;
    background: rgba(0,0,0,0.03); 
}
.j-link {
    color: #16b !important;
    text-decoration: none;
    cursor: pointer;    
}

/*
 * tables
*/
.j-lines td, .j-lines th {
    border-bottom:1px solid rgba(0,0,0,0.09); 
}
.j-hover-tr tr:HOVER td {
    cursor: pointer;
    background: rgba(0,0,0,0.03); 
}
.j-hover-td td:HOVER {
    cursor: pointer;
    background: rgba(0,0,0,0.03); 
}

.j-table {
    border-collapse: collapse;
    border-spacing: 0;
}
.j-table td {
    padding: 6px 8px;
}
.j-table th {
    padding: 10px 8px;
}
.j-table-condensed td {
    padding: 2px 8px;
}  
 .j-table-condensed th {
     padding: 4px 8px;
 } 
 
.j-grid-table {
    border-top: 1px solid rgba(0,0,0,0.09); 
    border-left:1px solid rgba(0,0,0,0.09); 
}
.j-grid-table td, .j-grid-table th {
    border-bottom:1px solid rgba(0,0,0,0.09); 
    border-right:1px solid rgba(0,0,0,0.09); 
}
/*
* div emulated table
*/
.j-tbl {
	display:table;
}
.j-tbl>div {
	display:table-row;
}
.j-tbl>div>* {  /* 2020-01 */
	display:table-cell;
}
.j-tbl>div>div>div {
	vertical-align: middle;	/* td content */
}

.j-tbl .j-tbl-header {
	display:table-header-group !important;
}
.j-tbl .j-tbl-body {
	display:table-row-group !important;
}
.j-tbl .j-tbl-body>div {
	display:table-row;
}
.j-tbl .j-tbl-body>div>div {
	display:table-cell;
}

/*
 * forms
*/


.j-input input, .j-input select, .j-input textarea, .j-input button {
    font-size: 17px;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
    outline:none;
}

.j-input .xblock
{       
    display:block;
    width:100%;
    padding-left: 4px;
    box-sizing: border-box;    
}

.j-input select, input, textarea {
    border:1px solid #ccc;	
    border-collapse: collapse;
}

.j-input .jos-elem.yblock,
.j-input .jos-elem.yblock input,
.j-input .jos-elem.yblock select {
    height:2.4em;
    white-space: nowrap;
}


/*
.j-input input[type="text"], .j-input input[type="password"], .j-input  select, .j-input .jos-elem-switch, .j-input textarea {       
    display:block;
    width:100%;
    padding-left: 4px;
    box-sizing: border-box;    
}

.j-input input[type="text"], .j-input input[type="password"], .j-input select,  .j-input .jos-elem-switch {
	line-height: 2.4em;
    height:2.4em;
    white-space: nowrap;
}
*/
.j-input textarea {
    height:5em;
}

/*
<div class="j-form-horizontal">
 <div class="j-input">
   <label>xxx</label>
   <input>
 </div>
</div>

*/
.j-form-horizontal {
	display:table;
	border-collapse: separate;
  	border-spacing: 10px
}
.j-form-horizontal .j-input{
	display:table-row;	
}
.j-form-horizontal .j-input>*{
	display:table-cell;
	vertical-align: middle;	
}
.j-form-horizontal .j-input>*:first-child{	/* label */
	white-space: nowrap;
	text-align: right;
}

/*
 * j-form-right
*/
.j-form-right .j-input {
  display:block;
  text-align:right;
  white-space: nowrap;
  padding-bottom: 4px;
  padding-top: 4px;
  margin-bottom:4px;
}
.j-form-right .j-input label {
  display:inline-block;
  vertical-align: middle;    
}

.j-form-right .xblock {
  display:inline-block;
  width:16em;
  vertical-align: middle;
  margin-left: 8px;
}

/*
.j-form-right .j-input input[type="text"], 
.j-form-right .j-input input[type="password"],
.j-form-right .j-input textarea,
.j-form-right .j-input select {
  display:inline-block;
  width:16em;
  vertical-align: middle;
  margin-left: 8px;
}
*/

.j-form-right .jos-elem-icon-frame {
	display:inline-block;
}
/*
 * j-form-top
*/
.j-form-top .j-input {
  display:block;
  text-align:left;
  padding-bottom: 4px;
  margin-bottom:8px;
}
.j-form-top .j-input label {
  display:block;
  margin-bottom:4px;
}
.j-form-top .j-input input {    /* checkbox, radio (inside label) */
  vertical-align: middle;
}
.j-form-top .jos-elem-icon-frame {
	display:block;
}

/*
* jos elem (jos-elem-* classes are automatically inserted by JosElem)
*/
.jos-elem-label {
	border-bottom:1px solid #ccc;
	line-height: 2.4em;
}

.jos-elem-button {
    padding: 0.66em 1em;
    border: 0;
    color: rgba(0, 0, 0, 0.80);    
    background-color: var(--button-color);
    text-decoration: none;
    border-radius: 2px;
}
.jos-elem-button.pri {
    background-color:var(--button-pri-color);
    color:var(--text-inv-color);    
}
.xxxjos-elem-button:HOVER {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.jos-elem-button:focus {
    outline:none;
}
.jos-elem-switch {
    border:1px solid  #ccc; 
    cursor: pointer;
    background-color: #fff;
    line-height: 2.4em;
}
.jos-elem-switch span {
    padding:4px;
    margin-right: 4px;
    background-color: #e0e0e0;    
    text-align: center;
}
.jos-elem-switch .act {
    background-color:var(--button-pri-color);
    color:var(--text-inv-color);
}


.jos-elem-tabs ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.jos-elem-tabs li {
    text-align: center;
    display: inline-block;
    list-style-position: outside;
    margin-right: 8px;
}

.jos-elem-tabs li.active a {
    background-color: var(--button-pri-color);
    color: var(--text-inv-color);
}
.jos-elem-tabs li a {
    padding: 4px 8px 0 8px;
    border-bottom: 2px solid var(--button-pri-color);
}

.jos-elem-pagination {
	text-align: center;	
}
.jos-elem-pagination span {
	padding: 4px 5px 0 5px;
    border-bottom: 2px solid var(--button-pri-color);    
	margin-right: 4px;
	margin-left: 4px;
}
.jos-elem-pagination span.arrow {
    border-bottom-color:rgba(0,0,0,0);    	
}
.jos-elem-pagination .act {
    background-color: var(--button-pri-color);
    color:var(--text-inv-color);    
}
.jos-elem-boolean label {
    display:inline !important;
    cursor:pointer;
}

/*
* utils
*/
.jos-app-name-popupMenu {
	background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 15px;
}
.jos-app-name-popupMenu a {
	display:block;
	padding:16px 16px;  
	white-space: nowrap;
    color:#444;
}
.jos-app-name-popupMenu a:hover {
	background-color: #f0f0f0;
	text-decoration: none;	
}

.jos-app-name-popupMenu a i {
	margin-right:0.7em;
}

.jos-app-name-listPicker {
	border:1px solid #ccc;
}
.jos-app-name-listPicker form>div {
	padding:4px 4px;
	border-bottom:1px dotted #ccc;
}
.jos-app-name-listPicker .active {
	background-color: #0078e7;
	color:#fff;	
}


.j-column {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .j-row {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: calc(100%);
    box-sizing: border-box;
    justify-content: space-between;
  }
  .j-row.bigleft > *:first-child {
    flex-grow: 10;
    width: calc(100% - 100px);
  }
  .j-row.half > * {
    width: 50%;
  }
  
  @media only screen and (max-width: 767px) {
    .j-row.half > * {
      width: 100%;
    }
    .j-row.half {
      flex-direction: column;
    }
  }
  







.jos-window {
	background-color: #fff;
	visibility:hidden;
}

.jos-window-modal {
  background-color: #fff;
  box-shadow: 0px 0px 6px 3px rgba(0,0,0, 0.4);  	
}

.jos-window-footer {	
	border-top:1px solid #ccc;
	padding:8px;
	background-color: #eee;
}
.jos-window-footer >button {
	min-width:6em;
}

.jos-window >.title {
	font-size: 120%;
	font-weight: bold;
	padding:4px 8px;
	background-color: #76A3B7;
	line-height: 36px;
	color:#fff;	
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.jos-window >.title a {
	color: #D1E0E6;
	margin-left:10px;
}
.jos-window >.title a:HOVER {
	color:#fff;
}

.jos-window:focus {
    outline: none;
}

.jos-animate-start {	
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

.jos-animate-end {        
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
	transition:all 0.3s ease;	
}
.jos-animate-start1 {	
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
}

.jos-animate-end1 {        
	visibility: visible;
	opacity: 1;	
}
/* https://material-icons.herokuapp.com/ */

/* https://github.com/google/material-design-icons/tree/master/font */


.material-icons.exit_to_app:before,.mi.exit_to_app:before {content: '\e879';}
.material-icons.vpn_key:before,.mi.vpn_key:before {content: '\e0da';}
.material-icons.search:before,.mi.search:before {content: '\e8b6';}
.material-icons.arrow_back:before,.mi.arrow_back:before {content: '\e5c4';}
.material-icons.menu:before,.mi.menu:before {content: '\e5d2';}
.material-icons.power_settings_new:before,.mi.power_settings_new:before {content: '\e8ac';}
.material-icons.open_in_browser:before,.mi.open_in_browser:before {content: '\e89d';}
.material-icons.settings:before,.mi.settings:before {content: '\e8b8';}
.material-icons.chat:before,.mi.chat:before {content: '\e0b7';}
.material-icons.location_on:before,.mi.location_on:before {content: '\e0c8';}
.material-icons.whatshot:before,.mi.whatshot:before {content: '\E80E';}
.material-icons.person:before,.mi.person:before {content: '\e7fd';}
.material-icons.date_range:before, .mi.date_range:before {content: '\e916';}
.material-icons.arrow_drop_down:before,.mi.arrow_drop_down:before {content: '\e5c5';}
.material-icons.check:before,.mi.check:before {content: '\e5ca';}
.material-icons.close:before,.mi.close:before {content: '\e5cd';}
.material-icons.add:before,.mi.add:before {content: '\e145';}
.material-icons.call_missed:before,.mi.call_missed:before {content: '\e0b4';}
.material-icons.comment:before,.mi.comment:before {content: '\e0b9';}
.material-icons.clear:before,.mi.clear:before { content: '\e14c';}
.material-icons.verified_user :before,.mi.verified_user :before {content: '\e8e8';}
.material-icons.fullscreen:before,.mi.fullscreen:before {content: '\e5d0';}
.material-icons.thumb_up:before,.mi.thumb_up:before {content: '\e8dc';}
.material-icons.person_add:before,.mi.person_add:before {content: '\e7fe';}
.material-icons.remove_circle_outline:before,.mi.remove_circle_outline:before {content: '\e15d';}
.material-icons.swap_horiz:before,.mi.swap_horiz:before {content: '\e8d4';}
.material-icons.bar_chart:before,.mi.bar_chart:before {content: '\e26b';}
.material-icons.group:before,.mi.group:before {content: '\e7ef';}
.material-icons.calendar_today:before,.mi.calendar_today:before {content: '\e935';}
.material-icons.compare_arrows:before,.mi.compare_arrows:before {content: '\e915';}
.material-icons.library_books:before,.mi.library_books:before {content: '\e02f';}
.material-icons.arrow_right:before,.mi.arrow_right:before {content: '\e5df';}
.material-icons.mood:before,.mi.mood:before {content: '\e7f2';}
.material-icons.outlined_flag:before,.mi.outlined_flag:before {content: '\e16e';}
.material-icons.star_rate:before,.mi.star_rate:before {content: '\f0ec';}
.material-icons.person_search:before,.mi.person_search:before {content: '\f106';}
.material-icons.person_remove:before,.mi.person_remove:before {content: '\ef66';}
.material-icons.cloud_upload:before,.mi.cloud_upload:before {content: '\e2c3';}
.material-icons.edit_note:before,.mi.edit_note:before {content: '\e745';}
.material-icons.storage:before,.mi.storage:before {content: '\e1db';}
.material-icons.delete:before,.mi.delete:before {content: '\e872';}
.material-icons.mail:before,.mi.mail:before {content: '\e158';}
.material-icons.sort:before,.mi.sort:before {content: '\e164';}

.material-icons.play_circle:before,.mi.play_circle:before {content: '\e1c4';}
.material-icons.pause_circle:before,.mi.pause_circle:before {content: '\e1a2';}

.material-icons.construction:before,.mi.construction:before {content: '\ea3c';}

.material-icons.format_list_bulleted:before,.mi.format_list_bulleted:before {content: '\e241';}
.material-icons.push_pin:before,.mi.push_pin:before {content: '\f10d';}


.material-icons.expand_more:before,.mi.expand_more:before {content: '\e5cf';}
.material-icons.expand_less:before,.mi.expand_less:before {content: '\e5ce';}
.material-icons.pause_circle:before,.mi.pause_circle:before {content: '\e1a2';}

.material-icons.manage_search:before,.mi.manage_search:before {content: '\f02f';}

.material-icons.help:before,.mi.help:before {content: '\e887';}




.material-icons.xxx:before,.mi.xxx:before {content: '\e0b4';}


/*--------------------*/

.material-icons.mail_outline:before,.mi.mail_outline:before {content: '\e0e1';}

.material-icons.more_vert:before,.mi.more_vert:before {content: '\e5d4';}
.material-icons.arrow_forward:before,.mi.arrow_forward:before {content: '\e5c8';}
.material-icons.send:before,.mi.send:before {content: '\e163';}


.material-icons.flight_land:before,.mi.flight_land:before {content: '\e904';}
.material-icons.flight_takeoff:before,.mi.flight_takeoff:before {content: '\e905';}

.material-icons.hourglass_empty:before,.mi.hourglass_empty:before {content: '\e88b';}

.material-icons.vertical_align_top:before,.mi.vertical_align_top:before {content: '\E25A';}

.material-icons.av_timer:before,.mi.av_timer:before {content: '\e01b';}


.material-icons.zoom_in:before,.mi.zoom_in:before {content: '\E8FF';}
.material-icons.zoom_out_map:before,.mi.zoom_out_map:before {content: '\E56B';}


.material-icons.refresh:before,.mi.refresh:before {content: '\e5d5';}

.material-icons.my_location:before,.mi.my_location:before {content: '\e55c';}
.material-icons.notifications:before,.mi.notifications:before {content: '\e7f4';}

.material-icons.directions:before,.mi.directions:before {content: '\e52e';}

.material-icons.check_box_outline_blank:before,.mi.check_box_outline_blank:before {content: '\e835';}

.material-icons.check_box:before,.mi.check_box:before {content: '\e834';}

.material-icons.mode_comment:before,.mi.mode_comment:before {content: '\e253';}

.material-icons.chevron_left:before,.mi.chevron_left:before {content: '\e5cb';}
.material-icons.chevron_right:before,.mi.chevron_right:before {content: '\e5cc';}
.material-icons.info:before,.mi.info:before {content: '\e88e';}
.material-icons.keyboard_arrow_right:before,.mi.keyboard_arrow_right:before {content: '\E315';}

.material-icons.play_circle_outline:before {content:'\e039';}
.material-icons.pause_circle_outline:before {content:'\e036';}
.material-icons.visibility:before {content:'\e036';}
.material-icons.arrow_right_alt:before {content:'\e036';}

.material-icons.filter_list:before, .mi.filter_list:before {content:'\e152';}




















.ico {
	background-image: url('https://tools.xcglobe.com/res/img/sprites-mobile.png');
    border: 0 none;
    display: inline-block;
    background-repeat: no-repeat;
}

.ico-sco1 {background-position: 0px -1px;  height: 15px; width: 15px;}
.ico-sco2 {background-position: -16px -1px;height: 15px; width: 15px;}
.ico-sco3 {background-position: -32px -1px;height: 15px; width: 15px;}
.ico-sco4 {background-position: -48px -1px;height: 15px; width: 15px;}

.ico-gcat1 { background-position: -3px -16px; height: 11px; margin-right: 1px; width: 3px;}
.ico-gcat2 { background-position: -6px -16px; height: 11px; margin-right: 1px; width: 3px;}
.ico-gcat3 { background-position: -9px -16px; height: 11px; margin-right: 1px; width: 3px;}
.ico-gcat4 { background-position: -12px -16px; height: 11px; margin-right: 1px; width: 3px;}

.ico-gcat-c { background-position: -15px -16px; height: 11px; margin-right: 1px; width: 3px;}
.ico-gcat-t { background-position: -18px -16px; height: 11px; margin-right: 1px; width: 3px;}
.ico-gcat-a { background-position: -21px -16px; height: 11px; margin-right: 1px; width: 3px;}
.ico-gcat-m { background-position: -24px -16px; height: 11px; margin-right: 1px; width: 3px;}
.ico-gcat-z { background-position: -3px -16px; height: 11px; margin-right: 1px; width: 3px;}
.ico-gcat-x { background-position: 0px -16px; height: 11px; margin-right: 1px; width: 3px;}

.ico-fic0 {background-position: -64px 0px;  height: 16px; width: 16px;}
.ico-fic1 {background-position: -80px 0px;  height: 16px; width: 16px;}
.ico-fic2 {background-position: -96px 0px;  height: 16px; width: 16px;}
.ico-fic3 {background-position: -112px 0px;  height: 16px; width: 16px;}
.ico-fic4 {background-position: -128px 0px;  height: 16px; width: 16px;}
.ico-fic5 {background-position: -144px 0px;  height: 16px; width: 16px;}

.ico-gt1 {background-position: -32px -16px;  height: 16px; width: 16px;}
.ico-gt2 {background-position: -48px -16px;  height: 16px; width: 16px;}
.ico-gt3 {background-position: -64px -16px;  height: 16px; width: 16px;}
.ico-gt4 {background-position: -80px -16px;  height: 16px; width: 16px;}
.ico-gt5 {background-position: -96px -16px;  height: 16px; width: 16px;}
.ico-gt6 {background-position: -112px -16px;  height: 16px; width: 16px;}
.ico-gt7 {background-position: -128px -16px;  height: 16px; width: 16px;}
.ico-gt8 {background-position: -144px -16px;  height: 16px; width: 16px;}

.ico-rot-left {background-position: -160px -16px;  height: 16px; width: 16px;}
.ico-rot-right {background-position: -176px -16px;  height: 16px; width: 16px;}


.ico-ter1 {background-position: -160px 0px;  height: 16px; width: 16px;}
.ico-ter2 {background-position: -176px 0px;  height: 16px; width: 16px;}
.ico-ter3 {background-position: -192px 0px;  height: 16px; width: 16px;}

.ico-stars1{background-position: -97px -83px;  height: 16px; width: 11px;}
.ico-stars2{background-position: -97px -83px;  height: 16px; width: 21px;}
.ico-stars3{background-position: -97px -83px;  height: 16px; width: 31px;}

.ico-map-plus {background-position: -50px -57px;  height: 25px; width: 25px;}
.ico-map-minus {background-position: -75px -57px;  height: 25px; width: 25px;}
.ico-map-heatmap {background-position: -100px -57px;  height: 25px; width: 25px;}
.ico-map-terrain {background-position: -125px -57px;  height: 25px; width: 25px;}
.ico-map-airspace {background-position: -150px -57px;  height: 25px; width: 25px;}
.ico-map-sites {background-position: -175px -57px;  height: 25px; width: 25px;}
.ico-map-buddies {background-position: -200px -57px;  height: 25px; width: 25px;}

.ico-menu-gliders {background-position: 0px -114px;  height: 25px; width: 25px;}
.ico-menu-sites {background-position: -25px -114px;  height: 25px; width: 25px;}
.ico-menu-clubs {background-position: -50px -114px;  height: 25px; width: 25px;}
.ico-menu-pilots {background-position: -75px -114px;  height: 25px; width: 25px;}
.ico-menu-flights {background-position: -100px -114px;  height: 25px; width: 25px;}
.ico-menu-airspace {background-position: -125px -114px;  height: 25px; width: 25px;}
.ico-menu-translation {background-position: -150px -114px;  height: 25px; width: 25px;}
.ico-menu-home {background-position: -175px -114px;  height: 25px; width: 25px;}
.ico-menu-admin{background-position: 0px -139px;  height: 25px; width: 25px;}
.ico-menu-forum{background-position: -25px -139px;  height: 25px; width: 25px;}
.ico-menu-docs{background-position: -50px -139px;  height: 25px; width: 25px;}
.ico-menu-ways{background-position: -75px -139px;  height: 25px; width: 25px;}
.ico-menu-comp{background-position: -100px -139px;  height: 25px; width: 25px;}
.ico-menu-stats{background-position: -125px -139px;  height: 25px; width: 25px;}
.ico-menu-livetrack{background-position: -150px -139px;  height: 25px; width: 25px;}
.ico-menu-cloud{background-position: -175px -139px;  height: 25px; width: 25px;}
.ico-menu-flyme {background-position: -200px -114px;  height: 25px; width: 25px;}

.ico-logo-50{background-position: 0px -164px;  height: 50px; width: 50px;}

.ico-like {background-position: -128px -82px;  height: 16px; width: 16px;}

.ico-flag-en {background-position: 0px -33px;  height: 10px; width: 25px;}
.ico-flag-si {background-position: 0px -43px;  height: 10px; width: 25px;}
.ico-flag-hr {background-position: -25px -33px;  height: 10px; width: 25px;}
.ico-flag-it {background-position: -25px -43px;  height: 10px; width: 25px;}
.ico-flag-mx {background-position: -50px -33px;  height: 10px; width: 25px;}
.ico-flag-fr {background-position: -50px -43px;  height: 10px; width: 25px;}
.ico-flag-fa_IR {background-position: -225px -33px;  height: 10px; width: 25px;}

.ico-glider{background-position: 0px -58px;  height: 25px; width: 25px;}

.ico-mark-small-glider {background-position: 0 -82px;  height: 13px; width: 13px;}
.ico-mark-site {background-position: -100px -189px;  height: 25px; width: 25px;}
.ico-mark-landing {background-position: -125px -189px;  height: 25px; width: 25px;}
.ico-mark-landing2 {background-position: -50px -189px;  height: 25px; width: 25px;}

.ico-mark-site-a {background-position: -150px -189px;  height: 25px; width: 25px;}
.ico-mark-site-b {background-position: -175px -189px;  height: 25px; width: 25px;}
.ico-mark-site-c {background-position: -200px -189px;  height: 25px; width: 25px;}

.ico-mark-glider {background-position: 0 -57px;  height: 25px; width: 24px;}
.ico-mark-start {background-position: -16px -82px;  height: 16px; width: 16px;}
.ico-mark-end {background-position: -32px -82px;  height: 16px; width: 16px;}
.ico-mark-circle {background-position: -75px -189px;  height: 25px; width: 25px;}

.ico-site-start{background-position: 0px -99px;  height: 16px; width: 16px;}
.ico-site-end{background-position: -16px -99px;  height: 16px; width: 16px;}

.icm {
	background-image: url('https://tools.xcglobe.com/res/img/livemap.png?t=20250322');
	height: 25px; width: 25px;
  border: 0 none;
  display: inline-block;
  background-repeat: no-repeat;
  outline:none;
}

.icm-red-dot {background-position: 0 0;}
.icm-site {background-position: -25px 0;}
.icm-site-red {background-position: -50px 0;}
.icm-land {background-position: -75px 0;height:24px;}
.icm-dot {background-position: -100px 0;height:24px}
.icm-site-big {background-position: -125px 0;}
.icm-sco1 {background-position: -150px 0;width:23px;height:23px;}
.icm-sco2 {background-position: -175px 0;width:23px;height:23px;}
.icm-sco3 {background-position: -200px 0;width:23px;height:23px;}
.icm-sco4 {background-position: -225px 0;width:23px;height:23px;}

.icm-wind-dir {background-position: 0px -25px;}
.icm-wind1 {background-position: -25px -25px;}
.icm-wind2 {background-position: -50px -25px;}
.icm-site-flights {background-position: -100px -25px;}
.icm-task {background-position: -125px -25px;}

.icm-glider {background-position: -75px -25px;}
.icm-glider-small {background-position: -150px -25px;}
.icm-glider-big {background-position: -175px -25px;}

.icm-sco1-line {background-position: -200px -25px;}
.icm-taskpoint {background-position: -125px -50px;}
.icm-hiker {background-position: -150px -50px;}
.icm-hiker-red {background-position: -175px -50px;}
.icm-hiker-gray {background-position: -175px -75px;}
.icm-hiker-done {background-position: -200px -50px;}
.icm-hiker-question {background-position: -225px -50px;}


/**********/
.icm-back-white {background-position: 0px -50px;}
.icm-back-black {background-position: -25px -50px;}
.icm-thermic {background-position: -50px -50px;}
.icm-airspace {background-position: -75px -50px;}
.icm-heatmap {background-position: -100px -50px;}


.icw {
	background-image: url('https://tools.xcglobe.com/res/img/weather2021.png');
	height: 38px; width: 38px;
    border: 0 none;
    display: inline-block;
    background-repeat: no-repeat;
}
.icw0 {background-position: 0px 0px;}
.icw1 {background-position: -38px 0px;}
.icw2 {background-position: -76px 0px;}
.icw3 {background-position: -114px 0px;}
.icw4 {background-position: -152px 0px;}
.icw5 {background-position: -190px 0px;}
.icw6 {background-position: -228px 0px;}
.icw7 {background-position: -266px 0px;}
.icw8 {background-position: -304px 0px;}
.icw9 {background-position: -342px 0px;}
.icw10 {background-position: -380px 0px;}
.icw11 {background-position: -418px 0px;}
.icw12 {background-position: -456px 0px;}
.icw13 {background-position: -494px 0px;}
.icw14 {background-position: -532px 0px;}
.icw15 {background-position: -570px 0px;}
.icw16 {background-position: -608px 0px;}

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url('https://tools.xcglobe.com/res/css/#default#VML');
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url('https://tools.xcglobe.com/res/leaflet/images/layers.png');
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('https://tools.xcglobe.com/res/leaflet/images/layers-2x.png');
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url('https://tools.xcglobe.com/res/leaflet/images/marker-icon.png');
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

#admintopmenu {
	padding-left:16px;
}
#admintopmenu a {
	min-width: 5em;
	text-align: center;
}
#admintopmenu .act {
	background-color: #437b94;
}

.Zebra_DatePicker{position:absolute;background:#666;border:3px solid #666;z-index:1200;top:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:13px}.Zebra_DatePicker *,.Zebra_DatePicker *:after,.Zebra_DatePicker *:before{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}.Zebra_DatePicker *{margin:0;padding:0;color:#000;background:transparent;border:none}.Zebra_DatePicker.dp_visible{visibility:visible;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;transition:opacity 0.2s ease-in-out}.Zebra_DatePicker.dp_hidden{visibility:hidden;filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;opacity:0}.Zebra_DatePicker table{border-collapse:collapse;border-spacing:0;width:auto;table-layout:auto}.Zebra_DatePicker table th,.Zebra_DatePicker table td{text-align:center;padding:5px 0}.Zebra_DatePicker table td{cursor:pointer}.Zebra_DatePicker table td.dp_disabled,.Zebra_DatePicker table td.dp_not_in_month,.Zebra_DatePicker table td.dp_not_in_month_selectable{background:#F3F3F3;color:#CDCDCD;cursor:default}.Zebra_DatePicker table td.dp_disabled_current{color:#E38585 !important}.Zebra_DatePicker table td.dp_not_in_month_selectable{cursor:pointer}.Zebra_DatePicker table td.dp_week_number{background:#FFCC33;color:#000;font-weight:bold;cursor:text}.Zebra_DatePicker table td.dp_weekend{background:#D8D8D8}.Zebra_DatePicker table td.dp_weekend_disabled{color:#CCC;cursor:default}.Zebra_DatePicker table td.dp_current{color:#C40000}.Zebra_DatePicker table td.dp_selected{background:#5A4B4B;color:#FFF}.Zebra_DatePicker table td.dp_hover{background:#482424;color:#FFF}.Zebra_DatePicker .dp_daypicker,.Zebra_DatePicker .dp_monthpicker,.Zebra_DatePicker .dp_yearpicker{margin-top:3px}.Zebra_DatePicker .dp_daypicker td,.Zebra_DatePicker .dp_daypicker th,.Zebra_DatePicker .dp_monthpicker td,.Zebra_DatePicker .dp_monthpicker th,.Zebra_DatePicker .dp_yearpicker td,.Zebra_DatePicker .dp_yearpicker th{background:#E8E8E8;width:30px;border:1px solid #7BACD2}.Zebra_DatePicker .dp_header .dp_hover,.Zebra_DatePicker .dp_footer .dp_hover{background:#222;color:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.Zebra_DatePicker .dp_header td{color:#FFF}.Zebra_DatePicker .dp_header .dp_previous,.Zebra_DatePicker .dp_header .dp_next{width:30px}.Zebra_DatePicker .dp_header .dp_caption{font-weight:bold}.Zebra_DatePicker .dp_daypicker th{background:#FFCC33}.Zebra_DatePicker .dp_monthpicker td,.Zebra_DatePicker .dp_yearpicker td{width:33%}.Zebra_DatePicker .dp_footer{margin-top:3px}.Zebra_DatePicker .dp_footer td{color:#FFF}.Zebra_DatePicker .dp_footer td.dp_today,.Zebra_DatePicker .dp_footer td.dp_clear{padding:3px}button.Zebra_DatePicker_Icon{display:block;position:absolute;width:16px;height:16px;background:url('https://tools.xcglobe.com/res/jos/2.6/ext/zebradatepicker/calendar.png') no-repeat left top;text-indent:-9000px;border:none;cursor:pointer;padding:0;line-height:0;margin:0 0 0 3px}button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled{background-image:url('https://tools.xcglobe.com/res/jos/2.6/ext/zebradatepicker/calendar-disabled.png')}button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Right{margin:0 3px 0 0}button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Left{margin:0 0 0 3px}