@charset "UTF-8";

button {
	font-family: "Open Sans";
}

.rd-instruction-wizard {
	text-align: center;
	background-color: var(--cl-light-blue) !important;
	min-height: 100vh;
	/* padding-bottom: var(--rd-spacing-xx-lg); */
}

.rd-instruction-wizard pc-support-chat-button {
	/* display: none !important; */
}

/*
.rd-instruction-wizard section,
.rd-wizard-bg {
 background-color: var(--cl-light-blue) !important; 
}
*/
.rd-wizard-slide {
	display: flex;
	justify-content: center;
}

.rd-wizard-slide .rd-instruction-title {
	margin-top: 40px;
}

.rd-wizard-bg {
	display: flex;
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	justify-content: space-between;
	pointer-events: none;
}

.rd-wizard-bg-left,
.rd-wizard-bg-right {
	width: 30%;
}

.rd-wizard-bg img {
	width: 100%;
}

.rd-instruction-title {
	font-size: var(--rd-fontsize-11);
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-xx-sm) !important;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.28px;
}

.rd-instruction-subtitle {
	font-size: var(--rd-fontsize-8);
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-xxx-lg);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.rd-instruction-wizard[data-view="chooseInstructionType"] .rd-instruction-subtitle,
.rd-instruction-wizard[data-view="chooseOnlineInstrType"] .rd-instruction-subtitle {
	margin-bottom: var(--rd-spacing-xxx-lg);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.rd_steps_container .icon_after::after,
.rd-instruction-wizard .icon_after::after {
	mask-image: url(/src/img/svg/af/chevron-right-white.svg);
	-webkit-mask-image: url(/src/img/svg/af/chevron-right-white.svg);
}

.rd-instruction-wizard .icon_before::before {
	mask-image: url(/src/img/2021/svg/Arrow%20left%20black.svg);
	-webkit-mask-image: url(/src/img/2021/svg/Arrow%20left%20black.svg);
}

.rd-instruction-wizard .rd-primary-btn-outline.icon_after::after {
	background-color: var(--rd-primary-active);
}

.rd-instruction-wizard .rd-primary-btn-outline.icon_after:hover::after {
	background-color: var(--rd-font-light);
}

.rd-instruction-wizard .rd-primary-btn-outline.icon_after:focus::after {
	background-color: var(--rd-font-light);
}

.rd_pul_btn:focus {
	background-color: var(--rd-primary-pressed);
	border-color: var(--rd-primary-pressed) !important;
	outline: unset;
	text-decoration: none;
}

.rd_instruction_copy {
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-4);
	line-height: 18px;
	margin-bottom: 16px;
	position: relative;
	z-index: 1;
}

.rd_instruction_copy::before {
	content: "";
	display: inline-block;
	height: 10px;
	width: 10px;
	background-image: url(/src/img/svg/copy.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100%;
	margin-right: 10px;
}

.rd-instruction-wizard[data-view="chooseInstructionType"] .chooseInstructionTypeFooter {
	position: relative;
}

.rd_text_info_inst {
	font-family: Caveat;
	position: absolute;
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-8);
	right: calc(50% - 555px);
	transform: rotate(-4deg);
	line-height: 24px;
	z-index: 1;
	bottom: -45px;
}

.rd_text_info_inst::before {
	content: "";
	display: inline-block;
	width: 48px;
	height: 85px;
	position: absolute;
	right: 100px;
	top: -85px;
	background-color: var(--rd-primary-active);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/svg/SketchArrowLeft.svg");
	-webkit-mask-image: url("/src/img/svg/SketchArrowLeft.svg");
	transform: rotate(165deg);
}

.rd-instruction-header {
	display: flex;
	padding: var(--rd-spacing-xxx-big) var(--rd-spacing-lg);
	position: sticky;
	justify-content: space-between;
	width: 100%;
	font-size: var(--rd-fontsize-4);
	z-index: 1;
	margin-bottom: 40px;
}

.rd-instruction-header a {
	color: var(--rd-secondary-active) !important;
}

.rd-instruction-header .rd-instruction-hilfe::after {
	content: "";
	display: inline-block;
	height: 10px;
	width: 10px;
	background-image: url(/src/img/svg/hilfe.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100%;
	margin-left: 10px;
}

.rd-instruction-header .rd-instruction-bLink::before {
	content: "";
	display: inline-block;
	height: 10px;
	width: 10px;
	background-image: url(/src/img/svg/arrow-left-blue.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100%;
	margin-right: 10px;
}

.rd-instruction-menu {
	position: absolute;
	/* bottom: 420px; */
	left: 0;
	top: calc(50vh - (159px / 2) - 10px);
	background-color: var(--rd-font-light);
	writing-mode: vertical-rl;
	z-index: 1;
	transform: rotate(180deg);
	padding: 0 var(--rd-spacing-md);
	border: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	border-radius: 20px 0 0 20px;
	color: var(--rd-font-dark) !important;
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: 0;
	cursor: pointer;
	box-shadow: 0px 4px 30px rgb(0 0 0 / 5%);
	height: 318px;
	display: inline-block !important;
}

.rd-instruction-menu:before {
	content: "Menü öffnen";
	font-size: var(--rd-fontsize-5);
}

.rd-instruction-wizard .rd-sortable-table-row {
	padding: var(--rd-spacing-md) var(--rd-spacing-x-big);
}

.rd-instruction-wizard .rd-sortable-table-row.exist {
	background-color: var(--rd-warning-inactive) !Important;
	border: 1px solid var(--rd-warning-default) !Important;
}

@media (max-width: 1200px) {
	.rd-instruction-menu {
		background-color: transparent;
		padding: 0;
		border: unset;
	}
}

#navigation_mobil:checked~section .rd-instruction-menu:before {
	content: "Menü schließen";
	font-size: var(--rd-fontsize-5);
}

.rd_selected_instr_element {
	align-items: center;
	padding: var(--rd-spacing-md);
	border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	border-radius: var(--rd-borderradius-border-md);
	margin-bottom: var(--rd-spacing-x-sm);
	background-color: var(--rd-list-default-light);
	/* position: relative; */
	z-index: 1;
	grid-template-areas: "CHECK IMG TITEL LENGTH TIME USERS EDIT MENU";
	/* grid-template-columns: 30px 96px 300px 180px 130px 246px 247px auto; */
	grid-template-columns: 30px 96px 300px 180px 130px 190px 218px auto;
	text-align: left;
	/* position: relative; */
}

.rdsie_img {
	height: 54px;
	width: 108px;
	left: 0px;
	top: 0px;
	border-radius: var(--rd-borderradius-border-sm);
	background-size: cover;
}

[data-plan-podcast="true"] .rdsie_img {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
}

.rd-instruction-wizard section {
	background-color: transparent;
}

.rdsie_titel {
	padding-left: var(--rd-spacing-x-big);
	text-align: left;
	/* width: 322px; */
}

.fb_title {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-xx-sm);
}

.k_title {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-primary-active);
}

