.slim-menu-button,
.slim-profile-button {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 17px;
	background: rgba(255,255,255,.82);
	box-shadow: 0 8px 25px rgba(64,75,100,.07);
	color: #8d95a7;
	text-decoration: none;
}

.slim-menu-button i {
	font-size: 27px;
}

.slim-profile-button i {
	font-size: 28px;
}

.slim-water i {
	color: #219cf1;
	font-size: 17px;
}

.progress-icon {
	font-size: 26px;
	margin-bottom: 7px;
	line-height: 1;
}

.progress-orange .progress-icon {
	color: #ff765d;
}

.progress-purple .progress-icon {
	color: #9c63e8;
}

.progress-green .progress-icon {
	color: #33c7ce;
}

.plan-icon {
	width: 58px;
	height: 58px;
	margin: 0 auto 17px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 31px;
}

.plan-box-orange .plan-icon {
	color: #ff6f35;
	background: rgba(255,111,53,.07);
}

.plan-box-purple .plan-icon {
	color: #9560d9;
	background: rgba(149,96,217,.07);
}

.plan-box-green .plan-icon {
	color: #5fba2f;
	background: rgba(95,186,47,.07);
}

.plan-arrow {
	margin-top: auto;
	font-size: 24px;
}

.plan-box-orange .plan-arrow {
	color: #ff6f35;
}

.plan-box-purple .plan-arrow {
	color: #9560d9;
}

.plan-box-green .plan-arrow {
	color: #5fba2f;
}

.menu-box i {
	font-size: 23px;
	margin-bottom: 4px;
}

.menu-box {
	color: #8991a4;
}

.menu-box.active {
	color: #ff6f35;
}