.box {

}

.side-bar {
    width: 20%;
    padding: 5px;
	position:relative;
}

.check-box-side-bar {

}

.info-side-bar {
    padding-top: 20px;
    overflow: auto;
}


.info-box{
    margin-top:5px;
    padding:5px;
}
.crime-info{
    color: #2a2727e6;
    background-color: #E77D67;
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
}

.bus-stop-info{
    color: #2a2727e6;
    background-color: #B1CE64;
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
}

.pub-info{
    color: #2a2727e6;
    background-color: #CE9964;
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
}

.school-info{
    color: #2a2727e6;
    background-color: #BFD2E4;
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));

}

.house-price-info{
    color: #2a2727e6;
    background-color: #6eb956;
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));

}

.overall-info{
    color: #2a2727e6;
    background-color: #4ca6ff;
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	position: absolute;
	bottom: 5%;
	width: 100%;

}

.zoom-info {
    color: #2a2727e6;
    background-color: #BFD2E4;
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
}