.leftsidebar {
  position: relative;
  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  padding-bottom: 10px;

  border: 1px solid #dadada;

  border-radius: 6px;

  background: #FFFFFF;
  box-shadow: 0 0px 16px rgba(0, 0, 0, 0.13);
}

.leftsidebar-userinfo {
  position: relative;
  display: flex;

  flex-direction: column;
  flex-wrap: wrap;

  align-items: center;
  justify-content: center;

  width: 100%;

  padding: 30px 0;
}

.leftsidebar-userinfo a {
  color: inherit;
  text-decoration: inherit;
}

.leftsidebar-userinfo img {
  position: relative;

  width: 120px;
  height: 120px;

  border-radius: 500px;

  object-fit: cover;
  object-position: center center;
}

.leftsidebar-userinfo h2 {
  position: relative;

  margin-top: 15px;

  text-align: center;

  color: #3e3e3e;
}

.leftsidebar-userinfo p {
  color: #999999;
}

.leftsidebar-userinfo .leftsidebar-userinfo-buttons {
  position: relative;
  display: flex;

  flex-direction: row;
  flex-wrap: wrap;

  justify-content: center;
  align-items: center;

  margin-top: 20px;

  width: 100%;
}

.leftsidebar-userinfo .leftsidebar-userinfo-buttons > .leftsidebar-userinfo-buttons-item {
  position: relative;
  display: flex;
  cursor: pointer;

  margin: 0 10px;

  padding: 3px 20px;

  border: 2px solid #2baff9;
  border-radius: 4px;

  text-decoration: inherit;

  color: white;

  background: #2baff9;

  transition: 0.15s all ease-in-out;
}

.leftsidebar-userinfo .leftsidebar-userinfo-buttons > .leftsidebar-userinfo-buttons-item.active {
  border: 2px solid #999999;
  color: #999999;
  background: white;
}

.leftsidebar .leftsidebar-countinfo {
  position: relative;
  display: flex;

  flex-direction: row;
  flex-wrap: wrap;

  width: 100%;
}

.leftsidebar .leftsidebar-countinfo a {
  color: inherit;
  text-decoration: inherit;
}

.leftsidebar .leftsidebar-countinfo > * {
  position: relative;
  display: flex;
  flex: 1;

  flex-direction: column;
  flex-wrap: wrap;

  align-items: center;
  justify-content: center;

  padding: 20px;

  border: 0px solid #ebebeb;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}
.leftsidebar .leftsidebar-countinfo > *:last-child {
  border-left: 0;
}

.leftsidebar .leftsidebar-countinfo > * b {
  font-weight: 600;
  font-size: 17px;
  color: #3e3e3e;
}

.leftsidebar .leftsidebar-countinfo > * span {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
}

.leftsidebar .leftsidebar-navigation {
  position: relative;
  display: flex;

  flex-direction: column;
  flex-wrap: wrap;

  margin-top: 30px;

  width: 100%;

  padding-right: 20px;
}

.leftsidebar .leftsidebar-navigation > h2 {
  font-size: 20px;
  color: #3e3e3e;
  border-bottom: 1px solid #ebebeb;
}

.leftsidebar .leftsidebar-navigation-list {
  position: relative;
  display: flex;

  flex-direction: column;
  flex-wrap: wrap;

  margin-top: 20px;

  padding-left: 10px;
}

.leftsidebar .leftsidebar-navigation-list > a {
  position: relative;
  display: flex;

  flex-direction: row;
  flex-wrap: wrap;

  align-items: center;

  text-decoration: inherit;

  color: #999999;
}

.leftsidebar .leftsidebar-navigation-list > a i {
  margin-left: 10px;
}

.leftsidebar .leftsidebar-navigation-list > a span {
  position: relative;
  display: flex;
  flex: 1;

  height: 100%;

  padding: 10px 0;

  border-bottom: 1px solid #ebebeb;
}
.leftsidebar .leftsidebar-navigation-list > a:last-child span {
  border-bottom: 0;
}

.leftsidebar .leftsidebar-navigation-list > a.active {
  color: #2baff9;
}

.leftsidebar .leftsidebar-buttons {
  position: relative;
  display: flex;

  flex-direction: column;
  flex-wrap: wrap;

  margin-top: 30px;

  width: 100%;

  padding: 0 10px;
}

.leftsidebar .leftsidebar-buttons > a {
  position: relative;
  display: flex;

  flex-direction: row;
  flex-wrap: wrap;

  align-items: center;

  padding: 10px 10px;

  border-bottom: 1px solid #ebebeb;

  text-decoration: inherit;

  color: #999999;
}

.leftsidebar .leftsidebar-buttons > a:last-child {
  border-bottom: 0;
}