.sidebar[data-v-7d311f5c] {
  /* background: var(--second-c); */
  background: #4E6B8B;
  height: 100vh;
  width: 260px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
}
.sidebar .brand[data-v-7d311f5c] {
  text-align: center;
  /* width: 60%; */
  margin: 90px auto 80px;
}
.sidebar a[data-v-7d311f5c], .sidebar span[data-v-7d311f5c] {
  /* color: var(--main-c); */
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
}
.sidebar a[data-v-7d311f5c]:hover {
  opacity: 0.8;
}
.sidebar-menu img[data-v-7d311f5c] {
  width: 12px;
  display: inline-block;
  margin-right: 8px;
}
.sidebar-menu ul[data-v-7d311f5c] {
  padding: 0;
}
.sidebar-menu ul li[data-v-7d311f5c] {
  position: relative;
}
.sidebar-menu ul li.active[data-v-7d311f5c] {
  background: rgba(214, 234, 255, 0.2);
}
.sidebar-menu ul li a[data-v-7d311f5c], .sidebar-menu ul li span[data-v-7d311f5c] {
  padding-left: 60px;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  /* padding: 15px 0; */
  font-size: 22px;
}
.sidebar-menu .collapse[data-v-7d311f5c]::after {
  content: '';
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAYCAYAAAACqyaBAAAACXBIWXMAAAsTAAALEwEAmpwYAAABgUlEQVRIib3WPUscYRSG4WuXELGQFLFKIRaCoBYJ+SH+iQQrsRAECyFN0qWzFVKlSmFjk8YiTQIpTIhiYSEWWwQkhETQgByLnVeWcSbz4e4+cGDgPXPuPTezzHQiYhfLxp8PnYh4giM8GiP4F5a66GFjjGBYR09EpNqP8eRjYnYiIv2aOXzH5Ag3vsASTqE7cHCCVyMEw1YCw6B2EfEgIr6OSPfnbP4tb1B7ylN8wcMhbvwPz/T/VbfpFjQe4O0QwfA6D0bh5jCBb5gfAvgQz3GVPyjaXNb4Ygjga7wsAuPOA5ev7Xs+ZNv/m1+mPWUKPzDTYuszLOJvWUOZ9pQ/WGkBlt1XCkal9lTvG+p+V2dulfaUxzjGdI3en1jAeVVjlfaUc6zW7F2rA0Zt7an2KnTvNplXV3vKrP6bb6rg7Le+7l7dYXW1p5xis+RsowkYjbWnN9+nnO79FnNawUXEQkRcZuCriJhrM6ep9pQjvMmut/Q/RJqn5eZJ/07kPhCa1A0/bIe9jCoHjAAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
  right: 16px;
  top: 50%;
  display: block;
  position: absolute;
  transform: translateY(-50%) rotate(-180deg);
  transition: .3s;
}
.sidebar-menu .collapse ~ ul a[data-v-7d311f5c] {
  padding-left: 40px;
}
.sidebar-menu .collapse.close[data-v-7d311f5c]::after {
  transform: translateY(-50%) rotate(0deg);
}
.sidebar-menu .collapse.close ~ ul[data-v-7d311f5c] {
  display: none;
}
.btn[data-v-7d311f5c] {
  width: 109px;
  font-size: 20px;
}


.right-side[data-v-d9e31676] {
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  padding: 2rem 2rem 2rem calc(260px + 2rem);
  min-height: 100vh;
  background: #fff;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}