.leaflet-control-graphicscale-inner{margin:5px 15px}

.leaflet-control-graphicscale-inner 
.units{display:inline-block}
.leaflet-control-graphicscale-inner 
.subunits{display:none}
.leaflet-control-graphicscale-inner 

.label{
	color : red;
	font-size : 1.1vh;
	width:100px;
	text-align:center;
	margin-bottom:8px;
	position:absolute;
	opacity:1;
	-webkit-transition:opacity 0.4s linear;
	-moz-transition:opacity 0.4s linear;-ms-transition:opacity 0.4s linear;-o-transition:opacity 0.4s linear;
    transition:opacity 0.4s linear
	}
	
.leaflet-bottom 
.leaflet-control-graphicscale-inner
.labelPlacement-auto,
.leaflet-control-graphicscale-inner
.labelPlacement-top{margin-top:20px}
.leaflet-bottom .leaflet-control-graphicscale-inner.labelPlacement-auto 
.label,
.leaflet-control-graphicscale-inner.labelPlacement-top 
.label{bottom:0}
.leaflet-top 
.leaflet-control-graphicscale-inner
.labelPlacement-auto,
.leaflet-control-graphicscale-inner
.labelPlacement-bottom{margin-bottom:20px}
.leaflet-control-graphicscale-inner 
.divisionLabel{right:0;margin-right:-50px}
.leaflet-control-graphicscale-inner 
.zeroLabel,.leaflet-control-graphicscale-inner 
.subunitsLabel{left:0;margin-left:-50px}
.leaflet-control-graphicscale-inner 
.division{
	display:inline-block;
	position:relative;
	width:40px;
	bottom: -10px;
	-webkit-transition:width 0.4s ease-in-out;
	-moz-transition:width 0.4s ease-in-out;-ms-transition:width 0.4s ease-in-out;-o-transition:width 0.4s ease-in-out;
	transition:width 0.4s ease-in-out
	}
	.leaflet-control-graphicscale-inner 
	.division 
	.line,
	.leaflet-control-graphicscale-inner 
	.division 
	.line2{border-style:solid;position:relative}
	.leaflet-control-graphicscale-inner 
	.division 
	.line2{height:0;border-width:0}
	.leaflet-control-graphicscale-inner .division .line{
		background-color:white;
		height:8px;
		border-width:1px 1px 1px 0
		}
	.leaflet-control-graphicscale-inner 
	.units 
	.division:first-child 
	.line{border-left-width:1px}
	.leaflet-control-graphicscale-inner 
	.subunits .division .line{border-width:1px 0 1px 1px}
	.leaflet-control-graphicscale-inner 
	.fill{position:relative}
	.leaflet-control-graphicscale-inner
	.showsubunits 
	.subunits{display:inline-block}
	.leaflet-control-graphicscale-inner
	.double 
	.division 
	.line2{height:6px;border-width:0 1px 1px 0}
	.leaflet-control-graphicscale-inner.double 
	.units .division:first-child .line2{border-left-width:1px}
	.leaflet-control-graphicscale-inner
	.double .subunits .division 
	.line2{border-width:0 0 1px 1px}
	.leaflet-control-graphicscale-inner.double 
	.label{margin-bottom:14px}
	
	.leaflet-control-graphicscale-inner.filled .fill{
		background-color:red;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0
		}
		
	.leaflet-control-graphicscale-inner .filled-line .line .fill{
	
	height:2px;
	top:2px
	}
	.leaflet-control-graphicscale-inner.filled-line.double .fill{height:2px;top:2px}
	.leaflet-control-graphicscale-inner
	.filled-hollow .fill{
		
		position:absolute;
		top:1px;
		left:1px;
		right:1px;
		bottom:1px
		}
		
	.leaflet-control-graphicscale-inner 
	.division.hidden{width:0}
	.leaflet-control-graphicscale-inner 
	.division.hidden .line,
	.leaflet-control-graphicscale-inner .division.hidden .line2{height:0;border-width:0}
	.leaflet-control-graphicscale-inner .division.hidden .label:not(.subunitsLabel){opacity:0}