@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 300;
	src: local("Open Sans Light"), local("OpenSans-Light"), url('../fonts/opensans/open-sans-v17-latin-300.woff2') format("woff2"), url('../fonts/opensans/open-sans-v17-latin-300.woff') format("woff");
}

@font-face {
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 300;
	src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url('../fonts/opensans/open-sans-v17-latin-300italic.woff2') format("woff2"), url('../fonts/opensans/open-sans-v17-latin-300italic.woff') format("woff");
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	src: local("Open Sans Regular"), local("OpenSans-Regular"), url('../fonts/opensans/open-sans-v17-latin-regular.woff2') format("woff2"), url('../fonts/opensans/open-sans-v17-latin-regular.woff') format("woff");
}

@font-face {
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 400;
	src: local("Open Sans Italic"), local("OpenSans-Italic"), url('../fonts/opensans/open-sans-v17-latin-italic.woff2') format("woff2"), url('../fonts/opensans/open-sans-v17-latin-italic.woff') format("woff");
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url('../fonts/opensans/open-sans-v17-latin-600.woff2') format("woff2"), url('../fonts/opensans/open-sans-v17-latin-600.woff') format("woff");
}

@font-face {
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 600;
	src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url('../fonts/opensans/open-sans-v17-latin-600italic.woff2') format("woff2"), url('../fonts/opensans/open-sans-v17-latin-600italic.woff') format("woff");
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	src: local("Open Sans Bold"), local("OpenSans-Bold"), url('../fonts/opensans/open-sans-v17-latin-700.woff2') format("woff2"), url('../fonts/opensans/open-sans-v17-latin-700.woff') format("woff");
}

@font-face {
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 700;
	src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url('../fonts/opensans/open-sans-v17-latin-700italic.woff2') format("woff2"), url('../fonts/opensans/open-sans-v17-latin-700italic.woff') format("woff");
}

:root {
	--font-family: "Open Sans", Arial, sans-serif;
	--icon-font: "dooiconfont";
	--bu: 10px;
	--header-height: 60px;
	--border-radius: 8px;
	--primary-color: #dd0b2f;
	--primary-color-transparent: rgba(221, 11, 47, 0.6);
	--primary-color-15: rgba(221, 11, 47, 0.15);
	--secondary-color: #b60016;
	--status-green: #41b96f;
	--status-green-background: rgba(65, 185, 111, 0.5);
	--status-green-background-20: rgba(65, 185, 111, 0.2);
	--status-yellow: #ffdd22;
	--status-yellow-background: rgba(255, 221, 34, 0.5);
	--status-yellow-background-20: rgba(255, 221, 34, 0.2);
	--status-yellow-darker: #d3a004;
	--status-red: #da1b1c;
	--status-red-background: rgba(218, 27, 28, 0.5);
	--status-red-background-15: rgba(218, 27, 28, 0.15);
	--white-background: #fff;
	--white-background-transparent: rgba(255, 255, 255, 0.8);
	--white-background-light: #f7f7f7;
	--white-background-hover: #e5e5e5;
	--light-background: #f2f2f2;
	--grey-background: #ddd;
	--grey-background-border: #ddd;
	--dark-grey-background: #555;
	--dark-grey-background-hover: #333;
	--font-color: #333;
	--white-font-color: #fff;
	--white-font-color-hover: #f2f2f2;
	--grey-font-color: #999;
	--grey-font-color-hover: #555;
	--light-grey-font-color: #cecece;
	--on-primary-color: #fff;
	--white-background-highlight: #fff;
	--light-background-highlight: #f2f2f2;
	--light-background-active: #e2e2e2;
	--grey-background-highlight: #ddd;
	--grey-background-transparent: #ddd;
	--box-shadow-center: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	--box-shadow-focus: 0px 0px 0px 3px rgba(221, 11, 47, 0.6);
	--box-shadow-focus-primary-button: rgba(221, 11, 47, 0.6);
	--box-shadow-focus-primary-button-inset: rgba(221, 11, 47, 0.6);
	--drop-shadow-center: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
	--scrollbar-width: 10px;
	--text-selection-color: var(--white-font-color);
	--text-selection-background: #dd0b2f;
	--outer-padding-x: 20px;
	--outer-padding-y: 0px;
	--submenu-background: #fff;
	--table-header-background: #fff;
	--scrollbar-thumb-color: #CDCDCD;
	--scrollbar-thumb-hover-color: #A6A6A6;
}

div#wizardContent #boxContent table tr.success td {
	color: var(--status-green);
	background-color: var(--status-green-background-20);
}

div#wizardContent #boxContent table tr.error td {
	color: var(--status-red);
	background-color: var(--status-red-background-15);
}

div#wizardContent #boxContent table tr.warning td {
	color: var(--status-yellow-darker);
	background-color: var(--status-yellow-background-20);
}

.hyphens * {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

::selection {
	background-color: #dd0b2f;
	color: #fff;
}

.wizardDesign * {
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-family: "Open Sans", Arial, sans-serif;
}

body.wizardDesign {
	background: #f2f2f2;
	color: #333;
	font-size: 14px;
	overflow: hidden;
}

body.wizardDesign .boxContent {
	background-color: transparent;
}

body.wizardDesign #wizardContent {
	width: 100%;
	padding: 0;
	flex: 1;
	overflow-y: scroll;
}

.newWizardWrapper {
	display: flex;
	flex-flow: column;
	height: 100vh;
}

html, .newWizardWrapper {
	height: 100%;
}

.wizardDesignHeader {
	color: #333;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	border-bottom-color: #ddd;
	position: relative;
	z-index: 9999;
}

.wizardDesignHeaderLeft, .wizardDesignHeaderCenter, .wizardDesignHeaderRight {
	display: flex;
	align-items: center;
	flex: 1;
}

.wizardDesignHeaderLeft {
	min-width: max-content;
}

.wizardDesignHeaderCenter {
	justify-content: center;
}

.wizardDesignHeaderObjectTitle {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-align: center;
}

.wizardDesignHeaderContent {
	background-color: #ddd;
}

.wizardDesignHeaderTitleWrapper {
	padding: 0px 10px;
	height: 50px;
	display: flex;
	align-items: center;
}

.wizardDesignHeaderTitleWrapper .wizardIconPosition:before {
	font-size: 28px;
	margin: 0;
}

.wizardDesignTitle {
	font-size: 20px;
	font-weight: 700;
	margin-left: 8px;
}

.wizardDesignMenu {
	margin-left: auto;
	max-height: 50px;
	background-color: #fff;
	display: flex;
}

.wizardDesignMenuList {
	display: flex;
	height: 50px;
	position: relative;
	width: 100%;
}

.wizardDesignMenuEntry {
	position: relative;
}

.wizardDesignMenuEntry.disabled {
	pointer-events: none;
}

.wizardDesignMenuEntry.disabled a.wizardDesignMenuEntryLink {
	color: var(--grey-font-color) !important;
}

.wizardDesignMenuEntry.disabled.active a.wizardDesignMenuEntryLink {
	color: var(--grey-font-color) !important;
}

.wizardDesignMenuEntry.disabled.active a.wizardDesignMenuEntryLink span.menuEntryText {
	border-color: var(--grey-font-color);
}

.wizardDesignMenuEntry.disabled:hover {
	cursor: not-allowed;
}

.wizardDesignMenuMobile .wizardDesignMenuEntry {
	display: flex;
	align-items: center;
}

.wizardDesign .wizardDesignHeaderContent #helpmode {
	margin-left: 15px;
	padding: 0;
}

.wizardDesign .wizardDesignHeaderContent #helpmode span {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #555;
	color: #fff;
	width: 28px;
	height: 28px;
	border-radius: 100px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	transition: all ease 0.2s;
}

.wizardDesign .wizardDesignHeaderContent #helpmode span:hover {
	background: #333;
}

.wizardDesignMenuEntry a.wizardDesignMenuEntryLink {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0px 15px;
	box-sizing: border-box;
	font-size: 14px;
	color: #333 !important;
	z-index: 10;
	position: relative;
	transition: color ease 0.2s;
}

a.wizardDesignMenuEntryLink:hover {
	color: #dd0b2f !important;
}

.wizardDesignMenuEntry .menuEntryText {
	display: flex;
	align-items: center;
	height: 100%;
	font-size: inherit;
	border-bottom: 2px solid transparent;
}

.wizardDesignMenuEntry.active a.wizardDesignMenuEntryLink {
	color: #dd0b2f !important;
}

.wizardDesignMenuEntry.active .menuEntryText {
	border-color: #dd0b2f;
}

.wizardDesignMenuDesktop .wizardDesignMenuEntry.wizardPageFavorite a.wizardDesignMenuEntryLink {
	font-weight: 600;
	font-weight: 700;
}

.wizardDesignMenuSubmit {
	margin-left: auto;
}

.wizardDesign .wizardDesignMenuSubmit .dooBtn {
	height: auto;
	margin: 0;
	padding: 8px 15px;
	font-size: 14px;
	border-radius: var(--border-radius);
	font-weight: 600;
}

.wizardDesign .wizardSubmitBtn.grey {
	pointer-events: none;
}

.wizardDesignHeaderCharacteristics {
	background-color: #f2f2f2;
	padding: 10px 20px;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	display: flex;
}

.boxContent > .wizardRow {
	margin-top: 0;
	padding-top: 20px;
}

.boxContent > .wizardRow ~ .wizardRow {
	margin-top: inherit;
	padding-top: inherit;
}

.wizardRow {
	padding: 0px 20px;
	padding-bottom: 30px;
}

.hiddenWizardOption {
	display: none;
}

.wizardRowTitle, html .wizardRowTitle span {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
}

.wizardRowTitle sup {
	color: var(--status-red);
	font-size: 14px;
}

.maxLength-text-tag {
	font-size: 12px;
	padding-top: 5px;
	font-style: italic;
	color: var(--grey-font-color);
	opacity: 0;
	transition: all ease 0.2s;
}

.maxLength-text-tag.show {
	opacity: 1;
}

html .wizardRowTitle span.dooIconContainer {
	margin-bottom: 0;
	margin-right: 5px;
}

.wizardRowTitle.fieldsetGroupName {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 700;
}

