@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
*{
  margin: 0;
  padding: 0;
  user-select: none;
  box-sizing: border-box;
  font-family: Avenir;
  font-style: normal;
}
.sidebar{
  position: static;
  width: 270px;
  background: white;
  transition: left 0.4s ease;
}
.sidebar h1{
  margin-bottom: 1em;
  margin-top: 1em;
  list-style: none;
  text-decoration: none;
}
.sidebar h1 a{
  height: 40px;
  font-family: Avenir;
  font-style: normal;
  font-size: 24px; 
  text-decoration: none;
  line-height: 33px;
  color: #0080f6;
  list-style: none;
  text-align: left;
  margin-left: 15px;
}
.sidebar ul{
  background: white;
  list-style: none;
}

.sidebar ul li{
  margin-bottom: 1.1em;
}
.sidebar ul li a{
  font-family: Avenir;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
  display: block;
  position: relative;
  color: #333333;
  border-left: 2px solid transparent;
  padding-left: 2.3em;
  margin-bottom: 1em;
}
.sidebar ul li a:hover{
  color:deepskyblue;
  background: white;

}
.sidebar ul ul{
  position: static;
  display: none;
}
.sidebar ul ul li{
  border-top: none;
}
.sidebar ul ul li a{  
  color: #333333;
  padding-left: 4em;
}
.sidebar ul ul li a:hover{
  color:deepskyblue!important;
  background: white!important;
}
.sidebar ul li a span{
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: transform 0.4s;
  font-size: 14px;
}
.sidebar ul li a span.rotate{
  transform: translateY(-50%) rotate(-180deg);
}
/*Docs*/
nav ul .API-L.show{
  display: block;
}
nav ul .API-S-D.show{
  display: block;
}
nav ul .C-G.show{
  display: block;
}
nav ul .LMSv1-I-D.show{
  display: block;
}
nav ul .LMS-U-A-R.show{
  display: block;
}
nav ul .LMSv2-I-D.show{
  display: block;
}
nav ul .LMSv2-U-A-R.show{
  display: block;
}
nav ul .WebXR.show{
  display: block;
}
nav ul .XR-A-I-G.show{
  display: block;
}
nav ul .XR-A-U-M.show{
  display: block;
}