.rdsie_status {
	padding-left: var(--rd-spacing-sm);
	color: var(--rd-secondary-active);
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	padding-right: 60px;
}

.fb_typ:before {
	content: "";
	display: inline-block;
	width: var(--rd-spacing-sm);
	height: var(--rd-spacing-sm);
	background-color: var(--rd-secondary-active);
	vertical-align: middle;
	margin-right: var(--rd-spacing-sm);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.fb_typ.fbt_online:before {
	mask-image: url("/src/img/2021/svg/rd_online_monitor.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd_online_monitor.svg");
}

/*.rdsie_user_actions {
 width:auto;
} */

.rdsie_date {
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	padding-right: var(--rd-spacing-xx-big);
	color: var(--rd-font-dark);
}

.rd-sortable-table-iconcell:before {
	content: "";
	display: inline-block;
	height: 16px;
	width: 16px;
	background-color: var(--rd-font-dark);
	vertical-align: sub;
	margin-right: var(--rd-spacing-x-sm);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.rd-sortable-table-iconcell.rd-icon-calendar:before {
	mask-image: url("/src/img/2021/svg/rd_date_icon.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd_date_icon.svg");
}

.rd-sortable-table-iconcell.rd-icon-time:before {
	mask-image: url("/src/img/2021/svg/rd_time_icon.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd_time_icon.svg");
}

.rd-sortable-table-iconcell.rd-icon-users:before {
	mask-image: url("/src/img/2021/svg/rd_user_icon.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd_user_icon.svg");
}

.rdsie_time {
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	padding-left: var(--rd-spacing-x-sm);
	color: var(--rd-font-dark);
}

.rdsie_actions {
	/* padding-left: var(--rd-spacing-xx-lg); */
	text-align: center;
}

.rdsie_actions button {
	width: 100%;
	cursor: pointer;
}

.rdsie_actions a,
.od_action a {
	color: var(--rd-primary-active);
}

.rdsie_actions a::before,
.od_action a::before {
	content: "";
	display: inline-block;
	margin-right: var(--rd-spacing-x-sm);
	background-color: var(--rd-primary-active);
	width: 10px;
	height: 10px;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/rd_edit_icon.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd_edit_icon.svg");
}

.order_header {
	display: flex;
	text-align: right;
	margin-bottom: var(--rd-spacing-xxx-big);
}

h2.rd-instruction-subtitle.rd-before-sub {
	margin-bottom: var(--rd-spacing-lg);
	font-size: 28px;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	/* 36.96px */
	letter-spacing: 0.28px;
	color: var(--rd-font-dark) !important;
}


#totalTimeOfSelCourses {
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-lg);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.rd-before-sub+#timeSum {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 33px;
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-lg);
}

.manageOnlineCoursesArrowTextInfo {
	position: absolute;
	display: inline-block;
	width: 212px;
	height: 212px;
	background-color: var(--rd-primary-active);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/manageOnlineCoursesArrowTextInfo.svg");
	-webkit-mask-image: url("/src/img/2021/svg/manageOnlineCoursesArrowTextInfo.svg");
}

.rd_instr_select_list {
	margin-bottom: var(--rd-spacing-x-lg);
	position: relative;
	z-index: 1;
}

/*.rd-instruction {width: 80%;} */
.rd-instr-plan-detail-grid {
	display: inline-grid;
	grid-template-areas: "LEFT RIGHT";
	grid-template-columns: 50%;
	vertical-align: top;
	text-align: left;
	max-width: 1400px;
	width: 100%;
	gap: 16px;
	position: relative;
	z-index: 1;
	min-width: 1000px;
	margin-bottom: 70px;
}

.rd-instr-plan-detail-grid>div,
.rd-instr-temp-set {
	background-color: var(--rd-font-light);
	box-shadow: 0px 2px 5px rgba(16, 24, 40, 0.1);
	border-radius: var(--rd-borderradius-border-md);
	padding: var(--rd-spacing-lg) var(--rd-spacing-x-big);
	position: relative;
	/* height: calc(100vh - 400px); darf nicht rein macht anischt kaput*/
}

.rd-instr-plan-detail-grid>div {
	width: 652px;
	min-height: 400px;
	padding-bottom: 0;
	height: 550px;
}

.rd-instruction-wizard[data-view="editInstruction"] .rd-instr-plan-detail-grid>div {
	height: 750px;
	overflow: auto;
}

.rd-instruction-users {
	position: relative;
	z-index: 1;
	background-color: var(--rd-font-light);
	width: 1400px;
	margin: auto;
	border-radius: 4px;
}

.rd-instr-plan-detail-grid legend {
	color: var(--rd-font-dark);
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	padding-bottom: var(--rd-spacing-md);
	margin-bottom: var(--rd-spacing-md);
}

.rd-ipdg-info legend {
	padding-bottom: 34px;
}

.rd-pfdgi-label-input-grid {
	display: grid;
	grid-template-areas: "LABEL INPUT";
	grid-template-columns: calc(100% / 3) calc(2 * 100% / 3);
	gap: var(--rd-spacing-md);
	margin-bottom: var(--rd-spacing-md);
	width: calc(100% - var(--rd-spacing-md));
	vertical-align: top;
}

.rd-pfdgi-lig-label {
	grid-area: LABEL;
	text-align: right;
}

.rd-pfdgi-lig-input {
	grid-area: INPUT;
	vertical-align: top;
}

.rd-pfdgi-lig-label label,
.rd-difficulty-range label,
.rd-difficulty-box label {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-0);
	margin: 0;
}

.rd-difficulty-range label,
.rd-difficulty-box label {
	display: block;
}

.rd-pfdgi-lig-label span,
.moreinfo {
	display: block;
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-2);
	color: var(--rd-input-hover);
	/* margin-right: var(--rd-spacing-xx-big); */
}

.rd-pfdgi-lig-label:has(pc-tooltip) span,
.has-tooltip .moreinfo {
	margin-right: var(--rd-spacing-xx-big);
}

.rd-date-grid {
	display: grid;
	grid-template-areas: "FROM TO";
	gap: var(--rd-spacing-x-sm);
	position: relative;
}

.rd-pfdgi-lig-input input[type="text"],
.rd-pfdgi-lig-input input[type="time"],
.rd-pfdgi-lig-input select,
.rd-pfdgi-lig-input textarea,
.start_endtime {
	padding: var(--rd-spacing-sm) var(--rd-spacing-md);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	border-radius: var(--rd-borderradius-border-md);
}

.rd-pfdgi-lig-input>input,
.rd-pfdgi-lig-input>select,
.rd-pfdgi-lig-input>textarea,
.rd-pfdgi-lig-input input[type="time"],
.start_endtime {
	width: 100%;
	border: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
}

#interval_endStatus {
	width: auto;
}

.rd-pfdgi-lig-input textarea {
	min-height: 120px;
	resize: vertical;
	font-size: var(--rd-fontsize-3);
}

