/* 
    Created on : 1 Nov, 2019, 6:46:13 AM
    Author     : Deepak Singh Kushwah <deepak.kushwah@dotsquares.com>
*/
.black_color_bg{background: #000; line-height:19px;border-radius:100px;border:1px solid #000; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px; margin:0px auto 0px;}
.blue_color_bg{background: #7800ff;line-height:19px;border-radius:100px;border:1px solid #7800ff; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px;  margin:0px auto 0px;}
.brown_color_bg{background: #049d45;line-height:19px;border-radius:100px;border:1px solid #049d45; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px;  margin:0px auto 0px;}
.Cyan_color_bg{background: #b9915f;line-height:19px;border-radius:100px;border:1px solid #b9915f; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px;  margin:0px auto 0px;}
.dark_blue_color_bg{background: #400071;line-height:19px;border-radius:100px;border:1px solid #400071; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px;  margin:0px auto 0px;}
.gray_color_bg{background: #b7b7b7;line-height:19px;border-radius:100px;border:1px solid #b7b7b7; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px;  margin:0px auto 0px;}
.green_color_bg{background: #a2e073;line-height:19px;border-radius:100px;border:1px solid #a2e073; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px; margin:0px auto 0px;}
.light_blue_color_bg{background: #d8a6ff;line-height:19px;border-radius:100px;border:1px solid #d8a6ff; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px;  margin:0px auto 0px;}
.lime_color_bg{background: #049d45;line-height:19px;border-radius:100px;border:1px solid #049d45; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px;  margin:0px auto 0px;}
.magenta_color_bg{background: #04a7f0;line-height:19px;border-radius:100px;border:1px solid #04a7f0; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px;  margin:0px auto 0px;}
.maroon_color_bg{background: #049d45;line-height:19px;border-radius:100px;border:1px solid #049d45; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px;  margin:0px auto 0px;}
.olive_color_bg{background: #049d45;line-height:19px;border-radius:100px;border:1px solid #049d45; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px; margin:0px auto 0px;}
.orange_color_bg{background: #ffd863;line-height:19px;border-radius:100px;border:1px solid #ffd863; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px;  margin:0px auto 0px;}
.purple_color_bg{background: #049d45;line-height:19px;border-radius:100px;border:1px solid #049d45; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px; margin:0px auto 0px;}
.red_color_bg{background:red;line-height:19px;border-radius:100px;border:1px solid red; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px; margin:0px auto 0px;}
.silver_color_bg{background: #049d45;line-height:19px;border-radius:100px;border:1px solid #049d45; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px; margin:0px auto 0px;}
.yellow_color_bg{background: #6eff00;line-height:19px;border-radius:100px;border:1px solid #6eff00; color:#fff; text-align:center;width:21px; height:21px;float:inherit; font-size: 13px;  margin:0px auto 0px;}





.red-box1 {
    line-height: 19px;
    border-radius: 100px;
    border: 1px solid #eb1d21;
    background:#eb1d21;
    color: #fff;
    text-align: center;
    width: 21px;
    height: 21px;
    float: left;
    font-size: 13px;
}
.lightblue-box1{
    line-height: 19px;
    border-radius: 100px;
    border: 1px solid #00aded;
    background:#00aded;
    color: #fff;
    text-align: center;
    width: 21px;
    height: 21px;
    float: left;
    font-size: 13px;
}
.darkblue-box1{
    line-height: 20px;
    border-radius: 100px;
    border: 1px solid #672c91;
    background:#672c91;
    color: #fff;
    text-align: center;
    width: 21px;
    height: 21px;
    float: left;
    font-size: 13px;
    margin: 0px 0px 0px 5px;
}
.darkgreen-box1 {
    line-height:18px;
    border-radius: 100px;
    border: 1px solid #39ab4f;
    background: inherit;
    color: #fff;
    text-align: center;
    width: 21px;
    height: 21px;
    float: left;
    font-size: 11px;
    background:#39ab4f;
}