html {
  --main-color-sidemenu-border: blue;
  --main-size-sidemenu-border: 1px;
  --main-radius-sidemenu-border: 0.25rem;
  --main-color-sidemenu-bg: #F9F9F9;
  --main-color-sidemenu-bg-active: #2052C9;
  --main-color-sidemenu-bg-hover: #2052C9;
  --main-color-sidemenu-text: #272727;
  --main-color-sidemenu-text-active: white;
  --main-color-sidemenu-text-hover: white;

}

.sidebar ul ul > li {
  color: #2052c9;

}

.sidebar ul ul {
  display: none;

}

.sidebar ul ul.active {
  display: block;
  background-color: var(--main-color-sidemenu-bg);
  border-bottom: 1px solid #C4C4C4;

}

.sidebar ul ul.active a:hover {
  text-decoration: underline;

}

.side_title {
  font-family: OpenSansSemiBold;
  font-size: 18px;
  color: #2052C9;
  text-transform: uppercase;
  padding-left: 13px;

}

.list-group {
  box-shadow: 0px 3px 8px 0px #c4c4c4;
  font-family: OpenSansLight;
  font-size: 14px;

}

.list-group-item {
  padding: 0;
  border: none;
  margin: 0;

}

.list-group-item > a {
  display: block;
  border-bottom: 1px solid #C4C4C4;
  padding: 10px 13px;

}

@media (max-width: 767px) {

}

@media (min-width: 768px) and (max-width: 991px) {
  .side_title {
    padding-left: 0;
    font-size: 16px;

  }

}