/* Sidebar styles */
html.semi-dark #sidebar {
	background-color: #171717;
	border-right: 1px solid rgb(228 228 228 / 0%);
  }
  html.semi-dark .logobox {
	background-color: transparent;
	border-right: 1px solid #e4e4e400;
	border-bottom: 1px solid rgb(255 255 255 / 15%);
	position: absolute;
  }
  
  html.semi-dark .menu-label {
	color: rgb(255 255 255 / 65%);
  }
  html.semi-dark #sidebar .logobox .sidebar-logo {
	color: #ffffff;
  }
  
  html.semi-dark .simplebar-scrollbar:before {
	background: rgba(255, 255, 255, 0.4);
  }
  
  html.semi-dark #sidebar .sidebar-nav,
  html.semi-dark #sidebar .sidebar-nav:focus,
  html.semi-dark #sidebar .sidebar-nav:hover {
	text-decoration: none;
	background-color: #171717;
  }
  
  html.semi-dark #sidebar .sidebar-nav a:active,
  html.semi-dark #sidebar .sidebar-nav a:focus,
  html.semi-dark #sidebar .sidebar-nav a:hover {
	text-decoration: none;
	background: rgb(8 7 7 / 15%);
  }
  
  html.semi-dark #sidebar .sidebar-nav span {
	text-decoration: none;
	color:  rgb(255 255 255 / 85%);;
  }
  html.semi-dark #sidebar .sidebar-nav i {
	text-decoration: none;
	color: rgb(255 255 255 / 85%);
  }
  html.semi-dark #sidebar .sidebar-nav a {
	color: rgb(255 255 255 / 85%);
  }
  html.semi-dark #sidebar .sidebar-nav ul {
	border: 1px solid #ffffff00;
	background-color: #171717;
  }
  html.semi-dark #sidebar {
	background-size: 100% 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
  }