@media print {
	.TabControlTab,
	.TabControlTab_act
					{display: none !important;}

	.TabbedContent	{display: block !important;
					position: relative !important;
					height: auto !important;
					border: 0 !important;}

	.TabbedArea		{height: auto !important;
					overflow: visible !important;
					border: 0 !important;
					transform: none !important;}

	.MainPageBody	{position: absolute !important;
					top: 0 !important;
					left: 0 !important;
					width: 100% !important;
					height: auto !important;
					min-height: 100vh !important;
					z-index: 99999999 !important;
					overflow: visible !important;}

	button,
	input[type="button"]
					{display: none !important;}

	html, body		{overflow: hidden !important;
					overflow-y: scroll !important;
					font-size: 75% !important;}

	.RequestHeadLine
					{position: relative !important;}

	tr,
	.QuestionWrapperDiv
					{break-inside: avoid-page !important;}

	.TabTextInline	{display: block !important;
					font-weight: bold !important;
					font-size: 125% !important;
					margin-top: 10px !important;
					margin-left: 10px !important;}

	.HiddenTextAreaElementPrint
					{display: inline-block !important;}

	textarea		{display: none !important;}

	.RequestHeadLine
					{height: auto !important;
					display: block !important;}

	.CommentsPrintView
					{display: block !important;
					width: 100% !important;}
	.CommentsPrintView tbody, .CommentsPrintView tbody tr
					{width: calc(100% - 10px) !important;
					display: block !important;}

	.FilesPrintView
					{display: block !important;
					width: 100% !important;}
	.FilesPrintView tbody, .FilesPrintView tbody tr
					{width: calc(100% - 10px) !important;
					display: block !important;}

	.QuestionWrapperDiv_hidden
					{display: none !important;}

	.TabTitleHidden	{display: none !important;}

	.ElementHiddenOnPrint
					{display: none !important;}
}

html, body			{font-family: 'Arial';
					font-size: 14px;
					padding: 0;
					margin: 0;
					overflow: hidden;}

.LoginPageBackgroundColor
					{background-color: #faf6ef;}

.FormTable			{border: 0;
					table-layout: fixed;}

.FormTable td		{text-align: left;
					vertical-align: top;
					height: auto;}

.MainTitleBar		{width: 100%;
					background-color: #faf6ef;
					color: #532721;
					height: 75px;
					-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
					-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
					box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
					position: absolute;
					font-size: 16px;
					z-index: 9999998;}

.MainTitleBar .WelcomeUserText
					{font-weight: bold;
					position: absolute;
					left: 10px;
					top: 10px;}

.MainTitleBar .WelcomePortalText
					{font-weight: bold;
					position: absolute;
					right: 10px;
					top: 10px;
					display: block;
					width: 270px;
					text-align: right;}

.MainTitleBar img	{border: 0;
					position: absolute;
					right: 10px;
					top: 35px;}

.MainMenuBar		{width: 240px;
					position: absolute;
					padding: 5px;
					top: 75px;
					height: calc(100% - 85px);
					background-color: #faf6ef;
					color: #532721;
					z-index: 9999999;
					-webkit-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.75);
					-moz-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.75);
					box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.75);
					clip-path: inset(0px -2px 0px 0px);}

.MainMenuBar a		{display: block;
					color: rgb(0, 0, 0);
					text-decoration: none;
					margin-left: 15px;
					margin-top: 6px;}

.MainMenuBar a:hover
					{font-weight: bold;}

.MainPageBody		{width: calc(100% - 260px);
					left: 250px;
					padding: 5px;
					position: absolute;
					top: 75px;
					height: calc(100% - 85px);
					color: #444;
					border: 0;
					background-color: #faf6ef;
					/* background: #faf6ef url(../img/Welle_desktop.svg) no-repeat right bottom; */
					background-size: 100% auto;
					overflow-y: auto;}

.LoginPageBody		{width: 400px;
					height: auto;
					position: absolute;
					left: 50%;
					top: 50%;
					margin-left: -200px;
					transform: translateY(-60%);
					padding: 30px;
					background: #e3d7c6;
					border-radius: 10px;}

.LogoutLink			{font-size: 11px;
					color: rgb(0, 0, 0);
					font-weight: normal;}

.LogoutLink a		{color: rgb(0, 0, 0);}


