/*import awesom fonts 
*/
@import url("leaflet.css")  ;

.regionlabel {  
	width : 100%;
    font-size: 9px ;
    font-family : "Open Sans";
    fill :#cfcfcf ;   
}

.MapTimeLineOSM .jsonPopupDiv .overlay-button-save {
  padding: 5px;
  color: #fff;
  border: 1px solid #3b92ed;
  background: #3b92ed;
  display: inline-block;
  width: 40px;
  text-align: center;
  margin-right: 5px;
}

.MapTimeLineOSM  .jsonPopupDiv .overlay-button-cancel  {
  padding: 5px;
  margin-left: 5px;
  color: #000;
  border: 1px solid #eee;
  background: #fff;
  display: inline-block;
  width: 40px;
  text-align: center;
}

.MapTimeLineOSM  .jsonPopupDiv .overlay-button-clear {
  padding: 5px;
  margin-left: 5px;
  color: #000;
  border: 1px solid #eee;
  background: #b5b5b5;
  display: inline-block;
  width: 60px;
  text-align: center;
}

.MapTimeLineOSMLabel {  
    /* stroke: #b5b5b5;*/ 
    stroke-width: 0.5;
    paint-order: stroke;
    stroke-linecap: butt; 
    stroke-linejoin: miter ;     
}

.MapTimeLineOSM .leaflet-container {
	background: transparent; 
	}

.MapTimeLineOSM .raceButton  {
    /* position: relative;  */
    width: 20px;
    height: 20px;
    border: 1px solid rgba(256,256,256,0.8) ;
    border-radius: 50%;
    box-sizing: border-box;
}

.MapTimeLineOSM .ctlCollapse  {  
  width: 16px;
  height: 28px;
  border: 1px solid rgba(0,0,0,0.8) ;  
  box-sizing: border-box; 
  background-color: #3b3838 ;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto ;
}
.MapTimeLineOSM .ctlCollapse.collapse  {
  background-image :  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAACCAMAAAC0Y6abAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAGUExURf///////1V89WwAAAACdFJOUwHSB1VPgQAAAAlwSFlzAAAXEQAAFxEByibzPwAAABFJREFUGFdjYGBEAAZkHiMDAAFQABcd79AIAAAAAElFTkSuQmCC') ;
  background-size: 12px 2px  ;
} 
.MapTimeLineOSM .ctlCollapse.expend  {
  background-image :  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAYUExURQAAAP///////////////////////////yN+nV8AAAAHdFJOUwAQUGCAj59oGcHaAAAACXBIWXMAABcRAAAXEQHKJvM/AAAANElEQVQYV2PAApjYmaEsECCOxwQELOxsIArIY0cARgYGZiBgZWcDURDFZNkABoxA4xgYGABYtwD89OMBjwAAAABJRU5ErkJggg==') ;
} 

  



