/* basic positioning */
.legend { list-style: none; }
.legend li { float: right; }
.legend span { border: 1px solid #ccc; float: right; width: 20px; height: 20px; margin: 2px; }
/* your colors */
.legend .red { background-color: #d9534f; }
.legend .white { background-color: white; }
.legend .green { background-color: #3ebd7b; }
.legend .blue { background-color: #3e6fbd; }
.legend .yellow { background-color: #ebc634; }
.bg-blue{background-color:#3e6fbd!important}
.bg-yellow{background-color:#ebc634!important}
.bg-green{background-color:#3ebd7b!important}
/*end of legend........................*/