.questionTypeDraggable
					{border: 1px solid rgb(180, 180, 180);
					-moz-user-select: none;
					-khtml-user-select: none;
					-webkit-user-select: none;
					-ms-user-select: none;
					user-select: none;
					margin-bottom: 5px;
					padding: 5px;
					width: calc(100% - 12px);
					background-color: rgb(240, 240, 240);}

.questionTypeDraggable .questionTypeDraggableTitle
					{font-weight: bold;}

.questionTypeDraggable .questionTypeDraggableDescription
					{color: rgb(170, 170, 170);}


.designQuestionTools button
					{float: right;
					font-size: 10px;
					}

.designQuestionForm textarea
					{width: calc(100% - 10px);
					padding: 5px;
					min-height: 75px;
					margin-top: 5px;}

.designQuestionForm input
					{width: calc(100% - 10px);
					padding: 5px;
					margin-top: 5px;
					margin-bottom: 5px;}

.designQuestionForm .generatorHelp
					{font-size: 10px;
					margin-bottom: 10px;}

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

.editTable			{table-layout: fixed;
					border: 1px solid rgb(180, 180, 180);
					width: 100%;}

.editTable td		{border: 1px solid rgb(180, 180, 180);
					padding: 4px;}

.editTable input[type=text]
					{width: 80% !important;
					float: left !important;
					display: block !important;}

.editTable input[type=radio],
.editTable input[type=checkbox]
					{}

.editTable button	{float: left !important;
					display: block;
					width: auto !important;}

.QuestionWrapperDiv	{border: 1px solid rgb(180, 180, 180);
					border-top-width: 5px;
					margin: 5px;
					margin-top: 20px;
					padding: 5px;
					}

.QuestionWrapperDiv textarea
					{width: 85% !important;
					overflow: hidden !important;}


.questionwrapper>div
					{width: calc(100% - 8px) !important;}

.QuestionFunctions	{width: auto;
					float: right;
					margin-bottom: 10px;}

.QuestionFunctions button
					{margin-left: 5px;}

.QuestionText		{font-weight: bold;
					margin-bottom: 10px;}

.InputHelpText		{font-size: 10px;
					margin-top: 3px;
					margin-bottom: 3px;
					color: rgb(80, 80, 80);}

.inputValidationMessage
					{display: none;}

.MarginBlock		{margin-top: 3px;}

.MarginBlock textarea
					{margin-top: 3px;}

.RichTextDisplay	{min-height: 25px;
					padding: 3px;}

.CommentContent		{border: 1px solid rgb(210, 210, 210);
					padding: 3px;
					width: calc(100% - 8px);
					height: auto;
					margin-bottom: 5px;}

.CommentContent textarea
					{width: calc(100% - 6px);
					height: 50px;}

.LoaderGif			{width: 100%;
					height: 100%;
					position: fixed;
					top: 0;
					left: 0;
					z-index: 9999999999999;
					display: none;
					background: rgba(0, 0, 0, 0.25);}

.LoaderGifContent	{width: 300px;
					height: auto;
					padding-top: 125px;
					padding-bottom: 20px;
					text-align: center;
					z-index: 9999999999999;
					position: fixed;
					top: 10%;
					left: 50%;
					transform: translateX(-50%);
					font-size: 80px;
					color: rgba(255, 255, 255, 0.75);}

.LanguageSelectionBox
					{position: absolute;
					right: 450px;
					top: 25px;
					padding: 10px;
					width: auto;
					height: auto;}

.LanguageSelectionBox img
					{border: 0;
					margin-left: 10px;
					cursor: pointer;
					display: inline-block;
					position: relative;
					top: 0;
					right: 0;}

.LanguageSelectionBoxLogin
					{float: right;
					width: auto;
					height: auto;}

.LanguageSelectionBoxLogin img
					{border: 0;
					margin-left: 10px;
					cursor: pointer;
					display: inline-block;
					position: relative;
					top: 0;
					right: 0;}

.SelectedLieferant	{border: 1px solid rgb(180, 180, 180);
					margin-bottom: 10px;
					padding: 3px;
					background: rgb(230, 230, 230);}

h1					{font-size: 18px;
					font-weight: bold;
					color: rgb(140, 140, 140);}

.LieferantenPrevBox	{white-space: nowrap;
					display: inline-block;
					background: #e3d7c6;
					padding: 2px 4px;
					margin: 3px;
					border-radius: 3px;}