.MapTimeLineOSM .raceButton.play {
  background-image :     url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAMAAAAYXScKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABgUExURQAAADs7Ozs7Ozk5OTk5OTw5OTw5OTo3Nzs3Nzw4ODs4ODs3Nzw3Nzs5OTw4ODw4ODw4ODs4ODs4ODs4OEdERFNRUWxqaoSDg5GPj6moqLW0tM7Nzdra2ufm5vPz8////3B8jdgAAAATdFJOUwAaJygxWV5qgYiTlLi5vMnn8ve9fjHJAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAn0lEQVQoU3WR2xKDIAwFo4iKoqL0Ym1r/v8vBRLq0MF9cXOGAZMAIep+slNXC64DrY20nACUI0eesaSwWjggliqkA5eRwYcNFycNQDGTbnf6OuYCJCviymatBMWGiJ94XIFmcynii1yDIaEUv0/v5i/dw+UmvWG7BdfJaw92df7ZvtJBh/x18U66yHd8MZ2LSean7shtyCHqzm2zp20CHHZQG/0w8N+rAAAAAElFTkSuQmCC') ; 
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}
.MapTimeLineOSM .raceButton.stop {
    background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAMAAABxCz6aAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA/UExURQAAAD09PTw1NTw4ODo6Ojs4ODo3Nzs4ODs4ODw3Nzs4ODs4ODs4ODs4ODs4ODs4ODs4ODw4ODs4ODs4OP///1ZSq+YAAAATdFJOUwAVIkBCW1xkcXicoK630OTs8PEq8A0WAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAdUlEQVQoU22RWQ6AIAxExxUXlPX+Z5XKhIjp+2iZF8KKyrxb5+w+Mwrjlcg1UmGNVIWwVGeYiRE3eCbihyIPhsYBTO8g59xqmrBJ6+WGU1ovT9zSenlD6k8mfaa6prq7ek71Rvrd1VcClsBciGt1+ssXvn8EPJhlF+eCw2PNAAAAAElFTkSuQmCC') ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}
.MapTimeLineOSM .raceButton.prev {
    background-image :  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA/UExURQAAADo6Ojw4ODs5OTs3Nzw4ODs4ODo4ODs4ODs4OEdERGBdXWxqapGPj6moqMLBwc7Nzdra2ufm5vPz8////w4DJ9QAAAAJdFJOUwA1RGePmszN0wOMy/oAAAAJcEhZcwAAFxEAABcRAcom8z8AAACZSURBVChTdZHbEsMgCEQxxgsmbXrx/7+1sGDHzth9yA5HZchCphBT5pJi8BraeWh3QrRVR6q6OfR6yPB8U1UVomfvXa3d9Su9g7rTduGMA0U46PG0FxwpwZWeb+/DiQpc6ptCo5lgoAqNMmWY1ueXlqkvHy+naZ6B28No/JmXGX8h8055DSG3ZQ5/MlvnK1rtQiR7K5x9b0QfDq4OVz03d7cAAAAASUVORK5CYII=') ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.MapTimeLineOSM .raceButton.next {
    background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAnUExURQAAADo6Ojw4ODs5OTs3Nzw4ODs4ODo4ODs4ODs4OJGPj6moqP///6c0iaoAAAAJdFJOUwA1RGePmszN0wOMy/oAAAAJcEhZcwAAFxEAABcRAcom8z8AAACNSURBVChTddHREoUgCARQzFAx//97L4tAPXj3oR1PDdMg7ZTKTTrX4mfLLZHbhegaTsi4HP0c2fz9EhnAPXPisdZC6eyCVgC7SqFqraAcWomtATOVqVsD1gxtZLX1CRVqu4E5ob9zH3tlB85/UEyt8b/AVN3cu6+I7e24hz87O+9Xc7oLjd5bl+b3RvQDPzIMb2zxPc4AAAAASUVORK5CYII=') ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.MapTimeLineOSM .sliderDiv {
    position: absolute ;
    z-index : 1000 ;  
    box-sizing : border-box ; 
    overflow: hidden;
    background-color:  rgba(256,256,256,0.65);
}

.MapTimeLineOSM .sliderDiv .sliderLabel {
    position: absolute ;
    font-size : 12px ; 
    text-align:  center ;
}

 

   
.MapTimeLineOSM .ticks {
    font-size: 10px;
  }

  .MapTimeLineOSM   .track,
  .MapTimeLineOSM .track-inset,
  .MapTimeLineOSM .track-overlay {
    stroke-linecap: round;
  }

  .MapTimeLineOSM  .track {
    stroke: #000;
    stroke-opacity: 0.3;
    stroke-width: 10px;
  }

  .MapTimeLineOSM .track-inset {
    stroke: #dcdcdc;
    stroke-width: 8px;
  }

  .MapTimeLineOSM .track-overlay {
    pointer-events: stroke;
    stroke-width: 50px;
    stroke: transparent;
    cursor: grab ;
  }

  .MapTimeLineOSM .handle {
    fill: #fff;
    stroke: #000;
    stroke-opacity: 0.5;
    stroke-width: 1.25px;
  }


  .MapTimeLineOSM .handleLabel {
      position: absolute ;     
      visibility:  hidden ;
      background: rgb(25, 26, 26,0.5);
      text-align: center;  
  }

  
  .MapTimeLineOSM .jsonPopupDiv {
    position: relative;
}

 
.MapTimeLineOSM .jsonPopupDiv .jsonContents {
  line-height: 18px;
  font-size: 12px;
  color: #444649;
  overflow-y: scroll;
  height: 280px;
  width: 350px;
  resize: none;
}


  .MapTimeLineOSM .jsonFeature {
     min-width:  135px;
     display: block ;
     width : fit-content ; 
     margin-bottom: 2px; 
}

.MapTimeLineOSM .jsonFeature .propertyMsg{
  display: inline ;
  width : fit-content ; 
  margin-bottom: 2px; 
}

.MapTimeLineOSM .jsonFeatureSelect {
  max-height: 100px;
  min-width: 150px ;
  overflow: scroll;
  margin: 1px;
  padding: 3px;
  padding-left : 10px ; 
  border: 1px solid rgba(68, 70, 73, 0.2);
  max-width: 250px;
  width: auto;
  background: white;
}

.MapTimeLineOSM  div.timeText{
  /* font-size: 48pt ; */
  text-align:  right ;
  font-weight: 700;
  width : 100% ; 
  opacity: 0.5;
  position: absolute;
  z-index : 10000; 
  padding-right: 50px;
  box-sizing: border-box; 
}

.MapTimeLineOSM .jsonFeatureSelect .jsonFeatureItem {
   padding-top :  2px ;
   padding-left:9px  ; 
   padding-right : 2px ; 
   padding-bottom: 2px; 
   font-size : 14px  ;
   font-weight:  400 ;
   line-height:  26px ;
   overflow: hidden;  
   text-overflow:ellipsis; 
   white-space:nowrap ;
} 

.MapTimeLineOSM .jsonFeatureSelect .jsonFeatureItem:hover  {
  background-color:rgba(68,70,73,0.06);
} 

.MapTimeLineOSM .jsonFeatureSelect .jsonFeatureItem.selected{
  background-color : #3b92ed ;
  color : #fff ; 
}
  

.MapTimeLineOSM .tooltipName {
padding: 2px ;
font-weight:  600 ;
}

.MapTimeLineOSM .tooltipValue {
  padding: 2px ;
  font-weight:  400 ;
  }