div.map-container {
    width: 100%;
    height: 100%;
	z-index: 0;
	position:relative;
}

#map {
	width: 100%;
	/*height: 83.5vh;*/
	height: 100vh;
	background-repeat: no-repeat;
    background-color: #9dc3e7;    
    background-size: cover;
	background-position:center;
	min-height: 660px;
}
#map.background-random{
	background-image:url('../img_random.php');
}

div.map-modal-overlay{
    display: inline-block;
    z-index: 998;
    width: 35%;
	max-width:740px;
    height: 100%;
    position: relative;
    background: white;
    pointer-events: auto;
    transition: width 0.5s;
    overflow: hidden;
	box-shadow: 1px -2px 3px 0px #7b7b7b;
}
div.marker-popup-image{
    z-index: 1030;
    width: 540px;
    height: 395px;
}

div.marker-popup
{
    z-index: 1030;
    width: 550px ;
    max-height: 200px ;
}

div.marker-popup-content-image{
    width: 515px;
    height: 384px;
    margin: auto;
}

div.marker-popup-content{
    width: 530px ;
    height: 100% ;
}

h1.marker-popup-title{
    color: #009fe3 ;
    font-size: 14px ;
    text-align: center ;
}

table.popup-obs-table{
    width: 100% ;
}

p.obs-timestamp{
    margin-left: 20px !important ;
    font-style: italic ;
}

td.obs-icon{
    text-align: center ;
}

img.obs-icon
{
    max-width: 40px ;
    max-height: 40px ;
    margin: auto ;
}

td.obs-nb{
    text-align: center;
}

.ui-slider-horizontal.ui-slider-pips {
  margin-bottom: -0.6em !important;
}

#ui-datepicker-div{
    z-index: 1200 !important;
}

input.picker-date{
    width: 10ch ;
}

input.picker-hour{
    width: 6.5ch;
}

.modebar > div:nth-child(5){display: none !important;}

.citymarker div.city {
	font-family: 'Montserrat', sans-serif;
}