/****************************************************************************************************/
.wmap-popup
{
	max-width  : calc(100vw-32px);
	max-height : calc(100vh-32px);

	padding    : 8px;
}
.wmap-popup,.wmap-popbottom
{
	color            : #000000;
	background-color : #ffffee;
	border           : #000 solid 0px;
	border-radius    : 8px;
	box-shadow       : 8px 8px 16px #000;
}
.wmap-popup dl,.wmap-popup p,
.wmap-popbottom dl,.wmap-popbottom p
{
	margin-block-start:0;
	margin-block-end:0;
	padding : 0;
	margin  : 0;
}
.wmap-title
{
	font-family : sans-serif;
	font-weight : bold;
}
.wmap-cordinates,.wmap-transported
{
	font-size  :0.5em;
	font-family:sans-serif;
	margin  : 0 ;
	padding : 0 ;
	border  : 0 ;
}
.wmap-cordinates dd
{
	text-align : right;
	max-width  : 15em;
}
.wmap-description img
{
	display:block;
	margin:auto;
	width  : auto;
	height : auto;
	max-width  : calc(100vw - 64px);
	max-height : calc(50vh);
}
.wmap-description p
{
	max-width : calc(50vh);
}
.wmap-description time
{
	font-size  :0.5em;
	font-family:sans-serif;
	color : #cc0000;
}
.wmap-popbottom
{
	background-color : #ffffff;
}
.wmap-popbottom
{
	position:absolute;
	bottom:-16px;
	left  :0px;
	right :0px;

	max-height    : 0px;
	padding       : 8px;
	padding-bottom:16px;
	transition:
		bottom 1s,
		max-height 2s;
}
.wmap-popbottom:hover
{
	max-height:100vh;
	bottom    :-8px;
}
.wmap-graph
{
	color : #99ccff;
	background-color : #000000;
	font-size : 12px;
	height:250px;
}
.wmap-graph canvas
{
	width : 100% ;
	height: 250px;
}
.wmap-graph .wmap-point:hover
{
	background:#ffffff;
}
/****************************************************************************************************/