body {
	overscroll-behavior: none;
	--scrollbarwidthpx: 10px;
}
body::-webkit-scrollbar {
	width: var(--scrollbarwidthpx);
}
/* zvýrazňování tras na mapě po najetí myší */
/*
#m g.selected > polyline:nth-child(1) {
	stroke: #ffffff00 !important;
}
*/
#m g.selected > polyline:nth-child(2) {
	stroke: black !important;
	stroke-width: 8 !important;
	/** 
	stroke-dasharray: 5, 35;
	stroke-dashoffset: 40;
	/**/
	/**
	animation: dash 5s linear forwards;
	animation-iteration-count: infinite;
	/**/
}		                  
#m g:hover > polyline:nth-child(2) {
	stroke: red !important;
	stroke-width: 8 !important;
	cursor: pointer;
}

@keyframes dash {
	to {
		stroke-dashoffset: 0;
	}
}
/*
#map {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: red;
    display: block;
}
*/
.gutter {
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: 50%;
}

.gutter.gutter-horizontal {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
	cursor: col-resize;
}

.mapWrapper {
	display: flex;
	flex-direction: row;
}
.sidebar {
	/*	position: absolute;
	top: 0;
	width: 350px;*/
	padding: 16px;
	background-color: #eee;
	display: flex;
	flex-flow: column;
	height: 100vh;
	overflow-y: hidden;
	overflow-x: hidden;
}
#sideBarZoomArea {
	overflow-y: scroll;
	scrollbar-width: thin;
	margin-left: -16px;
	margin-right: calc(0 - var(--scrollbarwidthpx));
	padding-left: 16px;
	padding-right: 0;
	flex: 1 1 auto;
}
#searchBox {
	flex: 0 1 auto;
}
.card {
	flex: 0 0 250px;
	overflow-y: scroll;
	scrollbar-width: thin;
}
.card:hover {
	/*padding-right: 0px;*/
	/*margin-right: calc(0 - var(--scrollbarwidthpx));*/
}

.mapArea {
	position: relative;
	/*top: 0;
	margin-left: 350px;*/
	/*padding-bottom: 26px;*/
}
.card-body {
	flex: 0 1 auto;
}
#btn-line {
	flex: 0 0 auto;
	/*overflow-x: scroll;*/
}
#btn-line::-webkit-scrollbar {
	/*display: none;*/
}
.strong {
	font-weight: bold;
}
#tracksList {
	user-select: none;
}
#tracksList li.active .date {
	color: white !important;
} 
.bootstrap-tagsinput {
    width: 100%;
    line-height: 150%;
}
.bootstrap-tagsinput .badge {
	font-size: 110%;
	margin-top: 2px;
	margin-bottom: 2px;
}

.footer {
	height: 26px;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: white;
	font-size: 80%;
}
.footer p {
	padding: 0;
	margin: 0;
}