.wizardRowInner {
	padding: 20px;
	font-size: 14px;
	background-color: #fff;
	border-radius: var(--border-radius);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.wizardRowInner.horizontalOverflow {
	padding: 0px;
	overflow-x: auto;
}

.wizardRowInner.horizontalOverflow .span12.options {
	display: table;
}

.horizontalOverflowMargin {
	margin: 15px;
}

.wizardRowBulkWrapper {
	display: none;
}

.wizardRowBulkWrapper.visible {
	display: block;
}

.wizardRowBulkWrapper .wizardRowBulk {
	display: none;
}

.wizardRowBulkWrapper .wizardRowBulk div.description {
	display: inline-flex;
	align-items: center;
}

.wizardRowBulkWrapper .wizardRowBulk.visible {
	display: block;
}

.wizardRowBulkWrapper .wizardRowBulk .removeBulkField {
	position: relative;
	left: -35px;
	border: 1px solid var(--grey-background-border);
	border-radius: 20px;
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--white-background-highlight);
	min-width: 28px;
}

.wizardRowBulkWrapper .wizardRowBulk .removeBulkField:hover {
	cursor: pointer;
	background-color: var(--light-background-highlight);
}

.wizardRowBulkWrapper .wizardRowBulk .bulkFieldTitle {
	position: relative;
	left: -30px;
}

.wizardRowBulkDivider {
	margin-left: -20px;
	width: calc(100% + 40px);
	border-color: var(--grey-background-border);
	border-top: none;
	display: none;
}

.wizardRowBulkDivider.visible {
	display: block;
}

.wizardRow textarea, .wizardRow select, .wizardRow input[type="text"], .wizardRow input[type="password"], .wizardRow input[type="datetime"], .wizardRow input[type="datetime-local"], .wizardRow input[type="date"], .wizardRow input[type="month"], .wizardRow input[type="time"], .wizardRow input[type="week"], .wizardRow input[type="number"], .wizardRow input[type="email"], .wizardRow input[type="url"], .wizardRow input[type="search"], .wizardRow input[type="tel"], .wizardRow input[type="color"], .wizardRow .uneditable-input, .fieldsetSearchInput input[type="text"], .wizardDesignMenuConfig .wizardconfiguration, .wizardDesignMenuEntry #translatorSelect {
	font-size: 14px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	min-height: 38px;
	line-height: 1.6rem;
	outline: 0;
	margin: 0;
	padding: 8px 10px;
	background-color: #fff;
	border-radius: var(--border-radius);
	box-shadow: none;
	transition: box-shadow ease 0.2s, border ease 0.2s;
	font-family: inherit;
}

.wizardRow textarea:focus, .wizardRow input[type="text"]:focus, .wizardRow input[type="password"]:focus, .wizardRow input[type="datetime"]:focus, .wizardRow input[type="datetime-local"]:focus, .wizardRow input[type="date"]:focus, .wizardRow input[type="month"]:focus, .wizardRow input[type="time"]:focus, .wizardRow input[type="week"]:focus, .wizardRow input[type="number"]:focus, .wizardRow input[type="email"]:focus, .wizardRow input[type="url"]:focus, .wizardRow input[type="search"]:focus, .wizardRow input[type="tel"]:focus, .wizardRow input[type="color"]:focus, .wizardRow .uneditable-input:focus, .wizardRow div[contenteditable=true]:focus, #fieldsetSearchInput:focus, .wizardRow select:focus {
	outline: 0;
	box-shadow: 0px 0px 0px 3px rgba(221, 11, 47, 0.6);
	border-color: transparent !important;
}

.wizardDesign .ckeditor {
	border-radius: 8px;
}

.wizardRow .input-xxxlarge {
	width: 100%;
}

.wizardRow .input-xlarge {
	width: 120px;
}

.wizardRow textarea {
	resize: vertical;
	min-height: 50px;
}

.wizardRow input[type="date"] {
	height: 38px;
}

.row-fluid select.span2, html .wizardRow select {
	width: auto;
	max-width: 100%;
	min-width: 100px;
}

.row-fluid select.fieldSelect {
	width: 300px;
	max-width: 100%;
	min-width: 100px;
}

html .wizardRow select, html .wizardRow select[class*="span"], html .wizardconfiguration {
	min-height: 38px;
	font-size: 14px;
}

html .wizardRow select.selectpicker2 {
	min-width: unset;
	margin: 0;
	border: none;
}

.wizardRow .inputMarginBottom:not(:last-child) {
	margin-bottom: 10px;
}

.wizardRow p, .wizardRow a, .wizardRow span, .wizardRow label {
	font-size: 14px;
}

html .wizardRow .add-on, html .wizardRow .btn {
	border-radius: 0;
	padding: 6px;
}

.wizardRow .input-prepend, .wizardRow .input-append {
	display: flex;
}

.wizardRow .input-append .add-on, .wizardRow .input-prepend .add-on {
	height: 100%;
	min-height: 38px;
	display: inline-flex;
	align-items: center;
	line-height: unset;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

html .wizardRow .input-prepend .add-on:first-child {
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

html .wizardRow .input-append .add-on:last-child {
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}

html .wizardRow .input-append input {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

html .wizardRow .input-prepend input {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.wizardDesign .wizardRow .dooBtn, html .wizardDesign #wizardFooter #footerPanelRight .dooBtn, .wizardDesign .wizardRow .editdelete .btn, .wizardDesign .wizardRow .responsibleTranslatorButton .btn {
	box-shadow: none;
	height: auto;
	padding: 8px 10px;
	margin-left: 0;
	margin-right: 0;
	font-size: 14px;
	font-weight: 600;
	border-radius: var(--border-radius);
	transition: all ease 0.2s;
}

.wizardDesign .dooBtn:active {
	top: 0;
}

.wizardDesign .dooBtn:focus-visible {
	outline: 0;
	box-shadow: 0px 0px 0px 3px rgba(221, 11, 47, 0.6);
}

.wizardDesign .dooBtn:focus:not(:focus-visible) {
	outline: none;
	box-shadow: none;
}

.wizardDesign .dooBtn.darkgrey:focus-visible {
	box-shadow: 0px 0px 0px 3px rgba(85, 85, 85, 0.6);
}

#wizardFooter {
	width: 100%;
}

.wizardDesign #footerPanel {
	position: relative;
	border-top: 0px solid #ddd;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	height: 57px;
	padding: 10px;
	float: none;
	bottom: auto;
	display: none;
	box-sizing: border-box;
}

html div#mainFooter {
	height: 4px;
	position: relative;
	bottom: auto;
	padding: 0;
}

.wizardDesign #footerPanelLeft {
	float: none;
}

.wizardDesign #customMode, .wizardDesign #helpmode {
	height: 100%;
	display: flex;
	align-items: center;
}

.wizardDesign #helpmode {
	float: none;
	padding: 0px 15px;
	box-sizing: border-box;
	width: auto;
	height: 100%;
}

.wizardDesign #helpmode i {
	transition: color ease 0.2s;
}

.wizardDesign #helpmode i:hover {
	background-color: transparent;
}

.wizardDesign #footerPanelRight {
	padding: 0;
	margin: 0 !important;
	margin-left: auto !important;
}

.wizardDesign #footerPanelRight ul {
	height: 100%;
	display: flex !important;
	justify-content: flex-end;
}

html .wizardDesign #wizardFooter #footerPanelRight .dooBtn {
	margin: 0;
	height: 100%;
	padding: 0px 15px;
	font-size: 14px;
	margin-left: 10px;
}

.wizardDesign #wizardFooter #footerPanelRight li:first-child .dooBtn {
	border-left: 0;
}

.wizardDesignMenu:not(.responsive) .wizardDesignMenuDesktop {
	display: flex !important;
}

.wizardDesignMenu:not(.responsive) .wizardDesignMenuMobile {
	display: none !important;
}

.wizardDesignMenu .wizardDesignMenuDesktop {
	position: fixed;
	left: 0;
	display: flex;
	visibility: hidden;
}

.wizardDesignMenu.desktop .wizardDesignMenuDesktop {
	position: relative;
	left: auto;
	visibility: visible;
	margin-left: 5px;
}

.wizardRow select.dropdownXXL {
	width: 250px;
}

.wizardDesignMenu .wizardDropdownOpen {
	display: none;
	align-items: center;
	padding: 0px 20px;
	cursor: pointer;
}

.wizardDesignMenu .wizardDropdownOpen:hover, .wizardDesignMenu.open .wizardDropdownOpen {
	color: #dd0b2f;
}

.wizardDesignMenu .wizardDropdownOpen:hover .menu-icon .navicon, .wizardDesignMenu .wizardDropdownOpen:hover .menu-icon .navicon:before, .wizardDesignMenu.open .wizardDropdownOpen .menu-icon .navicon:before, .wizardDesignMenu .wizardDropdownOpen:hover .menu-icon .navicon:after, .wizardDesignMenu.open .wizardDropdownOpen .menu-icon .navicon:after {
	background-color: #dd0b2f;
}

.dropdownActiveTab {
	margin-right: 5px;
	font-size: 14px;
	transition: color ease 0.2s;
}

.wizardDropdownOpen .iconUp, .wizardDesignMenu.open .wizardDropdownOpen .iconDown {
	display: none;
}

.wizardDesignMenu.open .wizardDropdownOpen .iconUp {
	display: inline-block;
}

.wizardDesignMenu.responsive .wizardDropdownOpen {
	display: flex;
}

.wizardDesignMenu.responsive .wizardDesignMenuMobile {
	display: none;
	position: absolute;
	background: #fff;
	box-shadow: 0px 6px 13px -5px rgba(0, 0, 0, 0.3), inset 0px 12px 10px -12px rgba(0, 0, 0, 0.2);
	top: 100%;
	width: 100vw;
	left: 0;
	z-index: 99999;
	max-height: calc(100vh - 200px);
	overflow: auto;
}

.wizardDesignMenu.responsive .wizardDesignMenuMobile .wizardDesignMenuEntry {
	border-left: 0;
	border-top: 1px solid #ddd;
}

.wizardDesignMenu.responsive .wizardDesignMenuMobile .wizardDesignMenuEntry a.wizardDesignMenuEntryLink {
	padding: 12px 10px;
	border: 0;
	width: 100%;
}

.wizardDesignMenuEntryLink[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

.wizardDesign:not(.oldInputs) .checkbox, .wizardDesign:not(.oldInputs) .radio {
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
	padding-left: 0;
	display: flex;
	align-items: center;
}

.wizardDesign:not(.oldInputs) .checkbox#userProfileCheckbox {
	justify-content: center;
}