.rd-tries-slider {
	display: grid;
	text-align: center;
	grid-template-areas: "RANGE RANGE" "LEFT RIGHT";
	grid-template-columns: 50% 50%;
	    background: var(--rd-base-fg-bg);
    padding: var(--rd-spacing-big) var(--rd-spacing-x-big)!important;
}
.rd-difficulty-box {
	margin-bottom: var(--rd-spacing-sm);
}

.rd-ts-slider {
	grid-area: RANGE;
	text-align: center;
	padding: var(--rd-spacing-lg) var(--rd-spacing-xx-lg) var(--rd-spacing-x-big) var(--rd-spacing-xx-lg);
}

.rd-ts-left {
	grid-area: LEFT;
	text-align: left;
}

.rd-ts-right {
	grid-area: RIGHT;
	text-align: right;
}

.rd-ts-left div,
.rd-ts-right div {
	display: inline-block;
	text-align: center;
}

.range_inside_div {
	position: relative;
}

.rd-ts-slider input:focus {
	outline: none;
}

.rd-ts-slider input,
.rd-ts-slider input::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	margin: 18px 0;
	width: 100%;
	height: 4px;
	border-radius: var(--rd-borderradius-border-md);
	cursor: pointer;
	padding: 0;
	border: unset;
}

.rd-ts-slider input::-webkit-slider-thumb {
	height: 40px;
	width: 40px;
	border-radius: 100%;
	background-image: radial-gradient(#89b63f 37%, #89b63f36 40%);
	margin-top: -17px;
	-webkit-appearance: none;
}

.range_inside_div {
	position: relative;
}

#tries_input_text {
	position: absolute;
	display: inline-block;
	background-color: var(--rd-success-default);
	margin-top: -32px;
	padding: 6px;
	border-radius: var(--rd-borderradius-border-xl);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
	color: var(--rd-font-light);
	white-space: nowrap;
}

#tries_input_text:after {
	content: "";
	position: absolute;
	display: inline-block;
	border: 8px solid transparent;
	bottom: -14px;
	left: calc(50% - 8px);
	border-top-color: var(--rd-success-default);
}

.rd-ts-slider input::-moz-range-thumb {
	height: 40px;
	width: 40px;
	border-radius: 100%;
	background-image: radial-gradient(#89b63f 37%, #89b63f36 40%);
	margin-top: -17px;
	-webkit-appearance: none;
}

.quiz-setting-detail,
#quiz-setting-input {
	display: none;
}

label[for="quiz-setting-input"] {
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-4);
	display: inline-block;
	position: absolute;
	bottom: 24px;
	right: 18px;
	line-height: var(--rd-lineheights-0);
	background-color: var(--rd-list-default-dark);
	padding: var(--rd-spacing-big);
	border-radius: var(--rd-borderradius-border-md);
	font-weight: var(--rd-fontweights-open-sans-1);
	text-align: right;
	width: calc(100% - 40px);
	cursor: pointer;
	margin-bottom: 0;
}

label[for="quiz-setting-input"]:after {
	content: "";
	display: inline-block;
	height: 12px;
	width: 12px;
	background-color: var(--rd-primary-active);
	vertical-align: middle;
	margin-left: 11px;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/rd-quiz-edit-errow.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd-quiz-edit-errow.svg");
}

#quiz-setting-input:checked~.rd-inst-create-quiz-setings .quiz-setting-detail {
	display: block;
	position: absolute;
	left: 24px;
	top: 24px;
	right: 24px;
	/* bottom: 24px; */
	background-color: var(--rd-list-default-dark);
	padding: 60px 16px 16px 16px;
	text-align: left;
	z-index: 100;
}

#quiz-setting-input:checked~#hiddenIntervalBox,
#quiz-setting-input:checked~#attachments_div {
	display: none !important;
}

#quiz-setting-input:checked~.rd-inst-create-quiz-setings>label[for="quiz-setting-input"] {
	display: none;
}

.quiz-setting-detail label[for="quiz-setting-input"] {
	bottom: unset;
	top: 24px;
	padding: 0;
}

.quiz-setting-detail label[for="quiz-setting-input"]:after {
	transform: rotate(180deg);
}

.quiz-setting-detail .rd-pfdgi-lig-label {
	text-align: left;
}

.rd-ts-left label,
.rd-ts-right label {
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-0) !important;
}

.rd-ts-left span,
.rd-ts-right span {
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-input-hover);
}

#hiddenIntervalBox {
	display: none;
}

#interval_endDate[style="pointer-events: none;"] {
	filter: grayscale(1);
	opacity: 0.5;
}

.rd-interval-select-date-grid {
	display: flex;
	gap: var(--rd-spacing-x-sm);
}

.rdisdg-select {
	width: 80px;
}

/*.rdisdg-input {}*/

#select_all_courses {
	display: flex;
	justify-content: right;
	align-items: center;
	padding: var(--rd-spacing-md);
	background-color: var(--rd-font-light);
	box-shadow: 0px 4px 38px rgba(0, 0, 0, 0.05);
	border-radius: var(--rd-borderradius-border-md);
	margin-bottom: var(--rd-spacing-md);
	position: relative;
	max-width: 1320px;
}

#select_all_courses .sac {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	margin-right: var(--rd-spacing-md);
	color: var(--rd-font-dark);
}

.rd_instruction_secondary_btn {
	background-color: var(--rd-font-light);
	color: var(--rd-primary-active);
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
	border-radius: var(--rd-borderradius-border-xl);
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	cursor: pointer;
	line-height: 20px;
	/* font-family: "Open Sans"; */
}

.rd_instruction_secondary_btn.next:after {
	content: "";
	display: inline-block;
	height: 10px;
	width: 10px;
	background-color: var(--rd-primary-active);
	vertical-align: middle;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/rd-next-arrow.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd-next-arrow.svg");
	margin-left: var(--rd-spacing-sm);
}

.rd_text_info_moc:after {
	content: "";
	display: inline-block;
	width: 48px;
	height: 85px;
	position: absolute;
	left: 95px;
	bottom: -90px;
	background-color: var(--rd-primary-active);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/svg/SketchArrowLeft.svg");
	-webkit-mask-image: url("/src/img/svg/SketchArrowLeft.svg");
}

.rd_text_info_moc {
	font-family: Caveat;
	position: absolute;
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-8);
	left: -160px;
	top: -228px;
	transform: rotate(-4deg);
}

#select_x_courses {
	display: flex;
	justify-content: right;
	align-items: center;
	padding: var(--rd-spacing-md);
	position: relative;
	background-color: var(--rd-success-default);
	border-radius: var(--rd-borderradius-border-md);
	margin-bottom: 18px;
	color: var(--rd-font-light);
	box-shadow: 0px 4px 38px rgba(0, 0, 0, 0.05);
}

#select_x_courses .sxc_text {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	margin-right: var(--rd-spacing-md);
}

.deselect_c {
	position: absolute;
	left: 16px;
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-5);
	line-height: 147%;
}

