.border {
    border-bottom: 2px solid red;
    margin: 0px 0px 42px 0px;
}



span {
    padding-left: 6px;
}

.bx {
    width: 24%;
}

.btn-red {
    background-color: #d6310c;
    color: white;
}

.btn-pink {
    background: #d6310c;
}

.btn-brown {
    background: #520c0a;
}


.btn-yellow {
    background: #fdf74b;
}

.btn-blue {
    background: #1438ea;
}

.square {
    height: 20px;
    width: 20px;
    background-color: #5cb85c;
    float: left;
    padding-left: 5px;
}


.square1 {
    height: 20px;
    width: 20px;
    background-color: #520c0a;
    float: left;
    padding-left: 5px;
}


.square2 {
    height: 20px;
    width: 20px;
    background-color: #fdf74b;
    float: left;
    padding-left: 5px;
}


.square3 {
    height: 20px;
    width: 20px;
    background-color: #1438ea;
    float: left;
    padding-right: 5px;
}


.square5 {
    height: 20px;
    width: 20px;
    background-color: #d6310c !important;
    float: left;
    padding-left: 5px;
}


.PlotLbl {
    text-decoration: none;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

td a {
     padding: 10px 10px 10px 10px !important;
    font-weight: 800 !important;
    font-size: 15px !important;
}


td, th {
    padding: 2px;
}




.overlay1 {
    background: #64c5b1;
    border: 2px;
    padding: 18px;
    font-weight: 800;
    z-index: 999999999;
    position: absolute;
    color: #000;
    width: 320px;
    box-shadow: -6px 8px 17px 5px #565656;
}


.plot {
    /*border-radius: 6px;*/
    /*        margin-left: 4px; padding: 14px; width:100px; margin-bottom:5px; 
                color:white; line-height:4    */
    margin-left: -2px;
    padding: 19px;
    width: 100px;
    margin-bottom: 5px;
    color: white;
    line-height: 4;
    font-weight: 700;
}