.myCSSClass {
	/* background-color: white;//supprimé car trop près du waypoint 
		border: 1px solid black;
	border-radius: 4px; */
	background-color: transparent;
	box-shadow: none;
	border: 0px ;
	color: black;
	text-align: left;
	padding: 5px;
	/* width: 100px; */
	/* 	inline-size: 190px;
	overflow-wrap: break-word; */
	/* //max-width: 200px; */
	/* //height: auto; */
	/* //word-wrap: break-word; 
	//box-shadow: -7px -6px 6px -1px rgba(96, 96, 96, 0.73);*/
}


.myCSSClass2 {
	background: white;
	border: 1px solid green;
	border-radius: 6px;
	font-size: 1.2em;
	text-align: center;
}
.myCSSClass2 span{
	color: #fff;
	background-color: green;
	padding: 2px;
}
























/*  pour retour à la ligne du texte ligne https://gis.stackexchange.com/questions/223226/make-tool-tip-wrap-text*/
.leaflet-tooltip{
	/* width: 200px !important; */
	width: max-content;
	white-space: normal;
	text-align: left;
}
/* .leaflet-tooltip-top:before{// suppression du triangle du tooltip-top // un seul ne suffit pas*/
.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { 
	border: none !important;
}
.popover-title{
	background: #0078a8;
	color: white;
	padding: 8px 8px;
}
.leaflet-popup-tip {
	border: none !important;
}
div.menuitem {
	margin-bottom: 3px;
}
.leaflet-tooltip-left.myCSSClass::before {
	border-left-color: black;
}
.leaflet-tooltip-right.myyellowCSSClass::before {
	border-right-color: black;
}
row-align-bottom {
	display: table;
	height: 100%;
	width: 100%;
	margin-left: -14px;
}
/* .row-align-bottom .itemContainer {
	display: table-cell;
	padding-left: 14px;
	vertical-align: bottom;
} */
.marker-cluster-medium div {
	background-color: rgb(240, 12, 12);
	color: white;
}
.marker-cluster-medium {
	background-color: white;
}
.marker-cluster-small div {
	background-color: rgb(5, 9, 253);
}
.marker-cluster-small {
	color: white;
	background-color: rgb(255, 255, 255);
}
.panneau {
	color: #fff;
	padding-left: 3px;
	border: 2px solid #337ab7;
	border-radius: 3px;
	background: #337ab7;
	max-width: 110px;
}
.fa-spin.delete{
	animation-duration: 0.3s;
}
.wrapper{
	width:70%;
}
@media(max-width:992px){
	.wrapper{
		width:100%;
	} 
}
.panel-heading {
	padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
	color:#555;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	word-spacing:3px;
	text-decoration:none;
}
.panel-heading  a:before {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	transition: all 0.5s;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.panel-heading.active a:before {
	-webkit-transform: rotate(deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}
div.ibpdiv{
	margin: 10px 0 -30px 25px; /**/
	/* margin: 0px 0 0px 25px; */
	max-height: 80px;
	max-width: 120px;
}
div.exporter{
	padding: 3px 0 3px 3px; 
	color: #374D40;
	border: solid 1px; 
	border-radius: 3px; 
	position: relative;right: 10px;
	background-color: #FFEB6C;
	box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.57);
	-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.57);
	-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.57);
}
#tag_ibp,#tag_ibp_running,#tag_ibp_bicycle {
	position: relative;
	top: -40px;
	font-size: 1.3em;
	font-weight: bold;
	width: 120px;
}
#tag_modalidad,#tag_modalidad_running,#tag_modalidad_bicycle {
	position: relative;
	top: -43px;
	font-size: 0.8em;
	width: 120px;
} 
@media screen and (max-width: 364px) { 
	#tag_ibp,#tag_ibp_running,#tag_ibp_bicycle {
		font-size: 1.6em;
	}
	#tag_modalidad,#tag_modalidad_running,#tag_modalidad_bicycle {
		font-size: 1em;
	} 
}
.slow-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
button.save_track{
	margin: 5px 0 0 30px; 
}
div.confirmation-buttons>div.btn-group>a.btn-primary{
	color: white;
}
input.form-control{
	padding: 3px;
}
span.group-span-filestyle{
	height: 28px;
}
.form-control[disabled]{
	height: 28px;
}
div.bootstrap-filestyle>input.form-control{
	font-size: 10px;
}
.track_delete{
	display: block;
}
.leaflet-sidebar {
	height: 370px;
}
@media (min-width: 768px) {
	.leaflet-sidebar-left  ~ .leaflet-control-container .leaflet-left, .leaflet-sidebar-left>collapsed ~ .leaflet-control-container .leaflet-left {
		left: 3px; 
	} 
	.leaflet-sidebar-left ~ .leaflet-control-container .leaflet-top.leaflet-left {
		z-index: 2100;
		top: 210px;
		left: 3px; 
	} 
	.leaflet-sidebar-left.collapsed ~ .leaflet-control-container .leaflet-left {
		left: 3px;
	}
}
.end-marker {
	font-size: 9px;
	border: 3px solid #fb0505;
	border-radius: 10px;
	text-align: center;
	color: #000;
	background: #fff;
	padding-top: 3px;
	box-shadow: 7px 7px 4px rgba(0,0,0,0.5);
	/* 	cursor:move; */
}
.add-marker {
	cursor:url(../images/icon-add.png) 16 16,auto;
}
.borduretableau{
	width: 15px; 
	height: 15px
}
.denivele{
	width: 18px; 
	height: 15px;
}
.imagette{
	width: 80px; 
	height: auto;
	float: left; 
	margin: 0px 5px 0px 0px; 
	border-radius: 3px;
}
div.meteodescription{
	display: none;
} 
div.modal{
	z-index: 3000;
}
.arrow-icon {//ne pas mettre dans distancemarker.css
	width: 12px;
	height: 12px;
}
.arrow-icon > div {//ne pas mettre dans distancemarker.css
	margin-left: 0px;
	margin-top: -10px;
	transform-origin: center center;
	font-size: 20px;
}
.axis path,
.axis line {
	fill: none;
	stroke: #0000b3;
	shape-rendering: crispEdges;
}
.axis{
	font: 9px sans-serif;
}
.line {
	fill: none;
	stroke: #008000;
	stroke-width: 2.5px;
}
.horizontalGrid {
	fill : none;
	shape-rendering : crispEdges;
	stroke : lightgrey;
	stroke-width : 1px;
}
.verticalLine {
	fill : none;
	shape-rendering : crispEdges;
	stroke : lightgrey;
	stroke-width : 1px;
}
.elevationtooltip {
	/* position: absolute; */
	opacity:0.8;
	z-index:1000;
	text-align:left;
	border: 2px #fff solid;
	border-radius:3px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:5px;
	color:#fff;
	/* background-color:#008000; */
	background-color:#074fe9;
	/* background-color:#234ada; */
	/* background-color:#0E3FF6; */
	max-width: 300px;
	height: auto;
	box-shadow: 3px 3px 3px #000000a3;
}
div.elevation-div0{
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius : 5px;
	/* padding-top: 4px; */
	padding-bottom: 8px;
	height: auto;
	/* max-height: 387px; */
	max-height: 170px;
	/* max-height: 310px; */
	display: block;
	/* background: #fff; */
	background: rgba(252, 252, 252, 0.7) none repeat scroll 0% 0%;
	z-index: 790;
	// border: 1px solid #000;
}
div.profilelevation{
	padding-left: 15px;
	border-radius : 5px 5px 0 0;
	font-size: 1.4em;
	background: #0074d9;
	color: #ffffff;
}
div.tooltypwaynt{
	text-align: center;
	background-color: #fff; 
	border: 1px solid #000; 
	border-radius: 5px; 
	padding: 3px; 
}
.tooltypFromChart{
	text-align: left; 
	background-color: #fff; 
	border: 1px solid #000; 
	border-radius: 5px; 
	padding: 3px; 
}
div.divblend{
	position :relative;
	top: -10px;
	left: 10px;
}
.tooltip .tooltip-inner{
	color:#fff;
	text-align:center;
	background-color:#0080c9;
	border-radius:4px; 
	border: 2px solid #000000;
	max-width: 80px;
}
.tooltip .tooltip-inner2{
	color:#fff;
	text-align:center;
	background-color:#0080c9;
	border-radius:4px; 
	border: 2px solid #000000;
	max-width: 80px;
}
.tooltip .tooltip-inner3{
	color:#fff;
	text-align:center;
	background-color:#0080c9;
	border-radius:4px; 
	border: 2px solid #000000;
	max-width: 180px;
}
.tooltip .tooltip-inner4{
	color:#fff;
	text-align:center;
	background-color:#0080c9;
	border-radius:4px; 
	border: 2px solid #000000;
	max-width: 200px;
	position: relative;
	left: -20px;
}
.tooltip-inner{
	min-width: 250px;
	font-align: left;
	z-index:5000;
}
.tooltip-inner2{
	min-width: 100px;
	font-align: left;
	z-index:5000;
}
.tooltip-inner3{
	min-width: 160px;
	font-align: left;
	z-index:5000;
}
#div_ibp_hiking + .tooltip > .tooltip-inner, #div_ibp_running + .tooltip > .tooltip-inner,#div_ibp_bicycle + .tooltip > .tooltip-inner {
	background-color: #FFEB6C;
	color: #374D40;
	min-width: 180px;
	padding: 4px;
	/* https://stackoverflow.com/questions/43773725/bootstrap-tooltips-with-different-styles#43774044 */
	/*	position: relative; 
	left: 15px; */
}
/*#div_ibp_hiking + .tooltip, #div_ibp_running + .tooltip,#div_ibp_bicycle + .tooltip   {
	margin-left: -35px;
	https://stackoverflow.com/questions/43773725/bootstrap-tooltips-with-different-styles#43774044 
} */
.tooltiptrack {
	background-color: white;
	border: 1px solid green;
	border-radius: 6px;
	color: black;
	text-align: left;
	padding: 0px 5px;
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
	color: #fff;
	background-color: #d28a05;
	border-color: #c48103;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
	color: #fff;
	background-color: #c28719;
	border-color: #9c6f1a;
}
body.fullscreen {
	overflow:hidden;
}
.panel-fullscreen {
	display: block;
	z-index: 1030;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: auto;
	padding: 10px;
}
span.profilelev {
	display: inline-block;
	width: 15px;
}
div#fullscreen{
	background-color: #fff;	
	padding-bottom: 5px;
}
div.divessai-div0{
	min-width : 140px;
	height: 30px;
	padding-left: 5px;	
	/* width :fit-content; */
	/* block-size: fit-content; */
	/* margin-left :220px; */
	background :#ffffff;
	/* padding :3px 10px 0px 10px; */
	/* position :relative;
	top :-205px; */
	border :1px solid;
	border-radius :4px;
	/* transform: translate(270px, -415px); */
	box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.57);
	-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.57);
	-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.57);
}
input.slider{
	width:100px; 
	display: inline-block; 
	box-sizing: border-box; 
	margin: 0px 0px 0px 5px; 
	position: relative; 
	top: 5px;
}
.toggle.btn-xs{
	min-width:85px;
	min-height:22px
}
li.list-inline-item{
	margin: 0 3px;	
}
div.promptButtons{
	display: none;
}
div.leaflet-sidebar-left{
	max-height: 410px;
	height: 410px;
}
ul.aide{
	padding: 0px 0px 0px 0px;
	margin: 0 2px 0 -5px;
}
@media screen and (max-width: 768px) {
	.small_devices, .leaflet-control-locate, .leaflet-control-search, .leaflet-control-zoom, .info_smartphones {
		display: none;
	}
}
@media screen and (max-width: 400px) { 
	div.panneau{
		font-size: 0.8em;
	}
}	
/* @media screen and (min-width: 1141px)){ 
	div#logo{
	vertical-align: top; 
	float: right; 
	display: block;
	}
	} 
	@media screen and (max-width: 1140px) and (min-width: 857px)){ 
	div#logo{
	vertical-align: top; 
	float: right; 
	display: none;
	}
}*/ 
@media screen and (max-width: 1122px) and (min-width: 857px){ 
	div.itemContainer,	input.form-control, select.form-control{	
		font-size: x-small;
	}
	input.nom-rando {
		width: 70px;
	}
}	
@media screen and (max-width: 856px) and (min-width: 485px){ 
	div.itemContainer,	input.form-control, select.form-control{	
		font-size: x-small;
	}
}
@media screen and (max-width: 484px) { 
	div.itemContainer,	input.form-control, select.form-control{	
		font-size: xx-small;
	}
	input.nom-rando {
		width: 50px;
	}
	select#speed,select#type_parcours{
		width: 55px;
		padding: 6px 1px
	}
}
.flex-container {
	display: flex;
	flex-wrap: wrap;
}

.flex-container > button {
	margin: 2px;
}

.row-align-bottom .itemContainer {
	display: table-cell;
	padding-left: 14px;
	vertical-align: bottom;
}
.leaflet-control-resizer-s{
	border-left-color: #11548e;
	border-right-color: #11548e;
	border-top-color: #11548e;	
}
.leaflet-control-resizer-e::after, .leaflet-control-resizer-s::after, .leaflet-control-resizer-se::after {
	border-width: 2px;
	border-color: #1d5688;
}
/* .form-control {
	height: 24px;
	padding: 3px 6px;
	font-size: 12px;
	line-height: 1;
} */
@media screen and (min-width: 600px) { 
	input.nom-rando {
		width: 350px;
	}
}
div.logo_ign{
	display: flex;
	justify-content: center;
	width: 70px ;
	height: 33px;
	border: 2px solid rgba(0,0,0,0.2);
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 1);
	z-index: 1000;
}	


div.affichagekm{
	display: flex;
	justify-content: center;
	min-width: 30px ;
	height: 15px;
	border: 2px solid rgba(0,0,0,0.2);
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 1);
	z-index: 1000;
	font-size: 0.8em;
	padding: 0 3px;
}