.deselect_c .close_white {
	display: inline-block;
	width: 14px;
	height: 14px;
	cursor: pointer;
	background-color: var(--rd-font-light);
	margin-right: var(--rd-spacing-big);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/re-close-white.svg");
	-webkit-mask-image: url("/src/img/2021/svg/re-close-white.svg");
}

input:checked+.rd_selected_instr_element {
	background-color: #f7fbf0 !important;
	border: 2px solid var(--rd-success-default) !important;
}

input:checked+.rd_selected_instr_element>.rdsie_actions,
input:checked+.rd_selected_instr_element [data-type="manu"] {
	display: none;
}

.rdsie_user_actions span {
	position: relative;
	/* font-weight: var(--rd-fontweights-open-sans-0); */
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	/* margin-left: var(--rd-spacing-x-big); */
}

.rdsie_user_actions span:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: var(--rd-success-default);
	margin-right: var(--rd-spacing-sm);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/rd-users.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd-users.svg");
	vertical-align: sub;
}

.x_user {
	display: inline-block;
	background-color: var(--rd-list-active);
	border-radius: 80px;
	padding: 6px 16px;
	color: #6e9232;
}

.rdsie_user_actions span.no_users {
	color: var(--rd-font-dark);
}

.rdsie_user_actions span.no_users:before {
	background-color: var(--rd-font-dark);
}

.no_edit_instract {
	background-color: transparent;
	border: none;
	color: var(--rd-primary-active);
	font-weight: 400;
	font-size: var(--rd-fontsize-4);
	line-height: 132%;
}

.rdsie_actions button:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	margin-right: var(--rd-spacing-x-sm);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/rd_edit_icon.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd_edit_icon.svg");
}

.no_edit_instract:before {
	background-color: var(--rd-primary-active);
}

.edit_instract {
	color: var(--rd-secondary-hover);
	background: #e1f2fa;
	border: none;
	border-radius: 80px;
}

.edit_instract:before {
	background-color: var(--rd-secondary-hover);
}

.rd_instr_manage_online_courses_popup .modal_dialog_top_title {
	display: none;
}

.rd_instr_online_courses_popup_img {
	background-image: url(/src/img/svg/onlinecourse_popup.svg);
	background-size: 100%;
	background-position: 50%;
	display: inline-block;
	width: 200px;
	height: 166px;
	background-repeat: no-repeat;
}

.rd_instr_online_courses_popup_content p {
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-md);
}

.rd_instr_online_courses_popup_content p+p {
	font-size: var(--rd-fontsize-5);
	font-weight: 500;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-xxx-big);
}

.rd_instr_manage_online_courses_popup .rd_instruction_secondary_btn {
	margin-bottom: var(--rd-spacing-md);
}

.rd_instr_manage_online_courses_popup .modal_dialog_bottom {
	display: none;
}

.rd-instruction-wizard[data-view="selectWebinarSession"] .rd-sortable-table-row {
	gap: 12px;
}

.rd-sortable-table-row.manageCourses {
	grid-template-areas: "CHECK IMG TITEL LENGTH TIME USERS EDIT MENU";
	grid-template-columns: 30px 415px 188px 122px auto auto auto auto;
	text-align: left;
	position: relative;
	z-index: 1;
}

#rd-rolls-return .rd-sortable-table-head {
	padding: var(--rd-sizing-sm);
	display: flex;
	background-color: var(--rd-list-default-dark);
}

#rd-rolls-return .rd-sortable-table-head input {
	margin-left: 16px;
}

#rd-rolls-return .rd-sortable-table-head .rd-sortable-table-cell {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
}

.rd-sortable-table-head button {
	background-color: transparent !important;
	border: none !important;
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	padding: 0;
}

.rd-sortable-table-head button:focus {
	outline: none;
}

.rd-steps label>.rd_step .rd_seperator_be {
	background-color: red;
}

.rd-sortable-sort-icon button::after,
.can-sort:after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-left: var(--rd-spacing-xx-sm);
	background-color: var(--rd-font-dark);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/svg/Vector2.svg");
	-webkit-mask-image: url("/src/img/svg/Vector2.svg");
}

*[data-sorting="ASC"] button::after {
	mask-image: url("/src/img/svg/Vector.svg");
	-webkit-mask-image: url("/src/img/svg/Vector.svg");
}

*[data-sorting="DESC"] button::after {
	mask-image: url("/src/img/svg/Vector.svg");
	-webkit-mask-image: url("/src/img/svg/Vector.svg");
	transform: scaleY(-1);
}

.rd-course-lesson-headline {
	font-weight: var(--rd-fontweights-open-sans-1);
	color: var(--rd-font-dark);
	line-height: 24px;
	font-size: var(--rd-fontsize-7);
}

#email-quiz-hidden-info {
	display: none;
}

.attachments_file_info {
	font-size: var(--rd-fontsize-3);
	margin-top: var(--rd-spacing-md);
	color: var(--cl-light-grey);
}

.pc_durationvalue_new_designH,
.pc_durationvalue_new_designM {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.rd-sortable-table-cell {
	position: relative;
}

.rd-dot-menu-cont {
	position: absolute;
	display: block;
	z-index: 10;
	background-color: var(--rd-font-light);
	padding: 16px;
	box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.15);
	right: 0px;
	border-radius: var(--rd-borderradius-border-md);
}

.rd-dot-m-element {
	cursor: pointer;
	white-space: nowrap;
	background-color: transparent;
	border: none;
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-2);
	padding: 0;
}

.rd-dot-m-element.rd-icon-c-trash::after {
	background-color: var(--rd-primary-active);
}

.rd-dot-m-element:hover {
	color: var(--rd-primary-hover);
}

.rd-dot-m-element.rd-icon-trash:hover:after {
	background-color: var(--rd-primary-hover);
}

.time_grid {
	display: grid;
	grid-template-areas: "START END";

	gap: var(--rd-spacing-x-sm);
	width: calc(100% - var(--rd-spacing-x-sm));
	grid-template-columns: 50% 50%;
}

.rd-itemlist-all-selector-wrap {
	display: grid;
	grid-template-columns: var(--rd-spacing-xxx-big) auto;
	padding-left: var(--rd-spacing-x-sm);
	border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	align-items: center;
}

.rd-itemlist-all-selector-wrap p {
	padding-left: var(--rd-spacing-x-sm);
	font-size: var(--rd-fontsize-5);
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-sm);
	line-height: 1.5;
	display: flex;
	align-items: center;
}

.rd-instruction-wizard nav+section {
	text-align: center;
	position: relative;
	min-height: 100vh;
}

.rd-instruction-wizard nav {
	display: none;
}

.rd-instruction-wizard input:checked+nav {
	display: block;
	min-height: 100vh;
	z-index: 1;
}

.rd-instruction-wizard .mainframe {
	min-height: 100vh;
}

.rd-infobar+pc-files .pc_ufiles_uploadlink {
	background-image: none;
	height: auto;
	text-align: center;
	padding: var(--rd-sizing-sm);
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	display: block;
	flex-direction: column;
	border-radius: var(--rd-borderradius-border-md);
}

