/* 侧边栏样式 */

/* 不要侧边栏按钮 */
.sidebar-toggle {
	display: none;
}

.sidebar {
	width: 13%;
	height: 100%;
	padding: 5px 5px 5px 5px;
	border: none;
	text-align: center;
	white-space:nowrap;
	overflow:hidden;
	left: 0;
}

.sidebar .app-name a{
	cursor: default;
	pointer-events: none;
}

.sidebar .app-name a img{
	max-width: 120px;
	min-width: 80px;
	width: 90%;
}

.sidebar ul{
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.sidebar {
		left: -13%;
		transition: transform 250ms ease-out;
	}
}

.sidebar-nav {
	border-radius: 10px;
	padding: 10px;
}

.sidebar-nav a>img:hover{
	transform: scale(1.2);
} 

.sidebar-nav h1,
.sidebar-nav h2,
.sidebar-nav h3,
.sidebar-nav h4,
.sidebar-nav h5,
.sidebar-nav h6,
.sidebar-nav img{
	text-align: center;
}

.sidebar-nav a {
	color: #a0a0a0;
	text-decoration: none;
	white-space: nowrap;
}

.sidebar-nav a:hover {
	cursor: pointer;
	color: var(--theme-color, #0053fa);
	font-weight: 600;
}

.sidebar ul li.active>a {
    border-right: none;
    color: var(--theme-color,#42b983);
    font-weight: 600;
}

.sidebar ul li.active {
    background-color: rgba(85, 170, 255, 0.2);
	border-radius: 5px;
}

/* 侧边栏改变后，重新定义主体内容的布局 */
.content {
	left: 0;
	display: flex;
}