.wizardDesign:not(.oldInputs) .checkbox.disabled, .wizardDesign:not(.oldInputs) .radio.disabled {
	cursor: not-allowed;
}

.wizardDesign:not(.oldInputs) .checkbox:last-child, .wizardDesign:not(.oldInputs) .radio:last-child {
	margin-bottom: 0;
}

.checkbox::-moz-selection, .radio::-moz-selection {
	background: transparent;
}

.checkbox::selection, .radio::selection {
	background: transparent;
}

.checkbox > input + span, .radio > input + span {
	background: #fff;
	content: "";
	display: inline-block;
	margin: 0 0.5em 0 0;
	padding: 0;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	min-width: 22px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	transition: background ease 0.3s, box-shadow ease 0.3s;
	border: 1px solid transparent;
}

.checkbox > input:checked + span, .radio input:checked + span {
	background-color: #dd0b2f;
}

.radio input.checkQuestionAnswer + span.questionRadioButton, .checkbox input.checkQuestionAnswer + span.questionCheckbox {
	background-color: #dd0b2f;
}

.checkbox > input + span::after, .radio > input + span::after {
	content: "";
	display: block;
	-webkit-transform: rotate(45deg) scale(0);
	transform: rotate(45deg) scale(0);
	transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}

@media screen and (min-width: 768px) {
	.checkbox:not(.disabled):hover > input + span, .radio:not(.disabled):hover > input + span {
		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
	}
}

.checkbox:not(.disabled) > input:active + span, .radio:not(.disabled) > input:active + span {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.checkbox:not(.disabled) > input:focus + span, .radio:not(.disabled) > input:focus + span {
	box-shadow: 0 0 0px 3px rgba(221, 11, 47, 0.3);
	transition: background ease 0.3s, box-shadow ease 0s;
}

.checkbox > input:checked + span::after, .radio > input:checked + span::after {
	-webkit-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1);
}

.wizardRowInner .checkbox > input:not(:checked) + span, .wizardRowInner .radio > input:not(:checked) + span, .checkbox > input:not(:checked) + span {
	border-color: #ddd;
}

html .wizardDesign:not(.oldInputs) .checkbox input[type="checkbox"], html .wizardDesign:not(.oldInputs) .radio input[type="radio"] {
	position: absolute;
	cursor: pointer;
	opacity: 0;
	margin-left: 0;
}

.checkbox > span, .radio > span {
	margin-left: 4px;
}

.checkbox input + span {
	border-radius: 2px;
}

.checkbox > input + span::after {
	content: "";
	display: block;
	width: 5px;
	height: 10px;
	margin-left: 7px;
	margin-top: 3px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg) scale(0);
}

.checkbox input.checkboxIndeterminate + span, .wizardRowInner .checkbox input.checkboxIndeterminate + span {
	background-color: #ee7f00;
	border-color: transparent;
}

.checkbox input.checkboxIndeterminate + span::after {
	content: "";
	display: block;
	width: 9px;
	height: 0px;
	margin-left: 5px;
	margin-top: 9.5px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	transform: scale(1);
}

.radio > input + span {
	border-radius: 100%;
}

.radio > input + span::after {
	border-radius: 100%;
	margin: 6px;
	width: 10px;
	height: 10px;
}

.radio > input:checked + span::after {
	background: #fff;
}

.checkbox.disabled, .radio.disabled {
	cursor: not-allowed;
}

.checkbox .checkboxText, .radio .checkboxText {
	transition: opacity ease 0.2s;
}

.checkbox.disabled > input + span, .radio.disabled input + span, .checkbox.disabled .checkboxText, .radio.disabled .checkboxText {
	opacity: 0.5;
}

.checkbox.disabled > input + span, .radio.disabled input + span {
	background-color: #f2f2f2;
}

.checkbox.disabled > input:checked + span, .radio.disabled input:checked + span {
	background-color: #999;
}

.checkbox > input:disabled + span, .radio input:disabled + span {
	background-color: #999;
	cursor: not-allowed;
}

html input::placeholder {
	color: #bbb;
	opacity: 1;
}

html input:-ms-input-placeholder {
	color: #bbb;
}

html input::-ms-input-placeholder {
	color: #bbb;
}

.wizardRow input[disabled], .wizardRow select[disabled], .wizardRow textarea[disabled], .wizardRow input[readonly], .wizardRow select[readonly], .wizardRow textarea[readonly], .wizardRow input.hoverColor1[disabled] {
	background-color: #e8e8e8;
	color: #999;
}

.wizardRow input[disabled]:focus, .wizardRow select[disabled]:focus, .wizardRow textarea[disabled]:focus, .wizardRow input[readonly]:focus, .wizardRow select[readonly]:focus, .wizardRow textarea[readonly]:focus, .wizardRow input.hoverColor1[disabled]:focus {
	box-shadow: none;
	border: 1px solid #ddd;
}

.wizardDesign input[type="button"][readonly] {
	border: 0;
}

.switchToggle {
	position: relative;
	cursor: pointer;
}

.switchToggle.disabled {
	cursor: not-allowed;
}

.switchToggle input {
	opacity: 0;
	position: absolute;
	width: 0;
	height: 0;
}

html .toggleSlider {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 54px;
	height: 28px;
	margin-right: 5px;
	background-color: #ccc;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border-radius: 70px;
}

.switchToggle.disabled .toggleSlider {
	opacity: 0.7;
}

.toggleSlider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 4px;
	background-color: #fff;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border-radius: 50%;
}

input:checked + .toggleSlider {
	background-color: #dd0b2f;
}

input:checked + .toggleSlider:before {
	-webkit-transform: translateX(25px);
	-ms-transform: translateX(25px);
	transform: translateX(25px);
}

@media screen and (min-width: 768px) {
	.switchToggle:not(.disabled):hover input + .toggleSlider {
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	}
}

.switchToggle:not(.disabled) input:active + .toggleSlider {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.switchToggle:not(.disabled) input:focus + .toggleSlider {
	box-shadow: 0 0 0px 3px rgba(221, 11, 47, 0.3);
	transition: all ease 0.3s, box-shadow ease 0s;
}

.wizardDesign .wizardRowInner .alert, .wizardDesign .wizardRowInner .alert#info_iddTime, .wizardDesign .wizardRowInner .alert#info_estimatedTime {
	margin: 0 0 20px;
}

.wizardDesign .alert, .wizardDesign .alert.mediaError {
	margin: 20px;
	margin-bottom: 0;
	border-radius: var(--border-radius);
	padding: 15px 20px;
	text-shadow: none;
}

.wizardDesign .wizardRow .alert {
	margin: 0;
}

.wizardDesign .alert.seminarInUseError {
	margin: 15px;
}

.wizardDesign .alert ul li {
	list-style-type: disc;
}

.wizardDesign .alert ul {
	margin: 0 0 18px 25px;
}

html .alert.alert-success {
	background: var(--status-green-background-20);
	color: var(--status-green);
}

html .alert.alert-warning {
	background: var(--status-yellow-background-20);
	color: var(--status-yellow-darker);
}

html .alert.alert-danger, html .alert.alert-error {
	color: var(--status-red);
	background-color: var(--status-red-background-15);
	border-color: #eed3d7;
}

.wizardDesign #simplemodal-container {
	height: auto !important;
	left: 0 !important;
	right: 0 !important;
	margin-left: auto;
	margin-right: auto;
	top: 50% !important;
	transform: translateY(calc(-50% + 15px));
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
	z-index: 99999 !important;
	border-radius: var(--border-radius);
	background: #fff;
}

.wizardDesign #simplemodal-overlay {
	z-index: 99999 !important;
}

.wizardDesign .ui-autocomplete {
	z-index: 100001;
}

#simplemodal-container .simplemodal-wrap {
	border: 0;
	border-radius: var(--border-radius);
}

html #simplemodal-container .boxHeader {
	background: #fff !important;
	color: #333 !important;
	font-size: 18px;
	font-weight: 600;
	padding: 20px;
	box-sizing: border-box;
}

html #simplemodal-container .simplemodal-data {
	display: flex;
	flex-direction: column;
	max-height: 80vh;
}

html #simplemodal-container .boxContent {
	padding: 20px;
	position: relative;
	flex: 1;
	overflow: auto;
}

html #simplemodal-container a.modalCloseImg, html #simplemodal-container a.modalCloseImg:hover {
	background: none;
	width: auto;
	height: auto;
	font-size: 24px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3200;
	position: absolute;
	top: auto;
	bottom: 100%;
	right: -10px;
	cursor: pointer;
	margin-right: 0;
	padding: 10px;
	border: 0;
	transition: all ease 0.3s;
}

html #simplemodal-container a.modalCloseImg:hover {
	opacity: 0.8;
}

#simplemodal-container a.modalCloseImg:before {
	content: "\e808";
	font-family: "dooiconfont";
	color: #fff;
}

html #simplemodal-container .modalFooter {
	background: #fff !important;
	padding: 20px;
	margin: 0 !important;
	box-sizing: border-box;
	position: relative !important;
	height: auto;
	display: flex;
	justify-content: flex-end;
}

html #simplemodal-container .modalFooter #footerPanelRight {
	width: 100% !important;
}

html #simplemodal-container .modalFooter .dooBtn {
	height: auto;
	margin: 0;
	top: 0;
	margin-left: 20px;
	padding: 8px 20px;
	font-size: 14px;
	border-radius: var(--border-radius);
	font-weight: 600;
	transition: all ease 0.2s;
}

#simplemodal-container .boxContent.boxWithContentIcon {
	display: flex;
}

.modalBoxIcon {
	margin-right: 10px;
	color: #555;
	margin-bottom: 20px;
}

.wizardDesign #simplemodal-container .ui-multiselect input.dooBtn {
	height: auto;
}

.ui-multiselect li {
	line-height: 25px;
	height: 25px;
	font-size: 14px;
}

.ui-multiselect .count {
	font-family: inherit;
	font-size: inherit;
}

.ui-multiselect .ui-widget-header {
	font-size: 14px;
}

.fieldsetGroup {
	border-top: 2px solid #ccc;
	padding: 40px 20px 20px;
}

.fieldsetGroup.bottomBorder {
	border-bottom: 2px solid #ccc;
}

