body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	background-color: #f5f5f5;
	font-size: 14px;
	box-sizing: border-box;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: var(--vt-c-indigo);
}

.page-container {
	min-height: calc(100vh - 124px);
	padding-top: 72px;
	box-sizing: border-box;
}

.dotted-vertical-line, .dashed-vertical-line {
	position: relative;
}

.dotted-vertical-line:not(:last-child)::after {
	position: absolute;
	content: '';
	width: 0;
	height: 12px;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	border-right: 1px solid var(--el-color-info);
}

.profile {
	background-color: #0041d3;
	text-align: center;
	color: #ffffff;
	border-radius: 50%;
	font-size: 12px;
}

.default-profile {
	width: 28px;
	height: 28px;
	line-height: 28px;
}

.small-profile {
	width: 24px;
	height: 24px;
	line-height: 24px;
}

.large-profile {
	width: 32px;
	height: 32px;
	line-height: 32px;
}