.rd-infobar+pc-files .pc_ufiles_uploadlink:after {
	content: "Hochladen";
	display: inline-block;
	width: auto;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;
	position: relative;
}

.rd-infobar+pc-files .pc_ufiles_uploadlink:before {
	content: "";
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	background-color: var(--rd-primary-active);
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-sm);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/rd-upload-icon.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd-upload-icon.svg");
}

.rd-infobar+pc-files .uFileEntry {
	background-color: var(--rd-input-disabled);
	border: none;

}

.rd-infobar+pc-files .uFileEntry .uFileName {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-5);
}

.rd-infobar+pc-files .uFileEntry .uFileRemoveLink {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: var(--rd-primary-active);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/rd-trashcan.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd-trashcan.svg");
}

.rd-infobar+pc-files .uFileEntry_rightcol {
	text-align: right;
}

.rd-sortable-table[data-is-sort-ascending="true"] .rd-sortable-sort-icon[data-is-sort-column="true"] button:after {
	transform: scaleY(-1);
}

/* .rd-sortable-table-head .rd-sortable-table-cell:first-child .rd-checkbox {
	margin-left: 24px;
} */

.rd-instruction-wizard[data-view="manageCoursesPopup"] .rd-primary-btn {
	margin-bottom: 16px;
}

.rd-instruction[data-course-type="online"] .rd-courder-selector-content-presence {
	display: none;
}

.rd-instruction[data-course-type="presence"] .rd-courder-selector-content-online {
	display: none;
}

.rd-all-user-rolls {
	background-color: var(--rd-font-light);
	box-shadow: 0px 2px 5px -5px rgba(16, 24, 40, 0.1);
	border-radius: var(--rd-borderradius-border-md);
	padding: var(--rd-spacing-lg) var(--rd-spacing-x-big);
	position: relative;
	z-index: 1;
	text-align: left;
}

#rd-rolls-return ul {
	display: block;
	margin: 0;
	padding: 0;
	/* overflow-y: scroll; */
	/* max-height: 800px; */
}

#rd-rolls-return li {
	display: block;
	margin: 0;
	font-size: var(--rd-fontsize-4);
	border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	padding: var(--rd-sizing--md);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-1);
	color: var(--rd-font-dark);
}

#rd-rolls-return li label {
	margin-left: var(--rd-spacing-big);
}

form.rd-instruction:invalid button {
	background-color: var(--rd-primary-inactive) !important;
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-inactive) !important;
}

.rd-instr-temp-set {
	text-align: left;
}

.rd-overlay-popup {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	text-align: center;
	display: none;
}

input:checked+.rd-overlay-popup {
	display: block;
}

.rd-op-bg-closer {
	position: absolute;
	background-color: var(--rd-font-dark);
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0.8;
	z-index: 1;
	margin: 0;
}

.rd-op-form {
	background-color: var(--rd-card-fg);
	position: relative;
	z-index: 10;
	display: inline-block;
	padding: var(--rd-spacing-x-big);
	margin-top: 10%;
	border-radius: var(--rd-borderradius-border-lg);
	box-shadow: 0px 2px 5px rgba(16, 24, 40, 0.1);
}

.rd-pro-popup-img {
	position: relative;
}

.rd-op-form-over-title {
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-7);
	line-height: var(--rd-lineheights-1);
}

.rd-op-form-title {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	margin-bottom: var(--rd-spacing-md);
}

.rd-op-form-p {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-2);
	margin-bottom: var(--rd-spacing-xx-lg);
}

.rd-op-form .rd-primary-btn {
	margin-bottom: var(--rd-spacing-md);
}

.rd-close-x {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: var(--rd-font-dark);
	position: absolute;
	z-index: 1;
	right: var(--rd-spacing-xxx-big);
	top: var(--rd-spacing-xxx-big);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/rd-close.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd-close.svg");
	cursor: pointer;
}

.rd-instruction-wizard[data-view="selectCourses"] .rd-instruction-subtitle {
	margin-bottom: 40px;
}

.rd-instruction-wizard .rd-instruction-header .pchelp_icon {
	background-image: url(/src/img/svg/hilfe_icon_blue.svg);
	width: 14px;
	height: 14px;
	mask-image: unset;
	-webkit-mask-image: unset;
	background-color: transparent !important;
}

.rd-instruction-wizard .rd-instruction-header pc-help a {
	flex-direction: row-reverse;
}

.rd-instruction-wizard[data-view="manageCourses"] .rd-instruction-subtitle.rd-before-sub {
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-instruction-wizard .rd_checkbox,
.rd-instruction-wizard input.rd-checkbox {
	margin-right: 4px;
}

.rd-instruction-wizard[data-view="editInstruction"] .pc_datetimevalue_wrap .add-on.icon-calendar {
	top: 14px;
}

.rd-instruction-wizard[data-view="editInstruction"] .input-append .icon-calendar {
	background-image: url("/src/img/svg//calendar.svg") !important;
	background-size: 18px !important;
	height: 15px !important;
}

.rd-instruction-wizard .pc_datetimevalue_wrap {
	grid-template-columns: unset !important;
}

.rd_selected_instr_element>*:nth-child(1) {
	grid-area: CHECK;
}

.rd_selected_instr_element>*:nth-child(2) {
	grid-area: IMG;
}

.rd_selected_instr_element>*:nth-child(3) {
	grid-area: TITEL;
}

.rd_selected_instr_element>*:nth-child(4) {
	grid-area: LENGTH;
}

.rd_selected_instr_element>*:nth-child(5) {
	grid-area: TIME !important;
}

.rd_selected_instr_element>*:nth-child(6) {
	grid-area: USERS;
}

.rd_selected_instr_element>*:nth-child(7) {
	grid-area: EDIT;
}

.rd_selected_instr_element>*:nth-child(8) {
	grid-area: MENU;
}

.rd-instruction-wizard[data-view="selectUsersForCourses"] .pc_userchooserv3_wrapper {
	height: calc(100vh - 325px);
	min-height: 400px;
	margin-bottom: 70px;
}

.rd-instruction-wizard[data-view="selectUsersForCourses"] .pc_ucv3_columns {
	height: calc(100vh - 440px);
	min-height: 300px;
	width: 100%;
}

.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] pc-user-selector {
	width: 1300px;
}

.rd-instruction-wizard[data-view="selectUsersForCourses"] .pc_ucv3_columns_left,
.rd-instruction-wizard[data-view="selectUsersForCourses"] .pc_ucv3_columns_right,
.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .pc_ucv3_columns_left,
.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .pc_ucv3_columns_right {
	overflow: auto;
}

.rd-instruction-wizard[data-view="selectUsersForCourses"] .pc_ucv3_list,
.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .pc_ucv3_list {
	overflow: unset !important;
}

.rd-instruction-wizard[data-view="selectUsersForCourses"] .pc_ucv3_columns_right img,
.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .pc_ucv3_columns_right img {
	width: 75%;
	height: auto;
}

