.left-container {
	padding: 4rem 0 0.5rem;
}
.left-container::after {
	content: '';
	background: url('../img/bg_dashboard.jpg') no-repeat top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	opacity: 0.75;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
	z-index: -1;
}
.right-container {
	padding: 0.5rem 0;
}
.right-container::before {
	content: '';
	background-color: #dfdcde;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
	z-index: -2;
}
.right-container::after {
	content: '';
	background: url('../img/logo/logo_dark_trim.svg') no-repeat top right;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	opacity: 0.08;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
	z-index: -1;
}
.profile-card {
	background-color: rgba(230, 228, 228, 0.85);
	padding: 0.75rem 0.5rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.profile-card .profile-title {
	background-color: #ff4d13;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	display: table;
	padding: 0.625rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.profile-card .profile-title img {
	height: 1.375rem;
	vertical-align: top;
}
.profile-card .profile-user-info {
	padding-top: 1rem;
}
.profile-card [id*=user-] {
	margin-bottom: 0.25rem;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#user-fullname {
	font-size: 1rem;
}
#user-company {
	color: #535353;
	font-size: 0.8rem;
	font-weight: 600;
}
#user-position {
	color: #535353;
	font-size: 0.8rem;
}
.logo-light {
	-webkit-filter: opacity(0.7);
	filter: opacity(0.7);
	max-height: 6rem;
	width: 100%;
}
button.btn-edit-account {
	font-size: 0.6rem;
	letter-spacing: normal;
	padding: 0.5rem;
	margin-top: 0.5rem;
}
img#ic_edit_account {
	height: 1rem;
	width: 1rem;
}
span#btn-edit-txt {
	display: none;
}
#ic_home {
	max-width: 1.6875rem;
	width: 100%;
	padding-bottom: 0.25rem;
	border-bottom: 3px solid #ff4d13;
	margin: 0 auto;
	display: block;
}
.profile-card .card-bottom {
	border-top: 3px solid #ff4d13;
	margin-top: 1rem;
	padding-top: 0.8rem;
}
.profile-card .card-bottom h2[id*=cert-] {
	font-size: 1.125rem;
	letter-spacing: 0.11rem;
	font-weight: 400;
	margin-bottom: 0.5rem;
}
.profile-card .card-bottom #cert-records {
	font-size: 0.7rem;
}
.profile-card button.btn-apply {
	font-size: 0.75rem;
	letter-spacing: 0.11rem;
	padding: 0.75rem 1.25rem;
	margin-left: -1.25rem;
	margin-bottom: 0.5rem;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
}
p {
	color: #535353;
	font-size: 0.75rem;
	margin-bottom: 0.5rem;
}
p#cert-process,
p[id*=cert-from] {
	margin-bottom: 0.1rem;
}
.work-card p#choose_habits {
	margin-bottom: 1rem;
}
.btn-duration {
	margin-bottom: 1rem;
	font-size: 0.8rem;
	padding: 0.75rem 1.25rem;
}
/* Medium */
@media screen and (min-width: 768px) {
	.left-container,
	.right-container {
		padding: 5.625rem 1.875rem;
	}
	.right-container::after {
		top: 5.9744rem;
	}
	.profile-card {
		padding: 1.25rem;
	}
	.left-container.collapsed {
		padding: 5.625rem 0.5rem;
		min-width: 5.625rem;
		max-width: 5.625rem;
	}
	.right-container.collapsed {
		padding: 5.625rem 0.75rem;
		max-width: -webkit-calc(100% - 5.625rem);
		max-width: -moz-calc(100% - 5.625rem);
		max-width: calc(100% - 5.625rem);
	}
}
/* Large */
@media screen and (min-width: 992px) {}
/* Extra Large */
@media screen and (min-width: 1200px) {
	#user-fullname {
		font-size: 1.2rem;
	}
	#user-company {
		font-size: 1rem;
	}
	#user-position {
		font-size: 1rem;
	}
	button.btn-edit-account {
		font-size: 0.75rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	img#ic_edit_account {
		display: none;
	}
	span#btn-edit-txt {
		display: inline;
	}
}
@media screen and (min-width: 1380px) {
	button.btn-edit-account {
		padding: 0.5rem 1rem;
	}
}
