.right-sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1031;
  top: 0;
  right: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
}

.right-sidenav .closebtn {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 36px;
}

@media screen and (max-height: 450px) {
  .right-sidenav {padding-top: 15px;}
  .right-sidenav a {font-size: 18px;}
}

.right-sidenav-top {
  background-color: rgba(0,154,201,0.17);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 20px;
}

.right-sidenav-close-button {
  background-color: transparent;
  border: 0;
  transition: color 0.3s ease;
  padding: 3px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  font-weight: 600;
}

.right-sidenav-close-button:hover {
  color: #009AC9;
}

.sidenav-element {
  border-bottom: 1px solid #F6F6F6;
  font-size: 14px;
  text-align: center;
}

.sidenav-element * {
  cursor: pointer;
  padding: 12px 20px;
  transition: color 0.3s ease;
  color: #555;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.sidenav-element *:hover {
  color: #009AC9;
  text-decoration: none;
}

.sidenav-title {
  padding: 16px 20px;
  color: #3894B4;
  font-weight: bolder;
  display: block;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #F6F6F6;
  font-size: 14px;
  text-align: center;
}

.sidenav-user {
  padding: 16px 20px;
  color: #3894B4;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  border-bottom: 1px solid #F6F6F6;
}

.sidenav-list {
  list-style-type: none;
  padding-inline-start: 0px;
}