.rd-instruction-wizard[data-view="selectUsersForCourses"] .pc_ucv3_columns_right .pc_ucv3_img+p,
.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .pc_ucv3_columns_right .pc_ucv3_img+p {
	font-size: var(--rd-fontsize-5) !important;
}

.rd-instruction-wizard[data-view="selectUsersForCourses"],
.rd-instruction-wizard[data-view="rd-instruction-wizard"] {
	padding-bottom: 0;
}

.rd-instruction-wizard pc-datetimeinput {
	display: block;
}

#rd-inst-create-mobil-warning {
	display: none;
}

.rd-instruction-wizard[data-view="manageCourses"] .rd-primary-btn-outline {
	margin-bottom: 0;
}

.rd-wizard-slide .rd-primary-btn-outline {
	margin-bottom: var(--rd-spacing-md);
}

.rd-instruction-wizard label[for="navigation_mobil"] {
	display: none;
}

.rd-instruction-wizard[data-view="chooseInstructionType"] .rd-primary-btn,
.rd-instruction-wizard[data-view="chooseOnlineInstrType"] .rd-primary-btn {
	margin-bottom: var(--rd-spacing-xx-lg);
}

@media screen and (max-width: 1650px) {
	.rd_text_info_moc {
		left: -90px;
	}
}

@media screen and (max-width: 1550px) {

	.rd_text_info_moc,
	.rd_text_info_moc:after {
		display: none;
	}
}

@media screen and (max-width: 1350px) {
	.rd-instr-plan-detail-grid {
		grid-template-areas: "LEFT" "RIGHT";
		grid-template-columns: 100%;
		min-width: 100%;
	}

	.rd_selected_instr_element {
		grid-template-areas:
			"CHECK IMG TITEL TITEL TITEL"
			"LENGTH TIME USERS EDIT MENU";
		grid-template-columns: 19% 13% 38% 23% 5%;
		row-gap: var(--rd-spacing-md);
	}

	.rdsie_time {
		padding-left: 0;
	}

	.rd-wizard-slide {
		display: inline-block;
		width: 100%;
		text-align: center;
	}

	.rd-instruction-wizard[data-view="chooseInstructionType"] .rd-instruction-subtitle,
	.rd-instruction-wizard[data-view="chooseOnlineInstrType"] .rd-instruction-subtitle,
	.rd-select-cards {
		margin-bottom: var(--rd-spacing-lg);
	}

	/*  .rd-wizard-slide .rd-instruction-title {
    margin-top: 0;
  } */

	.rd-instruction-wizard[data-view="chooseInstructionType"] .rd-primary-btn,
	.rd-instruction-wizard[data-view="chooseOnlineInstrType"] .rd-primary-btn {
		margin-bottom: var(--rd-spacing-x-sm);
	}

	.rd-wizard-slide {
		padding: 0 32px 32px;
	}

	.rd-instruction-wizard .rd_checkbox,
	.rd-instruction-wizard input.rd-checkbox {
		margin: 0;
	}

	.rd_selected_instr_element>*:nth-child(3) {
		padding-left: 0;
	}

	.rd-instruction-wizard .rd-sortable-table-head .rd-sortable-table-cell:first-child,
	.rd-instruction-wizard .rd-sortable-table-head .rd-sortable-table-cell:nth-child(2) {
		display: block !important;
	}

	.rd-instruction-wizard .rd-sortable-table-head .rd-sortable-table-cell {
		display: none !important;
	}

	#select_x_courses {
		flex-direction: column;
		row-gap: 16px;
		text-align: left;
		align-items: start;
	}

	#select_x_courses .deselect_c {
		left: unset;
		position: relative;
	}

	#select_x_courses .deselect_c .close_white {
		margin-right: var(--rd-spacing-x-sm);
	}

	label[for="quiz-setting-input"] {
		width: 100%;
		position: relative;
		right: unset;
		margin-top: var(--rd-spacing-x-lg);
	}

	.quiz-setting-detail label[for="quiz-setting-input"] {
		top: -30px;
		padding: 0;
		margin-top: 0;
	}

	/* .rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .such_text,
	.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .pc_ucv3_columns {
		width: 94%;
	} */

	.rd-instruction-wizard[data-view="selectUsersForCourses"] .pc_userchooserv3_wrapper,
	.rd-instruction-wizard[data-view="selectUsersForCourses"] .pc_ucv3_columns,
	.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .pc_userchooserv3_wrapper,
	.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .pc_ucv3_columns {
		height: auto !important;
	}

	.rd-pfdgi-lig-input input[type="text"],
	.rd-pfdgi-lig-input input[type="time"],
	.rd-pfdgi-lig-input select,
	.rd-pfdgi-lig-input textarea,
	.start_endtime {
		font-size: var(--rd-fontsize-5);
	}

	.rd-instruction-title {
		font-size: var(--rd-fontsize-7);
	}

	.rd-instruction-subtitle {
		font-size: var(--rd-fontsize-8);
	}

	.rd-instruction-header {
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.rd-instr-plan-detail-grid>div {
		width: 100%;
	}

	.rd-instruction-wizard .rd-primary-btn-outline.icon_after:hover::after {
		background-color: var(--rd-font-light);
	}

	.rd-instruction-users {
		width: auto;
	}
}

@media screen and (max-width: 1200px) {
	.rd-instruction-wizard label[for="navigation_mobil"] {
		display: inline-block;
	}
}

@media screen and (max-width: 900px) {
	.rd_text_info_moc {
		display: none;
	}

	.rd-wizard-slide form {
		display: inline-block;
		width: 90%;
	}

	#select_all_courses {
		flex-direction: column;
		gap: 16px;
	}

	.rd_selected_instr_element {
		grid-template-areas:
			"CHECK IMG MENU"
			"TITEL TITEL TITEL"
			"LENGTH LENGTH  LENGTH"
			"TIME TIME  TIME"
			"USERS USERS USERS"
			"EDIT EDIT EDIT";
		grid-template-columns: 40px auto 16px;
		column-gap: 0;
		padding: var(--rd-spacing-md);
		margin-bottom: var(--rd-spacing-md);
	}

	.rd_selected_instr_element>* {
		text-align: left;
		padding: 0;
		align-self: center;
	}

	.rd_selected_instr_element>* button {
		display: inline-block;
		width: auto;
		padding: 0;
	}

	/*   .rd_steps {
    display: grid !important;
    grid-template-areas:
      "ST1 ST2 ST3 ST4"
      "BACK BACK NEXT NEXT";
  
  } 

  .rd_steps > *:nth-child(1) {
    grid-area: BACK;
    text-align: left;
    padding-bottom: var(--rd-spacing-xxx-big);
  }

  .rd_steps > *:nth-child(2) {
    grid-area: ST1;
  }

  .rd_steps > *:nth-child(3) {
    grid-area: ST2;
  }

  .rd_steps > *:nth-child(4) {
    grid-area: ST3;
  }

  .rd_steps > *:nth-child(5) {
    grid-area: ST4;
  }

  .rd_steps > *:nth-child(6) {
    grid-area: NEXT;
    position: relative;
    text-align: right;
  }
 */

	/* .rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .such_text,
	.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .pc_ucv3_columns {
		width: 81%;
	} */
}

