{% extends "index.html" %}
{% load i18n %}{% load static %}


{% block content %}
<style>
  .expired--dot{
    background-color:gray;
  }
  .cancelled--dot{
    background-color:red;
  }
  .on-hold--dot{
    background-color:orange;
  }
  .completed--dot{
    background-color:yellowgreen;
  }
  .in-progress--dot{
    background-color: rgb(103, 171, 238);
  }
  .new--dot{
    background-color: cyan;
  }
  .status-completed{
    border-left: 3.4px solid yellowgreen !important;
    border-radius: 4px 0 0 4px;
