      class="oh-dot oh-dot--small me-1"
                style="background-color: #808080"
            ></span>
            {% trans "Leave" %}
        </span>
        <span class="me-3" style="margin-left: 10px">
            <span
                class="oh-dot oh-dot--small me-1"
                style="background-color: #c65d0f"
            ></span>
            {% trans "On leave, But attendance exist" %}
        </span>
        <span class="me-3" style="margin-left: 10px">
            <span
               