.fieldsetGroup:first-child {
	border-top: 0;
	padding-top: 20px;
}

.fieldsetGroup .wizardRow {
	padding-left: 0px;
	padding-right: 0px;
}

.wizardDesignHeaderSearch {
	background-color: #fff;
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #ccc;
	font-size: 14px;
	display: flex;
}

.fieldsetSearchInput {
	position: relative;
	margin: -2px 20px 0px 20px;
	width: 300px;
}

#fieldsetSearchInput {
	width: 100%;
	box-sizing: border-box;
	min-width: auto;
	padding-right: 30px;
	padding-left: 35px;
	min-height: auto;
	height: 36px;
	border-radius: 100px;
}

#deletefieldsetSearchInput, #fieldsetSearchInputIcon {
	position: absolute;
	left: 4px;
	top: 0px;
	height: 100%;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #dd0b2f;
}

#deletefieldsetSearchInput {
	right: 4px;
	left: auto;
	cursor: pointer;
	display: none;
	color: #999;
	transition: color ease 0.2s;
}

#deletefieldsetSearchInput:hover {
	color: #000;
}

.fieldsetNavigationHeader {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 50px;
	margin-bottom: -2px;
}

.wizardFavoriteToggle {
	display: flex;
	justify-content: end;
	align-self: center;
	margin-left: auto;
	margin-right: 20px;
	min-width: max-content;
}

.switchToggle span {
	font-size: 14px;
}

.wizardFavoriteToggle label.checkbox {
	margin-bottom: 0;
}

.fieldsetGroupNavigationItem {
	padding: 13px 15px;
	border-bottom: 2px solid transparent;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: all ease 0.2s;
}

.fieldsetGroupNavigationItem.noGroupVisible {
	opacity: 0.4;
	cursor: default;
	pointer-events: none;
}

.fieldsetGroupNavigationItem.groupScrollActivated, .fieldsetGroupNavigationItem:hover {
	color: #dd0b2f;
	border-bottom-color: #dd0b2f;
}

.collapsableWizardRow .wizardRowTitle {
	cursor: pointer;
	display: flex;
	align-items: center;
	transition: color ease 0.2s;
}

.collapsableWizardRow .wizardRowTitle:hover, .collapsableWizardRow.active .wizardRowTitle {
	color: #dd0b2f;
}

.wizardDesign .table {
	border-radius: var(--border-radius);
	overflow: hidden;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.wizardDesign .wizardRowInner .table {
	box-shadow: none;
	border: 1px solid #ddd;
}

.wizardDesign .table-bordered th, .wizardDesign .table-bordered thead td {
	border-color: #c9c9c9;
}

.wizardDesign .table-bordered th:first-child, .wizardDesign .table-bordered td:first-child {
	border-left: 0;
}

.wizardDesign .table thead.darkgrey, .wizardDesign .table tr.darkgrey {
	background: #ddd !important;
	color: #333 !important;
}

.wizardDesign thead.darkgrey a {
	color: #333 !important;
}

.wizardDesign .table tr th, .wizardDesign .table tr td {
	padding: 12px 8px;
}

.wizardDesign .table tbody tr td, .wizardDesign .table tfoot tr td {
	transition: background ease 0.2s;
}

.wizardDesign .table tbody tr td.bg003 {
	background-color: #F0F0F0;
}

.wizardDesign .table-hover tbody tr:hover td, .wizardDesign .table-hover tfoot tr:hover td {
	background-color: #f2f2f2;
}

.wizardDesign .table tr td {
	border-top: 1px solid #ddd;
}

.wizardDesign .table thead {
	font-weight: 600;
}

.wizardDesign #boxContent .history-record-table-advanced-view.table tbody .parent_odd td, .wizardDesign #boxContent .history-record-table-advanced-view.table tfoot .parent_odd td {
	background-color: #f9f9f9;
}

.wizardDesign #boxContent .history-record-table-advanced-view.table tbody .parent_even td, .wizardDesign #boxContent .history-record-table-advanced-view.table tfoot .parent_even td {
	background-color: #fff;
}

.wizardDesign .wizardRowInner .table.history-record-table-advanced-view {
	border: 0;
	box-shadow: 0px 0px 0px 1px #ddd;
}

.thinScrollbar::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.thinScrollbar::-webkit-scrollbar-track {
	background: transparent;
}

.thinScrollbar::-webkit-scrollbar-thumb {
	background: var(--scrollbar-thumb-color);
	border-radius: var(--border-radius);
	border: transparent;
	transition: all ease 0.3s;
}

.thinScrollbar::-webkit-scrollbar-thumb:hover {
	background: var(--scrollbar-thumb-hover-color);
}

.thinScrollbar {
	scrollbar-width: thin;
	scrollbar-color: var(--scrollbar-thumb-color) transparent;
}

.fn_participantTableThead img {
	filter: brightness(0);
	opacity: 0.4;
}

.notificationText {
	background-color: #fff;
	padding: 10px;
	width: 95%;
	max-width: 100%;
	box-sizing: border-box;
}

.notificationText ul {
	list-style: outside;
	margin: 15px 30px;
}

div#seminarInUse .seminarInUseBody * {
	font-size: 14px;
}

div#seminarInUse .seminarInUseHeader {
	font-size: 16px;
	font-weight: bold;
}

div#seminarInUse #seminar-usage {
	margin: 10px 10px 10px 0px;
}

div#seminarInUse .seminarProblemUsers {
	overflow: auto;
	margin-top: 10px;
	max-height: 100px;
}

.wizardDesign .alert.objecteAlreadyAddedError, .wizardDesign .alert.objectCouldntAddError, .wizardDesign .alert.objectReplaced {
	margin: 15px;
}

div#objecteAlreadyAdded .objecteAlreadyAddedBody * {
	font-size: 14px;
}

div#objecteAlreadyAdded .objecteAlreadyAddedHeader {
	font-size: 16px;
	font-weight: bold;
}

div#objecteAlreadyAdded #object-usage {
	margin: 10px 10px 10px 0px;
}

div#objecteAlreadyAdded .seminarProblemUsers {
	overflow: auto;
	margin-top: 10px;
	max-height: 100px;
}

@media (max-width: 979px) {
	.fieldsetNavigationHeader {
		flex-wrap: wrap;
	}
	.fieldsetSearchInput {
		width: 100%;
		order: -1;
		margin: 15px;
		margin-bottom: 5px;
	}
}

.dooBtn[disabled], .dooBtn[disabled]:hover, .dooBtn[disabled]:focus, .dooBtn.disabled, .dooBtn.disabled:hover, .dooBtn.disabled:focus {
	opacity: 0.4;
	pointer-events: none;
}

#simplemodal-container #wizardContent .boxContent {
	overflow: auto;
}

.wizardDesignMenuMobile .wizardPageFavoriteIcon {
	padding: 0 0 0 10px;
	margin-top: -1px;
}

.wizardDesignMenuMobile .wizardPageFavoriteIcon i:before {
	margin: 0;
}

.wizardFieldsetFavoriteIcon, .wizardPageFavoriteIcon {
	color: #dd0b2f;
	opacity: 0.5;
	transition: opacity 0.2s;
	cursor: pointer;
}

.wizardFieldsetFavoriteIcon:hover, .wizardPageFavoriteIcon:hover {
	opacity: 1;
}

.wizardFieldsetFavoriteIcon.dooContainerName-fav_standard, .wizardPageFavoriteIcon.dooContainerName-fav_standard {
	opacity: 1;
}

.wizardPageFavoriteIcon.dooContainerName-fav_standard.disabledFavorite {
	pointer-events: none;
	opacity: 0.4;
}

.noFieldsetsFoundInfoWrapper {
	display: none;
}

.noFieldsetsFoundInfoWrapper.showNoFieldsetsFoundInfo {
	padding: 20px;
	display: block;
}

.noFieldsetsFoundInfo {
	background-color: #fff;
	padding: 20px;
	display: flex;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	border-radius: var(--border-radius);
}

.noFieldsetsFoundInfo h3 {
	color: #333;
}

.noFieldsetsFoundInfo span {
	display: none;
	font-size: 14px;
}

.noFieldsetsFoundInfo.noSettingEditable span {
	display: block;
	font-size: 14px;
}

.noFieldsetsFoundInfo.noResultSearch .noResultSearch {
	display: block;
}

.noFieldsetsFoundInfo.noResultFavorites .noResultFavorites {
	display: block;
}

.noFieldsetsFoundInfo.noResultVisible .noResultVisible {
	display: block;
}

.wizardMenuEntryFavoriteWrapper {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	left: 25px;
	width: max-content;
	background-color: #fff;
	padding: 12px 20px;
	border-radius: var(--border-radius);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	transition: all ease 0.2s;
	z-index: 99999;
}

.wizardMenuEntryFavoriteWrapper span {
	font-size: 14px;
}

.wizardDesignMenuEntry.favoriteContextMenu .wizardMenuEntryFavoriteWrapper {
	visibility: visible;
	opacity: 1;
	transform: translate(0, -10px);
}

.wizardMenuEntryFavoriteWrapper:not(.favoriteText) .textRemoveFromFavorites {
	display: none;
}

.wizardMenuEntryFavoriteWrapper.favoriteText .textAddToFavorites {
	display: none;
}

.wizardMenuEntryFavoriteWrapper.isFavorite .wizardPageFavoriteIcon {
	color: #ddd;
}

.wizardMenuEntryFavoriteWrapper:hover {
	color: #dd0b2f;
}

.wizardSubTabs {
	display: flex;
	height: 50px;
	background-color: #fff;
	align-items: center;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #ccc;
}

.wizardSubTabItem {
	display: grid;
	place-items: center;
	text-align: center;
	border-bottom: 2px solid transparent;
	height: 100%;
	margin-bottom: -2px;
	cursor: pointer;
	box-sizing: border-box;
	transition: 0.2s ease all;
	padding: 0 15px;
}

.wizardSubTabItem.active {
	border-bottom-color: #dd0b2f;
	color: #dd0b2f;
}

.wizardSubTabItem:hover {
	color: #dd0b2f;
}

.whiteWrapper .checkbox > input + span, .whiteWrapper .radio > input + span {
	border: 1px solid #ccc;
}

.whiteWrapper .checkbox input:checked + span, .whiteWrapper .radio input:checked + span {
	border: 1px solid transparent;
}