.ListBoxContent		{border: 1px solid rgb(180, 180, 180);
					background: #fff;
					overflow: hidden;
					overflow-y: scroll;}

.WorkFlowElementStatus_0
					{border: 1px solid rgb(180, 180, 180);
					background-color: rgb(230, 230, 230);
					display: block;
					margin: 2px;
					padding: 2px;
					font-size: 9px;}

.WorkFlowElementStatus_1
					{border: 1px solid rgb(255, 255, 160);
					background-color: rgb(255, 255, 230);
					display: block;
					margin: 2px;
					padding: 2px;
					font-size: 9px;}

.WorkFlowElementStatus_2
					{border: 1px solid rgb(160, 255, 160);
					background-color: rgb(230, 255, 230);
					display: block;
					margin: 2px;
					padding: 2px;
					font-size: 9px;}

.ExtraButtonHasContent
					{font-weight: bold;}

.ExtraButtonHasContentBubble
					{position: relative;
					background-color: #ff3000;
					color: #FFF;
					padding: 3px 6px;
					border-radius: 5px;
					font-size: 9px;
					margin-top: -12px;
					margin-left: -5px;
					margin-right: 10px;
					float: left;}

.ExtraRequiredInfoBox
					{position: absolute;
					display: block;
					background-color: #EE0040;
					width: 5px;
					height: 26px;
					overflow: hidden;
					margin-left: -15px;
					margin-top: -21px;}

.RequiredInput		{border: 1px solid rgb(255, 120, 120) !important;
					background-color: rgba(255, 0, 0, 0.025);}

