#imageWrap{
    display: block;
    padding-top: 80px;
    position: relative;
}
h4 strong {
    font-family: Arial;
}


#theLevels,
#theTimeSeries{
    font-family: arial; 
}

#current_position{
    
    
    
}
#imageWrap img {
    position: absolute;
    z-index:-2;    
    width: 100%;
    height: auto !important;
}
#imageWrap canvas {
    opacity:0;
}
#the_shape_fileImg{
    z-index:-1;    
    display:block !important; 
    height: auto !important;
    transform: rotate(26deg);
    aspect-ratio: 69/67;
    width: 116% !important;
}
#DataBox {}
#DataBox div{
    display: block; 
    background: #f4f4f4;
}
#TIME_FILES{
    list-style: none;
    padding: 20px;
    margin: 0;
}
#TIME_FILES li{
    margin: 0 0 10px;
}
#TIME_FILES li span{
    display: block;
    padding: 0 20px;
    line-height: 40px;
    background: #ddd;
    cursor:pointer;
}
#TIME_FILES li:hover span,
#TIME_FILES li.active span{ 
    background: #2196F3;
    color: #fff;
}
#DataBoxChartTime{
    position: fixed;
    text-align:center;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 0px;
    padding-bottom: 50px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: #ffffff;
}
#DataBoxChartTime #mapChartTime{ 
    max-width: 100%;
    max-height: 100%;
}