.cmd_courses .cert_content {
	display: grid;
	grid-template-areas: "ICON TITLE";
	grid-template-columns: 70px auto;
}

.cmd_courses .cert_content>div:nth-child(2) {
	padding-right: 12px;
}

.cmd_courses .cert_content i {
	display: inline-block;
	width: 36px;
	height: 36px;
	background-color: #fbeff3;
	border-radius: 100%;
	position: relative;
}

.cmd_courses .cert_content i:before {
	content: '';
	position: absolute;
	background-color: var(--rd-primary-active);
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	mask-size: 20px;
	-webkit-mask-size: 20px;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-image: url("/src/img/2024/svg/icons/academic-cap.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/academic-cap.svg");
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.cmd_courses .cert_content .titel {
	color: #007ace;
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 24px;
	display: inline-block;
	/* width: 70%; */
	text-decoration: none;
}

.cmd_courses .cert_content .text {
	color: #999;
	font-size: var(--rd-fontsize-4);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0);
	/* 150% */
}

.cmd_courses .cert_content .progress {
	width: 100%;
	height: var(--rd-spacing-x-big);
	border-radius: var(--rd-borderradius-border-lg);
	margin-top: 8px;
	display: flex;
	overflow: hidden;
	background-color: #eee;
	align-items: center;
	gap: var(--rd-spacing-x-sm);
}

.cmd_courses .cert_content .progress span {
	background-color: var(--rd-warning-default);
	height: 100%;
}

[data-przent="100"] .cmd_courses .cert_content .progress span {
	background-color: var(--rd-success-default);
}

[data-przent="100"] .cmd_courses .cert_content .progress {
	display: block;
	position: relative;

	span:nth-child(1) {
		position: absolute;
		left: 0;
		right: 0;
		z-index: 0;
	}

	span:nth-child(2) {
		position: absolute;
		z-index: 1;
		right: 10px;
		top: 5px;
		color: var(--rd-font-light);
		font-weight: var(--rd-fontweights-open-sans-1);
	}
}

.cmd_courses .cert_content .action {
	text-align: right;
	margin-bottom: var(--rd-spacing-md);
}

.circular-chart .circle-bg {
	fill: none;
	stroke: #eee;
	/* Hintergrundfarbe */
	stroke-width: 2.8;
}

.circular-chart .green {
	fill: none;
	stroke: var(--rd-success-default);
	/* Grüne Farbe */
	stroke-width: 2.8;
	stroke-linecap: round;
	/* Runde Enden am Anfang */
}

.circular-chart .yellow {
	fill: none;
	stroke: var(--rd-warning-default);
	/* Gelbe Farbe */
	stroke-width: 2.8;
	stroke-linecap: butt;
	/* Kantige Verbindung zu Grün */
}

.circular-chart .yellow-end {
	fill: none;
	stroke: var(--rd-warning-default);
	/* Gleiche gelbe Farbe */
	stroke-width: 2.8;
	stroke-linecap: round;
	/* Runde Enden am Ende */
}

.circular-chart .percentage {
	font-size: 0.5em;
	text-anchor: middle;
	transform: unset;
}

.rd-user-progress {
	display: block;
	width: 100%;
	position: relative;
	padding: 12px 32px 24px;
}

.rd-user-progress-flex {
	display: inline-grid;
	grid-template-areas: "DIAGRAM TEXT";
	grid-template-columns: 125px auto;
	gap: 32px;
}

.rd-user-progress-times>div {
	display: grid;
	grid-template-areas: "TIME TEXT";
	grid-template-columns: 110px auto;
	margin-bottom: 8px;
	align-items: center;
}

.rd-user-progress-time-value {
	font-weight: var(--rd-fontweights-open-sans-1);
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-1);
}

.rd-user-progress-time-value:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #808081;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-image: url("/src/img/2024/svg/icons/rd-icon-clock.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-clock.svg");
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.rd-user-progress-time-text {
	font-size: var(--rd-fontsize-5);
	color: var(--rd-input-focused);
}

.rd-user-progress-times>div.rd-user-progress-time-seperator {
	display: block;
	border-top: 1px solid #ccc;
}

.rd-user-progress-counter>div {
	display: grid;
	grid-template-areas:
		"TIME PROGRESS TEXT ICON";
	grid-template-columns: 130px auto 70px 24px;
	align-items: center;
	gap: 16px;
	margin-bottom: 8px;
}

.rd-user-progress-counter>div[data-numbersize="1"] {
	grid-template-columns: 130px auto 70px 24px;
}

.rd-user-progress-counter>div[data-numbersize="2"] {
	grid-template-columns: 130px auto 80px 24px;
}

.rd-user-progress-counter>div[data-numbersize="3"] {
	grid-template-columns: 130px auto 100px 24px;
}

.rd-user-progress-counter-element-progress-text {
	text-align: right;
}

.rd-user-progress-counter-element-progress-bg {
	overflow: hidden;
	border-radius: 4px;
	height: 8px;
	position: relative;
	background-color: var(--rd-input-default);
}

.rd-user-progress-counter-element-progress-bg .rd-user-progress-counter-element-progress-bar {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: var(--rd-warning-default);
}

[data-progress="100"] .rd-user-progress-counter-element-progress-bar {
	background-color: var(--rd-success-default);
}

.rd-user-progress-counter-element-text {
	color: var(--rd-input-focused);
	font-size: var(--rd-fontsize-5);
}

.rd-user-progress-counter-element-progress-text {
	font-weight: var(--rd-fontweights-open-sans-1);
	color: var(--rd-font-dark);
}