.AcceptButton		{background-color: #62BB00 !important;}

.DeclineButton		{background-color: #EE4000 !important;}

.ObilgatButton		{background-color: #FEC041 !important;}




button,
input[type=button],
.btn				{color: #fff;
					background-color: #ff6200;
					border-color: #ff6200;
					text-align: center;
					vertical-align: middle;
					border: 0 solid transparent;
					padding: 3px 8px;
					border-radius: 3px;
					cursor: pointer;
					transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}

button:hover,
input[type=button]:hover
					{color: #fff;
					background-color: #d95300;
					border-color: #cc4e00;}

button:focus,
input[type=button]:focus
					{box-shadow: 0 0 0 0 rgba(255, 122, 38, 0.5);}

button:disabled,
input[type=button]:disabled
					{color: #fff;
					background-color: #808080;
					border-color: #808080;
					cursor: default;}

.MainMenuTopMenu	{font-weight: bold;
					margin-top: 15px;
					display: block;
					margin-left: 5px;}

button[formbuttontype=comment],
button[formbuttontype=file],
button[formbuttontype=print]
					{margin-left: 10px;}

.RequestHeadLine	{position: fixed;
					background: #f3e7d6;
					width: 100%;
					margin-top: -4px;
					margin-left: -4px;
					z-index: 9999997;
					display: block;
					-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
					-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
					box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);}

					
.QuestionWrapperDiv	{}

.QuestionWrapperDiv:hover,
.QuestionWrapperDiv:focus-within
					{background-color: rgba(227, 215, 198, 0.5);}
					

.ql-container		{margin-bottom: 20px;}

.ql-toolbar			{margin-top: 10px;}

.ql-editor			{min-height: 150px;}

.designQuestionType,
designdraggable>.questionTypeDraggable
					{cursor: move;}

/* ********************************************************************************************* */
/* BEGINN: Scrollbalken ************************************************************************ */
::-webkit-scrollbar			{width: 5px;
							height: 5px;}

::-webkit-scrollbar-track	{background: rgb(240, 240, 240);}
 
::-webkit-scrollbar-thumb	{background: rgb(180, 180, 180);}

::-webkit-scrollbar-thumb:hover
							{background: rgb(120, 120, 120);}
/* ENDE: Scrollbalken ************************************************************************** */
/* ********************************************************************************************* */

textarea 			{resize: none;
					}

					
a					{color: rgb(60, 60, 60);}

a:hover				{color: rgb(180, 60, 60);}


.TabbedContent .DropAreaClassName
					{padding-bottom: 20px;}

.displayelement		{border: 1px solid rgb(180, 180, 180);
					display: inline-block;
					width: calc(100% - 38px);
					padding: 3px;
					background: rgb(240, 240, 240);}

.BlackWhiteClass	{background-color: #626262;}

.WhiteText			{color: #FFF;}


.UserImage			{float: left;
					width: 50px;
					height: 50px;
					border-radius: 50%;
					background-color: #ECECEC;
					background-size: 50px 50px;
					display: none; /*inline-block;*/
					margin-right: 15px;
					cursor: pointer !important;
					border: 1px solid rgb(210, 210, 210);}

.UserImage input	{width: 50px;
					height: 50px;
					opacity: 0;}


.UserImageTiny		{float: left;
					width: 35px;
					height: 35px;
					border-radius: 50%;
					background-color: #ECECEC;
					background-size: 35px 35px;
					display: none; /* inline-block; */
					margin-right: 10px;
					border: 1px solid rgb(210, 210, 210);}

.UserImageSuperTiny	{width: 16px;
					height: 16px;
					border-radius: 50%;
					background-color: #ECECEC;
					background-size: 16px 16px;
					display: none; /* inline-block; */
					margin-right: 5px;
					border: 1px solid rgb(210, 210, 210);
					margin-top: -4px;
					transform: translateY(4px);}

.UserTopTitle		{clear: both;
					display: inline-block;}


.UserAddressTop		{display: inline-block;
					float: left;
					padding-right: 20px;
					margin-top: 4px;}


.IEWarning			{position: absolute;
					top: 0px;
					left: 0px;
					width: 100%;
					height: auto;
					background-color: rgb(255, 255, 180);
					text-align: center;
					font-size: 200%;
					padding-top: 50px;
					padding-bottom: 50px;
					border: 1px solid rgb(180, 180, 20);
					z-index: 9999999999;}

.CompanyLogos		{width: auto;
					height: 50px;
					overflow: hidden;
					position: absolute;
					right: 0px;
					bottom: 0px;
					padding-left: 20px;}


.CompanyLogos img	{width: auto;
					height: 24px;
					display: block;
					position: relative;
					border: 0;
					float: left;
					top: 50%;
					transform: translateY(-50%);
					padding-left: 10px;}

.RequestHeadLine button
					{margin-bottom: 5px;
					margin-top: 5px;}

.HiddenTextAreaElementPrint
					{display: none;}

.CommentsPrintView	{display: none;}

.FilesPrintView		{display: none;}

.NoFormattingLink	{text-decoration: none;
					color: #FFF;
					font-weight: normal;
					font-size: 80%;
					transform: translateY(-2px);
					display: inline-block;}

.NoFormattingLink:hover
					{color: #ffAA00;}

.NumberBubble
					{position: absolute;
					background-color: #e3d7c6;
					color: #000;
					padding: 3px 4px;
					border-radius: 5px;
					text-align: center;
					font-size: 9px;
					width: 10px;
					margin-left: 200px;
					margin-top: -17px;
					font-weight: normal;}

.TestSystemClass	{position: absolute;
					top: 0px;
					left: 0px;
					width: 100%;
					height: auto;
					padding: 7px;
					text-align: center;
					font-size: 14px;
					background-color: rgb(0, 180, 0);
					color: #fff;}

.nuztzbedmenulink	{position: absolute;
					bottom: 15px;
					font-size: 75%;
					left: 5px;}


.nuztzbedmenulink a:hover
					{font-weight: normal;}

.SortTableTitle		{cursor: pointer;
					display: block;}

pre					{outline: 1px solid #ccc;
					padding: 5px;
					margin: 5px;
					white-space: pre-wrap;}

.string				{color: green;}
.number				{color: darkorange;}
.boolean			{color: blue;}
.null				{color: magenta;}
.key				{color: red;}

.ShowMoreButton		{background-color: rgb(180, 180, 180);
					margin-left: 5px;
					height: 14px;
					padding-top: 0;}

.ShowMoreButton:hover
					{background-color: rgb(200, 200, 200);}

.OnTopSystemMessage	{z-index: 999999999;
					position: absolute;
					bottom: 0px;
					left: 0px;
					width: 100%;
					height: auto;
					background: rgb(240, 180, 180);
					padding: 10px;
					text-align: center;
					border: 0px solid rgb(180, 120, 120);
					border-top-width: 1px;}

.OnTopSystemMessageClose
					{cursor: pointer;
					position: absolute;
					right: 27px;
					top: 10px;}

.AwarenessMsg		{background: rgb(255,255,230);
					border: 1px solid rgb(180, 180, 120);
					padding: 5px;
					margin-bottom: 7px;}