#wizardContent #moveTagContent {
	height: 100%;
}

.moveIFrameLoading, .capturePreviewImageLoadingWrapper {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.capturePreviewImageLoadingWrapper {
	background-color: rgba(0, 0, 0, 0.5);
}

.moveIFrameLoading .loadingDescription, .capturePreviewImageLoadingWrapper .loadingDescription {
	position: absolute;
	transform: translateY(75px);
	color: #333;
	font-size: 22px;
}

.capturePreviewImageLoadingWrapper .loadingDescription {
	color: white;
}

.moveIFrameLoading .loadingAnimation, .capturePreviewImageLoadingWrapper .loadingAnimation {
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	border-radius: 100%;
	animation: rotate 1s infinite cubic-bezier(0.5, 0, 0.3, 1);
	border-top: 8px solid #dd0b2f;
	border-right: 8px solid rgba(221, 11, 47, 0.3);
	border-bottom: 8px solid rgba(221, 11, 47, 0.3);
	border-left: 8px solid rgba(221, 11, 47, 0.3);
}

#userCropImageHolderDiv.loadingAnimation {
	content: "";
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: var(--primary-color);
	opacity: 0.6;
	-webkit-animation: sk-bounce 2s infinite ease-in-out;
	animation: sk-bounce 2s infinite ease-in-out;
}

@keyframes rotate {
		from {
		transform: rotate(0deg) translate3d(0, 0, 0);
	}
		to {
		transform: rotate(359deg) translate3d(0, 0, 0);
	}
	}

@keyframes rotateStop {
		0% {
		transform: rotate(0deg);
	}
		25% {
		transform: rotate(180deg);
	}
		50% {
		transform: rotate(180deg);
	}
		75% {
		transform: rotate(360deg);
	}
		100% {
		transform: rotate(360deg);
	}
	}

#seminarEventListTableFooter .highlightString {
	font-size: inherit;
}

.previewImagePreviewWrapper {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.3);
}

#inlineMoveWrapper, #templateSelectionArea {
	height: 100%;
}

#templateSelectionArea {
	background-color: #F0F0F0;
}

#templatesWrapper {
	max-height: calc(100% - 73px);
	overflow-y: auto;
	display: grid;
	grid-template-columns: repeat(5, calc(100% / 5));
	padding: 5px;
}

#templatesWrapper.preview {
	display: block;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

.simplemodal-wrap.templatesModalWrapper {
	background-color: #F0F0F0;
}

#templatesWrapper.preview .templatesWrapperDescription {
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
}

@media screen and (max-width: 1400px) {
	#templatesWrapper {
		grid-template-columns: repeat(4, calc(100% / 4));
	}
}

@media screen and (max-width: 1100px) {
	#templatesWrapper {
		grid-template-columns: repeat(3, calc(100% / 3));
	}
}

@media screen and (max-width: 800px) {
	#templatesWrapper {
		grid-template-columns: repeat(2, calc(100% / 2));
	}
}

@media screen and (max-width: 500px) {
	#templatesWrapper {
		grid-template-columns: repeat(1, calc(100% / 1));
	}
}

#templatesWrapper .designtemplateEntryWrapper {
	min-height: 350px;
	box-sizing: border-box;
	padding: 15px;
}

.designtemplateEntryWrapper .designtemplateEntry {
	position: relative;
	background-color: white;
	height: 100%;
	max-width: 100%;
	margin: 0 auto;
	border-radius: var(--border-radius);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease;
	cursor: pointer;
}

.designtemplateEntryWrapper .designtemplateEntry:hover {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	transform: translateY(-5px);
}

.designtemplateEntryWrapper .designtemplateEntry .designtemplatePreview {
	width: 100%;
	height: 250px;
	background-color: #f2f2f2;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
}

.designtemplateEntryWrapper .designtemplateEntry .designtemplatePreview .previewImage {
	width: 100%;
	height: 100%;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-size: cover;
	background-position: top center;
	padding: 0;
}

.designtemplateEntryWrapper .designtemplateEntry .designtemplatePreview span.noPreviewImageIcon {
	color: #ccc;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.createEmptyPageIcon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #ccc;
}

.moveIndicator, .statusIndicator {
	position: absolute;
	top: 0px;
	padding: 5px 15px;
	color: white;
	text-align: center;
}

.moveIndicator {
	right: 0px;
	border-bottom-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
}

.statusIndicator {
	left: 0px;
	border-top-left-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
	background-color: #da1b1c;
}

.designtemplateDescriptionWrapper {
	width: 100%;
	border-top: 2px solid #ddd;
	padding: 15px;
	box-sizing: border-box;
}

.designtemplateDescriptionWrapper span {
	display: inline-block;
	width: 100%;
}

.designtemplateDescriptionWrapper span.descriptionStatus {
	position: absolute;
	bottom: 15px;
	left: 15px;
	margin-left: -30px;
	text-align: end;
}

.designtemplateDescriptionWrapper span.descriptionTitle {
	font-weight: bold;
}

#templateSelectionAreaHeaderPanel {
	display: flex;
	align-items: center;
}

#templateSelectionAreaHeaderPanel .templateSelectionSearch {
	margin: 0 50px;
	margin-left: 15px;
	position: relative;
	width: 100%;
	max-width: 500px;
}

.templateSelectionStatusToggle label.switchToggle {
	width: max-content;
}

#templateSelectionAreaHeaderPanel .templateSelectionSearch .templateSelectionSearchIcon {
	position: absolute;
	display: flex;
	align-items: center;
	height: 100%;
	top: 0;
	left: 10px;
	color: #dd0b2f;
}

.chooserColumn {
	height: 200px;
	text-align: center;
	padding-left: 10px;
}

#templateSelectionAreaHeaderPanel .templateSelectionSearch input {
	width: 100%;
	padding: 5px;
	border-radius: 30px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 0;
	border: 0;
	box-sizing: border-box;
	min-width: auto;
	padding-left: 35px;
	min-height: auto;
	height: 36px;
}

#templateSelectionAreaHeaderPanel .templateSelectionSearch input:focus {
	box-shadow: 0px 0px 0px 3px rgba(221, 11, 47, 0.6);
}

#templateSelectionAreaHeaderPanel .templateSelectionStatusToggle {
	margin-left: auto;
	text-align: end;
	padding: 15px;
}

.designtemplateEntryActionsWrapper {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: end;
	padding-right: 10px;
	padding-top: 10px;
}

.designtemplateEntryActionsWrapper .noPreviewImageIcon {
	color: #ccc;
	transition: all 0.2s ease;
}

.designtemplateEntryActionsWrapper .noPreviewImageIcon:hover {
	color: inherit;
}

.designtemplateEntryActionsWrapper .designtemplateEntryActionsEntryWrapper div.openWithoutMove {
	padding: 10px 15px;
	border-radius: var(--border-radius);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease;
}

.designtemplateEntryActionsWrapper .designtemplateEntryActionsEntryWrapper div.openWithoutMove:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	color: #dd0b2f;
}

.designtemplateEntryActionsWrapper .designtemplateEntryActionsEntryWrapper div.tutorialTemplate div.tutorialPageWithoutMove {
	padding: 5px 15px;
}

.designtemplateEntryActionsWrapper .designtemplateEntryActionsEntryWrapper div.tutorialTemplate div.tutorialPageWithoutMove:hover {
	border-radius: var(--border-radius);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.designtemplateEntryActionsWrapper .designtemplateEntryActionsEntryWrapper div.tutorialTemplate {
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease;
}

.attributeMappingTableRow {
	display: flex;
}

.dropdownMargin {
	margin-bottom: 10px;
}

.attributeMappingTableCell:last-child {
	width: 20%;
}

.attributeMappingTableCell {
	width: 100%;
	margin: 0 10px 0;
}

.attributeMappingTableCell *, .attributeMappingTableCell div select {
	width: 100%;
}

.wizardRow.attributeMappingTable {
	max-width: 1000px;
}

.marginleft {
	margin-left: 50px;
}

.marginleftSmall {
	margin-left: 30px;
}

.languageSelection {
	display: flex;
	flex-wrap: wrap;
	max-width: 800px;
	flex-direction: column;
}

.languageSelectionCheckbox {
	width: 150px;
	margin-bottom: 5px;
}

#courseObjectDetails .qualificationtable {
	width: 50%;
}

.multiCheckboxCategoryWrapper, .wizardDesign .wizardRow .alert.noTranslationPossible {
	margin-bottom: 20px;
}

textarea.monospace-font {
	font-family: "JetBrains Mono", "Consolas", "Monaco", "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
}

.wizardDesign #ribbonBar {
	background-color: #fff;
	border: 0;
	border-top: 1px solid #ddd;
}

.wizardDesign #ribbonBar.move {
	border: 0;
}

html #ribbonBar .ribbon:hover, html #ribbonBar .active, html .ribbonDropDown.ribbon.currentDropDownMenu {
	background-color: #f2f2f2;
}

html #ribbonBar .hoverColor2:hover {
	background: #f2f2f2 !important;
	color: #333 !important;
}

#basic-modal-content-editmail {
	background-color: #f2f2f2;
}

#basic-modal-content-editmail > .boxContent {
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}

