Recolor bootstrap-datetimepicker

Question

I am using bootstrap-datetimepicker and I wan't to recolor .today flag, but I can't find right css selector.

This is what I have:

#datetimepicker .dropdown-menu {
    td.active{
        color: red;
        background-color: blue;
    }

    td.today:not(.active) {
        color: white;
        background-color: orange;
    }
 }

Answer 1

Change

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}

You would probably want to change border-bottom-color: #337ab7; also in

.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}