.sidemenu-title {
padding:3px;
color:#fff;
background-color: #2A9CD5;
border: solid 1px #34A6D9;
border-radius:4px;
}

.sidemenu-link {
padding-top:5px;
padding-left:10px;
}

summary {
  list-style: none;
  position: relative;
  padding:3px;
  cursor: pointer;
  background-color: #0B4477;
  color:#fff;
  border: solid 1px #000080;
  border-radius:4px;
  margin-top: 10px;
  margin-left: 15px;
}

summary::-webkit-details-marker {
  display: none;
}

summary:hover {
  background-color: #449DEE;
}

summary::after {
  content: '▼';
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  transition: transform 0s;
  font-size: 1.5em;
}
details:not([open]) summary::after {
  transform: translateY(-50%) rotate(-90deg);
}
details[open] summary::after {
  transform: translateY(-50%) rotate(0deg);
}

details[open] {
  animation: fadein 0.5s ease;
}

@keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}