.cke_dialog {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.cke_dialog_background_cover {
	background: #000 !important;
	opacity: 0.3 !important;
}

.wizardDesign table.cke_dialog_footer_buttons {
	margin-bottom: 5px;
}

html a.cke_dialog_ui_button, html a.cke_dialog_ui_button:focus, html a.cke_dialog_ui_button:active {
	border-radius: var(--border-radius);
	border: 0;
	padding: 5px 3px;
	background: #333 !important;
	box-shadow: none;
	transition: all ease 0.2s;
}

html a.cke_dialog_ui_button_ok {
	color: #fff;
	background: #dd0b2f !important;
}

html span.cke_dialog_ui_button, span.cke_dialog_ui_button:hover {
	background: transparent !important;
}

.wizardDesign .contextMenu {
	border: 0;
	background-color: #fff;
	border-radius: var(--border-radius);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	padding: 10px 0;
}

.wizardDesign .contextMenu LI a {
	padding: 7px 20px;
}

.wizardDesignMenuConfig .wizardconfiguration {
	width: auto;
	max-width: 200px;
}

.wizardDesignMenuConfig {
	margin-left: auto;
}

.wizardDesignHeaderObjectTitle .wizardDesignMenuConfig {
	display: none;
}

@media (max-width: 979px) {
	.wizardDesignHeaderObjectTitle .wizardDesignMenuConfig {
		display: block;
	}
	.wizardDesignHeaderRight .wizardDesignMenuConfig.hideForTitle {
		display: none;
	}
}

.wizardDesignHeaderRight.hasWizardConfigSelect .wizardDesignMenuSubmit {
	margin-left: 15px;
}

@media (max-width: 979px) {
	.wizardDesignHeaderTitleWrapper {
		flex-wrap: wrap;
		height: auto;
		max-height: 100px;
	}
	.wizardDesignHeaderLeft, .wizardDesignHeaderCenter, .wizardDesignHeaderRight {
		flex: unset;
		justify-content: flex-start;
	}
	.wizardDesignHeaderRight {
		margin-left: auto;
		height: 50px;
	}
	.wizardDesignHeaderCenter {
		order: 99;
		width: 100%;
	}
	.wizardDesignHeaderObjectTitle {
		width: calc(100% + 40px);
		margin: 0 -20px;
		padding: 0 20px;
		height: 50px;
		display: flex;
		align-items: center;
		border-top: 1px solid #ccc;
		text-align: left;
	}
}

@media (max-width: 480px) {
	.wizardIconPosition {
		display: none;
	}
	.wizardDesignTitle {
		font-size: 16px;
		margin-left: 0px;
	}
	.wizardDesignHeaderObjectTitle {
		font-size: 14px;
	}
}

.responsiveMenu #responsiveNavigation {
	display: inline-block;
}

.menu-icon {
	cursor: pointer;
	display: inline-block;
	padding: 24px 20px;
	padding-right: 10px;
	position: relative;
	user-select: none;
	margin-top: -5px;
	margin-bottom: -5px;
	margin-left: -20px;
}

.menu-icon .navicon {
	background-color: #333;
	display: block;
	height: 2px;
	position: relative;
	transition: background 0.2s ease-out;
	width: 25px;
}

.menu-icon .navicon:before, .menu-icon .navicon:after {
	background-color: #333;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	transition: all 0.2s ease-out;
	width: 100%;
}

.menu-icon .navicon:before {
	top: 7px;
}

.menu-icon .navicon:after {
	top: -7px;
}

.wizardDesignMenu.open .wizardDropdownOpen .menu-icon .navicon {
	background: transparent;
}

.wizardDesignMenu.open .menu-icon .navicon:before {
	transform: rotate(-45deg);
}

.wizardDesignMenu.open .menu-icon .navicon:after {
	transform: rotate(45deg);
}

.wizardDesignMenu.open .menu-icon .navicon:before, .wizardDesignMenu.open .menu-icon .navicon:after {
	top: 0;
}

.responsiveCloseMenu {
	display: none;
}

.section-element-hide {
	display: none;
}

.section-element-hide * {
	display: none;
}

div.wizardRowInner span.select2-selection__choice__remove {
	font-size: 20px;
}

div.wizardRowInner li.select2-selection__choice {
	font-size: 15px;
	line-height: 20px;
}

div.wizardRowInner .select2-container--default .select2-selection--multiple {
	border: 1px solid #ddd;
	border-radius: var(--border-radius);
	min-height: 38px;
}

html .select2-dropdown {
	border: 1px solid #ddd;
	border-radius: var(--border-radius);
	box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, 0.2);
}

div.wizardRowInner .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 2px 10px;
}

div.wizardRowInner .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #ddd;
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
}

div.wizardRowInner .select2-container--default .select2-search__field[type="search"] {
	min-height: unset;
	padding: 0;
	font-size: 14px;
	margin-top: 7px;
}

div.wizardRowInner .select2-container--default .select2-search__field[type="search"]:focus {
	box-shadow: none;
}

div.wizardRowInner .select2-container {
	width: 100% !important;
}

html .select2-dropdown li {
	font-size: 14px;
}

html .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #dd0b2f;
}

.spinner-wrapper {
	z-index: 999999;
	position: absolute;
	display: flex;
	margin: auto;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	cursor: default;
}

.spinner-wrapper.wait {
	opacity: 0;
}

.spinner {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 40px auto;
}

button .spinner {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -5px -5px -5px 5px;
}

.spinner.ob3Action {
	margin: -12px -6px;
	width: 26px;
	height: 26px;
}

.spinner.big {
	width: 60px;
	height: 60px;
	position: relative;
	margin: 40px auto;
}

.spinner:before, .spinner:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: var(--primary-color);
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2s infinite ease-in-out;
	animation: sk-bounce 2s infinite ease-in-out;
}

.spinner:after {
	-webkit-animation: sk-bounce-2 2s infinite ease-in-out;
	animation: sk-bounce-2 2s infinite ease-in-out;
}

@-webkit-keyframes sk-bounce {
		0%, 100% {
		-webkit-transform: scale(0);
	}
		50% {
		-webkit-transform: scale(1);
	}
	}

@-webkit-keyframes sk-bounce-2 {
		50% {
		-webkit-transform: scale(0);
	}
		0%, 100% {
		-webkit-transform: scale(1);
	}
	}

@keyframes sk-bounce {
		0%, 100% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
		50% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	}

@keyframes sk-bounce-2 {
		50% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
		0%, 100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	}

.loading div {
	margin: auto;
}

@keyframes hideAfter {
		0% {
		visibility: visible;
	}
		100% {
		visibility: hidden;
	}
	}

#basic-modal-content-newrule, #basic-modal-content-change-approval {
	background: #f2f2f2;
}

#basic-modal-content-change-approval .wizardRow {
	padding: 0;
}

#chatbotListId {
	position: absolute;
	top: 100%;
	right: 0;
	background-color: var(--submenu-background);
	border-radius: var(--border-radius);
	z-index: 999;
	margin: 0;
	list-style: none none;
	padding: 8px 0;
	width: auto;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#chatbotListId a {
	display: block;
	padding: 8px 15px;
	border-radius: 0;
	min-width: 100px;
	color: var(--font-color);
	font-weight: 400;
	font-size: 14px;
	transition: all ease 0.2s;
}

#chatbotListId a:hover {
	background-color: var(--light-background-highlight);
}

.aiDialogArea {
	background-color: #f2f2f2;
	overflow-y: scroll;
	flex: 1;
}

div#aiCommunicationArea {
	min-height: 200px;
	padding: 20px;
	position: relative;
}

.requestAnswerText {
	position: relative;
	background-color: var(--grey-background);
	width: max-content;
	max-width: 60%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 15px;
	border-radius: var(--border-radius);
	box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.1);
}

.requestAnswerText:before {
	content: " ";
	position: absolute;
	top: 0px;
	left: -10px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 10px;
	border-top-color: var(--grey-background);
	border-right-color: var(--grey-background);
}

.requestAnswerText.errorAnswer {
	color: var(--status-red);
	font-weight: 600;
}

.requestText {
	position: relative;
	background-color: var(--white-background);
	width: max-content;
	max-width: 60%;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 15px;
	border-radius: var(--border-radius);
	box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.1);
}

.requestText:before {
	content: " ";
	position: absolute;
	top: 0px;
	left: unset;
	right: -10px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 10px;
	border-color: transparent;
	border-top-color: var(--white-background);
	border-left-color: var(--white-background);
}

span#aiTypingDots {
	position: absolute;
	bottom: 9px;
	font-size: 34px;
	color: var(--primary-color);
}

.wizardDesign #basic-modal-chatbot #wizardContent {
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.requestArea {
	flex: 1;
	border-bottom: 2px solid #ddd;
	display: flex;
	align-items: center;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

#aiRequest {
	border: 0;
	border-radius: var(--border-radius);
	resize: none;
	width: 100%;
	max-height: 20vh;
	padding: 20px;
	box-sizing: border-box;
	margin: 0;
	font-size: 16px;
	box-shadow: none;
}

#aiRequest:focus {
	outline: 0;
	box-shadow: inset 0px 0px 0px 3px var(--primary-color-transparent);
}

#sendAiRequest {
	width: 44px;
	min-width: 44px;
	height: 44px;
	border-radius: 100px;
	padding-left: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 15px;
}

#sendAiRequest[disabled], #sendAiRequest[disabled] * {
	cursor: not-allowed;
}

#basic-modal-chatbot .boxHeader {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

#openChatbotId {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: max-content;
	margin-right: 20px;
}

#openChatbotId button {
	height: auto;
	padding: 8px 10px;
	margin-left: 0;
	margin-right: 0;
	font-size: 14px;
	font-weight: 600;
	min-width: 50px;
	border-radius: var(--border-radius);
	transition: all ease 0.2s;
}

.chatbotButtonArrow {
	margin-left: 5px;
	transition: all ease 0.2s;
}

.active .chatbotButtonArrow {
	transform: rotate(180deg);
}

.typingDot {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: var(--primary-color);
	border-radius: 100px;
	margin-right: 4px;
	opacity: 0.3;
	transform: scale(0.8);
	animation: dot-pulse 1.5s infinite linear;
}

.dot2 {
	animation-delay: 0.25s;
}

.dot3 {
	animation-delay: 0.5s;
}

@keyframes dot-pulse {
		0% {
		opacity: 0.3;
		transform: scale(0.8);
	}
		25% {
		opacity: 1;
		transform: scale(1);
	}
		50%, 100% {
		opacity: 0.3;
		transform: scale(0.8);
	}
	}

.statusColorRed i.dooIcon-not-ok-circle {
	color: #da1b1c;
}

.statusColorGreen i.dooIcon-task {
	color: #41b96f;
}

.tutorialConfigurationFrontend {
	padding-top: 10px;
}

#select_tutorialConfigurationFrontend:disabled, #select_tutorialConfigurationFrontend:disabled:hover {
	background: var(--grey-background);
	color: var(--grey-font-color);
	cursor: not-allowed;
}

.wizardDesign .scrollTable .table#participantTable {
	border-top-right-radius: unset;
	border-bottom-right-radius: unset;
}

.wizardDesign .scrollTable {
	border-radius: var(--border-radius);
	overflow: auto;
	scrollbar-width: thin;
}

.wizardDesign .scrollTable table {
	margin-bottom: unset;
}

.wizardDesign .scrollTable thead {
	position: sticky;
	z-index: 1;
	top: 0;
}

.maxParticipantsWrapper {
	margin-bottom: 5px;
}

