.page-sidebar {
  width: 250px;
  flex-shrink: 0;
  margin-right: 70px;
}

.page-sidebar > .title {
  color: #2955B8;
  background-color: white;
  border-top: 4px solid #2955B8;
  border-bottom: 2px solid #2955B8;
  padding: 15px 5px;
}
.page-sidebar > .title > h4:before {
  content: url('/images/badge_page_sidebar_title.svg');
  margin-right: 8px;
}

.page-sidebar a.main-link {
  display: block;
}
.page-sidebar a.main-link
, .page-sidebar button.btn-toggle {
  width: 100%;
  height: 50px;
  border-radius: 0px;
  padding: 0px;
  text-align: left !important;
  border: 0px;
  border-bottom: 1px solid #D0D7E2;
  background-color: white;
  color: #666E84;
  font-weight: 600;
  text-decoration: none;
}
.page-sidebar a.main-link:hover
, .page-sidebar button.btn-toggle:hover {
  background-color: rgb(247, 248, 251);
}
.page-sidebar a.main-link.active
, .page-sidebar button.btn-toggle.active {
  color: black;
}
.page-sidebar a.main-link:before
, .page-sidebar button.btn-toggle:before {
  content: url('/images/badge_page_sidebar_menu.svg');
  position: relative;
  margin-left: 5px;
  margin-right: 9px;
  vertical-align: middle;
}
.page-sidebar a.main-link.active:before
, button.btn-toggle.active:before {
  content: url('/images/badge_page_sidebar_menu_active.svg');
}

.page-sidebar .btn-toggle[aria-expanded="true"]:after {
  transform: rotate(180deg);
}
.page-sidebar .btn-toggle:after {
  content: url('/images/badge_admin_toggle.svg');
  transition: transform .35s ease;
  display: block;
  float: right;
  margin-right: 10px;
}

.page-sidebar .btn-toggle-nav {
  background-color: #F3F5FA;
}
.page-sidebar .btn-toggle-nav > li > .sub-link {
  color: #000000;
  display: block;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
  padding: 8px 15px;
}
.page-sidebar .btn-toggle-nav > li:last-child > .sub-link {
  border-bottom: 1px solid #D0D7E2;
}
.page-sidebar .btn-toggle-nav > li > .sub-link:hover {
  background-color: #ECEFF6;
}
.page-sidebar .btn-toggle-nav > li > .sub-link.active {
  color: #0C4F9D;
}
.page-sidebar .btn-toggle-nav > li > .sub-link:before {
  content: url('/images/badge_admin_sublink.svg');
  position: relative;
  top: -3px;
  margin-right: 8px;
}
.page-sidebar .btn-toggle-nav > li > .sub-link.active:before {
  content: url('/images/badge_admin_sublink_active.svg');
}