@media screen and (max-width: 650px) {
	.rd-pfdgi-label-input-grid {
		grid-template-areas:
			"LABEL"
			"INPUT";
		grid-template-columns: 100%;
		text-align: left;
	}

	.rd-pfdgi-label-input-grid>* {
		text-align: left;
	}

	.rd-listitem-content {
		grid-template-columns: unset !important;
	}

	.rd-listitem.rd-selectable[data-is-already-planned="true"] .rd-listitem-content::after {
		bottom: unset !important;
	}

	.rd-listitem .rd_checkbox {
		margin-right: var(--rd-spacing-xx-sm) !important;
		margin-top: var(--rd-spacing-x-sm);
		align-self: start;
	}

	.rd-category-selector {
		top: 175px;
	}

	.rd-list-intro-subtitle {
		grid-template-areas:
			"EL1"
			"EL2";
		grid-template-columns: 100%;
		gap: var(--rd-spacing-md);
	}

	.rd-course-lesson-preview-wrap {
		min-height: auto;
	}

	.rd-infobar {
		margin-top: var(--rd-spacing-md);
	}

	#ApplyModeSelect fieldset {
		padding: var(--rd-spacing-xx-big) 0 0 0 !important;
	}

	.pc_userchooserv3_wrapper {
		padding: var(--rd-spacing-md) var(--rd-spacing-x-sm);
	}

	pc-user-selector[disablegroupselection] .pc_ucv3_headitem {
		grid-template-columns: 100%;
	}

	.rd-instruction-title {
		font-size: var(--rd-fontsize-5);
	}

	.rd-instruction-subtitle {
		font-size: var(--rd-fontsize-7);
	}

	.rd-instruction-header {
		margin-bottom: var(--rd-spacing-lg);
	}

	.rd-instruction-wizard[data-view="chooseInstructionType"] .rd-instruction-header,
	.rd-instruction-wizard[data-view="chooseOnlineInstrType"] .rd-instruction-header {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 600px) {
	#rd-inst-create-mobil-warning {
		display: block;
	}

	#rd-inst-create-mobil-warning>div {
		padding: var(--rd-spacing-sm) var(--rd-spacing-big);
		margin: var(--rd-spacing-lg) var(--rd-spacing-md) 0;
		background-color: var(--rd-warning-default);
		text-align: left;
		color: var(--rd-font-dark);
		font-size: var(--rd-fontsize-4);
		line-height: var(--rd-lineheights-0);
		font-weight: var(--rd-fontweights-open-sans-1);
		position: relative;
	}

	#rd-inst-create-mobil-warning>div .rd-close {
		display: inline-block;
		mask-size: contain;
		-webkit-mask-size: contain;
		mask-position: 50%;
		-webkit-mask-position: 50%;
		mask-image: url("/src/img/2021/svg/rd-close.svg");
		-webkit-mask-image: url("/src/img/2021/svg/rd-close.svg");
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		width: 14px;
		height: 14px;
		background-color: var(--rd-font-dark);
		cursor: pointer;
		right: 11px;
		position: absolute;
		top: 33px;
	}

	#rd-inst-create-mobil-warning>div .text {
		display: inline-block;
		max-width: 231px;
		vertical-align: middle;
	}

	#rd-inst-create-mobil-warning>div:before {
		content: "";
		display: inline-block;
		width: 20px;
		height: 20px;
		background-color: var(--rd-font-dark);
		vertical-align: middle;
		margin-right: var(--rd-spacing-x-sm);
		mask-size: contain;
		-webkit-mask-size: contain;
		mask-position: 50%;
		-webkit-mask-position: 50%;
		mask-image: url("/src/img/2021/svg/rd-speech-bubblel.svg");
		-webkit-mask-image: url("/src/img/2021/svg/rd-speech-bubblel.svg");
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
	}

	.rd-instruction-header {
		padding: var(--rd-spacing-lg) var(--rd-spacing-md) 0;
	}

	/* .rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .such_text,
	.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .pc_ucv3_columns {
		width: 87%;
	} */

	.rd-instructions .container {
		width: 100% !important;
	}
}

@media screen and (max-width: 500px) {
	.rd-instruction-wizard .mainframe nav ul {
		top: var(--rd-spacing-big);
	}

	.rd-course-referent {
		grid-template-columns: 100%;
		gap: var(--rd-spacing-md);
	}

	.rd_instruction_secondary_btn.next:after {
		margin-left: var(--rd-spacing-x-sm);
	}
}

@media screen and (max-width: 450px) {
	.rd-date-grid {
		grid-template-areas: "FROM" "TO";
	}

	.pc_durationvalue_wrap_new_design {
		grid-template-areas: "LEFT" "RIGHT";
		grid-template-columns: 100%;
	}

	.rd-ts-slider {
		padding: 0;
	}
}

@media screen and (max-width: 300px) {
	#rd-inst-create-mobil-warning>div:before {
		display: none;
	}
}

.jump-grid {
	display: grid;
	grid-template-areas: "LEFT RIGHT";
	grid-template-columns: 50%;
	margin-top: -24px;
}

.jg-back {
	text-align: left;
	grid-area: LEFT;
}

.jg-next {
	text-align: right;
	grid-area: RIGHT;
	position: relative;
}

.jump-grid a {
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	position: relative;
	display: inline-block;
}

.jg-back a {
	margin-top: -50px;
	position: absolute;
}

.jg-next a:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: var(--rd-primary-active);
	margin-left: 10px;
	vertical-align: middle;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/rd-arrow-next.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd-arrow-next.svg");
}

.jg-back a:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: var(--rd-primary-active);
	margin-right: 10px;
	vertical-align: middle;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/rd-close.svg");
	-webkit-mask-image: url("/src/img/2021/svg/rd-close.svg");
}

.rd-instruction-wizard[data-view="selectCourses"] .rd-instruction-subtitle,
.rd-instruction-wizard[data-view="selectCourses"] .rd-instruction-title,
.rd-instruction-wizard[data-view="selectUsersForCourses"] .rd-instruction-subtitle,
.rd-instruction-wizard[data-view="selectUsersForCourses"] .rd-instruction-title,
.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .rd-instruction-title,
.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .rd-instruction-subtitle {
	display: none;
}

.rd-instruction-wizard[data-view="selectCourses"] .rd_steps {
	margin-bottom: var(--rd-spacing-lg);
}

.rd-instruction-wizard[data-view="selectUsersForCourses"] .pc_userchooserv3_wrapper,
.rd-instruction-wizard[data-view="selectWebinarSessionUsers"] .pc_userchooserv3_wrapper {
	margin-top: var(--rd-spacing-lg);
}

#sharelist {
	display: none;
}

#toshare:checked+#sharelist {
	display: block;
}