.classificationOption {
	margin-bottom: 5px;
}

.courseAssignmentStatusSelection {
	display: flex;
	flex-direction: row;
}

div.courseAssignmentStatus:first-child {
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

div.courseAssignmentStatus:last-child {
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}

div.courseAssignmentStatus.bottom {
	box-shadow: none;
	border: 1px solid var(--grey-background);
	width: 155px;
}

.courseAssignmentStatusSelection.bottom {
	align-items: center;
	justify-content: center;
}

div.courseAssignmentStatus {
	padding: 20px;
	box-shadow: none;
	border: 1px solid var(--grey-background);
	width: 100%;
}

.radio.statusLabel {
	flex-direction: column;
	justify-content: space-between;
}

.fileChoosePath {
	margin-top: 5px;
}

#userReferenceImageNew, #userLibraryImageNew, #userCropImageNew {
	max-width: 200px;
	max-height: 250px;
	border: 1px solid var(--grey-background-border);
	border-radius: var(--border-radius);
	background: var(--white-background);
}

.previewImageCourseAssignment {
	padding-top: 15px;
}

.newMedia.alert.alert-warning, .newMedia.alert.alert-error {
	margin: 0px 12px 10px 10px;
}

.wizardDesign .wizardRow .expTableAmountError {
	margin-bottom: 15px;
}

.classificationOption {
	margin-bottom: 5px;
}

#classificationOptionSelect {
	min-width: 300px;
}

.courseAssignmentStatusSelection {
	display: flex;
	flex-direction: row;
}

div.courseAssignmentStatus:first-child {
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

div.courseAssignmentStatus:last-child {
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
	border-right: 1px solid var(--grey-background);
}

div.courseAssignmentStatus.bottom {
	border: 1px solid var(--grey-background);
	width: 217px;
}

div.courseAssignmentStatus.declinedLater.bottom {
	border-radius: unset;
	border-bottom: unset;
	border-top: unset;
}

div.courseAssignmentStatus.declined.bottom {
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}

.courseAssignmentStatusSelection.bottom {
	align-items: center;
	justify-content: center;
}

div.courseAssignmentStatus {
	padding: 20px;
	box-shadow: none;
	border: 1px solid var(--grey-background);
	width: 100%;
	border-right: unset;
}

.radio.statusLabel {
	flex-direction: column;
	justify-content: space-between;
}

.fileChoosePath {
	margin-top: 5px;
}

.statusLabel.statusLabelSpan {
	margin-bottom: 10px;
	margin-right: unset;
}

.statusLabel.labelText {
	margin-bottom: 5px;
}

.wizardInput#state {
	margin-top: 1px;
}

.newMedia.mediaError.courseAssignmentImage {
	margin-bottom: 15px;
	margin-left: 0px;
}

#fileUploadArea {
	background-color: var(--white-background);
	padding: 10px 12px 10px 10px;
	height: 200px;
}

.media {
	margin: 20px 10px 0 10px;
	border: 1px solid #ddd;
	min-height: 38px;
	line-height: 1.6rem;
	padding: 8px 10px;
	background-color: #fff;
	border-radius: var(--border-radius);
}

.mediaCreationDate {
	font-size: 10px;
}

.editDeleteIcons {
	float: right;
	cursor: pointer;
	margin-left: 3px;
}

#fileUploadAreaInner {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: 200px;
	border: 4px dashed var(--grey-background-border);
	border-radius: var(--border-radius);
}

#fileUploadAreaInner .fileuploadDragDropInner div {
	font-size: 28px;
}

.fileuploadDragDropInner {
	margin: 0;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
}

.uploadButton {
	color: var(--primary-color);
}

.uploadButton:hover {
	cursor: pointer;
}

.uploadButton > input[type=file] {
	display: none;
}

.mediaTitle {
	width: inherit;
}

.newMedia {
	padding: 0px 12px 0px 10px;
	display: flex;
	align-items: center;
}

.newMedia > *:not(:last-child) {
	margin-right: 5px;
}

.newMedia > .dooIconContainer.success {
	color: var(--status-green);
}

.newMedia > .dooIconContainer.remove:hover {
	cursor: pointer;
}

.progressBar {
	width: 200px;
	height: 12px;
	display: inline-block;
	border: 2px solid var(--primary-color);
	border-radius: var(--border-radius);
}

.progressBar .avendooProgress {
	margin-left: -1px;
	background-color: var(--primary-color);
	height: 100%;
	border-radius: var(--border-radius);
	transition: width 0.2s ease-in-out;
}

.droppableIndicator {
	margin-bottom: 25px;
}

.draggablePlaceholder {
	outline: 2px dashed #ccc;
	margin: 0 15px;
}

.draggable {
	cursor: move;
	cursor: grab;
}

.ui-sortable-helper {
	cursor: move;
	cursor: grabbing;
	border: 0;
	border-radius: 0;
	padding: 0;
}

.dontdrag {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dragIconColumn {
	color: #777;
	text-align: center;
}

#courseContentsTable {
	height: 100%;
}

.courseContentObjectContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	height: 100%;
	background-color: #f2f2f2;
}

.courseContentObjectsOrder {
	height: 100%;
	width: 50%;
	background-color: #fff;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	box-sizing: border-box;
	transition: width ease 0.5s;
}

.courseContentObjectsOrder.active {
	width: 40%;
}

#courseContentObjectDetails {
	overflow: auto;
	height: 100%;
	background-color: #f2f2f2;
	width: 0;
	opacity: 0;
	transition: width ease 0.5s, opacity ease 0.5s;
}

#courseContentObjectDetails.active {
	width: 60%;
	opacity: 1;
}

.boxFormWizard form, .boxContent {
	height: 100%;
}

div#courseContentsTableBody {
	padding-top: 15px;
	overflow: auto;
	height: calc(100% - 143px);
}

#courseContentsTableBody .draggable {
	background: #fff;
	margin: 15px;
	border: 1px solid #ddd !important;
	cursor: pointer;
	transition: background ease 0.2s;
}

#courseContentsTableBody .draggable:first-child {
	margin-top: 0;
}

#courseContentsTableBody .draggable.clickableForDetails:hover, #courseContentsTableBody .draggable.selectedForDetails {
	background: #f2f2f2;
}

#courseContentsTableBody .sectionContainer.draggable {
	border: 1px solid #ddd !important;
	margin: 30px 15px;
	background: #f2f2f2;
	display: block;
}

.sectionContainerInner {
	display: flex;
}

#courseContentsTableBody .sectionContainer > .draggable {
	margin: 0;
	border: 0 !important;
}

.sectionContainer .sectionElements {
	margin-left: 30px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	border: 1px solid #ddd;
	background-color: #fff;
	min-height: 80px;
}

#courseContentsTableBody .draggable {
	display: flex;
}

#courseObjectDetailsContainer {
	overflow: auto;
	height: calc(100% - 48px);
}

.detailsCourseObjectTitle, .courseContentTableThead {
	font-size: 24px;
	font-weight: 600;
	background: #fff;
	padding: 5px 15px;
	border-bottom: 2px solid #ddd;
	color: #777;
	min-height: 36px;
}

.detailsDropdown {
	width: 300px;
}

.detailsInput-xs {
	width: 70px;
}

.detailsInput-s {
	width: 100px;
}

.detailsInput-m {
	width: 50%;
}

.detailsInput-l {
	width: 75%;
}

.detailsInput-xl {
	width: 100%;
}

.dragIconColumn {
	padding: 15px 7px;
	margin-right: 8px;
	cursor: grab;
	align-self: stretch;
	align-items: center;
	transition: background ease 0.2s;
}

.dragIconColumn.ui-sortable-handle {
	display: flex;
}

.dragIconColumn:hover {
	background: #ddd;
}

.itemContent {
	padding: 15px 15px 15px 0;
	flex: 1;
}

.itemTitle {
	font-size: 16px;
	font-weight: 600;
}

.itemType {
	display: flex;
	align-items: center;
}

.itemTypeText {
	flex: 1;
}

.itemInformations {
	margin-top: 15px;
}

.itemRelevant {
	margin-top: 15px;
}

.itemSettings {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.itemSettings span.dooContainerName-lock_open {
	padding: 10px 5px;
}

.itemSettings span.dooContainerName-lock_close {
	padding: 10px 5px;
}

.itemSettings .itemSettingsButton {
	background: transparent;
	margin: 0;
	border: 0;
	padding: 10px 5px;
	transition: background ease 0.2s;
}

.itemSettings .itemSettingsButton:hover {
	background: #ddd;
	margin: 0;
	border: 0;
	padding: 10px 5px;
}

.itemTypeIcon {
	margin-left: -0.4em;
}

.mediaPreview {
	height: 250px;
	margin-bottom: 15px;
	overflow: hidden;
}

.mediaPreview img {
	display: block;
	width: auto;
	height: 100%;
}

#courseContentsTableBody.ui-sortable, .sectionElements.ui-sortable {
	padding-bottom: 80px;
	background-image: url(../img/dragdropForBackground.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.ui-draggable-dragging {
	pointer-events: none;
}

.ribbonDrag.ui-draggable-dragging, .sortableDraggableDrop {
	width: 115px !important;
	border-radius: 0;
	height: 80px !important;
	text-align: center;
	background: #ddd;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.ribbonDrag.ui-draggable-dragging .dooIconContainer i, .sortableDraggableDrop .dooIconContainer i {
	font-size: 34px;
}

body {
	overflow: hidden;
}

#simplemodal-container #basic-modal-replace-learnobject .boxContent {
	padding: 10px 20px 30px;
}

.dropdown-toggle {
	margin-left: -2px;
}

#basic-modal-replace-learnobject .radio input:not(:checked) + span:first-of-type {
	border: 1px solid #ddd;
}

#basic-modal-replace-learnobject .radio input + span:first-of-type {
	border: 1px solid transparent;
}

#basic-modal-replace-learnobject .boxContent * {
	font-size: 14px;
}

#basic-modal-replace-learnobject .replaceObjectBlock {
	margin-bottom: 70px;
}

#basic-modal-replace-learnobject .replaceTypeBlockTitle {
	margin-bottom: 10px;
	display: inline-block;
	font-size: 16px;
}

#basic-modal-replace-learnobject .replaceTypeBlock {
	margin-top: 40px;
}

.replacedObjectIcon:before {
	font-size: inherit;
}

