{% load static %} {% block dashboard_sidebar %}<style>.main-item {
    font-style: arial;
    font-weight: 500;
    font-size: 14px;
    color: #404040;
}

.sub-item {
    font-size: 13px;
    color: #606060;
}

.nav-item a:hover {
    color: #000000;
    background-color: #EAEAEA;
    border-radius: 5px;
}

.nav-item.active > a {
    font-style: arial;
    font-size: 14px;
    font-weight: 400;
    color: white;
    background-color: #404040;
    border-radius: 5px;
}

.submenu-border {
    border-left: 2px solid #404040;
}

@media only screen and (max-device-width: 480px) {
    .sidebar-display {
        width: 100%;
    }
}

@media only screen and (min-device-width: 768px) {
    .sidebar-display {
        min-height: 100vh;
        height: 100%;
    }
}</style><nav id="navSidebar"role="navigation"class="col-md-3 pl-5 sidebar sidebar-nav fixed-left sticky-top sidebar-display border-right"style="background-color: #F9F9F9;"><div class="sidebar-brand"style="padding-left: 10px; margin-top: 10px;"><img src="{% static 'images/logos/TaskCallTextLogo.svg' %}"alt="TaskCall Logo"height="50%"width="50%"> <span class="inline align-middle"style="font-size: 24px; font-style: arial; font-weight: 600; color: #3792CB;">DOCS </span><button id="btnToggler"style="float: right;"class="navbar-toggler sidebar-toggler"type="button"data-toggle="collapse"data-target="#sidebarContent"aria-controls="sidebarContent"aria-expanded="false"><span class="feather-24"data-feather="menu"></span></button></div><div id="sidebarContent"style="margin-left: 10px; margin-top: 40px;"><ul id="dashboard-sidebar"class="nav flex-column"><li id="item-incidents"class="nav-item"><a class="nav-link main-item collapsed"href="#submenuIncidents"data-toggle="collapse"data-target="#submenuIncidents">Incidents</a><div class="collapse py-2"id="submenuIncidents"aria-expanded="false"><ul class="flex-column ml-2 nav submenu-border"><li class="nav-item"><a class="nav-link sub-item"href="/incidents">What is an incident</a><li class="nav-item"><a class="nav-link sub-item"href="/incidents/triggers">How to trigger an incident</a><li class="nav-item"><a class="nav-link sub-item"href="/incidents/actions">Incident actions</a><li class="nav-item"><a class="nav-link sub-item"href="/incidents/alerting">Alerting mechanism</a><li class="nav-item"><a class="nav-link sub-item"href="/incidents/manual">Manual Alerts</a></ul></div><li id="item-integrations"class="nav-item"><a class="nav-link main-item collapsed"href="#submenuIntegrations"data-toggle="collapse"data-target="#submenuIntegrations">Integrations</a><div class="collapse py-2"id="submenuIntegrations"aria-expanded="false"><ul class="flex-column ml-2 nav submenu-border"><li class="nav-item"><a class="nav-link sub-item"href="/integrations/slack">Slack</a></ul></div></ul></div></nav><script>screen.width<=480?(document.getElementById("sidebarContent").setAttribute("class","collapse"),document.getElementById("btnToggler").hidden=!1):(document.getElementById("sidebarContent").removeAttribute("class"),document.getElementById("btnToggler").hidden=!0)</script>{% endblock %}