.container{
    width: 1200px !important;
}
.trend-map-legend {
    margin-top: 40px;
    text-align: center;
}
.box_1 {
    background-color: #d7191c;
}
.box_2 {
    background-color: #fdae61;
}
.box_3 {
    background-color: #ffffbf;
}
.box_4 {
    background-color: #a6d96a;
}
.box_5 {
    background-color: #1a9641;
}
.trend-map-legend div{
    font-weight: bold;
    margin-bottom: 5px;
}
.trend-map-legend div span {
    border: 1px solid #000;
    height: 10px;
    width: 20px;
    margin-left: 70px;
}

.stroke {
    fill: none;
    stroke: #000;
    stroke-width: 3px;
} 
.fill {
    fill: #fff;
}
.graticule {
    fill: none;
    stroke: #777;
    stroke-width: .5px;
    stroke-opacity: .5;
}
.color_0{
    fill: #e2e2e2;
}
.color_1{
    fill: #CC321A;
}
.color_2{
    fill: #E85C43;
}
.color_3{
    fill: #FD806D;
}
.color_4{
    fill: #E9DABF;
}
.color_5{
    fill: #A4D775;
}
.color_6{
    fill: #7ABB60;
}
.color_7{
    fill: #5A9C3E;
}
.boundary {
    fill: none;
    stroke: #59f;
    stroke-width: 1px;
}
.modal-text-title{
    text-align: left;
}
.map-ranger{
	display: inline-block;
	width: 140px;
	height:10px;
	border: 1px solid #000;
	position: relative;
}
.map-ranger span{
	float: left;
}
.map-ranger p.pointer{
font-size: 11px;
    left: 48.5%;
    position: absolute;
}
.map-range-7 {
	background-color: #5A9C3E;
    content: "";
    display: inline-block;
    height: 10px;
    vertical-align: top;
    width: 20px;
}
.map-range-1{
    background-color: #CC321A;
	width: 20px;
	content: "";
    display: inline-block;
    height: 10px;
    vertical-align: top;
}
.map-range-2{
    background-color: #E85C43;
	width: 20px;
	content: "";
    display: inline-block;
    height: 10px;
    vertical-align: top;
}
.map-range-3{
    background-color: #FD806D;
	width: 20px;
	content: "";
    display: inline-block;
    height: 10px;
    vertical-align: top;
}
.map-range-4{
    background-color: #E9DABF;
	width: 20px;
	content: "";
    display: inline-block;
    height: 10px;
    vertical-align: top;
}
.map-range-5{
    background-color: #A4D775;
	width: 20px;
	content: "";
    display: inline-block;
    height: 10px;
    vertical-align: top;
}
.map-range-6{
    background-color: #7ABB60;
	width: 20px;
	content: "";
    display: inline-block;
    height: 10px;
    vertical-align: top;
}