div#objectReplaced .replacedArrowIcon i {
	font-size: 11px;
}

.replacedArrowIcon {
	margin: 0px 5px;
}

.replacedObjectReplacedType {
	margin-left: 10px;
}

.caslFollowEventTitle {
	margin-left: 10px;
}

#statusWarningModal {
	margin: 10px 0px 20px;
}

.disabledLockIcon {
	color: #777;
}

.alert.alert-info.cwfTranslationInfo {
	margin-bottom: 10px;
}

.metaQualificationWrapper {
	max-height: 600px;
	overflow-y: auto;
}

.metaQualificationEntry {
	display: flex;
	align-items: center;
	border-radius: 5px;
	padding: 5px;
	background-color: white;
	margin-bottom: 5px;
}

.metaQualificationEntryTitle {
	flex-basis: 100%;
}

.metaQualificationEntry > div.inputMarginBottom {
	margin: 0;
}

table tbody .draggableObjectSelected td {
	background-color: #e1e1e1 !important;
}

#boxContent .inputTitle {
	margin-bottom: 5px;
}

#boxContent .wizardTimePicker {
	width: 90px;
}

#boxContent .macro_genericDropdown select:not(.input-small):not(.input-xxxlarge), #boxContent .macro_genericTextAreaMacro textarea:not(.input-small):not(.input-xxxlarge), #boxContent .macro_textField input:not(.input-small):not(.input-xxxlarge), #boxContent .macro_chooseButton input.fileinput:not(.input-small):not(.input-xxxlarge) {
	width: auto;
	min-width: 300px;
	max-width: 500px;
}

#boxContent .macro_categoryTree #category {
	max-height: 500px;
	overflow: auto;
}

#boxContent .macro_categoryTree a:hover {
	color: var(--primary-color);
}

#boxContent .macro_multiDropdown button {
	padding: 8px 10px;
	width: auto;
	min-width: 300px;
	max-width: 500px;
	border: 1px solid #ddd;
	border-radius: var(--border-radius);
}

#boxContent .macro_multiDropdown .open button {
	-webkit-box-shadow: var(--box-shadow-focus);
	box-shadow: var(--box-shadow-focus);
}

#boxContent .macro_multiDropdown button:focus {
	outline: none !important;
}

#boxContent .macro_multiDropdown button .caret {
	display: none;
}

#boxContent .macro_multiDropdown button .bs-caret:after {
	content: "\e923";
	font-family: "dooiconfont";
	font-size: 9px;
	color: var(--font-color);
}

#boxContent .macro_multiDropdown button .pull-left {
	width: calc(100% - 6px);
}

#boxContent .macro_chooseButton input {
	margin-bottom: 5px;
}

html .ui-widget input, html .ui-widget select, html .ui-widget textarea, html .ui-widget button {
	font-family: var(--font-family);
}

.ui-multiselect ul, html .ui-multiselect input.search {
	border-radius: var(--border-radius);
}

html .ui-multiselect li {
	font-size: 14px;
}

html .ui-multiselect ul li {
	padding: 3px 10px;
}

div.inputMarginBottom.scale {
	padding-top: 10px;
}

div.inputMarginBottom.inform_superior_count {
	margin-left: 10px;
}

.toast-center-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.toast-top-center {
	top: 0;
	right: 0;
	width: 100%;
}

.toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%;
}

.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%;
}

.toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%;
}

.toast-top-left {
	top: 12px;
	left: 12px;
}

.toast-top-right {
	top: 12px;
	right: 12px;
}

.toast-bottom-right {
	right: 8px;
	bottom: 5px;
}

.toast-bottom-left {
	bottom: 12px;
	left: 12px;
}

.toast-title {
	font-weight: bold;
	margin-bottom: 5px;
}

.toast-message {
	word-wrap: break-word;
}

.toast-message a, .toast-message label {
	color: #FFFFFF;
}

.toast-message a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

.toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #ffffff;
}

.toast-close-button:hover, .toast-close-button:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
}

button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
}

.toast-container {
	pointer-events: none;
	position: fixed;
	z-index: 999999;
}

.toast-container * {
	box-sizing: border-box;
}

.toast-container .ngx-toastr {
	position: relative;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 15px 15px 15px 50px;
	width: 330px;
	border-radius: 3px 3px 3px 3px;
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 24px;
	pointer-events: auto;
	box-shadow: 0 0 12px #999999;
	color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
	box-shadow: 0 0 12px #000000;
	opacity: 1;
	cursor: pointer;
}

.toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

.toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #000000;
	opacity: 0.4;
}

@media all and (max-width: 240px) {
	.toast-container .ngx-toastr.div {
		padding: 8px 8px 8px 50px;
		width: 11em;
	}
	.toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}
}

@media all and (min-width: 241px) and (max-width: 480px) {
	.toast-container .ngx-toastr.div {
		padding: 8px 8px 8px 50px;
		width: 18em;
	}
	.toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}
}

@media all and (min-width: 481px) and (max-width: 768px) {
	.toast-container .ngx-toastr.div {
		padding: 15px 15px 15px 50px;
		width: 25em;
	}
}

.toast-container {
	display: flex;
	flex-direction: column;
}

.toast-container * {
	color: var(--font-color);
}

.toast-container .ngx-toastr {
	border-radius: var(--border-radius);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 20px 50px 20px 70px;
	float: right;
	margin-bottom: 10px;
	color: var(--font-color);
	background-color: var(--table-header-background);
	transition: box-shadow ease 0.27s;
}

.toast-container .ngx-toastr:hover {
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}

.toast-container:not(.toast-persistent) .ngx-toastr:after {
	content: "\e808";
	font-family: "dooiconfont";
	position: absolute;
	right: 15px;
	color: var(--grey-font-color);
	font-size: 18px;
}

.toast-container .ngx-toastr:before {
	content: "\e857";
	font-family: "dooiconfont";
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #333;
	left: 15px;
	border-radius: 100px;
	color: #fff;
	font-size: 18px;
}

.toast-container .ngx-toastr.toast-success:before {
	content: "\e857";
	background: var(--status-green);
}

.toast-container .ngx-toastr.toast-warning:before {
	content: "\e966";
	background: #F89406;
}

.toast-container .ngx-toastr.toast-error:before {
	content: "\e808";
	background: var(--status-red);
}

.toast-container .ngx-toastr.toast-info:before {
	content: "\e966";
}

.toast-container .ngx-toastr.toast-waiting:before {
	content: "\e86e";
	background: var(--status-yellow-darker);
	animation: rotateStop 4s linear infinite;
}

@media (max-width: 440px) {
	.toast-container {
		width: 100%;
		right: 0;
		bottom: 0;
		padding: 0 15px;
	}
	.toast-container .ngx-toastr {
		width: 100%;
	}
}

.macro_genericSunEditorMacro .sun-editor .se-btn-module-border {
	border: none;
}

.macro_genericSunEditorMacro .sun-editor .se-toolbar.se-toolbar-balloon, .sun-editor .se-toolbar.se-toolbar-inline {
	border-radius: 8px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.16);
}

.macro_genericSunEditorMacro .sun-editor .se-toolbar {
	background-color: #fff;
}

.macro_genericSunEditorMacro .sun-editor .se-toolbar-separator-vertical {
	height: 20px;
	width: 1px;
	margin: 9px 5px 0px;
	vertical-align: top;
	background-color: #ddd;
}

html .sun-editor .se-dialog .se-dialog-inner .se-dialog-content {
	max-width: 800px;
	margin: 8% auto;
	border-radius: 8px;
	border: none;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

html .sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title {
	font-size: 20px;
}

html .sun-editor .se-dialog .se-dialog-inner .se-dialog-header {
	height: 60px;
}

html .sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close {
	position: absolute;
	top: -45px;
	color: #fff;
	right: 0px;
}

html .sun-editor .se-btn-primary {
	background-color: var(--primary-color);
	border: none;
}

html .sun-editor .se-btn-primary:hover {
	background-color: var(--secondary-color);
}

html .sun-editor .se-dialog .se-dialog-inner .se-dialog-content .se-btn-primary {
	margin: 0 0 15px 10px !important;
	border-radius: 8px;
}

html .sun-editor .se-dialog .se-dialog-inner .se-dialog-footer {
	padding: 15px 15px 0;
}

.se-dialog-footer .se-btn-secondary, .se-dialog-footer .se-btn-primary {
	display: inline-block;
	padding: 8px 20px !important;
	margin: 0 0 15px 10px !important;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}

html .sun-editor .se-btn-secondary {
	background-color: #555;
	border-radius: 8px;
}

html .sun-editor .se-btn-secondary:hover {
	background-color: #333;
}

html .sun-editor .se-btn-secondary span, html .sun-editor .se-btn-primary span {
	color: #fff;
	font-weight: 600;
}

html .sun-editor .sun-editor-common .editor_variable_selection li.variableEntry {
	font-size: 14px;
	padding: 15px 20px;
}

html .sun-editor .se-dialog .se-dialog-inner .editor_variable_selection .se-dialog-body {
	padding: 0px;
	padding-top: 10px;
}

html .sun-editor .sun-editor-common .editor_variable_selection li.variableEntry:nth-child(2n) {
	background-color: #f2f2f2;
}

html .sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close:hover, html .sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close:active {
	background-color: transparent;
	border: none;
	box-shadow: none;
	text-shadow: none;
}

html .sun-editor .sun-editor-common .editor_variable_selection li.variableEntry .variableDescription {
	width: 310px;
}

html .sun-editor .sun-editor-common .editor_variable_selection li.variableEntry {
	display: flex;
	justify-content: space-between;
}

html .sun-editor .sun-editor-common .editor_variable_selection li.variableEntry.entrySelected {
	background-color: var(--primary-color-transparent);
}

button.se-btn.se-btn-select.se-btn-tool-format, button.se-btn.se-btn-select.se-btn-tool-font, button.se-btn.se-btn-select.se-btn-tool-size {
	background-color: #f2f2f2;
	border-radius: 6px;
	padding: 3px 10px;
	align-items: center;
	gap: 20px;
	margin: 0px 4px !important;
	width: fit-content;
	height: fit-content;
}

.sun-editor .se-btn:enabled:active {
	background-color: #d1d1d1;
	border-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

html .sun-editor .se-btn:enabled.active {
	color: var(--primary-color);
}