#sharelist input[name="erstoshare"] {
	display: none;
}

#sharelist pc-facility-selector {
	height: 37px;
}

.PublicUserForm #sharelist pc-facility-selector {
	height: 30px;
	margin: 0;
}

.PublicUserForm #sharelist {
	margin-bottom: 0;
}

.rd-ipdg-info legend {
	padding-bottom: 35px;
}

/* 
#sharelist label {
	display: block;
} */

#sharelist .rd-treeview-popup-input {
	border: none;
	/* margin-top: var(--rd-spacing-sm); */
	display: flex;
	gap: var(--rd-spacing-x-sm);
	padding: 0;
	line-height: 170%;
}

#sharelist .rd-treeview-popup-input a {
	display: inline-block;
	color: var(--rd-secondary-active);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
}

#sharelist .rd-treeview-popup-input::after {
	background-color: var(--rd-secondary-active);
	mask-image: url(/src/img/2023/svg/icons/rd-icon-pencil.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-pencil.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	position: relative;
	display: inline-block;
	top: 7px;
	right: 0;
}

#sharelist {
	margin-bottom: var(--rd-spacing-huge);
}

.rd-instruction-wizard[data-view="chooseInstructionType"] .rd-primary-btn,
.rd-instruction-wizard[data-view="chooseOnlineInstrType"] .rd-primary-btn {
	display: none;
}

.rd-tag-selector-buttonrow .rd-primary-btn {
	display: inline-flex !important;
}

.lgend_input_grid {
	display: flex;
	justify-content: space-between;
}

.mainframe:has(pc-facility-selector .modal_ground)~.rd-badgetip-peer-content {
	display: none;
}

.fast_filter_grid {
	display: flex;
	margin-top: var(--rd-spacing-md);
	gap: var(--rd-spacing-md);
	align-items: center;
	color: #000;

	/* Body XS/Body XS Medium */
	font-family: Open Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.fast_filter_cont ul {
	display: flex;
	box-shadow: none;
	gap: var(--rd-spacing-x-sm);
	margin: 0;
	padding: 0;
}

.fast_filter_cont ul li {
	margin: 0;
}

.fast_filter_cont ul input {
	display: none;
}

.fast_filter_cont ul label {
	display: block;
	text-align: center;
	background-color: #eee;
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-sm);
	font-size: var(--rd-fontsize-3);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: normal;
	cursor: pointer;
	color: var(--rd-font-dark);
}

.fast_filter_cont ul label:before {
	content: "";
	display: inline-block;
	width: var(--rd-spacing-sm);
	height: var(--rd-spacing-sm);
	background-color: var(--rd-font-dark);
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-sm);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.fast_filter_cont ul input:checked+label:before {
	background-color: var(--rd-card-fg);
}

.fast_filter_cont ul label[for="fVorlage"]:before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-folder-open.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-folder-open.svg");
}

.fast_filter_cont ul label[for="fEigene"]:before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-document.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-document.svg");
}

.fast_filter_cont ul label[for="fZentralee"]:before {
	mask-image: url("/src/img/svg/global_icon.svg");
	-webkit-mask-image: url("/src/img/svg/global_icon.svg");
}

.fast_filter_cont ul label[for="fGeteilt"]:before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-share.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-share.svg");
}

.fast_filter_cont ul label[for="fVorlage"] {
	background-color: var(--rd-warning-inactive);
}

.fast_filter_cont ul label[for="fEigene"] {
	background-color: #f8e6e1;
}

.fast_filter_cont ul label[for="fGeteilt"] {
	background-color: #e1f2fa;
}

.fast_filter_cont ul label[for="fZentralee"] {
	background-color: var(--rd-list-active);
}

.fast_filter_cont ul input:checked+label {
	background-color: var(--rd-secondary-active);
	color: var(--rd-font-light);
}

.rd-instructions .rd-selector-searchrow,
.fortbildungsplaner .rd-selector-searchrow {
	max-width: 460px;
}

.rd-instructions .drop_down_btn label {
	margin-bottom: 6px;
}


pc-infobar pc-tooltip {
	margin-left: 0;
	margin-right: 10px;
}

/* Accordion for right side of editInstruction */
.rd-edit-instr-accordion {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.rd-accordion-section {
	border: 1px solid var(--rd-border-default, #e5e7eb);
	border-radius: var(--rd-borderradius-border-md, 6px);
	margin-bottom: 8px;
	overflow: hidden;
}

.rd-accordion-section.is-open{
	       border-radius: 16px;
    /* border: 1.5px solid var(--rd-success-default); */
    box-shadow: 0 6px 24px rgba(110, 146, 50, 0.12);
	margin-bottom: var(--rd-spacing-sm);
}

.rd-accordion-section.is-open .rd-accordion-header{
	background-color: var(--rd-success-inactive);
}

.rd-accordion-section.is-open .rd-accordion-title{
	color:var(--rd-success-pressed);
}

.rd-accordion-header {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	cursor: pointer;
	background: var(--rd-list-default-dark, #f9fafb);
	user-select: none;
	transition: background 0.15s;
}

.rd-accordion-header:hover {
	background: var(--cl-light-blue, #eef6ff);
}

.rd-accordion-chevron {
	width: 16px;
	height: 16px;
	margin-right: 10px;
	background-image: url("/src/img/svg/af/chevron-down-gray.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: transform 0.2s;
	flex-shrink: 0;
}

.rd-accordion-section.is-open .rd-accordion-chevron {
	transform: rotate(180deg);
}

.rd-accordion-title {
	font-weight: var(--rd-fontweights-open-sans-0, 600);
	font-size: var(--rd-fontsize-4, 14px);
	color: var(--rd-font-dark, #1f2937);
}

.rd-accordion-body {
	display: none;
	padding: 16px;
}

.rd-accordion-body .rd-pfdgi-lig-label{
	text-align: left;

}

#quizsettings .rd-pfdgi-lig-label label,
#quizsettings .rd-difficulty-box label,
#quizsettings .rd-difficulty-range label{
	font-size: var(--rd-fontsize-4) !important;
	font-weight: var(--rd-fontweights-open-sans-1) 	!important;
}

#quizsettings .rd-pfdgi-label-input-grid{
	    grid-template-columns: 20% 60%;
		align-items: center;
}

#quizsettings .rd_counter_content:first-child .rd_seperator_be,
#quizsettings .rd_counter_content:last-child .rd_seperator_af{
	border-color:white !important;
}

[data-popup="IntervalEdit"] .interval-duration .rd-input-content>input{
height: 40px !important;
}

.rd-accordion-section.is-open .rd-accordion-body {
	display: block;
}

.rd-accordion-info {
	margin-left: auto;
	font-size: 12px;
	font-weight: 400;
	color: var(--rd-input-hover, #6b7280);
	padding: 2px 8px;
	background: var(--rd-list-default-dark, #f3f4f6);
	border-radius: 10px;
	white-space: nowrap;
}

.rd-accordion-section.is-open .rd-accordion-info {
	display: none;
}