body{
	font-size: 12px;	
	
}
/* $('td.conso').css('width','100px'); */
span.kwh:after, th.kwh:after {
	content: " kWh"
}
span.prix:after, th.prix:after {
	content: " €"
}
span.pourcdeb:after,span.pourcfin:after,span.perte:after {
	content: " %"
}
span.km:after {
	content: " km"
}
span.temperature:after {
	content: "°"
}
span.kw:after {
	content: " kW"
}
span.conso:after,span.consoreelle:after {
	content: " kWh/100"
}
span.prix_kwh:after, th.prix_kwh:after {
	content: " €/kWh"
} /**/
span#km-jour,span#kwh-jour,span#euros-jour,span#km-jour{
	font-style: italic;	
	color: #9c9292;	
}
input.date{
	width: 115px;
}
input.reseau{
	width: 155px;
}
span.reseauinput{
	border: 1px solid #00000054;
	background-color: white;
	padding: 5px;
	border-radius: 3px;	
	display: inline-block;
	font-size: 12px;
	min-width: 135px;
	height: 30px;
}
input.rfid{
	width: 75px;
}
input.duree{
	width: 65px;
}
input.km{
	width: 90px;
}
input.temperature{
	width: 55px;
}
input.pourcfin{
	float: right;
}
input.pourcdeb,input.pourcfin{
	width: 40px;
	padding: 0;
	text-align: center;
}
input.kwh,input.conso{
	width: 70px;
}
input.prix{
	width: 75px;
}
select.repos{
	margin-top: 3px;	
}
tr.vide{
	color: red;
}
.popover.left {
	margin-left: -80px;
}
.tooltip .tooltip-inner{
	color:#fff;
	text-align:center;
	// background-color:#0080c9;
	background-color:#238c00;
	border-radius:4px; 
	border: 1px solid #000000;
	/* width: 290px; */
}
.noUi-target {
	margin: 6px auto;
	width: 100%;
	background: transparent;
	border: none;
	box-shadow: none;
	//background: #3f3d38;
}
.noUi-horizontal .noUi-handle {
	width:60px;
	height: 10px;
	background: red;
	border-radius: 10px;
	border: 1px solid black;
	box-shadow: none;
	cursor: pointer;
	outline: none;
	margin-top: -2px;
}
.noUi-horizontal .noUi-handle:before,
.noUi-horizontal .noUi-handle:after {
	content: '';
	background: transparent;
}
.noUi-base {
	z-index: 1;
	padding: 0 2px;
	position: relative;
	top: -1px;
	//margin-top: -1px;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
	-webkit-transition: none !important;
	transition: none !important;
}
.fake-fill {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 1;
	background: black;
	z-index: 0;
}
.slider-styled,
.slider-styled .noUi-handle {
	box-shadow: none;
}
/* Hide markers on slider handles */
.slider-styled .noUi-handle::before,
.slider-styled .noUi-handle::after {
	display: none;
}
#slider-round {
	height: 6px;
}
#slider-round .noUi-connect {
	background: blue;
}
#slider-round .noUi-handle {
	height: 16px;
	width: 16px;
	top: -3px;
	right: -8px; /* half the width */
	border-radius: 8px;
	color: blue;
}
.noUi-connects {
	background-color: lightgrey;
}
#map {
	height: 80vh;margin-top:10px;border-radius: 6px;
}
div.mescoords{
	width: 120px;
	height: 20px;
	padding: 0 3px;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 4px;
}
/* .pulse {
    animation: pulsate 1s ease-out;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0
} */
path.stroke-polyline {
    filter: drop-shadow(1px 1px 0 #fff) drop-shadow(-1px -1px 0 #FFF) drop-shadow(1px -1px 0 #FFF) drop-shadow(-1px 1px 0 #fff);
}
@keyframes pulsate {
    0% {transform: opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {transform: opacity: 0.0;}
}
#mymap {
	height: 60vh;margin-top:10px;border-radius: 6px;
}
.blinking {
    animation: opacity 1s ease-in-out infinite;
    opacity: 1;
}
@keyframes opacity {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 0;
	}
}
.loader {
	width: 48px;
	height: 24px;
	display: inline-block;
	position: relative;
	border: 1px solid #FFF;
	position: relative; 
	top: 45%;
}
.loader::after {
	content: '';  
	box-sizing: border-box;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid #FFF;
	width: 5px;
	height: 12px;
}
.loader::before {
	content: '';  
	position: absolute;
	left: -8px;
	top: 50%;
	transform: translateY(-50%);
	height: 80%;
	width: 6px;
	box-sizing: border-box;
	animation: animloader  2s linear infinite;
}
.marker-cluster div {
	color: white;
	background-color: #2a7dc4;
}
.marker-cluster-medium div {
	background-color: rgb(240, 12, 12);
	color: white;
}
.marker-cluster-small div {
	color: white;
	background-color: #348101;
}
.marker-cluster, .marker-cluster-medium, .marker-cluster-small {
	background-color: rgba(255, 255, 255, 0.7);
}
@keyframes animloader {
	0% {
		box-shadow: 11px 0 rgba(255, 255, 255, 0), 22px 0 rgba(255, 255, 255, 0), 33px 0 rgba(255, 255, 255, 0), 44px 0 rgba(255, 255, 255, 0);
	}
	25% {
		box-shadow: 11px 0 white, 22px 0 rgba(255, 255, 255, 0), 33px 0 rgba(255, 255, 255, 0), 44px 0 rgba(255, 255, 255, 0);
	}
	50% {
		box-shadow: 11px 0 white, 22px 0 white, 33px 0 rgba(255, 255, 255, 0), 44px 0 rgba(255, 255, 255, 0);
	}
	75% {
		box-shadow: 11px 0 white, 22px 0 white, 33px 0 white, 44px 0 rgba(255, 255, 255, 0);
	}
	100% {
		box-shadow: 11px 0 white, 22px 0 white, 33px 0 white, 44px 0 white;
	}
}
.green{
color: #87db08; 
font-weight: bold;
	
}
@media (max-width: 640px) {
	.screen-rotation {
		display:flex;
		align-items:center;
		justify-content:center;
		color:#005eb8;
		width:100%;
		gap:3px;
		font-size:14px;
		margin: auto;
	}
}
@media (min-width: 641px) {
	.screen-rotation {
		display:none;
	}
}