Меню боковой панели не создается

Question

Я создаю сайт, используя Django. Ниже приведен мой код.

боковое меню-меню. css:

.sidebar-menu>li:hover>a, .sidebar-menu>li.active>a {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.15);
    border-left-color: #ffffff;
}
.sidebar-menu .sidebar-submenu {
    display: none;
    list-style: none;
    padding-left: 5px;
    margin: 0 1px;
    background: transparent;
}

Моя ошибка в том, что боковое меню не работает. Я уверен, что в коде HTML ошибки нет. Пожалуйста, помогите мне, если есть какая-либо ошибка в css.

Вот мой html код:

{% block termscondobs %}
  <li>
    <a href="{% url 'terms-conditions' %}" class="waves-effect">
      <i class="fa fa-file-text-o"></i> <span>Terms & Conditions</span>
      <i class="fa fa-angle-left float-right"></i>
    </a>
    <ul class="sidebar-submenu">
      <li><a href="{% url 'terms-conditions' %}"><i class="zmdi zmdi-star-outline"></i> OBS T&C</a></li>
      <li><a href="{% url 'terms-febs' %}"><i class="zmdi zmdi-star-outline"></i> Febs T&C</a></li>
      <li><a href="{% url 'terms-febs-events' %}"><i class="zmdi zmdi-star-outline"></i> Febs Events T&C</a></li>
    </ul>
  </li>
{% endblock %}

Я новичок в Front End. Так что любая помощь будет отличной.