/* Module-by-module progress of one online course (pc-employee-progress-details), shown in the dynamic sidebar. */

.rd-ep-module-lessons {
	display: grid;
	gap: var(--rd-spacing-md);
}

.rd-ep-module-lesson h5 {
	margin: 0 0 var(--rd-spacing-x-sm);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.rd-ep-modules {
	overflow: hidden;
	border: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	border-radius: var(--rd-borderradius-border-md);
	background: var(--rd-card-fg);
}

.rd-ep-module-header,
.rd-ep-module-row {
	display: grid;
	grid-template-columns: minmax(280px, 1fr) minmax(160px, 0.38fr) minmax(190px, 0.42fr) 44px;
	column-gap: var(--rd-spacing-md);
	align-items: center;
}

.rd-ep-module-header {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-ep-module-row {
	min-width: 0;
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	border-top: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
}

.rd-ep-module-row-completed {
	background: var(--rd-success-inactive);
}

.rd-ep-module-name,
.rd-ep-module-status {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: var(--rd-spacing-x-sm);
}

.rd-ep-module-name strong {
	min-width: 0;
	overflow-wrap: anywhere;
}

.rd-ep-module-name > [class*="rd-icon-"]::before {
	width: var(--rd-spacing-big);
	height: var(--rd-spacing-big);
	margin: 0;
	background-color: var(--rd-secondary-active);
}

.rd-ep-module-status > [class*="rd-icon-"]::before {
	width: var(--rd-spacing-md);
	height: var(--rd-spacing-md);
	margin: 0;
	background-color: var(--rd-success-default);
}

.rd-ep-module-row-in-progress .rd-ep-module-status {
	color: var(--rd-secondary-active);
}

.rd-ep-module-row-in-progress .rd-ep-module-status-dot {
	background: var(--rd-secondary-active);
}

.rd-ep-module-date {
	min-width: 0;
	overflow-wrap: anywhere;
}

.rd-ep-module-changed-by {
	display: block;
	margin-top: var(--rd-spacing-xx-sm);
	color: var(--rd-gray-500);
}

.rd-ep-module-date-label {
	display: none;
}

.rd-ep-module-no-date {
	color: var(--rd-gray-500);
}

.rd-ep-module-admin-tools {
	grid-column: 4;
	justify-self: end;
}

.rd-ep-module-admin-tools [class*="-actions"],
.rd-ep-module-admin-tools [class*="-actions-"] {
	display: contents;
}

.rd-ep-module-admin-tools .iconbutton {
	margin: 0;
}

.rd-ep-module-technical-details {
	grid-column: 1 / -1;
	min-width: 0;
}

@keyframes rd-ep-details-reveal {
	from {
		opacity: 0;
		transform: translateY(calc(-1 * var(--rd-spacing-x-sm)));
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@container (max-width: 960px) {
	.rd-ep-education-card {
		grid-template-columns: minmax(220px, 288px) minmax(0, 1fr);
		grid-template-areas:
			"media content"
			"media aside"
			"details details";
	}

	.rd-ep-education-aside {
		padding-top: 0;
		border-left: 0;
	}

	.rd-ep-education-status-panel {
		padding: var(--rd-spacing-sm);
		border-radius: var(--rd-borderradius-border-md);
		background: var(--rd-secondary-inactive);
	}

	.rd-ep-education-actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rd-ep-module-header {
		display: none;
	}

	.rd-ep-modules {
		display: grid;
		gap: var(--rd-spacing-x-sm);
		border: 0;
		background: transparent;
	}

	.rd-ep-module-row {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--rd-spacing-x-sm);
		border: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
		border-radius: var(--rd-borderradius-border-md);
		background: var(--rd-card-fg);
	}

	.rd-ep-module-row-completed {
		background: var(--rd-success-inactive);
	}

	.rd-ep-module-status,
	.rd-ep-module-date {
		padding-left: calc(var(--rd-spacing-big) + var(--rd-spacing-x-sm));
	}

	.rd-ep-module-admin-tools {
		grid-column: 1;
		grid-row: 1;
		justify-self: end;
	}

	.rd-ep-module-date-label {
		display: inline;
	}

	.rd-ep-module-row:not(.rd-ep-module-row-completed) .rd-ep-module-date {
		display: none;
	}
}

@container (max-width: 620px) {
	.rd-ep-education-card {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"media"
			"content"
			"aside"
			"details";
	}

	.rd-ep-education-content,
	.rd-ep-education-aside,
	.rd-ep-education-details {
		padding: var(--rd-spacing-md);
	}

	.rd-ep-education-aside {
		border-top: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	}

	.rd-ep-education-actions {
		grid-template-columns: minmax(0, 1fr);
	}

	.rd-ep-education-meta > span {
		flex: 1 1 180px;
	}

	.rd-ep-education-progress {
		max-width: none;
	}
}

@media (prefers-reduced-motion: reduce) {

	.rd-ep-details-chevron::before {
		transition: none;
	}
}
pc-employee-profile .rd-main-head-subactions {
	margin-top: var(--rd-spacing-md);
}

.rd-ep-progress-details {
	padding: var(--rd-spacing-big);
}

.rd-ep-progress-details-head {
	margin-bottom: var(--rd-spacing-big);
}

.rd-ep-progress-details-head h2 {
	margin: var(--rd-spacing-xx-sm) 0;
	font-size: var(--rd-fontsize-7);
}

.rd-ep-progress-details-head p {
	margin: 0;
	font-size: var(--rd-fontsize-3);
}

.rd-ep-module-status-dot {
	display: inline-block;
	width: var(--rd-spacing-sm);
	height: var(--rd-spacing-sm);
	border-radius: 50%;
	background: var(--rd-gray-400);
}