.legend-thematic{
	font-weight: 200;
	font-size:14px;
	padding: 0 10px;
}

.legend-row-title h1{
	margin: 1px 0;
    line-height: 17px;
	display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	padding: 2px;
}

.legend-element {
    margin-top: 10px;
}

.legend-thematic > div{
	margin-top: 0;
	margin-bottom: 15px;	
}

.legend-row{
	padding-left: 5px;
	line-height: 16px;
	margin-top:5px;
	margin-bottom:5px;
	display: flex;
	vertical-align: top;
}

.symbol-choropleth{
	width: 20px;
	height: 15px;
	margin-left:5px;
	margin-right: 10px;
    margin-top: 3px;
	display: table-cell;
	vertical-align: middle; 
}

.symbol-svg{
	width: 100px;
	height: 20px;
	margin-right: 5px;
	display: inline-flex;
	vertical-align: middle; 
}

.symbol-line{
	display: inline-flex;
    vertical-align: middle;
	margin: 5px 15px 0 5px;
    width:20px;
}
.label-svg{
	display: inline-flex;
}

.symbol-image{
	display: table-cell;
	vertical-align: middle;
	padding-right: 15px;
	margin-top: 2px;
	max-width: 100px;
}

.symbol-trafficlayer{
	width: 20px;
	height: 15px;
	margin-left:5px;
	margin-right: 10px;
    margin-top: 3px;
	display: table-cell;
	vertical-align: middle; 
}

.legend-label{
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
	
}

.legend-break {
	display: flex;
}

.legend-break-clickable {
	cursor: pointer;
	display: table;
} 

.legend-break-clickable.disabled {
	opacity : 0.5;
}

.legend-break-clickable:hover{
     background-color: #e9e9e9;
}

.symbol-image img{
	margin : auto;
}
.legend-label-span{

	display: -webkit-box; 
	display: -moz-box; 
	display: -ms-flexbox; 
	display: -webkit-flex; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}

/*------------------------------------------Heatmap legend css -------------------------------------------------*/


.legend-heatmap-row{
    margin-bottom: 0.4em;
    width: auto;
    margin-bottom: 0.5em;
}
.heatmap{
    display:inline-block; 
    height:60px; 
    width:25px; 
}
.heatmap-label{
    display:inline-block; 
    margin-left:0.5em; 
    height:60px; 
    vertical-align: top; 
    position: relative;
}
.heatmap-top-label{
    margin: auto; 
    height: 75%;
}
.heatmap-bottom-label{
    margin: auto; 
    height: 25%;
}