.ispay {
    background-color: green;
    position: relative;
    width: 10px;
    height: 10px;
    top: 4px;
    left: 0px;
    border: 1px solid black;
    text-align: center;
    border-radius: 5px;
    float: left;
    margin-right: 5px;
}

.notpay {
    background-color: red;
    position: relative;
    width: 10px;
    height: 10px;
    top: 4px;
    left: 0px;
    border: 1px solid black;
    text-align: center;
    border-radius: 5px;
    float: left;
    margin-right: 5px;
}

.payopen {
    background-color: blue;
    position: relative;
    width: 10px;
    height: 10px;
    top: 4px;
    left: 0px;
    border: 1px solid black;
    text-align: center;
    border-radius: 5px;
    float: left;
    margin-right: 5px;
}

.paydelay {
    background-color: orange;
    position: relative;
    width: 10px;
    height: 10px;
    top: 4px;
    left: 0px;
    border: 1px solid black;
    text-align: center;
    border-radius: 5px;
    float: left;
    margin-right: 5px;
}

table.tbl_small_font td,
table.tbl_small_font th {
    font-size: 10px !important;
}

tr.bgred {
    background: rgb(248, 62, 55, 50);
}

tr.bggreen {
    background: rgb(0, 208, 130, 50);
}

.wsbs {
    white-space: break-spaces !important;
}