.rd-user-progress-counter-element-progress-icon::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: var(--rd-error-default);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-image: url("/src/img/2024/svg/icons/x-circle.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/x-circle.svg");
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	vertical-align: middle;
}

[data-progress="100"] .rd-user-progress-counter-element-progress-icon::before {
	background-color: var(--rd-success-default);
	mask-image: url("/src/img/2024/svg/icons/check-circle.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/check-circle.svg");
}

.dbd_f_cont:has(.rd-user-progress) {
	padding: 0;
}

.rd-user-progress .circular-chart {
	max-height: 125px;
}

.rd-user-progress-time.green-time .rd-user-progress-time-value:before {
	background-color: var(--rd-success-default);
}

.rd-user-progress-time.red-time .rd-user-progress-time-value:before {
	background-color: var(--rd-error-default);
}

.user_grid:has(.user_fortbildungszeit) {
	grid-template-columns: auto 500px;
}

.rd-user-progress-counter {
	margin-top: var(--rd-spacing-x-big);
}


.rd-status-info .rd-icon-document-report::before {
	background-color: var(--rd-primary-active);
}

.rd-pctable-card .rd-sortable-table-body>div>.rd-sortable-table-row:hover .td-new-proces .td_diagram {
	background-color: #F9FAFB;
}

.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] div div {
	grid-template-columns: 20px auto;
	grid-template-areas: "STATUS INFO";
	align-items: center;
}

.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] span {
	grid-area: STATUS;
}

.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] .rd-status-info {
	grid-area: INFO;
	display: grid;
	gap: 6px;
	grid-template-columns: auto 20px;
	max-width: 300px;

}

.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] .rd-status-info .rd-table-cell-text {
	line-height: 14px;
}

.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="FA_NAME"] {
	min-width: 120px;
}

.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="groupNames"] {
	min-width: 150px;
}

.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="FA_NAME"] {
	min-width: 160px;
}


.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="education_total"] {
	max-width: 180px;
	min-width: 100px;
}


.pclib-mitarbeiter-query-table .rd-sortable-table-cell.rdsie_cb {
	padding-right: 0 !important;
}

.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="NAME"] .user_view_avatar {
	flex-shrink: 0;
	margin-left: 0 !important;
}

.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="obligatory_total"],
.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="DRIVERS_LICENSE_STATUS"],
.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="webinar_total"] {
	min-width: 105px !important;
	max-width: 123px !important;
}

/* .pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="webinar_total"] {
	width: 155px !important;
} */

.pclib-mitarbeiter-query-table .td-new-proces {
	display: grid;
	grid-template-columns: auto 60px;
}

.pclib-mitarbeiter-query-table .td-new-proces .td_diagram {
	width: 100%;
}

.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="NAME"] {
	padding-left: 0 !important;
	justify-content: left;
	min-width: 150px !important;
}


.rd-pctable-card .rd-sortable-table-body>div>.rd-sortable-table-row:hover {}

.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="groupNames"] div {
	display: flex;
	grid-template-columns: auto 60px;
	justify-content: left;

}



.pclib-mitarbeiter-query-table.rd-pctable-card .rd-sortable-table-body .rd-sortable-table-cell {
	padding: 8px 4px !important;
}

.pclib-mitarbeiter-query-table.rd-pctable-card .not_assigned {
	color: #FB7185;
}

.pclib-mitarbeiter-query-table.rd-pctable-card.rd-pctable-card .rd-sortable-table-body>div>.rd-sortable-table-row:hover pc-tooltip.pc-tooltip-more {
	background-color: #F9FAFB;
}

/* تحسين رؤوس الأعمدة */
.pclib-mitarbeiter-query-table .rd-sortable-table-head .rd-sortable-table-cell {
	white-space: normal;
	font-size: 12px;
	line-height: 1.2;
	padding: 6px 4px !important;
	word-break: break-word;
}

/* عمود Live Webinare على سطر واحد */
.pclib-mitarbeiter-query-table .rd-sortable-table-head .rd-sortable-table-cell[data-key="webinar_total"] {
	white-space: nowrap;
}


.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] {
	min-width: 216px;
}

@media (min-width: 2000px) {
	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="contextmenu"] {
		position: absolute;
		right: 16px;

	}
}

@media (max-width: 1600px) {
	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] {
		min-width: 165px;
	}



	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="groupNames"] {
		min-width: 150px;
	}

	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="groupNames"] div {

		flex-wrap: wrap;
	}

	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="groupNames"] {
		min-width: 120px;
	}

	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="FA_NAME"] {
		min-width: 120px;
	}


}


@media (max-width: 1500px) {
	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] .rd-table-cell-text {
		display: none;
	}

	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] .rd-status-info {
		display: flex;
	}

	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] {
		min-width: 65px;
	}
}

@media (max-width: 1250px) {


	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] {
		min-width: auto;
	}

}

@media (max-width: 1200px) {

	.pclib-mitarbeiter-query-table .rd-sortable-table .rd-sortable-table-row {
		flex-wrap: wrap;
	}

	.pclib-mitarbeiter-query-table .rd-sortable-table-cell.rdsie_menu {
		position: absolute;
		right: 0;
		top: 16px;
	}

	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] {
		position: absolute;
		right: 54px;
		top: 24px;
		min-width: auto !important;
	}

	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] div div {
		align-items: baseline !important;
	}


}

@media (max-width: 750px) {
	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] {
		position: relative !important;
		right: unset !important;
		top: unset !important;
	}

	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="groupNames"] div {
		display: flex !important;
	}

	.pclib-mitarbeiter-query-table .rd-sortable-table-cell[data-key="USER_STATUS"] .rd-status-info {
		display: flex;
	}
}