/* Minification failed. Returning unminified contents.
(5816,32): run-time error CSS1019: Unexpected token, found ':'
(5816,32): run-time error CSS1042: Expected function, found ':'
(5816,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(5817,29): run-time error CSS1019: Unexpected token, found ':'
(5817,29): run-time error CSS1042: Expected function, found ':'
(5817,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(5818,27): run-time error CSS1019: Unexpected token, found ':'
(5818,27): run-time error CSS1042: Expected function, found ':'
(5818,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(5819,24): run-time error CSS1019: Unexpected token, found ':'
(5819,24): run-time error CSS1042: Expected function, found ':'
(5819,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(7696,21): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-dark'
(7697,25): run-time error CSS1039: Token not allowed after unary operator: '-color-greyscale-light'
(7698,14): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-dark'
(7707,14): run-time error CSS1039: Token not allowed after unary operator: '-color-greyscale-medium'
(7715,14): run-time error CSS1039: Token not allowed after unary operator: '-color-greyscale-medium'
(7725,14): run-time error CSS1039: Token not allowed after unary operator: '-color-greyscale-medium'
(7735,15): run-time error CSS1039: Token not allowed after unary operator: '-color-greyscale-medium'
 */
/*#region Generals */
body {
	padding-top: 0px;
	padding-bottom: 0px;
	height: 100%;
}

html, body, form {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.body-content {
	height: 100%;
}
.body-content-fluid {
	padding: 0px 25px;
}

.content_bold {
	TEXT-DECORATION: none;
	COLOR: #14214e;
	FONT-FAMILY: Arial,sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
}

.dl-horizontal dt {
	white-space: normal;
}

.tde-page-background {
	background-image: url('TDE/images/background.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: top;
	background-size: 100% auto;
}

.tde-background-limegreen {
	background-color: #00FF00;
}

.tde-text-headline {
	font-size: 12pt;
	margin-bottom: 20px;
	border-bottom: 2px solid #00FF00;
}

.tde-text-hint {
	font-size: 10pt;
	margin: 10px 0 20px 0;
	padding: 5px;
	border: 1px solid #A0A0A0;
	background-color: #e9e9e9;
	min-height: 60px;
}

.tdeOldContainer {
	padding: 10px 0 10px 0;
}

input {
	border: 0px !important;
}

.circle {
	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	width: 23px;
	height: 23px;
	margin-top: 1px;
	margin-right: 10px;
	background: #5a5a5a;
	border: 2px solid #fff;
	float: left;
	color: #fff;
	text-align: center;
	line-height: 18px;
}

.circleActive {
	background: #f206d5;
	color: #fff;
}

.fa-border {
	padding: .2em;
	border: solid 0.08em #000;
	border-radius: .3em;
}

/* Toggle Button */
.cm-toggle input[type='checkbox'] {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	border: 0;
	outline: 0;
	cursor: pointer;
	margin: 10px 10px 0 10px;
}
	/* To create surface of toggle button */
	.cm-toggle input[type='checkbox']:after {
		content: '';
		width: 45px;
		height: 15px;
		display: inline-block;
		background: rgba(196, 195, 195, 0.55);
		border-radius: 18px;
		clear: both;
	}
	/* Contents before checkbox to create toggle handle */
	.cm-toggle input[type='checkbox']:before {
		content: '';
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		left: 0;
		top: -2.1px;
		border-radius: 50%;
		background: rgb(255, 255, 255);
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
	}
	/* Shift the handle to left on check event */
	.cm-toggle input[type='checkbox']:checked:before {
		left: 32px;
		box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
	}
	/* Background color when toggle button will be active */
	.cm-toggle input[type='checkbox']:checked:after {
		background: #E5EECF;
	}

.tooltip-inner {
	white-space: pre-wrap;
}

.tooltip {
	z-index: 99999999999 !important;
}

	.tooltip,
	.tooltip.top .tooltip-arrow,
	.tooltip-inner {
		border: none;
		box-shadow: none;
		outline: none;
	}

.dxListHeader .tooltip.top {
	margin-top: -20px;
}

#mainContent {
	display: inline;
}
/*#endregion*/
/*#region General Things JMR Classes */
* {
	border: 0;
	margin: 0;
	padding: 0;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 105px;
	margin: 0 auto;
	width: 100%;
	z-index: 100;
}

.header-standard {
	background: url("TDE/images/bgNav.png");
	background-repeat: repeat-x;
}

.header-active {
	background: url("TDE/images/bgNav_active.png");
	background-repeat: repeat-x;
}

.header-slim-standard {
	background: url("TDE/images/bgNav.png");
	background-repeat: repeat-x;
	background-position-y: -77px;
}

.header-slim-active {
	background: url("TDE/images/bgNav_active.png");
	background-repeat: repeat-x;
	background-position-y: -77px;
}

li {
	display: inline-block;
	float: left;
	padding: 0 5px 0 10px;
}

ul {
	list-style: none;
}
/*#endregion*/

/*#region registration page */
.register-box {
	position: absolute;
	top: 30%;
	left: 50%;
	width: 650px;
	margin-left: -325px;
	height: 600px;
	margin-top: -150px;
}

.registerReady-box {
	position: absolute;
	top: 30%;
	left: 50%;
	width: 650px;
	margin-left: -325px;
	height: 400px;
	margin-top: -150px;
}

.Registration-TextBox-Grey {
	width: 100%;
	background-color: #A0A0A0;
	border: none;
	height: 30px;
	padding: 0 5px 0 5px;
	font-size: 11pt;
	font-weight: bold;
	background-image: url('TDE/images/asterix.png');
	background-repeat: no-repeat;
	background-position: center right;
	-ms-background-size: auto;
	background-size: auto;
}

.Registration-TextBox-Grey-Optional {
	width: 100%;
	background-color: #A0A0A0;
	border: none;
	height: 30px;
	padding: 0 5px 0 5px;
	font-size: 11pt;
	font-weight: bold;
}

.Registration-TextBox-White {
	width: 100%;
	background-color: #FFFFFF;
	border: none;
	height: 30px;
	padding: 0 5px 0 5px;
	font-size: 11pt;
	font-weight: bold;
	background-image: url('TDE/images/check.png');
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: center;
	background-size: auto;
}

.Registration-DropDownList-Grey-Default {
	width: 100%;
	background-color: #A0A0A0;
	border: none;
	height: 30px;
	padding: 0 5px 0 20px;
	font-size: 11pt;
	font-weight: bold;
	background-image: url('TDE/images/dd2.png');
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: top;
	background-size: cover;
}

.Registration-DropDownList-White-Valid {
	width: 100%;
	background-color: #A0A0A0;
	border: none;
	height: 30px;
	padding: 0 5px 0 20px;
	font-size: 11pt;
	font-weight: bold;
	background-image: url('TDE/images/ddValid.png');
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
	background-size: auto;
}

.registration-validation {
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	margin: 0px 0px 10px 0px;
	text-align: left;
}
/*#endregion*/

/*#region login page */
.tde-login-box {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 650px;
	margin-left: -325px;
	/*height: 200px;*/
	margin-top: -150px;
}

.tde-login-header {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18pt;
	text-align: center;
	padding-top: 13px;
	height: 60px;
	border-left: 5px solid #00FF00;
	background-image: url('TDE/images/pfeil_XL_weiss.png');
	background-repeat: no-repeat;
	background-position-x: 25px !important;
	background-position-y: center !important;
	background-position: 25px center;
	background-size: 34px 28px;
}

.tde-login-body {
	text-align: center;
	margin-bottom: 10pt;
	border-left: 5px solid #00FF00;
	/*height: inherit;*/
}

.tde-login-body-inner {
	background-color: #EEEEEE;
	padding-top: 25px;
	/*height: inherit;*/
}

.tde-login-textbox {
	width: 400px;
	background-color: #A0A0A0;
	border: none;
	height: 30px;
	padding: 0 5px 0 5px;
	font-size: 12pt;
	font-weight: bold;
}

.tde-login-label {
	font-size: 10px;
	font-weight: bold;
	margin: 2px 0px 10px 128px;
	text-align: left;
}

.tde-login-validation {
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	margin: 0px 0px 10px 138px;
	text-align: left;
}

.tde-login-button {
	/*height: 51px;*/
	width: 42px;
	margin: 0 auto;
}

	.tde-login-button input {
		background-image: url('TDE/images/pfeil_XL_schwarz.png');
		background-repeat: no-repeat;
		background-position-x: center;
		background-size: 51px 42px;
		height: 51px;
		width: 50px;
		border: none;
	}

		.tde-login-button input:hover {
			background-image: url('TDE/images/pfeil_XL_gruen_hell.png');
		}

.tde-login-reset-password,
.tde-login-reset-password:visited {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: center;
	background: none;
}

	.tde-login-reset-password:hover {
		color: #00FF00;
	}

.tde-login-register,
.tde-login-register:visited {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: center;
}

	.tde-login-register:hover {
		color: #00FF00;
	}
/*#endregion*/

/*#region Footer */
.tde-footer {
	width: 1140px;
	height: auto;
	padding-top: 5px;
	position: fixed;
	bottom: 0px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	z-index: 100;
}

.tde-footer-copyright {
	font-size: 9pt;
	width: 185px;
}

.tde-footer-headline, .tde-footer-headline a {
	text-decoration: underline;
	font-weight: bold;
	font-size: 9pt;
	text-align: left;
	width: 215px;
	color: #FFFFFF;
}

.tde-footer-text, .tde-footer-text a {
	font-size: 9pt;
	text-align: left;
	color: #FFFFFF;
}

.tde-footer-table {
	width: 100%;
	/*margin-bottom: 10px;*/
}

.tde-footer-exp {
	width: 1140px;
	height: auto;
	position: fixed;
	bottom: 0px;
	text-align: center;
	z-index: 101;
}

.tde-footer-exp-button {
	background-image: url('TDE/images/arrow_green_up.png');
	display: block;
	background-repeat: no-repeat;
	background-position-x: 550px !important;
	background-position-y: top !important;
	background-position: 550px top;
	height: 10px;
	margin: 0px 0px 10px 0px;
}

	.tde-footer-exp-button:hover {
		background-image: url('TDE/images/dropup_gruen.png');
	}

.tde-footer-col-button {
	background-image: url('TDE/images/arrow_green_down.png');
	display: block;
	background-repeat: no-repeat;
	background-position-x: 550px !important;
	background-position-y: top !important;
	background-position: 550px top;
	height: 10px;
	margin: 5px 0px 5px 0px;
}

	.tde-footer-col-button:hover {
		background-image: url('TDE/images/dropdown_gruen.png');
	}
/*#endregion*/

/*#region category boxes */
.tde-category-section {
	position: absolute;
	bottom: 25px;
	width: 1140px;
	max-height: 235px;
}

.tde-category-section-camping {
	position: absolute;
	bottom: 25px;
	width: 1140px;
	max-height: 235px;
}

.tde-category-box {
	width: 300px;
	height: 100px;
	float: left;
}

.tde-category-box-image {
	position: absolute;
	z-index: 10;
	top: 5px;
	left: 255px;
}

.tde-subcategory-box {
	height: 240px;
	display: table-cell;
	vertical-align: top;
	padding: 5px 10px 5px 10px;
}

.tde-subcategory-box-wear {
	height: 240px;
	display: table-cell;
	vertical-align: top;
}

.tde-subcategory-box-workwear {
	height: 150px;
	vertical-align: top;
	padding: 5px 10px 5px 10px;
}

.tde-subcategory-box-leisurewear {
	height: 90px;
	vertical-align: top;
	padding: 5px 10px 5px 10px;
}

	.tde-subcategory-box a, .tde-subcategory-box-workwear a, .tde-subcategory-box-leisurewear a {
		color: #FFFFFF;
		font-size: 8pt;
	}

		.tde-subcategory-box a:hover, .tde-subcategory-box-workwear a:hover, .tde-subcategory-box-leisurewear a:hover {
			color: #00FF00;
			text-decoration: underline;
		}

.tde-subcategory-headline {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	font-size: 10pt;
	margin-top: 10px;
}

	.tde-subcategory-headline a {
		color: #FFFFFF;
		font-size: 8pt;
	}

		.tde-subcategory-headline a:hover {
			color: #00FF00;
			text-decoration: underline;
		}

.tde-subcategory-element {
	padding-left: 16px;
	background-image: url('TDE/images/pfeil_S_weiss.png');
	background-repeat: no-repeat;
	background-position-x: 0 !important;
	background-position-y: 7px !important;
	background-position: 0 7px;
}

	.tde-subcategory-element a {
		color: #FFFFFF;
		font-size: 8pt;
	}

		.tde-subcategory-element a:hover {
			color: #00FF00;
			text-decoration: underline;
		}

.tde-background-green-1 {
	background-color: #50AF32;
}

.tde-background-green-2 {
	background-color: #479836;
}

.tde-background-green-3 {
	background-color: #33931E;
}

.tde-background-green-4 {
	background-color: #197809;
}

.tde-background-green-5 {
	background-color: #316F2D;
}

.tde-background-green-6 {
	background-color: #1E641E;
}

.tde-background-green-7 {
	background-color: #1D4A1E;
}

.tde-background-index-page {
	background-image: url('TDE/images/TEC_TIBS_ONLINE_TEASER_Blaupunkt.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: top;
	background-size: 100% auto;
	height: inherit;
}

.btGreen {
	background-image: url('imgs/icoDown.jpg');
	background-position: left;
	background-repeat: no-repeat;
	border-left: 1px solid white;
	color: #ffffff;
	cursor: pointer;
	line-height: 48px;
	height: 46px;
	padding-left: 18px;
	width: 140px;
}

	.btGreen:hover {
		background-color: green;
	}

	.btGreen img {
		float: right;
		margin-top: 7px;
	}

.btGreyWhite {
	color: #666666;
	cursor: pointer;
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
	vertical-align: top;
}

	.btGreyWhite:hover {
		color: #ffffff;
	}

	.btGreyWhite img {
		margin: 0 8px;
	}

	.btGreyWhite a {
		color: #666666;
		text-decoration: none;
	}

		.btGreyWhite a:hover {
			color: #ffffff;
		}

.spaceLogo {
	float: left;
	height: 48px;
	width: 190px;
}

.btGreenOption1 {
	background-color: #56AF32;
	float: left;
	height: 110px;
	width: 380px;
	position: relative;
}

.btGreenOption2 {
	background-color: #479836;
	float: left;
	height: 110px;
	width: 380px;
	position: relative;
}

.btGreenOption3 {
	background-color: #197809;
	float: left;
	height: 110px;
	width: 380px;
	position: relative;
}

.btGreenOption4 {
	background-color: #33931E;
	float: left;
	height: 110px;
	width: 380px;
	position: relative;
}

.btGreenOption5 {
	background-color: #316F2D;
	float: left;
	height: 110px;
	width: 380px;
	position: relative;
}

.btGreenOption6 {
	background-color: #1E641E;
	float: left;
	height: 110px;
	width: 380px;
	position: relative;
}

.btGreenOption7 {
	background-color: #1E641E;
	float: left;
	height: 110px;
	width: 380px;
	position: relative;
}

.btGreenOption8 {
	background-color: #1E641E;
	float: left;
	height: 110px;
	width: 380px;
	position: relative;
}

.btGreenOption9 {
	background-color: #1E641E;
	float: left;
	height: 110px;
	width: 380px;
	position: relative;
}

.btBlackInOptions {
	background-image: url('TDE/images/Text_Banner.png');
	background-position: -6px;
	background-repeat: no-repeat;
	background-size: 285px 62px;
	cursor: pointer;
	float: left;
	height: 52px;
	line-height: 52px;
	margin-top: 30px;
	padding: 0 0 0 15px;
	text-align: left;
	width: 285px;
	position: absolute;
	z-index: 20;
}

	.btBlackInOptions a {
		font-size: 12pt;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
		width: 225px;
		overflow-wrap: break-word;
		vertical-align: middle;
		display: inline;
	}

	.btBlackInOptions:hover {
		background-image: url('TDE/images/Text_Banner_gruen.png');
		color: #000000;
	}

	.btBlackInOptions img {
		margin: 18px 28px 0 0;
		float: right;
	}

	.btBlackInOptions div {
		display: table;
		float: left;
		height: 43px;
		line-height: 18px;
		margin-top: 5px;
		width: 215px;
	}

		.btBlackInOptions div p {
			display: table-cell;
			vertical-align: middle;
		}

/*#endregion*/

/*#region Logout button */
.btLogout {
	background-color: #000000;
	background-image: url('TDE/images/X_clear_weiss.png');
	background-position: 74px;
	background-size: 10px;
	background-repeat: no-repeat;
	cursor: pointer;
	float: right;
	/*height: 22px;
	line-height: 22px;*/
	height: 15px;
	line-height: 15px;
	padding: 0 16px;
	width: 96px;
}

	.btLogout a {
		color: #ffffff;
		display: block;
	}

	.btLogout:hover {
		background-image: url('TDE/images/X_clear_grau.png');
	}


/*#endregion*/

/*#region Logo */
#containerLogo {
	position: relative;
	float: left;
	height: 22px;
	width: 190px;
}

#logo {
	background: url("TDE/images/LOGO-main_normal.png") no-repeat center;
	display: block;
	float: left;
	height: 135px;
	margin: 0 0 0 10%;
	min-width: 155px;
	position: absolute;
	top: 0;
	z-index: 105;
}

	#logo:hover {
		background: url("TDE/images/LOGO-main_over.png") no-repeat center;
	}
/*#endregion*/

/*#region Navigation top line */
#blackTitle {
	color: #ffffff;
	float: left;
	/*height: 22px;
	line-height: 22px;*/
	height: 15px;
	line-height: 15px;
	padding-left: 25px;
}

#NavBlackGrey {
	/*height: 22px;*/
	height: 15px;
	vertical-align: top;
	width: 1000px;
}

#NavTop {
	float: right;
	/*height: 48px;*/
	height: 42px;
	width: 1000px;
}

/*#region Special Elements */
.newsSpan {
	vertical-align: top;
}

.newsImg {
	margin-top: -7px;
	height: 25px;
	width: 24px;
}

.newsText {
	color: #fff;
	font-weight: bold;
	margin: 0 15px 0 -18px;
	vertical-align: top;
}
/*#endregion*/

/*#endregion*/

/*#region Navigation grey menu */
#greyButtons {
	height: 25px;
	width: 1000px;
}

	#greyButtons > ul {
		border: 0;
		background-color: #6e6e6e;
	}

	#greyButtons .dxmLite .dxm-main {
		border: 0 !important;
		background-color: #6e6e6e !important;
		padding: 0 !important;
	}

	#greyButtons .dxm-spacing {
		width: 0px !important;
		min-width: 0px !important;
		height: 0px !important;
	}

	#greyButtons .dxm-main li.dxm-item {
		float: inherit !important;
		display: inherit !important;
		background-color: #6e6e6e !important;
		background-image: url('TDE/images/pfeil_S_schwarz.png');
		background-position: 6px;
		background-repeat: no-repeat;
		border: 0;
		color: #ffffff;
		cursor: pointer;
		line-height: 25px;
		height: 25px;
		padding: 3px 20px 0 18px;
		text-transform: uppercase;
		font-size: 8pt !important;
		font-family: Arial !important;
	}

		#greyButtons .dxm-main li.dxm-item:hover {
			background-color: #000000 !important;
			background-image: url('TDE/images/dropdown_grau.png') !important;
			color: #ffffff !important;
		}

		#greyButtons .dxm-main li.dxm-item.dxm-selected {
			background-color: #000000 !important;
			background-image: url('TDE/images/dropdown_grau.png') !important;
			color: #ffffff !important;
		}

		#greyButtons .dxm-main li.dxm-item a {
			color: #ffffff !important;
		}

		#greyButtons .dxm-main li.dxm-item:hover a {
			color: #ffffff !important;
		}

	#greyButtons .dxm-shadow li.dxm-item {
		float: inherit !important;
		display: inherit !important;
		background-color: #8c8c8c !important;
		background-image: url('TDE/images/pfeil_S_schwarz.png');
		background-position: 6px;
		background-repeat: no-repeat;
		border: 0;
		color: #ffffff;
		cursor: pointer;
		line-height: 25px;
		height: 26px;
		padding-left: 18px;
		text-transform: uppercase;
		font-size: 8pt !important;
		font-family: Arial !important;
	}

		#greyButtons .dxm-shadow li.dxm-item:hover {
			float: inherit !important;
			display: inherit !important;
			background-color: #5a5a5a !important;
			background-image: url('TDE/images/dropdown_grau.png');
			background-position: 6px;
			background-repeat: no-repeat;
			border: 0;
			color: #ffffff;
			cursor: pointer;
			line-height: 25px;
			height: 26px;
			padding-left: 18px;
			text-transform: uppercase;
			font-size: 8pt !important;
			font-family: Arial !important;
		}

		#greyButtons .dxm-shadow li.dxm-item a {
			color: #ffffff !important;
		}
/*#endregion*/

/*#region Navigation green menu */
#NavMiddle {
	float: right;
	height: 35px;
	padding-top: 0px;
	width: 1000px;
}

	#NavMiddle > ul {
		border: 0;
		background-color: #56BA48;
	}

	#NavMiddle .dxmLite .dxm-main {
		border: 0 !important;
		background-color: #56BA48 !important;
		padding: 0 !important;
	}

	#NavMiddle .dxm-spacing {
		width: 0px !important;
		min-width: 0px !important;
		height: 0px !important;
	}

	#NavMiddle .dxm-main li.dxm-item {
		float: inherit !important;
		display: inherit !important;
		background-color: #56BA48 !important;
		background-image: url('TDE/images/pfeil_S_gruen_dunkel.png');
		background-position: 4px;
		background-repeat: no-repeat;
		border: 0;
		border-left: 1px solid white;
		color: #ffffff;
		cursor: pointer;
		height: 35px;
		line-height: 35px;
		padding: 7px 0 0 10px;
		text-transform: uppercase;
		/*width: 166px !important;*/
		font-weight: bold !important;
		font-size: 8pt !important;
		font-family: Arial !important;
	}

		#NavMiddle .dxm-main li.dxm-item:hover {
			background-color: #000000 !important;
			background-image: url('TDE/images/dropdown_grau.png') !important;
			color: #ffffff !important;
		}

		#NavMiddle .dxm-main li.dxm-item.dxm-selected {
			background-color: #000000 !important;
			background-image: url('TDE/images/dropdown_grau.png') !important;
			color: #ffffff !important;
		}

	#NavMiddle .dxm-main ul > li {
		position: relative;
	}

	#NavMiddle .dxm-main li.dxm-item a {
		color: #ffffff !important;
	}

	#NavMiddle .dxm-main li.dxm-item:hover a {
		color: #ffffff !important;
	}

	#NavMiddle .dxm-shadow li.dxm-item {
		float: inherit !important;
		display: inherit !important;
		background-color: #8c8c8c !important;
		border: 0 !important;
		border-left: 1px solid white !important;
		color: #ffffff !important;
		cursor: pointer !important;
		padding-left: 18px !important;
		text-transform: uppercase !important;
		font-size: 8pt !important;
		font-family: Arial !important;
	}

		#NavMiddle .dxm-shadow li.dxm-item:hover {
			background-color: #5a5a5a !important;
			font-weight: bold !important;
		}

		#NavMiddle .dxm-shadow li.dxm-item a {
			color: #ffffff !important;
		}

	#NavMiddle .dxm-main ul > li img {
		position: absolute;
		right: 10px;
		top: 4px;
	}
	/*#region Specific Items */
	#NavMiddle .dxm-main li.dxm-item.menu_AccessoryShop {
		width: 112px !important;
	}

		#NavMiddle .dxm-main li.dxm-item.menu_AccessoryShop img {
			position: absolute;
			right: 10px;
			top: 4px !important;
		}

	#NavMiddle .dxm-main li.dxm-item.menu_TyreShop {
		width: 95px !important;
	}

	#NavMiddle .dxm-main li.dxm-item.menu_Config {
		width: 151px !important;
	}

	#NavMiddle .dxm-main li.dxm-item.menu_CampingShop {
		width: 130px !important;
	}

	#NavMiddle .dxm-main li.dxm-item.menu_PartsShop {
		width: 128px !important;
	}

		#NavMiddle .dxm-main li.dxm-item.menu_PartsShop img {
			position: absolute;
			right: 10px;
			top: 7px !important;
		}

	#NavMiddle .dxm-main li.dxm-item.menu_TecarShop {
		width: 120px !important;
	}

	#NavMiddle .dxm-main li.dxm-item.menu_OfficeShop {
		width: 108px !important;
	}

	#NavMiddle .dxm-main li.dxm-item.menu_ContactUs {
		width: 120px !important;
		background-color: #F206D5 !important;
	}

		#NavMiddle .dxm-main li.dxm-item.menu_ContactUs img {
			position: absolute;
			right: 10px;
			top: 2px !important;
		}
/*#endregion*/
/*#endregion*/

/*#region Navigation bottom line */
.NavBottom {
	float: right;
	height: 26px;
	line-height: 25px;
	padding: 2px 15px 2px 0;
	vertical-align: top;
	width: max-content;
}

.NavBottomInactive {
}

	.NavBottomInactive > ul > li > img {
		margin: 0 8px 0 8px;
	}

	.NavBottomInactive > a {
		color: #e9e9e9;
		font-weight: bold;
		text-decoration: none;
	}

		.NavBottomInactive > a:hover {
			color: #000000;
		}

.NavBottomActive {
}

	.NavBottomActive > ul > li > img {
		margin: 0 8px 0 8px;
	}

.NavBottomActiveWhite > a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.NavBottomActivePink > a {
	color: #5A005A;
	font-weight: bold;
	text-decoration: none;
}

	.NavBottomActiveWhite > a:hover, .NavBottomActivePink > a:hover, .NavBottomOrderBasket > a:hover {
		color: #F206D5;
	}

.NavBottomBasketPosCnt {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 15px 0 -18px;
}

.NavBottomBasketPosCnt2 {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 15px 0 -21px;
}

.NavBottomOrderBasket {
	background: url("TDE/images/WARENKORB_pink.png") no-repeat center right;
	width: 220px;
}

	.NavBottomOrderBasket > a {
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}

	.NavBottomOrderBasket:hover {
		background-image: url("TDE/images/pfeil_M_weiss.png");
		background-size: 20px;
	}
/*#endregion*/

/*#region search elements */
.search {
	background-color: #5A5A5A !important;
	color: #ffffff !important;
	width: 1140px !important;
	z-index: 50 !important;
	position: absolute;
}

.search_list {
	margin-top: 10px !important;
	padding: 15px 0 15px 0 !important;
	height: 60px !important;
}

.search_list_spacer {
	margin-top: 5px !important;
	float: left !important;
}

.search_list_reset {
	background-image: url('TDE/images/X_clear_grau.png') !important;
	background-position: 8px 9px !important;
	background-repeat: no-repeat !important;
	cursor: pointer !important;
	font-size: 12px !important;
	font-weight: bold !important;
	height: 100% !important;
	line-height: 35px !important;
	padding-left: 40px !important;
	margin-left: 20px !important;
	vertical-align: top !important;
	float: left !important;
	text-transform: uppercase !important;
	color: #A0A0A0 !important;
}

	.search_list_reset a {
		height: inherit !important;
		background-color: #5A5A5A !important;
		color: #A0A0A0 !important;
		font-size: 12px !important;
		font-weight: bold !important;
		width: 100% !important;
		text-align: left;
	}

	.search_list_reset:hover {
		background-image: url('TDE/images/X_clear_gruen.png') !important;
		color: #00FF00 !important;
		text-decoration: none !important;
	}

	.search_list_reset a:hover {
		color: #00FF00 !important;
		text-decoration: none !important;
	}

.search_start {
	bottom: 245px !important;
	border-top: 4px solid #00ff00 !important;
	height: 35px !important;
	margin: 0 auto !important;
}

.search-gear {
	float: left !important;
	font-size: 20px;
	padding: 5px 10px 0px 20px;
	cursor: pointer;
}

.search-gear-inactive {
	float: left !important;
	padding: 5px 10px 0px 20px;
	width: 20px;
}

.searchLabel {
	background-image: url('TDE/images/search_weiss.png') !important;
	background-repeat: no-repeat !important;
	background-size: 22px !important;
	float: left !important;
	font-size: 12px !important;
	font-weight: bold !important;
	display: inline-block !important;
	height: 100% !important;
	line-height: 35px !important;
	vertical-align: top !important;
}

.searchLabel_start {
	background-position: 145px 5px !important;
	width: 180px !important;
	padding-left: 15px !important;
}

.searchLabel_list {
	background-position: 165px 5px !important;
	width: 200px !important;
	text-align: right !important;
	padding-right: 50px !important;
}

.searchInput {
	background-image: url('TDE/images/pfeil_S_grau.png') !important;
	background-position: 14px 15px !important;
	background-repeat: no-repeat !important;
	border: 0 !important;
	font-size: 13px !important;
	font-weight: bold !important;
	float: left !important;
	width: 520px !important;
	height: 100% !important;
	padding: 4px 0 0 30px !important;
	text-transform: uppercase !important;
}

	.searchInput:-webkit-input-placeholder {
		font-size: 8px !important;
		font-weight: bold !important;
		padding: 3px 0 0 0 !important;
	}

	.searchInput:-moz-placeholder {
		font-size: 8px !important;
		font-weight: bold !important;
		padding: 2px 0 0 0 !important;
	}

	.searchInput::-moz-placeholder {
		font-size: 8px !important;
		font-weight: bold !important;
		padding: 2px 0 0 0 !important;
	}

	.searchInput:-ms-input-placeholder {
		font-size: 8px !important;
		font-weight: bold !important;
	}

.searchButton {
	background-image: url('TDE/images/pfeil_M_weiss.png') !important;
	background-position: 8px 9px !important;
	background-repeat: no-repeat !important;
	cursor: pointer !important;
	float: left !important;
	font-size: 12px !important;
	font-weight: bold !important;
	height: 100% !important;
	line-height: 35px !important;
	padding-left: 40px !important;
	vertical-align: top !important;
}

.searchButton_start {
	width: 380px !important;
}

.searchButton_list {
	width: 150px !important;
}

.searchButton_start:hover {
	background-color: #1e641e !important;
	background-image: url('TDE/images/pfeil_M_gruen_hell.png') !important;
	color: #00FF00 !important;
}

.searchButton_list:hover {
	background-color: transparent !important;
	background-image: url('TDE/images/pfeil_M_gruen_hell.png') !important;
	color: #00FF00 !important;
}

.searchButton_start:active {
	background-color: #000000 !important;
	background-image: url('TDE/images/X_clear_gruen.png') !important;
	color: #00FF00 !important;
}

.searchButton_list:active {
	background-image: url('TDE/images/X_clear_gruen.png') !important;
	color: #00FF00 !important;
}

.searchButton input {
	height: inherit !important;
	background-color: #5A5A5A !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: bold !important;
	width: 100% !important;
	text-align: left !important;
}

.searchButton_start input:hover {
	background-color: #1e641e !important;
	color: #00FF00 !important;
}

.searchButton_list input:hover {
	color: #00FF00 !important;
}

.productSearchOver {
	background-color: #1E641E !important;
	background-image: url('TDE/images/search_gruen.png') !important;
	background-position: 145px 5px !important;
	background-repeat: no-repeat !important;
	background-size: 22px !important;
	color: #00ff00 !important;
	float: left !important;
	font-size: 12px !important;
	font-weight: bold !important;
	height: 100% !important;
	line-height: 35px !important;
	padding-left: 15px !important;
	vertical-align: top !important;
	width: 180px !important;
}
/*#endregion*/

/*#region FactFinder */
/*#region Suggest elements */
.suggestLayer {
	position: absolute;
	width: 580px;
	display: none;
	padding: 0;
	margin: 0;
	background-color: white;
}

.suggestLayer_start {
	top: 31px;
	left: 180px;
}

.suggestLayer_list {
	top: 45px;
	left: 250px;
}

ul.suggestLayerList, ul.suggestLayerBlock {
	list-style: none;
	color: #58585a;
	font-size: 11px;
	background-color: white;
	cursor: pointer;
	padding: 0px;
}

	ul.suggestLayerList li, ul.suggestLayerBlock li {
		list-style: none;
		display: block;
	}

li.suggestHeader {
	color: #b0b1b3;
	font-weight: normal;
	font-size: 10px;
	border-bottom: 1px solid #d7d7d7;
	padding: 3px 10px 3px 5px;
	background-repeat: no-repeat;
	background-position: 98%;
}

li.suggestRow {
	padding: 6px;
	width: 580px;
}

li.suggestRow_category {
	background-color: #F5F5F5;
}

li.suggestRow_brand {
	background-color: #E9E9E9;
}

li.suggestRow_Lieferant {
	background-color: #E9E9E9;
}

li.suggestRow_productName {
	background-color: #FFFFFF;
}

li.suggestRowWithImage {
	height: 40px;
	line-height: 40px;
}

li.suggestHighlight {
	background-color: #F3FCC8;
}

li.suggestHighlight_category {
	background-color: #9B9B9B;
	color: #FFFFFF;
}

li.suggestHighlight_brand {
	background-color: #8C007D;
	color: #FFFFFF;
}

li.suggestHighlight_Lieferant {
	background-color: #8C007D;
	color: #FFFFFF;
}

li.suggestHighlight_productName {
	background-color: #00FF00;
	color: #000000;
}


span.suggestTextQuery {
	font-size: 10px;
	font-style: italic;
	text-transform: uppercase;
}

span.suggestTextQuery_standard {
	color: #5A5A5A;
}

span.suggestTextQuery_highlighted_category {
	color: #FFFFFF;
}

span.suggestTextQuery_highlighted_brand {
	color: #FFFFFF;
}

span.suggestTextQuery_highlighted_Lieferant {
	color: #FFFFFF;
}

span.suggestTextQuery_highlighted_productName {
	color: #000000;
}

span.suggestTextQueryTyped {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

span.suggestTextQueryTyped_standard {
	color: #000000;
}

span.suggestTextQueryTyped_highlighted_category {
	color: #FFFFFF;
}

span.suggestTextQueryTyped_highlighted_brand {
	color: #FFFFFF;
}

span.suggestTextQueryTyped_highlighted_Lieferant {
	color: #FFFFFF;
}

span.suggestTextQueryTyped_highlighted_productName {
	color: #000000;
}

span.suggestTextType {
	float: right;
	padding-left: 20px;
	font-size: 10px;
}

span.suggestTextAmount {
	float: right;
	padding-left: 10px;
	font-size: 10px;
	text-align: right;
	width: 90px;
}

span.suggestParentCategory {
	color: #b0b1b3;
	font-size: 10px;
	padding-left: 10px;
}


span.suggestImage {
	padding-right: 20px;
	height: 40px;
	float: left;
}

	span.suggestImage img {
		max-height: 40px;
		max-width: 120px;
	}

ul.suggestLayerBlock li.suggestHeader {
	background-image: none;
}

	ul.suggestLayerBlock li.suggestHeader:first-child {
		background-repeat: no-repeat;
		background-position: 98%;
	}
/*#endregion*/

/*#region ASN elements */
#asnColumn {
	padding: 0px 10px 10px 0px;
}

* html #asnColumn {
}

#asnColumnCategories {
	padding: 0px 10px 0px 0px;
	margin-bottom: 20px !important;
}

* html #asnColumnCategories {
	width: auto;
}

#asnColumn.asnHintDE {
}

#asnColumn.asnHintEN {
}

div.asnGroup p.asnElement {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

	div.asnGroup p.asnElement span {
		color: black;
	}

div.asnGroup p.lvl1 {
	margin-left: 12px;
}

div.asnGroup p.lvl2 {
	margin-left: 25px;
}

div.asnGroup p.lvl3 {
	margin-left: 35px;
}

div.asnGroup p.selected {
}

	div.asnGroup p.selected a {
		color: black !important;
		text-decoration: none !important;
	}

		div.asnGroup p.selected a span {
			color: black !important;
			text-decoration: none !important;
		}

		div.asnGroup p.selected a img {
			float: right !important;
		}

div.asnGroup select {
	margin-top: 5px;
	width: 155px;
	color: #173452;
	font-family: Arial;
	font-size: 11px;
	border: 1px solid #5C7997;
}

div.asnGroup {
}

	div.asnGroup h3 {
		font-family: Arial !important;
		font-size: 10pt !important;
		color: black !important;
		font-weight: bold !important;
		border-bottom: none !important;
		padding: 0px !important;
		margin-top: 10px !important;
		margin-bottom: 5px !important;
		text-transform: uppercase !important;
	}

		div.asnGroup h3 span {
			font-family: Arial !important;
			font-size: 10pt !important;
			font-weight: bold !important;
			color: black !important;
			border-bottom: none !important;
			padding: 0px !important;
			margin-top: 10px !important;
			margin-bottom: 0px !important;
			text-transform: uppercase !important;
		}

div.asnElement p a {
	text-decoration: none !important;
}

#filterBox {
	padding: 0 20px 0 20px !important;
	height: 22px !important;
	line-height: 22px !important;
	background-color: #5a5a5a !important;
	background-image: url('TDE/images/FILTER_S_weiss.png') !important;
	background-repeat: no-repeat !important;
	background-position-x: 175px !important;
	background-position-y: center !important;
	background-position: 175px center;
	color: #FFFFFF !important;
	font-weight: bold !important;
	font-size: 10pt !important;
	font-family: Arial !important;
}

	#filterBox.filtered:hover {
		color: #000000 !important;
		background-color: #00FF00 !important;
		background-image: url('TDE/images/Filter_Zuruecksetzen_schwarz.png') !important;
		cursor: pointer !important;
	}

.searchBottonButton {
	padding: 0px 10px 0px 20px !important;
	height: 22px !important;
	line-height: 22px !important;
	background-color: #5A5A5A !important;
}

.searchBottonButtonHover {
	padding: 0px 10px 0px 20px !important;
	height: 22px !important;
	line-height: 22px !important;
	background-color: #00FF00 !important;
	color: #000000 !important;
	cursor: pointer;
}

.searchBottonButtonText {
	float: left !important;
	color: #FFFFFF !important;
	font-weight: bold;
	font-size: 10pt;
	font-family: Arial !important;
	padding-top: 1px;
}

.searchBottonButtonImage {
	float: right !important;
}

.dxpcDropDown_Techno {
	z-index: 100;
}

.trackValueText {
	font-weight: bold !important;
	color: #000 !important;
	font-size: 8pt !important;
	padding-top: 3px !important;
}

.dxeButtonEdit_Techno.combobox_asn_more {
	background-color: #50AF32 !important;
	border: none !important;
}

	.dxeButtonEdit_Techno.combobox_asn_more input {
		color: #FFFFFF !important;
		background-color: #50AF32 !important;
		font-weight: bold !important;
	}
/*#endregion*/

/*#region Scaled Prices */
.scaledPriceLayer {
	background-color: #000000;
	font: 8pt Arial;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/*z-index: 1000;*/
	-webkit-box-shadow: 3px 3px 3px #EEEEEE;
	-moz-box-shadow: 3px 3px 3px #EEEEEE;
	box-shadow: 3px 3px 3px #EEEEEE;
	z-index: 1000;
}
/*#endregion*/
/*#endregion*/

/*#region DevExpress Styles */
/*#region misc. */
div.asnGroup p.asnElement span {
	font-size: 8pt !important;
	font-family: Arial !important;
	color: black !important;
	text-decoration: none !important;
}

.dxeBase label {
	font: caption !important;
	font-family: Arial !important;
	font-size: 8pt !important;
	font-weight: bold !important;
}

.dxichCellSys {
	padding: 3px 0px 1px !important;
	text-align: right !important;
}

table.dxeBase.dxeTAL {
	width: 100% !important;
}
/*#endregion*/

/*#region TreeView */
.dxtvControl_Techno {
	color: Black !important;
	font: caption !important;
	font-family: Arial !important;
	font-size: 10pt !important;
	float: left !important;
	background: #6E6E6E !important;
	width: 100% !important;
}

	.dxtvControl_Techno .dxtv-nd {
		font: caption !important;
		font-family: Arial !important;
		font-size: 8pt !important;
		white-space: nowrap !important;
	}

.dxtv-nd .dxtv-ndSel {
	background: Lime !important;
	color: #6E6E6E !important;
}

.dxtv-subnd li {
	padding: 0 0px 0 0px !important;
}

li.dxtv-subnd .dxtv-nd {
	background-color: #e9e9e9 !important;
	color: #6e6e6e !important;
}

li.dxtv-subnd .dxtv-ndSel {
	background-color: #00FF00 !important;
	color: #6e6e6e !important;
}

.dxtvControl_Techno .dxtv-ndHov {
	background: #ffffff !important;
	color: #6E6E6E !important;
}

.dxtvControl_Techno li {
	float: none;
	display: block;
}

.dxtvControl_Techno .dxtv-subnd {
	margin-left: 0px !important;
	background-color: #e9e9e9 !important;
	padding-left: 8px !important;
}

.addBackGroundExpandedParent {
	background: #E9E9E9 !important;
}

.addBackGroundExpandedNode {
	background: #E9E9E9 !important;
	color: #6E6E6E !important;
}
/*#endregion*/

/*#region DropDown */
.dxeDropDownWindow_Techno {
	background-color: #6e6e6e !important;
	border: 1px Solid black !important;
}
/*#endregion*/

/*#region Checkox */
.dxWeb_edtCheckBoxUnchecked {
	width: 22px !important;
	height: 22px !important;
	background: none !important;
}

.checkBoxFactFinder {
	background-color: #e9e9e9 !important;
	width: 22px !important;
	height: 22px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.dxeButtonEdit_Techno {
	height: 22px !important;
	background-color: #FFFFFF !important;
	border: 1px solid #CCC !important;
}

	.dxeButtonEdit_Techno .dxeEditArea_Techno {
		background-color: #FFFFFF !important;
	}

.dxichTextCellSys {
	padding: 2px 0px 1px !important;
	text-align: left !important;
	font-size: 8pt !important;
	font-family: Arial !important;
	color: black !important;
	font-weight: normal !important;
}

.dxeListBoxItem_Techno {
	font: 8pt Arial !important;
	border-style: solid !important;
	border-width: 0.1em !important;
	border-color: black !important;
}
/*#endregion*/

/*#region TrackBar */
.dxeTrackBar_Techno {
	font: 10px Arial !important;
	user-select: none !important;
	-moz-user-select: -moz-none !important;
	-khtml-user-select: none !important;
	-webkit-user-select: none !important;
}

.dxeTBTrack_Techno {
	height: 4px !important;
	z-index: 2 !important;
	position: absolute !important;
	background-color: #A0A0A0 !important;
	background-image: url('../../../images/design_elements_techno/Regler_inaktiv.png') !important;
	border-style: none !important;
}

.dxeTrackBar_Techno.dxeTBHSys {
	height: 35px !important;
}

.dxeTBRBLabel_Techno, .dxeTBLTLabel_Techno, .dxeTBItem_Techno {
	color: #5A5A5A !important;
}

.dxeTBSelectedItem_Techno .dxeTBRBLabel_Techno,
.dxeTBSelectedItem_Techno .dxeTBLTLabel_Techno,
.dxeTBSelectedTick_Techno .dxeTBRBLabel_Techno,
.dxeTBSelectedTick_Techno .dxeTBLTLabel_Techno {
	color: #50AF32 !important;
}

.dxeTBValueToolTip_Techno {
	font: 10px Arial !important;
}

.dxeTBValueToolTip_Techno {
	padding: 3px 8px 4px 8px !important;
	display: inline !important;
	position: absolute !important;
	z-index: 41998 !important;
	border: 0px !important;
	background: #50AF32 !important;
	color: White !important;
}

.dxeTBTrack_Techno .dxeTBBarHighlight_Techno {
	height: 4px !important;
	background-image: url('../images/design_elements_techno/Regler_aktiv.png') !important;
}

.dxeTBHSys .dxEditors_edtTBSecondaryDH_Techno {
	background-image: url('../images/design_elements_techno/Regler_ARROW_right.png') !important;
	background-repeat: no-repeat !important;
	background-position: right 0px !important;
	background-size: 12px 10px !important;
}

.dxeTBHSys .dxEditors_edtTBMainDH_Techno {
	background-image: url('../images/design_elements_techno/Regler_ARROW_left.png') !important;
	background-repeat: no-repeat !important;
	background-position: left 0px !important;
	background-size: 12px 10px !important;
}
/*#endregion*/

/*#region Image Gallery */
.dxisControl_Techno .galleryItem {
	position: relative !important;
}

.dxisControl_Techno .galleryImage {
	vertical-align: middle !important;
	display: block !important;
	margin: auto !important;
	max-height: 190px;
}

.dxisControl_Techno .galleryMiniImage {
	max-height: 45px;
}

.dxisControl_Techno .galleryDocument {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.dxisControl_Techno .galleryDocumenText span {
	display: block !important;
	font: 12px Arial !important;
	color: #000000 !important;
	font-weight: bold !important;
	text-decoration: underline !important;
}

	.dxisControl_Techno .galleryDocumenText span:hover {
		display: block !important;
		font: 12px Arial !important;
		color: #00FF00 !important;
		font-weight: bold !important;
		text-decoration: underline !important;
		cursor: pointer !important;
	}

.dxisControl_Techno .galleryItemDownload {
	margin-top: 20px !important;
	text-align: center !important;
}

.dxisControl_Techno .galleryDocumenClick {
	display: block !important;
	margin-top: 10px !important;
}

	.dxisControl_Techno .galleryDocumenClick img {
		margin-right: 10px !important;
	}

	.dxisControl_Techno .galleryDocumenClick span {
		color: #bbb !important;
		text-decoration: none !important;
	}

.dxisControl_Techno .galleryNavigation {
	padding: 5px !important;
	text-align: center !important;
}

.dxisControl_Techno .dxis-nbItem .dxis-nbHoverItem {
	border: 0px !important;
}

.dxisControl_Techno .galleryNavigationHeader {
	color: #bbb !important;
	text-decoration: none !important;
	padding-top: 5px !important;
	padding-left: 5px !important;
}

.dxisControl_Techno > .dxis-passePartout {
	background-color: transparent !important;
}

.dxisControl_Techno .dxis-prevBtnHorWrapper {
	background-color: transparent !important;
}

.dxisControl_Techno .dxis-nextBtnHorWrapper {
	background-color: transparent !important;
}
/*#endregion*/

/*#region ImageZoom */
.dxizControl_Techno {
	display: block !important;
}
/*#endregion*/

/*#region Calendar */
.dxeCalendar_Techno {
	border: 1px solid #000000 !important;
}

.dxeCalendarHeader_Techno {
	background-color: #bce8a6 !important;
	border-bottom: 1px solid #000000 !important;
	color: #4f5158 !important;
	font-family: Arial,sans-serif !important;
	font-size: 9pt !important;
	font-weight: bold !important;
}

	.dxeCalendarHeader_Techno td.dxe {
		color: #4f5158 !important;
	}

.dxeCalendarFooter_Techno, .dxeCalendarFastNavFooter_Techno {
	background: #bce8a6 !important;
	color: #4f5158 !important;
	border-top: 1px solid #000000 !important;
	font-family: Arial,sans-serif !important;
	font-size: 9pt !important;
	font-weight: bold !important;
}

.dxEditors_edtCalendarPrevMonth_Techno {
	background-image: url('TDE/images/prev_month.png') !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	width: 10px !important;
	height: 7px !important;
}

.dxEditors_edtCalendarPrevYear_Techno {
	background-image: url('TDE/images/prev_year.png') !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	width: 10px !important;
	height: 7px !important;
}

.dxEditors_edtCalendarNextMonth_Techno {
	background-image: url('TDE/images/next_month.png') !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	width: 10px !important;
	height: 7px !important;
}

.dxEditors_edtCalendarNextYear_Techno {
	background-image: url('TDE/images/next_year.png') !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	width: 10px !important;
	height: 7px !important;
}
/*#endregion*/

/*#endregion*/

/*#region Product Detail */
#modalLayer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #8a8a8a;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	z-index: 1000;
	text-align: center;
	vertical-align: middle;
	display: none;
	right: 0;
	bottom: 0;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#productDetailed {
	position: absolute;
	width: 940px;
	height: 100%;
	margin-top: -50px;
	margin-left: -50px;
	z-index: 1001;
	display: none;
}

#detailedProduct {
	width: 100% !important;
	position: relative !important;
}

	#detailedProduct img.detailedProductCorners {
		position: absolute;
		height: 115px !important;
		width: 115px !important;
		z-index: 1020 !important;
	}

	#detailedProduct img.topLeft {
		top: 0;
		left: 0;
	}

	#detailedProduct img.bottomRight {
		bottom: 5%;
		right: 0;
	}

#detailHeaderMaximized {
	overflow: visible !important;
	background-color: white;
	border: 14px solid #A0A0A0 !important;
	padding: 15px !important;
	padding-bottom: 30px !important;
	width: 100% !important;
	/*height: 95% !important;*/
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 1004 !important;
	display: none;
	-moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
	-webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
	box-shadow: 4px 5px 4px -1px #5a5a5a;
}

	#detailHeaderMaximized .closeMaximized {
		text-align: right !important;
		padding-right: 5px !important;
	}

	#detailHeaderMaximized .downloadMaximized {
		text-align: right !important;
		padding-left: 15px !important;
		padding-top: 15px !important;
		padding-bottom: 10px !important;
		position: absolute !important;
		bottom: 0 !important;
		left: -10px !important;
	}

.downloadMaximized .downloadMaximizedLink {
	display: block !important;
	font: 12px Arial !important;
	color: #000000 !important;
	font-weight: bold !important;
	text-decoration: underline !important;
}

	.downloadMaximized .downloadMaximizedLink:hover {
		display: block !important;
		font: 12px Arial !important;
		color: #00FF00 !important;
		font-weight: bold !important;
		text-decoration: underline !important;
		cursor: pointer !important;
	}

.downloadMaximized .downloadMaximizedClick {
	display: block !important;
	margin-top: 10px !important;
	margin-right: 5px !important;
}

#detailFactFinder {
	overflow: visible !important;
	background-color: white;
	border: 14px solid #A0A0A0 !important;
	padding: 15px !important;
	padding-bottom: 30px !important;
	width: 100% !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	-moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
	-webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
	box-shadow: 4px 5px 4px -1px #5a5a5a;
	z-index: 1003 !important;
}

	#detailFactFinder .detailColumn,
	#detailSearch .detailColumn {
		display: inline-block !important;
		width: 31% !important;
		vertical-align: top !important;
		margin-top: 10px !important;
	}

#detailPropertiesLeft {
	width: 100% !important;
}

	#detailPropertiesLeft td {
		font: 9pt Arial;
		color: #a0a0a0;
	}

#detailPropertiesRigth {
	width: 100% !important;
}

	#detailPropertiesRigth td {
		font: 9pt Arial;
		color: #a0a0a0;
	}

.detailHeaderLine {
	font: 9pt Arial !important;
	font-variant: small-caps !important;
	color: #000000 !important;
	font-weight: bold !important;
	line-height: 2 !important;
}

#detailFactFinder .detailHeader {
	/*word-wrap: break-word !important;
	overflow: hidden !important;
	max-height: 125px !important;*/
	padding-left: 10px;
	padding-right: 10px;
}

#detailFactFinder .detailHeaderName {
	font: 18pt Arial !important;
	font-variant: small-caps !important;
	color: #000000 !important;
	font-weight: bold !important;
}

#detailFactFinder .detailHeaderDescription {
	font: 9pt Arial !important;
	color: #a0a0a0 !important;
}

.imageMaximizedDiv {
	text-align: center !important;
}

.imageMaximized {
	max-width: 100%;
	max-height: 100%;
	height: 390px !important;
}

#modalLayerProductCustom {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #8a8a8a;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	z-index: 1000;
	text-align: center;
	vertical-align: middle;
	display: none;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	position: fixed;
	top: 0;
	left: 0;
}

#productCustomDetailed {
	position: absolute;
	width: 940px;
	height: 100%;
	margin-top: -380px;
	margin-left: -50px;
	z-index: 1001;
	display: none;
}

#detailProductCustom {
	overflow: visible !important;
	background-color: white;
	border: 14px solid #A0A0A0 !important;
	padding: 15px !important;
	padding-bottom: 30px !important;
	width: 100% !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	-moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
	-webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
	box-shadow: 4px 5px 4px -1px #5a5a5a;
	z-index: 1003 !important;
	margin-bottom: 80px;
}

#detailedProductCustom {
	width: 100% !important;
	position: relative !important;
}

	#detailedProductCustom img.detailedProductCorners {
		position: absolute;
		height: 115px !important;
		width: 115px !important;
		z-index: 1020 !important;
	}

	#detailedProductCustom img.topLeft {
		top: 0;
		left: 0;
	}

	#detailedProductCustom img.bottomRight {
		bottom: 5%;
		right: 0;
	}

#productCustomPageControl .dxtc-content {
	min-height: 250px;
}
/*#endregion*/

/*#region Company Import */
#detailedCompanyImport {
	width: 1100px !important;
	height: 550px !important;
	position: absolute !important;
	z-index: 1000;
}

#detailCompanyImportDiv {
	overflow: visible !important;
	border: 14px solid #A0A0A0 !important;
	padding: 15px !important;
	width: 100% !important;
	/*height: 200px !important;*/
	position: absolute !important;
	left: 0 !important;
	background-color: #FFFFFF;
	-moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
	-webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
	box-shadow: 4px 5px 4px -1px #5a5a5a;
}

	#detailCompanyImportDiv::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 45px;
		height: 45px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
	}

	#detailCompanyImportDiv::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 45px;
		height: 45px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
	}

.detailCompanyImportHint {
	margin: 0px;
	padding: 5px;
	background-color: #CCCCCC;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #8C8C8C;
	width: 100%;
	color: #333333;
}

.detailCompanyImportControls {
	padding-top: 15px;
}

.detailCompanyImportCheck {
	padding-top: 10px;
}

	.detailCompanyImportCheck label {
		font-family: Arial !important;
		font-size: 10pt !important;
		vertical-align: super !important;
	}

	.detailCompanyImportCheck input {
		margin-right: 5px !important;
		margin-top: 0px !important;
		display: inline-block !important;
	}

.wibsCompanyUploadFile {
	display: inline-block;
	padding: 5px;
	color: #FFFFFF;
	background-color: #88989F !important;
	border: 1px solid #304147 !important;
	cursor: pointer;
	font-family: Arial !important;
	font-weight: bold !important;
	font-size: 10pt !important;
	width: 500px;
}

.wibsCompanyUploadButton {
	display: inline-block;
	padding: 5px;
	color: #FFFFFF;
	background-color: #88989F !important;
	border: 1px solid #304147 !important;
	cursor: pointer;
	width: 100px;
	margin-top: 10px;
	font-family: Arial !important;
	font-weight: bold !important;
	font-size: 10pt !important;
	height: 33px;
}

	.wibsCompanyUploadButton:hover {
		background-color: #304147 !important;
	}

.wibsCompanyImportBrowse {
	border: 1px solid #304147 !important;
	background-color: #88989F !important;
	font-weight: bold !important;
	font-size: 10pt !important;
}

	.wibsCompanyImportBrowse a {
		color: #FFFFFF !important;
		font-family: Arial !important;
		font-weight: bold !important;
		font-size: 8pt !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
		padding-top: 5px !important;
		padding-bottom: 3px !important;
	}

.wibsCompanyImportProgress {
	border: 1px solid #304147 !important;
}

.wibsCompanyImportProgressIndicator {
	background-color: #304147 !important;
}

.dxucButton_Techno a {
	color: #304147 !important;
	font-weight: bold !important;
	font-size: 10pt !important;
}

.dxTB.dxucTextBox_Techno {
	border: 1px solid #304147 !important;
	border-right-width: 0px !important;
}

.dxCB.dxucTextBox_Techno {
	border: 1px solid #304147 !important;
	border-left-width: 0px !important;
}

#btnExcelCpyImport {
	height: 11px !important;
}

@-moz-document url-prefix() {
	#btnExcelCpyImport {
		height: 13px !important;
	}
}

#btnExcelCpyImport .dx-vam {
	line-height: 4pt;
}

#uploadFileCompanyImport_Cancel {
	display: none;
}
/*#endregion*/

/*#region Company Detail */
#detailedCompany {
	width: 1100px !important;
	height: 550px !important;
	position: absolute !important;
	z-index: 1000;
}

	#detailedCompany img.detailedCompanyCorners {
		position: absolute;
		height: 115px !important;
		width: 115px !important;
		z-index: 11 !important;
	}

	#detailedCompany img.topLeft {
		/*top: 85px;*/
		left: 0;
	}

	#detailedCompany img.bottomRight {
		bottom: 23px;
		right: -58px;
	}

#detailCompanyDiv {
	overflow: visible !important;
	border: 14px solid #A0A0A0 !important;
	padding: 15px !important;
	width: 100% !important;
	height: 470px !important;
	position: absolute !important;
	/*top: 85px !important;*/
	left: 0 !important;
	background-color: #FFFFFF;
	-moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
	-webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
	box-shadow: 4px 5px 4px -1px #5a5a5a;
}

	#detailCompanyDiv .detailHeader {
		word-wrap: break-word !important;
		overflow: visible !important;
		margin-bottom: 15px !important;
	}

	#detailCompanyDiv .detailHeaderName {
		font: 18pt Arial !important;
		font-variant: small-caps !important;
		color: #000000 !important;
		font-weight: bold !important;
	}

	#detailCompanyDiv .detailHeaderDescription {
		font: 18pt Arial !important;
		font-weight: bold !important;
		color: #a0a0a0 !important;
	}

	#detailCompanyDiv .detailColumnFiles {
		display: inline-block !important;
		width: 245px !important;
		height: 120px !important;
		vertical-align: top !important;
		margin-top: 10px !important;
	}

	#detailCompanyDiv .detailColumn {
		display: inline-block !important;
		width: 31% !important;
		vertical-align: top !important;
		margin-top: 10px !important;
	}

	#detailCompanyDiv .detailColumnList {
		display: inline-block !important;
		height: 95% !important;
		max-height: 350px;
		vertical-align: top !important;
		margin: 10px 0 0 20px !important;
		overflow-y: auto !important;
	}

	#detailCompanyDiv .detailColumnListLeft {
		width: 35% !important;
	}

	#detailCompanyDiv .detailColumnListRight {
		width: 30% !important;
	}

	#detailCompanyDiv .detailColumnList::-webkit-scrollbar {
		width: 12px;
	}

	#detailCompanyDiv .detailColumnList::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
	}

	#detailCompanyDiv .detailColumnList::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	}

	#detailCompanyDiv .companyImageDiv {
		border-bottom: 5px solid #a0a0a0;
	}

	#detailCompanyDiv #companyDocumentsText {
		float: left !important;
		padding-top: 14px !important;
		padding-left: 10px !important;
		font: 9pt Arial !important;
		color: #a0a0a0 !important;
	}

	#detailCompanyDiv #companyDocuments img {
		float: right !important;
		padding-top: 10px !important;
	}

	#detailCompanyDiv #companyDocuments .galleryDocumenText span {
		display: block !important;
		font: 12px Arial !important;
		color: #000000 !important;
		font-weight: bold !important;
		text-decoration: underline !important;
	}

		#detailCompanyDiv #companyDocuments .galleryDocumenText span:hover {
			display: block !important;
			font: 12px Arial !important;
			color: #00FF00 !important;
			font-weight: bold !important;
			text-decoration: underline !important;
			cursor: pointer !important;
		}

#companyDetailTabs {
	background-position: 5px 10px;
}

.dxtc-rightIndent {
	border-top: none !important;
	border-bottom: none !important;
}

.dxtc-tab {
	border: none !important;
}

.dxtc-spacer {
	border: none !important;
}

.dxtc-leftIndent {
	border-bottom: none !important;
}
/*#endregion*/

/*#region List */
.dxgvControl_Techno {
	background-color: transparent !important;
}

.dxListHeader {
	background-color: #000 !important;
	border: none !important;
	font-family: Arial, sans-serif !important;
	font-weight: bold !important;
	font-size: 8pt !important;
	text-transform: uppercase !important;
}

.dxListHeaderTable {
	float: right !important;
}

.dxListHeaderLine {
	font-family: Arial !important;
	font-weight: bold !important;
	font-size: 8pt !important;
	vertical-align: middle !important;
	padding-top: 2px !important;
}

.dxgvHeader_Techno, .dxgvHeader_Techno table {
	color: #fff !important;
}

	.dxgvHeader_Techno div.dxgvCommandColumnItem_Techno,
	.dxgvCommandColumn_Techno div.dxgvCommandColumnItem_Techno {
		color: #fff;
		background-color: transparent;
		border: none !important;
		font-family: Arial, sans-serif !important;
		font-weight: bold !important;
		text-transform: uppercase !important;
	}

.dxGridView_gvHeaderSortDown_Techno {
	background-image: url('/images/symbols/triangle_down_orange.gif') !important;
	background-position: center !important;
	width: 7px !important;
	height: 10px !important;
}

.dxGridView_gvHeaderSortUp_Techno {
	background-image: url('/images/symbols/triangle_up_orange.gif') !important;
	background-position: center !important;
	width: 7px !important;
	height: 10px !important;
}

.dxgvFilterRow_Techno {
	background-color: #000 !important;
}

.dxgvDataRow_Techno {
	background-color: #FFFFFF !important;
	color: #4F5158 !important;
	font-family: Arial, sans-serif !important;
	font-size: 9pt !important;
	font-weight: bold !important;
}

	.dxgvDataRow_Techno a {
		color: #4F5158 !important;
	}

.dxgvDataRowAlt_Techno {
	background-color: #EEE !important;
}

.dxgvDataRow_Techno td.dxgv {
	overflow: hidden;
	border-bottom: 0px solid !important;
	border-right: 0px solid !important;
	border-top-width: 0px !important;
	border-left-width: 0px !important;
	padding: 3px 4px 4px !important;
}

.dxgvFilterBar_Techno {
	border-top: none !important;
	background-color: #000000 !important;
}

	.dxgvFilterBar_Techno a {
		color: #FFFFFF !important;
		font-weight: bold !important;
	}

	.dxgvFilterBar_Techno .dxGridView_gvFilterRowButton_Techno {
		background-image: url('../../../images/design_elements_techno/FILTER_S_weiss.png') !important;
		background-position: center !important;
		width: 18px !important;
		height: 18px !important;
		margin-right: 5px !important;
	}

.dxgvTable_Techno .dxeTextBox_Techno {
	background-color: #FFF !important;
	border: 1px Solid #CCC !important;
	font-family: Arial !important;
	font-weight: bold !important;
	font-size: 8pt !important;
}

.dxeButtonEditButton_Techno {
	background-color: #FFF !important;
}

.dxgvFilterRow_Techno .dxGridView_gvFilterRowButton_Techno {
	background-image: url('../../../images/design_elements_techno/FILTER_S_weiss.png') !important;
	background-position: center !important;
	width: 18px !important;
	height: 18px !important;
	margin: 5px !important;
}

.dxgvFilterRow_Techno .dxeEditArea_Techno {
	background: transparent !important;
}

.dxgvFilterRow_Techno .dxeButtonEditButton_Techno {
	background-color: transparent !important;
}

.dxgvEmptyDataRow_Techno {
	padding: 5px !important;
	background-color: #BCE8A6 !important;
	font-family: Arial, sans-serif !important;
	font-size: 8pt !important;
	font-weight: normal !important;
	border: 1px solid #CCCCCC !important;
	margin-top: 5px !important;
	color: #4F5158 !important;
}

.comboBoxPageSize {
	background: transparent !important;
	border: none !important;
}

	.comboBoxPageSize .dxeEditArea_Techno {
		background: transparent !important;
	}

	.comboBoxPageSize .dxeButtonEditButton_Techno {
		background-color: transparent !important;
	}

#comboBoxPageSize {
	background: transparent !important;
}

	#comboBoxPageSize .dxeEditArea_Techno {
		background: transparent !important;
	}

	#comboBoxPageSize .dxeButtonEditButton_Techno {
		background-color: transparent !important;
	}

#comboBoxPageSizeDown {
	background: transparent !important;
}

	#comboBoxPageSizeDown .dxeEditArea_Techno {
		background: transparent !important;
	}

	#comboBoxPageSizeDown .dxeButtonEditButton_Techno {
		background-color: transparent !important;
	}

.pagerCombo {
	padding-top: 0px !important;
	padding-right: 25px !important;
	padding-left: 25px !important;
}

	.pagerCombo td label {
		font-family: Arial !important;
		font-size: 8pt !important;
	}

.dxizControl_Techno {
	display: block !important;
}

.dxListTechnoHover {
	background-color: #A9A9A9 !important;
	cursor: pointer;
}
/*#endregion*/

/*#region Select Company */
#cboCompanySelect {
	background: transparent !important;
	font: 9px Arial,Helvetica,sans-serif !important;
	color: #000000 !important;
	font-weight: normal !important;
	border: none !important;
}

	#cboCompanySelect img {
		max-width: none !important;
	}

.cboCompanySelect .dxeEditArea_Techno {
	background: #000000 !important;
	color: #FFFFFF !important;
}


#cboCompanySelect .dxeButtonEditButton_Techno {
	padding: 0 3px 2px 2px !important;
	background-color: #000000 !important;
	background: none !important;
}

.cboCompanySelectCaption {
	font: 9px Arial,Helvetica,sans-serif !important;
	color: #FFFFFF !important;
	font-weight: normal !important;
}

#blackTitle .dxeCaptionCell_Techno.dxeCaptionVATSys.dxeTextEditCTypeSys {
	padding-top: 0px !important;
}

#blackTitle .dxeButtonEdit_Techno {
	height: 15px !important;
}

#blackTitle .dxeButtonEditSys td.dxic {
	padding: 0px 0px 0px 0px !important;
	overflow: hidden;
}
/*#endregion*/

/*#region TyreShop Search */
.search_tyres {
	z-index: 50;
	position: absolute;
	bottom: 245px;
	border-top: 4px solid #0f0;
	height: 33px;
	margin: 0 auto;
	color: #fff;
	width: 1140px;
	font-family: Arial;
}

.search_tyres_left {
	cursor: pointer;
	height: 29px;
	line-height: 29px;
	width: 59px;
	background-repeat: no-repeat;
	z-index: 61;
	position: relative;
	text-align: center;
}

.search_tyres_left_back {
	background-image: url('TDE/images/SEARCH_left.png');
}

.search_tyres_span {
}

.search_tyres_left_hover {
	background-image: url('TDE/images/SEARCH-left_hover.png');
}

.search_tyres_left img {
	/*padding-left: 5px;*/
}

.search_tyres_rigth {
	cursor: pointer;
	height: 29px;
	line-height: 29px;
	width: 59px;
	background-image: url('TDE/images/SEARCH_right.png');
	background-repeat: no-repeat;
	z-index: 61;
	position: absolute;
	top: 0;
	right: 0;
}

	.search_tyres_rigth:hover {
		background-image: url('TDE/images/SEARCH_right_hover.png');
	}

.search_tyres_rigth_img {
	background-image: url('TDE/images/pfeil_M_weiss.png');
}

.search_tyres_rigth img {
	padding-left: 25px;
}

.search_tyres_filter {
	background: #FFFFFF;
	border-right: 4px solid #A0A0A0;
	height: 29px;
	position: absolute;
	top: 0;
}

.search_tyres_groupFilter {
	width: 180px;
	left: 45px;
}

.search_tyres_widthFilter {
	width: 110px;
	left: 225px;
}

.search_tyres_sectionFilter {
	width: 140px;
	left: 335px;
}

.search_tyres_inchFilter {
	width: 100px;
	left: 475px;
}

.search_tyres_loadFilter {
	width: 100px;
	left: 575px;
}

.search_tyres_speedFilter {
	width: 100px;
	left: 675px;
}

.search_tyres_manufacturerFilter {
	width: 150px;
	left: 775px;
}

.search_tyres_textFilter {
	width: 170px;
	left: 925px;
	border-right: none !important;
}
/*DevExpress Combobox */
.search_tyres .dxeButtonEdit_Techno {
	height: 29px !important;
	background-color: transparent !important;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-image: url('TDE/images/pfeil_S_schwarz.png');
}

.search_tyres .search_tyres_groupFilter .dxeButtonEdit_Techno {
	background-position: 20px 50% !important;
}

.search_tyres .dxeEditArea_Techno {
	background: transparent !important;
	color: #000000 !important;
	text-align: left !important;
	font-family: Arial !important;
	font-size: 14px !important;
	font-weight: bold !important;
	padding-left: 20px !important;
}

.search_tyres .search_tyres_groupFilter .dxeEditArea_Techno {
	padding-left: 35px !important;
}

.search_tyres .search_tyres_textFilter .dxeEditArea_Techno {
	padding-left: 25px !important;
}

.search_tyres .dxeListBoxItem_Techno {
	cursor: pointer !important;
	padding: 5px 2px 5px 10px !important;
	text-align: left !important;
	color: #000000 !important;
	font-family: Arial !important;
	font-size: 14px !important;
	font-weight: bold !important;
	border: 0px solid !important;
	background: #E9E9E9 !important;
	padding-left: 20px !important;
}

	.search_tyres .dxeListBoxItem_Techno em {
		background: none !important;
	}

.search_tyres .dxeListBoxItemHover_Techno {
	background: #8C8C8C !important;
}

.search_tyres .dxh2 {
	color: #A0A0A0 !important;
	font-size: 12px !important;
}

.search_tyres .dxh4 {
	color: #A0A0A0 !important;
	font-size: 12px !important;
	text-align: left !important;
}
/*DevExpress TextBox */
.search_tyres .dxeTextBox_Techno {
	background-color: transparent !important;
	color: #A0A0A0 !important;
	text-align: center !important;
	font-family: Arial !important;
	font-size: 12px !important;
	font-weight: bold !important;
	border: none !important;
}
/*DevExpress Loader */
#loadingCombo.dxlpLoadingPanel_Techno {
	border: 0px solid !important;
	width: 16px !important;
	height: 16px !important;
	background: transparent !important;
}
/*#endregion*/

/*#region User Profile */
.changePasswordBox {
	width: 250px;
}

.userInterestTree,
.userFunctionTree {
	width: 350px;
}

.userProfileButtons {
	margin-top: 20px;
	text-align: center;
}

#TDEUserInterestsTree .dxWeb_edtCheckBoxChecked_Techno,
#TDEUserFunctionsTree .dxWeb_edtCheckBoxChecked_Techno {
	background-image: url('TDE/images/X_clear_schwarz.png') !important;
	background-repeat: no-repeat;
	-ms-background-size: 8px 8px;
	background-size: 8px 8px;
	-moz-background-position-x: 50%;
	-o-background-position-x: 50%;
	background-position-x: 50%;
	-moz-background-position-y: 50%;
	-o-background-position-y: 50%;
	background-position-y: 50%;
}

.upList-hint .panel {
	border-color: #56BA48 !important;
}

.upList-hint .panel-success > .panel-heading {
	background-color: #E5EECF !important;
	border-color: #d6e9c6 !important;
}

	.upList-hint .panel-success > .panel-heading > a {
		text-decoration: none;
		color: #468847 !important;
	}

.upList-hint .dxeTokenText_Techno {
	background: none;
	max-width: inherit !important;
}

.upList-hint .dxeToken_Techno {
	background-color: #E5EECF !important;
	border-radius: 15px;
	background-color: #d3e4a6;
	height: 20px !important;
}

.upList-hint .dxEditors_edtTokenBoxTokenRemoveButton_Techno {
	margin-top: 2px;
	border-radius: 15px;
	background-color: #6e6e6e !important;
	border: solid 3px #6e6e6e !important;
}

	.upList-hint .dxEditors_edtTokenBoxTokenRemoveButton_Techno:before {
		content: "x";
		position: relative;
		top: -2px;
		left: 2px;
		color: #fff;
	}

.upList-list {
	margin-top: 20px;
}

.upList-btnInfo {
	font-size: 8pt;
	margin-bottom: 5px;
	margin-top: 20px;
}

	.upList-btnInfo .dxbButton_Techno,
	.upList-btnInfo .upList-btnNew,
	.upList-hint .upHint-btnSave {
		text-decoration: none !important;
		color: white !important;
		font-size: 8pt !important;
		background: #6e6e6e !important;
		padding: 8px !important;
		cursor: pointer !important;
		font-weight: bold !important;
		border-radius: 5px !important;
		/*border: 1px solid black !important;*/
	}

		.upList-btnInfo .upList-btnNew:hover {
			border: 1px solid black !important;
		}

.upList-detail-header {
	padding: 5px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: 500;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

#dgSettingsIntegrationProfilesList_col0 {
	background-color: lightgray !important;
	border: 1px solid black !important;
}

#dgSettingsIntegrationProfilesList_DXFilterRow .dxgvCommandColumn_Techno {
}

#dgSettingsIntegrationProfilesList_DXMainTable .dxgvDataRow_Techno .dxgvCommandColumn_Techno {
}
/*#endregion*/
/*#region Limits */
.modalWindowLimitedBasketDetail {
	display: none;
	background-color: #FFFFFF;
	width: 1000px;
	height: 635px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
	-webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
	box-shadow: 4px 5px 4px -1px #5a5a5a;
	z-index: 29998 !important;
	border: 14px solid #A0A0A0;
	overflow-y: visible !important;
	padding: 15px;
}

	.modalWindowLimitedBasketDetail::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
	}

	.modalWindowLimitedBasketDetail::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
	}

#limitedBasketContainer {
	overflow-y: auto;
	max-height: 80%;
}

#limitedBasketDetailHeader {
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}

.limitedBasketDetailHeaderButton {
	float: right;
	margin-top: 5px;
}

.limitedBasketDetailOrderLimitDetail {
	padding-top: 5px;
	padding-right: 5px;
	text-align: right;
	color: #4F5158 !important;
	font-family: Arial, sans-serif !important;
	font-size: 8pt !important;
	font-weight: bold !important;
	white-space: nowrap;
}

.limitedSwitcher {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: right;
	color: #4f5158 !important;
	font-family: Arial,sans-serif !important;
	font-size: 8pt !important;
	font-weight: bold !important;
}

.limitedBasketSupplierGroup {
	padding-bottom: 10px !important;
	color: #00285C !important;
	font-family: Arial, sans-serif !important;
	font-weight: bold !important;
	font-size: 11pt !important;
	text-decoration: underline !important;
}

.limitedBaskettEmpty {
	margin: 0px 15px 0px 15px;
	padding: 5px;
	background-color: #EEEEEE;
	font-family: verdana,arial;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #CCCCCC;
	text-align: center;
}

.limitedBasketPanelFooter {
	width: 100%;
	max-height: 400px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
}

.basketfooterTable {
	width: 100%;
	border-top: 1px solid #000000;
	padding-top: 5px;
	margin-top: 5px;
}

.basketFooterSummaryBoldValue {
	width: 100px;
	text-align: right;
	font-weight: bold;
}

.basketfooterButton {
	text-align: right;
	padding-right: 5px;
}

.dxeSpinIncButton_Techno {
	height: 10px !important;
}

.limitsButtons {
	display: inline-block !important;
	padding: 5px !important;
	color: #FFFFFF !important;
	background-color: #88989f !important;
	border: 1px solid #304147 !important;
	cursor: pointer !important;
	font-family: Arial !important;
	font-weight: bold !important;
	font-size: 8pt !important;
}

	.limitsButtons:hover {
		background-color: #304147 !important;
		color: #FFFFFF !important;
	}

#limitedBasketReasonPanel {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	z-index: 9999999;
	text-align: center;
	display: none;
}

	#limitedBasketReasonPanel .containerPanel {
		align-items: center;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding: 25px;
		position: relative;
	}

	#limitedBasketReasonPanel .reasonHint {
		padding: 5px;
		margin-top: 5px;
		background-color: #bce8a6;
		color: #000;
		font-family: Arial,sans-serif;
		font-size: 8pt;
		font-weight: bold;
		border: 1px solid #ccc;
		margin-bottom: 5px;
		text-align: left;
	}

	#limitedBasketReasonPanel .reasonTextArea {
		height: 300px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#limitedBasketReasonPanel .buttonsArea {
		height: 15%;
		margin-top: 10px;
		display: inline;
		float: right;
	}

	#limitedBasketReasonPanel .button {
		display: inline-block;
	}

	#limitedBasketReasonPanel .dxeMemo_Techno {
		border: 1px solid #88989f !important;
	}
/*#endregion*/

/*#region Toogle Button */
.onoffswitch {
	position: relative;
	width: 35px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	height: 10px;
	padding: 0;
	line-height: 10px;
	border: 0px solid #FFFFFF;
	border-radius: 20px;
	background-color: #9E9E9E;
}

	.onoffswitch-label:before {
		content: "";
		display: block;
		width: 20px;
		margin: -5px;
		background: #FFFFFF;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 21px;
		border-radius: 20px;
		box-shadow: 0 6px 12px 0px #757575;
	}

.onoffswitch-checkbox:checked + .onoffswitch-label {
	background-color: #50af32;
}

	.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
		border-color: #50af32;
	}

		.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
			margin-left: 0;
		}

		.onoffswitch-checkbox:checked + .onoffswitch-label:before {
			right: 0px;
			background-color: #00FF00;
			box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2);
		}
/*#endregion*/

/*#region Conditions */

/*#region Window */
#detailedCompanyConditions {
	width: 1350px !important;
	height: 90% !important;
	position: absolute !important;
	z-index: 1000;
}

#detailedCompanyConditionsDiv {
	overflow: visible !important;
	border: 14px solid #A0A0A0 !important;
	padding: 15px !important;
	width: 100% !important;
	max-height: 100% !important;
	overflow-y: visible;
	position: absolute !important;
	left: 0 !important;
	background-color: #FFFFFF;
	-moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
	-webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
	box-shadow: 4px 5px 4px -1px #5a5a5a;
}

	#detailedCompanyConditionsDiv::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 65px;
		height: 65px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
	}

	#detailedCompanyConditionsDiv::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 65px;
		height: 65px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
	}
/*#endregion*/

/*#region Layout */
.conditionPanel {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #BCE8A6;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: 600;
	border: 1px solid #CCCCCC;
}

.informationPanel {
	color: #000000;
	background-color: #ffffff;
	padding: 10px;
	height: 100%;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	border: 1px dashed #BCE8A6;
}

	.informationPanel > p {
		font-family: Arial, sans-serif !important;
		font-size: 11pt !important;
	}

	.informationPanel ul > li {
		font-family: Arial, sans-serif !important;
		font-size: 10pt !important;
		margin-left: 25px;
		display: list-item !important;
		float: none !important;
		list-style-type: circle !important;
		padding-bottom: 5px !important;
	}
/*#endregion*/

/*#region Fixes */
[id^="dgConditionHeadList_"] .dxListHeader td {
	font: 8pt bold Arial, sans-serif !important;
}

[id^="dgConditionHeadList_"] .dxgvInlineEditRow_Techno td.dxgv {
	background: #BCE8A6 !important;
	padding: 5px !important;
}

[id^="dgVouchersHeadList"] .dxListHeader td {
	font: 8pt bold Arial, sans-serif !important;
}

[id^="dgVouchersHeadList"] .dxgvInlineEditRow_Techno td.dxgv {
	background: #BCE8A6 !important;
	padding: 5px !important;
}

[id^="dgFixedPricesList_"] .dxeButtonEdit_Techno .dxeEditArea_Techno {
	background-color: transparent !important;
}

[id^="dgFixedPricesList_"] .dxeButtonEditButton_Techno {
	background-color: transparent !important;
}

.dxtcSys > .dxtc-stripContainer {
	height: 38px !important;
}
/*#endregion*/

/*#region Fixed Prices */
#dgFixedPricesList .dxListHeader td {
	font: 8pt bold Arial, sans-serif !important;
}

.fixedPricesSearch {
	background-color: #5a5a5a;
	color: #fff;
	width: 100%;
	z-index: 50;
	position: relative;
	margin-top: 10px !important;
	padding: 15px 0 15px 0 !important;
	height: 60px !important;
}

.fixedPricesSearchLabel {
	background-image: url('TDE/images/search_weiss.png');
	background-position: 215px 5px;
	background-repeat: no-repeat;
	-ms-background-size: 22px;
	background-size: 22px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	width: 150px;
	height: 100%;
	line-height: 35px;
	vertical-align: top;
	text-align: right;
	padding-right: 50px;
	padding-bottom: 15px;
}

.fixedPriceSuggestLayer {
	top: 45px;
	left: 150px;
}

.fixedPricesCompany {
	margin-top: 10px;
}

.fixedPricesResults {
	margin-top: 45px;
}

#resultsPager {
	height: 35px;
	margin-top: -35px;
}

.pagerResults {
	padding-top: 4px;
}

#resultsCompany > table {
	width: 100%;
}

.companySelectionColumnsSeparator {
	width: 780px;
	background-color: transparent;
	padding: 4px;
	border: none;
	font-family: Arial,sans-serif;
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
}

.companySelectionColumnsSelection {
	width: 150px;
	background-color: transparent;
	padding: 4px;
	border: none;
	font-family: Arial,sans-serif;
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
}

.fixedPriceColHeaderStd {
	font-weight: normal !important;
}

.fixedPriceColHeaderPrice {
	white-space: normal;
	word-wrap: normal;
	max-width: 100px;
	font-weight: normal !important;
}

.fixedPriceColHeaderPriceValue {
	white-space: normal;
	word-wrap: normal;
	max-width: 150px;
	font-weight: normal !important;
}

.PriceQuantity {
	background-color: #8c007d !important;
	font-family: Arial,sans-serif !important;
	font-size: 9pt !important;
	font-weight: bold !important;
	border: none !important;
}

	.PriceQuantity tr > td > input {
		background-color: #8c007d !important;
		font-family: Arial,sans-serif !important;
		font-size: 9pt !important;
		font-weight: bold !important;
		color: #FFFFFF !important;
		text-align: right !important;
	}

.PriceNoQuantity {
	background-color: #E9E9E9 !important;
	font-family: Arial,sans-serif !important;
	font-size: 9pt !important;
	font-weight: bold !important;
	border: none !important;
}

	.PriceNoQuantity tr > td > input {
		background-color: #E9E9E9 !important;
		font-family: Arial,sans-serif !important;
		font-size: 9pt !important;
		font-weight: bold !important;
		color: #4f5158 !important;
		text-align: right !important;
	}

.PriceQuantityDisabled {
	background-color: #BCE8A6 !important;
	font-weight: bold !important;
	border: none !important;
}

	.PriceQuantityDisabled tr > td > input {
		background-color: #BCE8A6 !important;
		font-weight: bold !important;
		color: #4f5158 !important;
		text-align: right !important;
	}

.fixedPriceSpecialPrice > table > tbody > tr:first-child {
	color: #4f5158 !important;
	font-family: Arial,sans-serif !important;
	font-size: 9pt !important;
	font-weight: bold !important;
}
/*#endregion*/

/*#region Wizard */
.wizardSelectZone {
	height: 135px;
	max-height: 200px;
}

.wizardOptionsSelect {
	width: 48%;
	height: 100%;
	margin-left: 10px;
}

	.wizardOptionsSelect label {
		font-family: Arial, sans-serif !important;
	}

	.wizardOptionsSelect .selector .buttons-area {
		text-align: center;
		margin-top: -10px;
	}

		.wizardOptionsSelect .selector .buttons-area .button {
			display: inline;
		}

	.wizardOptionsSelect .selector .buttons-area-v {
		text-align: center;
		margin-top: 5px;
	}

		.wizardOptionsSelect .selector .buttons-area-v .button {
			display: inline;
		}

.wizardOptionsValues {
	float: right;
	width: 48%;
	height: 100%;
	margin-top: 10px;
	margin-right: 10px;
}

	.wizardOptionsValues p {
		font: 12px Arial,sans-serif;
		color: #303030;
		white-space: nowrap;
		line-height: 16px;
		font-weight: bold;
	}

	.wizardOptionsValues .selector {
		border: 1px Solid #bce8a6;
		padding: 5px;
	}

		.wizardOptionsValues .selector .buttons-area {
			text-align: center;
			margin-top: 11px;
		}

			.wizardOptionsValues .selector .buttons-area .button {
				display: inline;
			}

.wizardButtons {
	display: inline-block !important;
	color: #FFFFFF !important;
	background-color: #88989F !important;
	border: 1px solid #304147 !important;
	cursor: pointer !important;
	font-family: Arial !important;
	font-weight: bold !important;
	font-size: 8pt !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 5px !important;
	padding-bottom: 3px !important;
}

	.wizardButtons:hover {
		background-color: #88989F !important;
		color: #FFFFFF !important;
	}

#wizardRestrictionType {
	border: 1px Solid #bce8a6 !important;
}

#wizardRestrictionSubType {
	border: 1px Solid #bce8a6 !important;
}

.wizardConfiguration {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #bce8a6;
}

.wizardConfigurationHeader {
	font-weight: bold;
	font-size: 11px;
}

.wizardConfigurationLineValue {
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
}

.wizardConfigurationLineAction {
	padding-right: 10px;
	padding-bottom: 5px;
}

.wizardConflicts {
	display: none;
	padding: 5px;
	margin-top: 10px;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #bce8a6;
}

.wizardConflictsHint {
	padding: 5px;
	margin-top: 5px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

.wizardConflictsButtons {
	padding-top: 10px;
}

#dgWizardConflictList .dxListHeader td {
	font: 8pt bold Arial, sans-serif !important;
}

#dgWizardConflictList td.dxgv {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.currentRow {
	background-color: #ff4d4d !important;
	color: #FFF !important;
	font-style: oblique !important;
}

.wizardLines {
	display: none;
	padding: 5px;
	margin-top: 10px;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #bce8a6;
}

.wizardLinesButtons {
	padding-top: 10px;
	border-top: 1px solid #000;
	margin-top: 5px;
}

.wizardLinesButtonFinish {
	display: none;
	padding-right: 10px;
}

#dgWizardConditionList .dxListHeader td {
	font: 8pt bold Arial, sans-serif !important;
}

#dgWizardConditionList .dxgvInlineEditRow_Techno td.dxgv {
	background: #BCE8A6 !important;
	padding: 5px !important;
}

#dgWizardConditionList .dxeTextBox_Techno .dxeEditArea_Techno {
	background-color: #EEE !important;
}

/*#endregion*/

/*#region Overview */
#dgOverviewList .dxListHeader td {
	font: 8pt bold Arial, sans-serif !important;
}

#dgOverviewList td.dxgv {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

#dgOverviewList .dxgvEditingErrorRow_Techno td.dxgv {
	font: 8pt bold Arial, sans-serif !important;
}

.dxgvDetailRow_Techno td.dxgvIndentCell {
	border-bottom: 0px !important;
}

.dxgvDetailCell_Techno {
	border-bottom: 0px !important;
}

.activeHover {
	background-color: lightgreen !important;
	padding: 5px !important;
	border: 1px dashed #000000 !important;
	cursor: move !important;
}

.ui-draggable-dragging {
	background-color: #bce8a6 !important;
	color: #fff !important;
}

.rowFinded {
	background-color: #FFFBCC !important;
	color: #000 !important;
	font-style: oblique !important;
}

.rowFocused {
	background-color: lightgreen !important;
	color: #000 !important;
	font-style: oblique !important;
}

.overViewFilters {
	padding: 5px;
	margin-top: 10px;
	background-color: #ccc;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #ccc;
}

	.overViewFilters label {
		font-family: Arial, sans-serif !important;
	}

	.overViewFilters .dxeTextBox_Techno {
		border: none !important;
	}

.overViewFilterText {
	width: 100%;
	padding-bottom: 5px;
}

.overViewFilter {
	width: 33%;
	padding-right: 10px;
}

.overViewFilterButton {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

	.overViewFilterButton .button {
		display: inline-block;
	}
/*#endregion*/

/*#endregion*/

/*#region Central Basket */

/*#region Window */
#detailedCompanyCentral {
	width: 1200px !important;
	height: 90% !important;
	position: absolute !important;
	z-index: 1000;
}

#detailedCompanyCentralDiv {
	overflow: visible !important;
	border: 14px solid #A0A0A0 !important;
	padding: 15px !important;
	width: 100% !important;
	max-height: 100% !important;
	overflow-y: visible;
	position: absolute !important;
	left: 0 !important;
	background-color: #FFFFFF;
	-moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
	-webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
	box-shadow: 4px 5px 4px -1px #5a5a5a;
}

	#detailedCompanyCentralDiv::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 65px;
		height: 65px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
	}

	#detailedCompanyCentralDiv::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 65px;
		height: 65px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
	}
/*#endregion*/

/*#region Layout */
#centralBasketReasonPanel {
	width: 100%;
	height: 400px;
	background-color: #fff;
	text-align: center;
	margin-top: 20px;
}

	#centralBasketReasonPanel .containerPanel {
		align-items: center;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		position: relative;
	}

	#centralBasketReasonPanel .reasonHint {
		padding: 5px;
		margin-top: 5px;
		background-color: #bce8a6;
		color: #000;
		font-family: Arial,sans-serif;
		font-size: 8pt;
		font-weight: bold;
		border: 1px solid #ccc;
		margin-bottom: 5px;
		text-align: left;
	}

	#centralBasketReasonPanel .reasonTextArea {
		height: 300px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#centralBasketReasonPanel .buttonsArea {
		height: 15%;
		margin-top: 10px;
		display: inline;
		float: right;
	}

	#centralBasketReasonPanel .button {
		display: inline-block;
	}

	#centralBasketReasonPanel .dxeMemo_Techno {
		border: 1px solid #88989f !important;
	}
/*#endregion*/

/*#endregion*/

/*#region Favorite */
.favoritesHintPanel {
	margin-top: 10px;
	padding: 5px;
	background-color: #BCE8A6;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #CCCCCC;
}

/*#region Filter */
.favoriteFilter {
	background-image: url('images/pfeil_S_grau.png') !important;
	background-position: 14px 13px !important;
	background-repeat: no-repeat !important;
	border: 0 !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
	float: left !important;
	height: 100% !important;
	padding: 4px 0 0 30px !important;
	color: black !important;
}

	.favoriteFilter .dxeEditArea_Techno {
		text-transform: uppercase !important;
	}
/*#endregion*/

/*#region List*/
.ListQuantity {
	background-color: #8c007d !important;
	font-weight: bold !important;
	border: none !important;
}

	.ListQuantity tr > td > input {
		background-color: #8c007d !important;
		font-weight: bold !important;
		color: #FFFFFF !important;
		text-align: center !important;
	}

.ListNoQuantity {
	background-color: #E9E9E9 !important;
	font-weight: bold !important;
	border: none !important;
}

	.ListNoQuantity tr > td > input {
		background-color: #E9E9E9 !important;
		font-weight: bold !important;
		color: #4f5158 !important;
		text-align: center !important;
	}
/*#endregion*/

/*#endregion*/

/*#region Order Statistic */
.orderStatisticHint {
	padding: 5px;
	margin-top: 30px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: 500;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

.orderStatisticFilters {
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: 500;
	border: 1px solid #ccc;
}

	.orderStatisticFilters .textCell {
		color: #4f5158 !important;
		font-family: Arial,sans-serif !important;
		font-size: 9pt !important;
		font-weight: bold !important;
		padding-right: 7px;
	}

	.orderStatisticFilters .searchCell {
		width: 100%;
	}

	.orderStatisticFilters .buttonCell {
		padding-left: 5px;
	}

	.orderStatisticFilters .calendarCell {
		padding-bottom: 5px;
	}

		.orderStatisticFilters .calendarCell > div {
			display: inline-block;
			vertical-align: text-bottom;
		}

			.orderStatisticFilters .calendarCell > div.button {
				margin-left: -25px;
				vertical-align: bottom !important;
			}

	.orderStatisticFilters .checkCell > div.text {
		display: inline-block;
		vertical-align: middle;
		color: #4f5158 !important;
		font-family: Arial,sans-serif !important;
		font-size: 9pt !important;
		font-weight: bold !important;
	}

	.orderStatisticFilters .checkCell > div.check {
		display: inline-block;
		vertical-align: middle;
		padding-left: 10px;
	}

.orderStatisticGrid {
	padding-bottom: 45px;
}
/*#endregion*/

/*#region Clicks Tracker */
.clicksTrackerHint {
	padding: 5px;
	margin-top: 30px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: 500;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

.clicksTrackerFilters {
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: 500;
	border: 1px solid #ccc;
}

	.clicksTrackerFilters .textCell {
		color: #4f5158 !important;
		font-family: Arial,sans-serif !important;
		font-size: 9pt !important;
		font-weight: bold !important;
		padding-right: 7px;
	}

	.clicksTrackerFilters .searchCell {
		width: 100%;
	}

	.clicksTrackerFilters .buttonCell {
		padding-left: 5px;
	}

	.clicksTrackerFilters .calendarCell {
		padding-bottom: 5px;
	}

		.clicksTrackerFilters .calendarCell > div {
			display: inline-block;
			vertical-align: text-bottom;
		}

			.clicksTrackerFilters .calendarCell > div.button {
				margin-left: -25px;
				vertical-align: bottom !important;
			}

.clicksTrackerExportTop {
	margin-bottom: -24px;
}

.clicksColumnWrap {
	width: 100%;
	margin-right: 5px;
	-moz-word-break: break-word;
	-o-word-break: break-word;
	word-break: break-word;
}

/*#endregion*/

/*#region Central Ordering */

/*#region List */
.centralOrderingList {
	margin: 45px 0px 25px 0px;
}

.centralOrderingExport {
	height: 20px;
	border-width: 0;
	cursor: pointer;
}
/*#endregion*/

/*#region Detail */
.modalWindowBasketListDetail {
	display: none;
	background-color: #FFFFFF;
	width: 1000px;
	height: 95%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 14px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
	overflow-y: visible !important;
	padding: 15px;
	z-index: 1001;
}

	.modalWindowBasketListDetail::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
	}

	.modalWindowBasketListDetail::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
	}

#basketListDetailHeader {
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}

.basketListDetailHeaderButton {
	float: right;
	margin-top: 5px;
}

#basketListDetailContainer {
	overflow-y: auto;
	max-height: 95%;
}

.basketListDetailSupplierGroup {
	padding-bottom: 10px !important;
	color: #800080 !important;
	font-family: Arial, sans-serif !important;
	font-weight: bold !important;
	font-size: 12pt !important;
	font-style: italic;
	text-decoration: underline !important;
}

.dxTechnoSelectedRow {
	background-color: #800080 !important;
	color: #FFFFFF !important;
}

.dxWeb_edtCheckBoxChecked_Techno {
	background: url('../Content/TDE/images/X_clear_weiss.png') !important;
}

.dxICheckBox_Techno {
	cursor: pointer !important;
}

.dxgvFooter_Techno {
	background-color: transparent !important;
}

.subTotalCell {
	margin-top: 2px;
	padding-top: 10px;
}

	.subTotalCell a, .subTotalCell a:hover, .subTotalCell a:visited, .subTotalCell a:link {
		color: #00285C !important;
		cursor: pointer;
		font-family: Arial, sans-serif;
		font-size: 9pt;
		font-weight: bold;
	}

.subTotalCellBorder {
	border-top: 1px solid #000000;
	margin-top: 2px;
	padding-top: 10px;
	color: #00285C;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.subTotalSupplierCell {
	margin-top: 2px;
	padding-top: 10px;
	text-align: right;
	color: #00285C;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.conditionTextCell {
	margin-top: 2px;
	text-align: right;
	color: #00285C;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.conditionValueCell {
	margin-top: 2px;
	text-align: right;
	color: #00285C;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.basketListDetailEmpty {
	margin: 0px 15px 0px 15px;
	padding: 5px;
	background-color: #EEEEEE;
	font-family: verdana,arial;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #CCCCCC;
	text-align: center;
}

.basketListDetailPanelFooter {
	width: 100%;
	max-height: 400px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	white-space: nowrap;
	border-top: 1px solid #00285C;
	margin-top: 5px;
}

.basketfooterCell {
	margin-top: 2px;
	padding: 10px 5px 0px 5px;
	text-align: right;
	color: #00285C;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.basketfooterCellLeft {
	margin-top: 10px;
	text-align: left;
	color: #00285C;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}
/*#endregion*/

/*#endregion*/

/*#region CompanyPages */

/*#region Header */
.companyPageHint {
	padding: 5px;
	margin-top: 10px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: 600;
	border: 1px solid #ccc;
	float: right;
	clear: both;
	margin-bottom: 10px;
	width: 100%;
}
/*#endregion*/

/*#region Edit/Preview */
.textTD {
	width: 100px;
	padding-bottom: 10px;
}

.textCol {
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.valueTD {
	padding-bottom: 10px;
}

.valueCol {
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 10pt;
}

.companyPageContent {
	width: 100%;
	max-height: 350px;
	overflow: auto;
	padding: 10px;
	height: 100%;
	border: 1px dashed #000;
	margin-bottom: 5px;
	word-wrap: break-word;
	max-width: 1047px;
}

.companyPageContentEdit {
	padding-bottom: 25px;
}
/*#endregion*/

/*#region List*/
.companyPageContentList {
	padding-right: 10px;
}
/*#endregion*/

/*#region Footers */
.pagesButton {
	display: inline-block !important;
	color: #FFFFFF !important;
	background-color: #88989F !important;
	border: 1px solid #304147 !important;
	cursor: pointer !important;
	font-family: Arial !important;
	font-weight: bold !important;
	font-size: 8pt !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 5px !important;
	padding-bottom: 3px !important;
}

	.pagesButton:hover {
		background-color: #88989F !important;
		color: #FFFFFF !important;
	}
/*#endregion*/

/*#region Fixes */
#dgCompanyPageList .dxListHeader td {
	font: 8pt bold Arial, sans-serif !important;
}

#companyPageList .dxmLite_Techno .dxm-main.dxmtb {
	background: #EEE !important;
}

#companyPageList .dxheDesignViewArea_Techno, .dxheViewArea_Techno {
	border: 1px solid #EEE !important;
}

#companyPageList .dxtcLite_Techno.dxtc-bottom > .dxtc-stripContainer .dxtc-tab {
	background: none !important;
}

#companyPageList .dxtcLite_Techno.dxtc-bottom > .dxtc-stripContainer .dxtc-activeTab {
	background: #000000 !important;
}

#companyPageList .dxpcLite_Techno .dxpc-header, .dxdpLite_Techno .dxpc-header {
	border-top: 5px solid gray !important;
	background: #EEE !important;
}

#companyPageList .dxpnlControl_Techno {
	border: 1px solid #ffffff !important;
	background-color: white !important;
	padding: 5px !important;
	font: 5pt Arial !important;
}

#companyPageList {
	margin-bottom: -20px !important;
}

#companyPageDetail {
	width: 100%;
	margin-bottom: 20px;
}
/*#endregion*/

/*#endregion*/

/*#region Custom Signatures */

/*#region Header */
.customSignaturesHint {
	padding: 5px;
	margin-top: 10px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: 600;
	border: 1px solid #ccc;
	float: right;
	clear: both;
	margin-bottom: 10px;
	width: 100%;
}
/*#endregion*/

/*#region Content */
#customSignaturesContent .dxmLite_Techno .dxm-main.dxmtb {
	background: #EEE !important;
}

#customSignaturesContent .dxheDesignViewArea_Techno, .dxheViewArea_Techno {
	border: 1px solid #EEE !important;
}

#customSignaturesContent .dxtcLite_Techno.dxtc-bottom > .dxtc-stripContainer .dxtc-tab {
	background: none !important;
}

#customSignaturesContent .dxtcLite_Techno.dxtc-bottom > .dxtc-stripContainer .dxtc-activeTab {
	background: #000000 !important;
}

#customSignaturesContent .dxpcLite_Techno .dxpc-header, .dxdpLite_Techno .dxpc-header {
	border-top: 5px solid gray !important;
	background: #EEE !important;
}

#customSignaturesContent .dxpnlControl_Techno {
	border: 1px solid #ffffff !important;
	background-color: white !important;
	padding: 5px !important;
	font: 5pt Arial !important;
}
/*#endregion*/

/*#region PlaceHolders */
.placeholder-list {
	max-height: 375px;
	overflow-y: scroll;
}

.item-placeholder-title {
	padding: 5px;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	border: 1px solid #ccc;
	float: right;
	clear: both;
	margin-bottom: 5px;
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.item-placeholder {
	cursor: pointer;
	padding: 5px;
	background-color: lightyellow;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	border: 1px dashed #ccc;
	float: right;
	clear: both;
	margin-bottom: 5px;
	width: 100%;
	text-align: center;
}

	.item-placeholder:hover {
		background-color: #bce8a6;
		font-weight: 600;
	}
/*#endregion*/

/*#region Footer */
#customSignaturesFooter {
	margin-top: 5px;
}
/*#endregion*/

/*#region Editor */
.note-editor.note-frame {
	position: relative !important;
}

.modal-backdrop {
	z-index: 998 !important;
}
/*#endregion*/

/*#endregion*/

/*#region Wibs Owners */

/*#region Detail */
.modalWindowWibsOwnersListDetail {
	display: none;
	background-color: #FFFFFF;
	width: 1000px;
	height: 75%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 14px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
	overflow-y: visible !important;
	padding: 15px;
	z-index: 1001;
}

	.modalWindowWibsOwnersListDetail::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
	}

	.modalWindowWibsOwnersListDetail::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
	}

#wibsOwnersListDetailHeader {
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}

.wibsOwnersListDetailHeaderButton {
	float: right;
	margin-top: 5px;
}

#wibsOwnersListDetailContainer {
	overflow-y: auto;
	max-height: 95%;
}

/*#endregion*/

/*#endregion*/

/*#region WEB EDI */

/*#region List */
.listModeArea {
	margin-top: 3px;
	padding: 5px 5px 5px 0px;
	width: 100%;
	float: right;
	right: 0;
	text-align: right;
}

	.listModeArea span {
		font-size: 9pt;
		vertical-align: middle;
		padding: 6px;
		-ms-border-radius: 5px;
		border-radius: 5px;
		margin-right: 10px;
		color: #ffffff;
		background-color: #88989f;
		border: 1px solid #304147;
	}

#radioBtn {
	font-size: 8pt;
}

	#radioBtn .active {
		background-color: #88989f;
		border-color: #304147;
		font-family: Arial !important;
	}

	#radioBtn .notActive {
		color: #88989f;
		background-color: #fff;
		border-color: #304147;
		font-family: Arial !important;
	}

.createEmptyInvoice {
	margin-top: 8px;
	position: absolute;
}

.draftInvoice {
	background-color: #D9EDF7 !important;
	color: #000000 !important;
	font-style: oblique !important;
}
/*#endregion*/

/*#region Order Detail */
.modalDetailedWebEdiOrder {
	z-index: 1000;
	display: none;
	background-color: white;
	height: 650px;
	width: 1000px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	padding: 15px !important;
	border: 14px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
}

	.modalDetailedWebEdiOrder::before {
		z-index: -1;
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
	}

	.modalDetailedWebEdiOrder::after {
		z-index: -1;
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
	}

#webEDIOrderHeader {
	height: 15px;
}

#webEDIOrderDetail {
}

#webEDIOrderDetailGridView {
	margin-top: 10px;
}

#webEDIOrderDetail .detailHeaderLine {
	font-variant: normal !important;
}

#webEDIOrderDetail .freeText {
	height: 91px;
	max-width: 83%;
	word-wrap: break-word;
	overflow-y: auto;
}

#webEDIOrderDetail .endrecipient {
	height: 44px;
}

#webEDIOrderFooterButtons {
	position: absolute;
	bottom: 10px;
}

.modalDetailedWebEdiOrder .detailColumn {
	display: inline-block !important;
	width: 48% !important;
	vertical-align: top !important;
	margin-top: 10px !important;
}
/*#endregion*/

/*#region Invoice Detail */
.modalWindowEDIInvoiceDetail {
	display: none;
	background-color: #FFFFFF;
	width: 90%;
	height: 90%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 14px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
	overflow-y: visible !important;
	padding: 15px;
	z-index: 1010;
}

	.modalWindowEDIInvoiceDetail::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
		z-index: -1;
	}

	.modalWindowEDIInvoiceDetail::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
		z-index: -1;
	}

#EDIInvoiceDetailHeader {
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}

.EDIInvoiceDetailHeaderButton {
	float: right;
	margin-top: 5px;
}

.EDIInvoiceDetailHeaderWrapper {
	margin-left: 15px;
	width: 95%;
}

	.EDIInvoiceDetailHeaderWrapper label {
		font-family: Arial, sans-serif !important;
		font-size: 9pt !important;
		font-weight: bold !important;
		text-decoration: none !important;
		margin-left: 5px;
		margin-right: 5px;
	}

	.EDIInvoiceDetailHeaderWrapper a:link, a:visited, a:hover, a:active {
		text-decoration: none;
	}

#EDIInvoiceDetailContainer {
	overflow-y: auto;
	max-height: 95%;
}

.EDIInvoiceHintText {
	padding: 5px;
	margin-top: 5px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: left;
	display: none;
}

[id^="dgInovicePositionsList_"] .dxListHeader td {
	font: 8pt bold Arial, sans-serif !important;
}

[id^="dgInovicePositionsList_"] .dxgvInlineEditRow_Techno td.dxgv {
	background: #BCE8A6 !important;
	padding: 5px !important;
}

[id^="dgInovicePositionsList_"] .dxeTextBox_Techno .dxeEditArea_Techno {
	background-color: #FFFFFF !important;
}

[id^="dgInovicePositionsList_"] .dxeButtonEdit_Techno {
	background-color: #FFFFFF !important;
	background: #FFFFFF !important;
}

	[id^="dgInovicePositionsList_"] .dxeButtonEdit_Techno .dxeEditArea_Techno {
		background-color: #FFFFFF !important;
		background: #FFFFFF !important;
	}

[id^="dgInovicePositionsList_"] .dxgvInlineEditRow_Techno td.dxgv {
	border-right: 0px !important;
	font-weight: bold !important;
	color: #4F5158 !important;
	font-family: Arial, sans-serif !important;
	font-size: 9pt !important;
	font-weight: bold !important;
}

[id^="dgInovicePositionsList_"] .dxgvFooter_Techno td.dxgv {
	color: #4F5158 !important;
	font-family: Arial, sans-serif !important;
	font-size: 10pt !important;
	font-weight: bold !important;
	border-top: 1px solid #4F5158 !important;
	margin-top: 10px !important;
}

.dxtcSys > .dxtc-stripContainer {
	height: 38px !important;
}

[id^="dgInovicePositionsList_"] .dxgvEditFormDisplayRow_Techno td.dxgv {
	border-bottom: 0px !important;
	border-right: 1px !important;
	color: #4F5158 !important;
	font-family: Arial, sans-serif !important;
	font-size: 9pt !important;
	font-weight: normal !important;
	background: transparent !important;
}

[id^="dgInovicePositionsList_"] .dxgvEditForm_Techno td.dxgv {
	border-bottom: 0px !important;
}

[id^="dgInovicePositionsList_"] .dxflGroup_Techno {
	font-family: Arial, sans-serif !important;
	font-size: 8pt !important;
	font-weight: normal !important;
}

[id^="dgInovicePositionsList_"] .dxeMemoEditArea_Techno {
	background-color: #FFFFFF !important;
	border: 1px !important;
	font-family: Arial, sans-serif !important;
	font-size: 9pt !important;
	font-weight: normal !important;
}

[id^="dgInovicePositionsList_"] .dxeMemo_Techno {
	border: 1px solid #CCC !important;
}

[id^="dgInovicePositionsList_"] .dxflCaption_Techno {
	font-weight: normal !important;
}

[id^="dgInovicePositionsList_"] .dxbButton_Techno {
	display: inline-block !important;
	padding: 5px !important;
	color: #FFFFFF !important;
	background-color: #88989f !important;
	border: 1px solid #304147 !important;
	cursor: pointer !important;
	font-family: Arial !important;
	font-weight: bold !important;
	font-size: 8pt !important;
	text-decoration: none !important;
	height: 20px;
	line-height: 20px;
	width: 100px;
}

	[id^="dgInovicePositionsList_"] .dxbButton_Techno:hover {
		background-color: #304147 !important;
		color: #FFFFFF !important;
	}

#EDIInvoiceCharges {
	margin-top: 10px;
	display: none;
}

[id^="dgAllowanceChargeList_"] .dxListHeader td {
	font: 8pt bold Arial, sans-serif !important;
}

[id^="dgAllowanceChargeList_"] .dxgvInlineEditRow_Techno td.dxgv {
	background: #BCE8A6 !important;
	padding: 5px !important;
}

[id^="dgAllowanceChargeList_"] .dxeTextBox_Techno .dxeEditArea_Techno {
	background-color: #EEE !important;
}

[id^="dgAllowanceChargeList_"] .dxgvInlineEditRow_Techno td.dxgv {
	border-right: 0px !important;
	font-weight: bold !important;
	color: #4F5158 !important;
	font-family: Arial, sans-serif !important;
	font-size: 9pt !important;
	font-weight: bold !important;
}

[id^="dgAllowanceChargeList_"] .dxeButtonEdit_Techno .dxeEditArea_Techno {
	background: #FFF !important;
	border: 1px solid #CCC !important;
}

.dxeMemo_Techno {
	background-color: #FFF !important;
	border: 1px Solid #AFC185 !important;
	font-family: Arial, sans-serif !important;
	font-size: 9pt !important;
	font-weight: normal !important;
}

.dxeMemoEditArea_Techno {
	background-color: #FFF !important;
	font-size: 8pt !important;
}

#EDIInvoiceDetailSummary {
	float: right;
	margin-top: 10px;
}

	#EDIInvoiceDetailSummary td {
		color: #a0a0a0;
		font-family: Arial, sans-serif;
		font-size: 9pt;
		font-weight: bold;
	}

		#EDIInvoiceDetailSummary td.text {
			width: 200px;
		}

		#EDIInvoiceDetailSummary td.price {
			width: 50px;
			text-align: right;
		}

		#EDIInvoiceDetailSummary td.currency {
			text-align: right;
		}

#EDIdetailPropertiesLeft {
	width: 100% !important;
}

#EDIInvoiceDetailButtonBar {
	float: right;
	margin-top: 10px;
	padding-right: 15px;
}

.EDIInvoiceDetailButton {
	display: inline-block;
}

#EDIInvoiceHeader {
	font-weight: bold !important;
	color: #4F5158 !important;
	font-family: Arial, sans-serif !important;
	font-size: 9pt !important;
	font-weight: bold !important;
}

	#EDIInvoiceHeader td {
		/*width: 50%;*/
	}

	#EDIInvoiceHeader .titl {
		width: 50%;
		color: #a0a0a0;
	}

#EDIaccordion {
}

	#EDIaccordion .panel-title > a {
		font-weight: bold !important;
		color: #FFF !important;
		font-family: Arial, sans-serif !important;
		font-size: 8pt !important;
		font-weight: bold !important;
		text-decoration: none !important;
	}

	#EDIaccordion .panel-title img {
		float: right;
		margin-top: 4px;
		z-index: 99999;
	}

	#EDIaccordion .panel.panel-default {
		border: 0;
		-webkit-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
	}

	#EDIaccordion .panel-body {
		padding: 5px !important;
	}

	#EDIaccordion .panel-default > .panel-heading {
		padding: 6px 15px;
		background-color: #a0a0a0 !important;
	}

.EDIHeaderTable {
	margin-top: 0px;
	padding-top: 10px;
}

	.EDIHeaderTable .dxeTextBox_Techno {
		background-color: transparent !important;
		color: #A0A0A0 !important;
		text-align: center !important;
		font-family: Arial !important;
		font-size: 12px !important;
		border: none !important;
	}

		.EDIHeaderTable .dxeTextBox_Techno.editMode {
			color: #A0A0A0 !important;
			text-align: center !important;
			font-family: Arial !important;
			font-size: 12px !important;
			border: 1px solid #CCC !important;
			margin-top: 2px;
		}

	.EDIHeaderTable .dxeButtonEdit_Techno.editMode {
		margin-top: 2px;
	}

	.EDIHeaderTable input[type="text"].dxeEditArea_Techno, input[type="password"].dxeEditArea_Techno {
		color: #777;
		background-color: #FFF !important;
	}

.EDIInvoiceDetailContainer .dxeEditArea_Techno, input[type="password"].dxeEditArea_Techno {
	color: #777;
	background-color: #FFF !important;
}

.invoicePositionDelivery table {
	width: 100%;
}

.invoicePositionDelivery tr > td:first-child {
	width: 150px;
	font-family: Arial, sans-serif !important;
	font-size: 9pt !important;
	font-weight: normal !important;
}

	.invoicePositionDelivery tr > td:first-child > span {
		font: 8pt Arial, sans-serif !important;
		font-weight: normal !important;
	}

.invoicePositionDelivery tr > td:last-child {
	padding-bottom: 5px;
}

.viewModeField {
	color: #777;
	background-color: #FFF !important;
	font-weight: 100;
	padding: 3px 3px 2px 3px;
}
/*#endregion*/

/*#region Import Invoice*/
.modalWindowEDIImportInvoiceDetail {
	display: none;
	background-color: #FFFFFF;
	width: 1000px;
	height: 175px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 14px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
	overflow-y: visible !important;
	padding: 15px;
	z-index: 1001;
}

	.modalWindowEDIImportInvoiceDetail::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
		z-index: -1;
	}

	.modalWindowEDIImportInvoiceDetail::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
		z-index: -1;
	}

.modalWindowEDIImportInvoiceDetailFix {
	height: 650px;
}

#EDIImportInvoiceHeader {
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}

.EDIImportInvoiceHeaderButton {
	float: right;
	margin-top: 5px;
}

.fix-fake-text {
	width: 481px !important;
}

.TextDownloadInvoiceTemplate {
	margin: 0;
	padding: 5px;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	width: 100%;
	color: #333333;
}

#invoiceImportResults {
	padding-top: 10px;
	display: none;
}

#InvoiceImportSummaryResults {
	display: none;
	height: 75%;
	background-color: white;
	width: 100%;
	right: 0;
	position: relative;
	top: 0;
	z-index: -1;
}

.invoiceImportSummaryResultsFix {
	height: 100% !important;
}

.invoiceImportResultSection {
	padding-top: 10px;
	max-height: 100%;
	overflow-y: scroll;
}

.invoiceImportResultSectionFix {
	overflow-y: auto !important;
	height: 90% !important;
}

.invoiceImportResultButtons {
	margin-top: 10px;
}

.invoiceImportResultSectionTextErrors {
	font-family: verdana, arial;
	font-size: 8pt;
	font-weight: bold;
	color: #FF0000;
}

.invoiceImportResultSectionTextWarning {
	font-family: verdana, arial;
	font-size: 8pt;
	font-weight: bold;
	color: #FF8000;
}

.invoiceImportResultSectionTextOk {
	font-family: verdana, arial;
	font-size: 8pt;
	font-weight: bold;
	color: #04B404;
}

.invoiceImportResultSectionGrid {
	margin-top: 10px;
	padding-top: 10px;
}

.invoiceImportResultButton {
	width: 100px;
	padding-right: 12px;
}
/*#endregion*/

/*#region Buyer Search*/
.modalWindowEDIBuyerSearchDetail {
	display: none;
	background-color: #FFFFFF;
	width: 1000px;
	height: 630px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 14px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
	overflow-y: visible !important;
	padding: 15px;
	z-index: 1020;
}

	.modalWindowEDIBuyerSearchDetail::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
		z-index: -1;
	}

	.modalWindowEDIBuyerSearchDetail::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
		z-index: -1;
	}

.modalWindowEDIBuyerSearchDetailFix {
	height: 650px;
}

.EDIBuyerSearchHint {
	padding: 5px;
	margin-top: 10px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	border: 1px solid #ccc;
	float: right;
	clear: both;
	margin-bottom: 10px;
	width: 100%;
}

.EDIBuyerSearchFooter {
	margin-top: 20px;
	float: right;
}

.dxEditors_edtRadioButtonChecked_Techno {
	background: url('../Content/TDE/images/X_clear_weiss.png') !important;
}

.dxEditors_edtRadioUnButtonChecked_Techno {
	background: #A0A0A0 !important;
}
/*#endregion*/

/*#endregion*/

/*#region Custom Upload */
.custom-upload {
	position: relative;
	height: 40px;
	width: 100%;
}

	.custom-upload input[type=file] {
		outline: none;
		position: relative;
		text-align: right;
		-moz-opacity: 0;
		-webkit-filter: alpha(opacity: 0);
		-moz-filter: alpha(opacity: 0);
		-o-filter: alpha(opacity: 0);
		filter: alpha(opacity: 0);
		-ms-opacity: 0;
		opacity: 0;
		z-index: 2;
		width: 100%;
		height: 100%;
	}

	.custom-upload .fake-file {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		padding: 0;
		margin: 0;
		z-index: 1;
		line-height: 100%;
	}

		.custom-upload .fake-file input {
			display: inline-block;
			font-size: 16px;
			height: 26px;
		}

			.custom-upload .fake-file input.fake-text {
				width: 450px;
				background-color: white;
				border: 1px solid #304147;
				font-size: 9pt;
				height: 24px;
				color: #88989f;
				padding: 5px;
			}
/*#endregion*/

/*#region EFA Stocks*/
.stock-badge-base {
	background-color: #000;
	color: #fff;
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	font-size: 8pt;
	padding: 2px 7px;
}

.stock-badge-green {
	color: #fff;
	background-color: #4caf50;
}

.stock-badge-none {
	color: #fff;
	background-color: #304147;
}
/*#endregion*/

/*#region Overrides */

/*#region Product */
.modalWindowProduct {
	display: none;
	background-color: white;
	width: 1000px;
	height: 600px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 14px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
}

	.modalWindowProduct::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
	}

	.modalWindowProduct::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
	}

.modalWindowProductMaximized {
	display: none;
	background-color: white;
	width: 1000px;
	height: 600px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 14px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
}

	.modalWindowProductMaximized::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
	}

	.modalWindowProductMaximized::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
	}
/*#endregion*/

/*#region TyreShop */
.modalWindowTyreProduct {
	display: none;
	background-color: white;
	width: 1000px;
	height: 600px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 14px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
}

	.modalWindowTyreProduct::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
	}

	.modalWindowTyreProduct::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
	}

.modalWindowTyreProductStockConflict {
	display: none;
	background-color: white;
	width: 600px;
	height: 230px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 3px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
	z-index: 200;
}

.modalWindowManagePreferredBrands {
	display: none;
	background-color: white;
	width: 600px;
	height: 650px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 3px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
	z-index: 200;
}

.tyreShop-ModalView-Title {
	background-color: #6E6E6E;
	padding: 5px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}

.tyreShop-ModalView-Content {
	padding: 20px 20px 20px 20px;
	font-size: 16px;
	height: 140px;
}

.tyreShop-ModalView-PreferredBrandsHint {
	padding: 20px 20px 0px 20px;
	font-size: 16px;
}

.tyreShop-ModalView-PreferredBrandSelection {
	padding: 20px 20px 0px 20px;
	font-size: 16px;
	height: 400px;
}

.tyreShop-ModalView-PreferredBrand {
	padding-top: 10px;
}

.tyreShop-ModalView-PreferredBrandLabel {
	font-weight: bold;
	padding-top: 5px;
}

.tyreShop-ModelView-PreferredBrandIcon {
	padding-left: 25px !important;
	padding-right: 5px !important;
	padding-top: 6px;
}

.tyreShop-ModalView-PreferredBrandsAllLocations {
	padding: 20px 20px 0px 20px;
}

	.tyreShop-ModalView-PreferredBrandsAllLocations label {
		display: inline-block !important;
		padding-left: 5px !important;
		font-size: 14px !important;
	}

	.tyreShop-ModalView-PreferredBrandsAllLocations tr {
		vertical-align: top;
	}

.tyreShop-ModalView-SupplierDropDown, .tyreShop-ModalView-BrandDropDown, .tyreShop-ModalView-SupplierLabel {
	padding-top: 5px;
}

.tyreShop-ModelView-Buttons {
	padding: 0px 20px;
}

.tyreShop-ModelView-PreferredBrandButtons {
	padding: 20px 20px;
}

.tyreShop-ModalView-Button {
	background-color: #6E6E6E;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	vertical-align: middle;
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

	.tyreShop-ModalView-Button > a {
		color: #ffffff;
	}

		.tyreShop-ModalView-Button > a:hover {
			color: #ffffff;
		}

		.tyreShop-ModalView-Button > a:visited {
			color: #ffffff;
		}

#TyreProductDetailTabs {
	background-position: 5px 10px;
}

.TyreProductDetailHeader {
	font: 18pt Arial !important;
	-webkit-font-variant: small-caps !important;
	-moz-font-variant: small-caps !important;
	-ms-font-variant: small-caps !important;
	-o-font-variant: small-caps !important;
	font-variant: small-caps !important;
	color: #000 !important;
	font-weight: bold !important;
}

.TyreProductDetailPropertie {
	padding-bottom: 5px !important;
	font-weight: bold;
	text-align: left;
	font: 9pt Arial !important;
	-webkit-font-variant: small-caps !important;
	-moz-font-variant: small-caps !important;
	-ms-font-variant: small-caps !important;
	-o-font-variant: small-caps !important;
	font-variant: small-caps !important;
	color: #000 !important;
	font-weight: bold !important;
	line-height: 1.5 !important;
}

.TyreProductDetailValue {
	text-align: left;
	vertical-align: top;
	font: 9pt Arial !important;
	color: #a0a0a0 !important;
	padding-top: 2px;
}

#tyreShopFilter {
	margin-left: 0 !important;
	margin-top: 19px !important;
}

#TyreShopFilterBox {
	width: 200px !important;
	margin-top: 10px !important;
	height: 24px !important;
	line-height: 24px !important;
	background-color: #5a5a5a;
}

#TyreShopFilterButton {
	width: 200px !important;
	margin-top: 10px !important;
	height: 22px !important;
	line-height: 17px !important;
	background-color: #5a5a5a !important;
}

	#TyreShopFilterButton a {
		color: #FFFFFF !important;
		text-decoration: none;
	}

#tyreShopListGrid {
	margin: 0 0px 5px 0px !important;
	width: calc(100% - 200px) !important;
}

.modaldetailedTyreCompany {
	display: none;
	background-color: white;
	width: 1000px;
	height: 600px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 14px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
}

	.modaldetailedTyreCompany::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
	}

	.modaldetailedTyreCompany::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
	}

.modalWindowTyreProductMaximized {
	display: none;
	background-color: white;
	width: 1000px;
	height: 600px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 14px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
}

	.modalWindowTyreProductMaximized::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
	}

	.modalWindowTyreProductMaximized::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
	}
/*#endregion*/

/*#region Central Basket */
#dgCentralBasketList .dxgvGroupRow_Techno {
	background-color: whitesmoke !important;
	font-family: Arial, sans-serif !important;
	font-size: 9pt !important;
	font-weight: bold !important;
	color: black !important;
}

#dgCentralBasketList .dxgvGroupFooter_Techno {
	background-color: transparent !important;
	font-weight: bold;
	font-size: 8pt;
}

#dgCentralBasketList .dxgvDataRow_Techno td.dxgvIndentCell, .dxgvGroupRow_Techno td.dxgvIndentCell, .dxgvGroupFooter_Techno td.dxgvIndentCell {
	background-color: white !important;
	border-right: none !important;
	border-left: none !important;
}

#dgCentralBasketList .dxgvFooter_Techno {
	background-color: transparent !important;
	font-weight: bold;
	font-size: 8pt;
	border-top: 2px solid #000;
}

#dgCentralBasketList .dxgvGroupFooter_Techno td.dxgv {
	border-bottom: none !important;
	border-right: none !important;
}

#dgCentralBasketList .dxgvGroupRow_Techno td.dxgv, .dxgvFocusedGroupRow_Techno td.dxgv {
	border-bottom: 1px solid #000000 !important;
}
/*#endregion*/

/*#endregion*/

/*#region Image Gallery for videos */
.videoSliderGallery {
	width: 100vw !important;
	background: black;
}

/* Scrollbar Track */
.fileListScrollbar::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Scrollbar Handle */
.fileListScrollbar::-webkit-scrollbar-thumb {
	background: #888;
}

	/* Scrollbar Handle on hover */
	.fileListScrollbar::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

.fileListScrollbar {
	direction: rtl;
	min-height: 100px;
	margin-bottom: 10px;
	margin-top: 5px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.fileListItem {
	direction: ltr;
	width: 100%;
	text-align: left;
	border-bottom: 0 none;
	border-left: 0 none;
	border-right: 0 none;
}

	.fileListItem:first-child {
		border-top: 0 none;
	}

.fileListParent {
	margin-top: 20px;
}

.fileListIcon {
	width: 15px;
	height: 17px;
}

.fontTDEStyle {
	font: 9pt Arial;
	color: #a0a0a0;
}

.hideIframe {
	width: 0;
	height: 0;
	border: 0;
	border: none;
	visibility: hidden;
}

div#videoPlayer > div.plyr__video-embed {
	padding-bottom: 55.3% !important;
}

.dxisControl_Techno .galleryVideo {
	vertical-align: middle !important;
	display: block !important;
	margin: auto !important;
	width: 200px;
	height: 155px;
}

.dxis-item .galleryVideo {
	padding-top: 30px;
}

.galleryVideoOverlay {
	position: absolute;
	margin-left: 75px;
	margin-top: 45px;
}

.galleryMiniVideoOverlay {
	position: absolute;
	margin-left: 5px;
}

.videoOpacity {
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}
/*#endregion*/

/*#region Assortments */
.main-container {
	margin-top: 50px !important;
	padding: 15px 0 15px 0 !important;
	height: 60px !important;
}

.row-container {
	background-color: #CECECE;
	padding-top: 15px;
	padding-bottom: 15px;
}

	.row-container:hover {
		background-color: #56BA48;
		cursor: pointer;
	}

.row-text-container {
	margin-left: 15px !important;
}

.row-text-title {
	font-size: 14pt;
	font-weight: 600;
}

.row-text-description {
	font-weight: 500;
	font-size: 10pt;
	color: black;
}

.row-text-link, row-text-link:focus, row-text-link:hover, row-text-link:visited {
	text-decoration: underline !important;
	color: black !important;
	font-size: 10pt !important;
}

.row-text-btn {
	color: black;
	font-size: 11pt;
	font-weight: 600;
}

.row-spacer {
	padding-top: 10px;
	padding-bottom: 10px;
}

.row-img-responsive {
	display: block;
	height: auto;
	max-width: 200px;
}

.check-icon {
	color: lightseagreen;
	cursor: pointer;
}

.square-icon {
	display: inline-block;
	padding: 4px 6px;
	border: 1px solid orange;
	color: orange;
	cursor: pointer;
}

.round-icon {
	display: inline-block;
	border-radius: 60px;
	padding: 7px 6px;
	border: 1px solid white;
	color: white;
	cursor: pointer;
	background-color: limegreen;
}

.round-icon-empty {
	display: inline-block;
	border-radius: 60px;
	padding: 7px 6px;
	border: 1px solid darkgrey;
	color: transparent;
	cursor: pointer;
	background-color: darkgrey;
}

.round-icon-red {
	display: inline-block;
	border-radius: 60px;
	padding: 7px 6px;
	border: 1px solid red;
	color: white;
	cursor: pointer;
	background-color: red;
}

.apply-icon {
	display: inline-block;
	color: green;
	cursor: pointer;
	background-color: transparent;
	font-size: 15pt;
}

.apply-icon-empty {
	display: inline-block;
	color: green;
	cursor: pointer;
	background-color: transparent;
	font-size: 16pt;
}

.pencil-icon {
	display: inline-block;
	color: darkgrey;
	cursor: pointer;
}

.edit-icon {
	border-left: 1px solid darkgrey;
	padding-left: 15px;
	height: 25px;
	padding-top: 5px;
	cursor: pointer;
}

.exception-btn {
	z-index: 2000 !important;
}

.dxListHeaderA {
	background-color: #000 !important;
	border: none !important;
	font-family: Arial, sans-serif !important;
	font-weight: unset !important;
	font-size: 8pt !important;
	text-transform: none !important;
}

.dxListHoverA {
	-webkit-box-shadow: inset 0 0px 2px 1px dimgrey;
	box-shadow: inset 0px 2px 1px dimgrey;
	cursor: pointer;
}

.searchAssortMents {
	background-color: #5A5A5A !important;
	color: #ffffff !important;
	z-index: 50 !important;
	position: absolute;
}

.productListHint {
	padding: 5px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: 500;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

.productListInfo {
	font-size: 8pt;
	margin-bottom: 15px;
	margin-top: 15px;
}

.info-link {
	text-decoration: none;
	color: white;
	font-size: 8pt;
	background: mediumvioletred;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
}

	.info-link:focus, .info-link:hover {
		text-decoration: none;
		color: white;
		font-size: 8pt;
		background: mediumvioletred;
		padding: 10px;
		border-radius: 5px;
		cursor: pointer;
	}

.info-icon {
	color: white;
	font-size: 17pt !important;
}

.info-link-disabled {
	text-decoration: none;
	color: white;
	font-size: 8pt;
	background: mediumvioletred;
	padding: 10px;
	border-radius: 5px;
	opacity: 0.65;
	cursor: not-allowed;
}

	.info-link-disabled:focus, .info-link-disabled:hover {
		text-decoration: none;
		color: white;
		font-size: 8pt;
		background: mediumvioletred;
		padding: 10px;
		border-radius: 5px;
		opacity: 0.65;
		cursor: not-allowed;
	}

.productListFilter {
	margin-top: 10px;
}

.productListRows {
	margin-bottom: 50px;
}

.productListFilterPad {
	padding: 5px;
}

.productListFilterText {
	border: 1px solid black !important;
	border-radius: 0px !important;
	height: 30px;
	color: #4F5158 !important;
	font-family: Arial, sans-serif !important;
	font-size: 9pt !important;
	font-weight: 600 !important;
	padding: 0px !important;
}

	.productListFilterText:focus {
		box-shadow: none !important;
		border-color: #5A005A !important;
	}

	.productListFilterText option {
		padding: 30px;
		color: #4F5158 !important;
		font-family: Arial, sans-serif !important;
		font-size: 9pt !important;
		font-weight: 600 !important;
	}

.openWizardBtn {
	background-color: #5A005A;
	width: 100%;
	height: 20px;
	vertical-align: middle;
	background-position: 115px center;
	padding-left: 10px;
	padding-top: 8px;
	padding-right: 3px;
	text-align: center;
	cursor: pointer;
	background-image: url('./images/pfeil_M_weiss.png');
	background-position-x: 95%;
	background-repeat: no-repeat;
}

.applyAllLabel {
	vertical-align: super;
	margin-bottom: 10px !important;
	padding-top: 5px;
	font: 12px Tahoma, Geneva, sans-serif;
	color: #303030;
	white-space: nowrap;
	line-height: 16px;
	height: 100%;
	font-weight: bold;
}

.exceptionsHeader {
	padding: 5px;
	margin-bottom: 5px;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 11pt;
	font-weight: 600;
}

.exceptionsFooter {
	padding-top: 10px;
	float: right;
	padding-bottom: 10px;
}

.exceptionBtn {
	font-family: Arial, sans-serif !important;
	font-size: 9pt !important;
	font-weight: bold !important;
	cursor: pointer
}

	.exceptionBtn:hover {
		text-decoration: underline !important;
	}

.exceptionBtnClose, exceptionBtnClose:hover {
	margin-right: 10px;
	color: lightcoral;
}

.exceptionBtnSave, exceptionBtnSave:hover {
	margin-right: 10px;
	color: black;
}

.modalWindowVisibilityWizardDetail {
	display: none;
	background-color: #FFFFFF;
	width: 1200px;
	height: 650px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 14px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
	overflow-y: visible !important;
	padding: 15px;
	z-index: 1001;
}

	.modalWindowVisibilityWizardDetail::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
		z-index: -1;
	}

	.modalWindowVisibilityWizardDetail::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
		z-index: -1;
	}

.wizardTitle {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 18pt;
	font-weight: 600;
}

.wizardClose {
	float: right;
	color: red;
	cursor: pointer;
}

	.wizardClose:hover {
		color: #000000;
	}

.searchOverview {
	background-color: #5A5A5A !important;
	color: #ffffff !important;
	z-index: 50 !important;
	width: 85%;
	float: left;
}

.overviewWizarBtn {
	height: 30px;
	width: 150px;
	float: right;
	margin-top: 10px !important;
	padding-top: 15px;
	height: 60px !important;
	line-height: 60px !important;
}

	.overviewWizarBtn > a {
		line-height: 29px !important;
	}

.switch {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 15px;
}

	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 1px;
	background-color: #000000;
	-webkit-transition: .4s;
	transition: .4s;
	border: 2px solid #FFFFFF;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 12px;
		width: 12px;
		left: 0px;
		bottom: -1px;
		background-color: #56BA48;
		-webkit-transition: .4s;
		transition: .4s;
	}

input:checked + .slider {
	background-color: #000000;
	border: 2px solid #FFFFFF;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

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

input:not(:checked) + .slider:before {
	background-color: #FFFFFF !important;
	left: -1px !important;
}

.slider.round {
	border-radius: 34px;
}

	.slider.round:before {
		border-radius: 50%;
	}

.sliderText {
	margin-right: 15px;
	vertical-align: top;
}

#snackbar {
	width: fit-content;
	height: fit-content;
	margin-left: -125px;
	background-color: #4CAF50;
	font-size: medium;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 89%;
	bottom: 1%;
	font-family: Arial, Helvetica, sans-serif;
}

.loading-dots {
	margin: 0 !important;
}

	.loading-dots:after {
		content: ' .';
		animation: dots 1s steps(5, end) infinite;
	}

@keyframes dots {
	0%, 20% {
		color: rgba(0,0,0,0);
		text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0);
	}

	40% {
		color: white;
		text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0);
	}

	60% {
		text-shadow: .25em 0 0 white, .5em 0 0 rgba(0,0,0,0);
	}

	80%, 100% {
		text-shadow: .25em 0 0 white, .5em 0 0 white;
	}
}

.searchPriceControl {
	background-color: #5A5A5A !important;
	color: #ffffff !important;
	z-index: 50 !important;
	width: 80%;
	float: left;
}

.priceControlWizarBtn {
	height: 30px;
	width: 200px;
	float: right;
	margin-top: 10px !important;
	padding: 15px 9px 15px 0px !important;
	height: 60px !important;
	line-height: 60px !important;
}

	.priceControlWizarBtn > a {
		line-height: 29px !important;
	}

.modalWindowPriceControlWizardDetail {
	display: none;
	background-color: #FFFFFF;
	width: 1200px;
	height: 650px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: visible !important;
	border: 14px solid #a0a0a0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
	overflow-y: visible !important;
	padding: 15px;
	z-index: 1001;
}

	.modalWindowPriceControlWizardDetail::before {
		display: block;
		position: absolute;
		top: -14px;
		left: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-left: 14px solid #00FF00;
		border-top: 14px solid #00FF00;
		z-index: -1;
	}

	.modalWindowPriceControlWizardDetail::after {
		display: block;
		position: absolute;
		bottom: -14px;
		right: -14px;
		content: " ";
		width: 115px;
		height: 115px;
		border-right: 14px solid #00FF00;
		border-bottom: 14px solid #00FF00;
		z-index: -1;
	}

.priceControlFixedPriceText {
	border: 1px solid black !important;
	border-radius: 0px !important;
	height: 30px;
	color: #4F5158 !important;
	font-family: Arial, sans-serif !important;
	font-size: 9pt !important;
	font-weight: 600 !important;
	padding: 0px !important;
	width: 100px;
	text-align: right;
}

	.priceControlFixedPriceText:focus {
		box-shadow: none !important;
		border-color: #5A005A !important;
	}

	.priceControlFixedPriceText option {
		padding: 30px;
		color: #4F5158 !important;
		font-family: Arial, sans-serif !important;
		font-size: 9pt !important;
		font-weight: 600 !important;
	}

.dxGroupProduct.dxgvGroupRow_Techno {
	background-color: #e1e0e0;
	color: darkgrey;
}

.dxGroupProduct .dxgv {
	padding: 10px 4px !important;
}

#productList-list {
	/*height: 460px;*/
	overflow-y: auto;
	border: 1px black solid;
}

	#productList-list .dxgvCSD {
		/*height: 331px !important;*/
	}

#dgProductList .dx-wrap {
	word-wrap: break-word;
}

#dgProductList .dxWeb_edtCheckBoxChecked_Techno::before {
	background-image: none !important;
	content: "\d7";
	font-size: 15px;
	color: black !important;
	top: -5px;
	position: relative;
	left: 0px;
}

#dgProductList #cbSelectAll_S_D::before {
	background-image: none !important;
	content: "\d7";
	font-size: 15px;
	color: black !important;
	top: -5px;
	position: relative;
	left: -2px;
}

#dgProductList #cbSelectAll {
	margin-left: 11px;
}

.readOnlyEditorCel.dxeReadOnly_Techno,
.readOnlyEditorCel.dxeReadOnly_Techno .dxeMemoEditArea_Techno,
.readOnlyEditorCel.dxeReadOnly_Techno .dxeEditArea_Techno {
	background-color: #D3E4A6 !important;
	border-color: #D3E4A6 !important;
}

	.readOnlyEditorCel.dxeReadOnly_Techno .dxpcDropDown_Techno {
		display: none;
	}

#dgMeasurements .dxgvIndentCell,
#dgMultimedias .dxgvIndentCell,
#dgDynamicField .dxgvIndentCell {
	background-color: #e1e0e0;
}

#dgMeasurements .dxgvDataRow_Techno .dxgv,
#dgMultimedias .dxgvDataRow_Techno .dxgv {
	padding: 10px 4px 8px 4px !important;
}

#dgDynamicField .dxgvCSD .dxgv {
	padding: 10px 4px 8px 4px !important;
}

#dgMeasurements .borders {
	border: 1px solid #ccc !important;
}

/*#dgDynamicField .dxgvDataRow_Techno 
{
    border-bottom: 1px solid black;
}*/

.hideColumn {
	display: none;
}

[id^=pcModalMode][id$=_PW-1],
[id^=productListModalMode][id$=_PW-1] {
	border-image: linear-gradient(to bottom right, #56ba48, #8d8d8d, #8d8d8d, #56ba48);
	border-image-slice: 1;
	border-top: 10px Solid !important;
	border-left: 10px Solid !important;
	border-right: 10px Solid !important;
	border-bottom: 10px Solid !important;
}

[id^=pcModalMode][id$=_PWC-1],
[id^=productListModalMode][id$=_PWC-1] {
	background-color: white !important;
}

[id^=productListModalMode_PW-1] {
	top: 10px !important;
	left: 10px !important;
	margin: 0 auto !important;
	/*height: 100vh !important;*/
}

.popUpControl_Modal .dxpc-header {
	height: 35px !important;
	background-color: white !important;
	background-image: none !important;
	border-top: none !important;
	border-bottom: none !important;
	padding-right: 5px !important;
}

.ownAssortment-searchProductLabel {
	height: 30px !important;
	padding: 0 45px 0 0 !important;
	width: 120px !important;
	background-position: 85px 5px !important;
}

.ownAssortment-searchPRoductInput {
	width: 64% !important;
}

.hideEditFormField table {
	display: none;
}

#dgPrices .dxgvHeader_Techno .dxbButton_Techno {
	color: #FFF;
	background-color: #000;
	border: 1px Solid #000;
}

#dgPrices #dgPrices_DXCBtn0_CD span::before {
	font-family: "FontAwesome";
	content: "\f15c";
	font-size: 15px;
	padding-right: 4px;
}

/*#endregion*/
/*#region Wibs Banners Admin */
[id^="dgBannerList"] .dxListHeader td {
	font: 8pt bold Arial, sans-serif !important;
}

.wo-main-container {
	/*margin-top: 10px;
    padding: 15px 0 15px 0;*/
}

.wo-bannerListHint {
	padding: 5px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: 500;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

.wo-bannerListInfo {
	font-size: 8pt;
	margin-bottom: 5px;
	margin-top: 20px;
}

.wo-btn-new {
	text-decoration: none;
	color: white;
	font-size: 8pt;
	background: #6e6e6e;
	padding: 8px;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
}

	.wo-btn-new:focus, .wo-btn-new:hover {
		text-decoration: none;
		color: white;
		font-size: 8pt;
		background: #6e6e6e;
		padding: 8px;
		border-radius: 5px;
		cursor: pointer;
		font-weight: bold;
		border: 1px solid black;
	}

.wo-btn-light {
	text-decoration: none;
	color: #333333;
	font-size: 8pt;
	background: #eeeeee;
	padding: 8px;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
}

	.wo-btn-light:focus, .wo-btn-light:hover {
		text-decoration: none;
		color: #333333;
		font-size: 8pt;
		background: #eeeeee;
		padding: 8px;
		border-radius: 5px;
		cursor: pointer;
		font-weight: bold;
		border: 1px solid black;
	}

.wo-edit-icon {
	height: 25px;
	padding-top: 5px;
	cursor: pointer;
}

.wo-banner-detail-container {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
}

	.wo-banner-detail-container .row {
		margin-bottom: 10px;
	}

.wo-detail-header {
	padding: 5px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: 500;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

.wo-detail-label {
	font-family: Arial,sans-serif;
	font-size: 9pt;
	font-weight: 500;
}

.wo-banner-detail-container > div, input, button, textarea, input[type=file] {
	color: #000 !important;
	font-family: Arial,sans-serif !important;
}

.wo-banner-detail-container > .dxeTextBox_Techno, .wo-banner-detail-container > .dxeEditArea_Techno, .wo-banner-detail-container > .dxeCalendar_Techno {
	background-color: #eeeeee !important;
	opacity: 1 !important;
	font-size: 8pt !important;
}

.wo-banner-detail-container > .dxeTextBox_Techno, .wo-banner-detail-container > .dxeButtonEdit_Techno, .wo-banner-detail-container > .dxeCalendar_Techno {
	border: 0px solid !important;
	border-color: grey !important;
	background-color: #eeeeee !important;
}

.wo-banner-detail-container > .dxeButtonEdit_Techno, .wo-banner-detail-container > .dxeEditArea_Techno {
	background-color: #eeeeee !important;
	font-size: 8pt !important;
}

.wo-btn-detail {
	display: inline-block;
	width: 150px;
	text-align: center;
}

.wo-btn-detail-1 {
	display: inline-block;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}

	.wo-btn-detail-1:hover {
		display: inline-block;
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
	}

.wo-input-multi {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

	.wo-input-multi + label {
		font-size: 1.25em;
		font-weight: 700;
		color: white;
		background-color: #eee;
		display: inline-block;
		padding: 5px;
		font-size: 9pt;
		border-radius: 5px;
		text-decoration: none;
		color: grey;
		font-size: 8pt;
		padding: 8px;
		border-radius: 5px;
		cursor: pointer;
		font-weight: bold;
	}

.wo-intpu-icon {
	color: white;
	margin-right: 5px;
}

.wo-file-area {
	max-height: 90px;
	overflow-y: auto;
}

.wo-file-table {
	width: 50%;
}

.wo-file-row {
	font-size: 8pt;
	color: grey;
}

.wo-delete-row {
	height: 25px;
	padding-top: 5px;
	cursor: pointer;
	color: red;
	font-size: 9pt;
}

.wo-image-preview-clear {
	font-size: 9pt !important;
	height: 25px;
	line-height: 10px;
}

.wo-image-preview-filename {
	height: 25px !important;
	line-height: 10px !important;
	font-family: 'Arial,Helvetica', sans-serif !important;
	font-size: 8pt !important;
	padding-left: 3px !important;
}

.wo-image-preview-input {
	color: #000000 !important;
}

.wo-image-preview-input {
	position: relative;
	overflow: hidden;
	margin: 0px;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	font-size: 9pt !important;
	height: 25px;
	line-height: 10px;
}

	.wo-image-preview-input input[type=file] {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		font-size: 20px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
	}

.wo-image-preview-input-title {
	margin-left: 2px;
}

.note-editor.note-frame {
	border: 0px solid #a9a9a9 !important;
}

	.note-editor.note-frame .note-editing-area .note-editable {
		background-color: #eeeeee !important;
	}

	.note-editor.note-frame .note-statusbar {
		background-color: #eeeeee !important;
	}
/*#endregion*/

/*#region WishList */
#wl-container {
	margin-top: 45px;
}

.wl-banner-list-hint {
	padding: 5px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: 500;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
}

.wl-suppliers-container {
	max-height: auto;
	overflow-y: auto;
	overflow-x: hidden;
	margin-left: 15px;
	margin-right: 15px;
}

.wl-supplier-title-container {
	padding-bottom: 10px;
}

.wl-supplier-title {
	color: #00285C;
	font-size: 10pt;
	font-weight: bold;
}

.wl-supplier-list {
	padding-bottom: 10px;
}

.wl-supplier-list-footer-item {
	margin-top: 10px;
}

.wl-edit-icon {
	height: 17px;
	padding-top: 2px;
	cursor: pointer;
}

.wl-footer-container {
	height: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
}

.wl-footer-btn {
	display: inline-block;
	width: 230px;
	text-align: center;
	text-decoration: none;
	color: white;
	font-size: 8pt;
	background: #8C007D;
	padding: 8px;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
}

	.wl-footer-btn:focus, .wl-footer-btn:hover {
		text-decoration: none;
		color: white;
		font-size: 8pt;
		background: #8C007D;
		padding: 8px;
		border-radius: 5px;
		cursor: pointer;
		font-weight: bold;
	}

.wl-footer-row {
	margin-bottom: 10px;
	border-top: 1px solid black;
}

.wl-footer-price {
	display: inline-block;
	font: 12px Tahoma, Geneva, sans-serif;
	color: #000000;
	font-weight: bold;
	margin-left: 25px;
	margin-top: 10px;
}

.wl-alert-icon {
	color: red;
	cursor: pointer;
}

.wl-banner-container {
	width: 100%;
	margin-left: 15px;
}
/*#endregion*/

/*#region ProductBlacklist */
.productblacklist-container {
	margin-top: 20px;
}

.productblacklist-buttons {
}

.productblacklist-list {
	margin-top: 20px;
}

.productblacklist-button {
	display: inline-block;
	padding: 5px;
	color: #FFFFFF;
	background-color: #88989F !important;
	border: 1px solid #304147 !important;
	cursor: pointer;
	width: 100px;
	margin-top: 10px;
	font-family: Arial !important;
	font-weight: bold !important;
	font-size: 10pt !important;
	height: 33px;
}

	.productblacklist-button:hover {
		background-color: #304147 !important;
	}

.productblacklist-downloadbutton {
	display: inline-block;
	margin-left: 50px;
	padding: 5px;
	color: #FFFFFF;
	background-color: #88989F !important;
	border: 1px solid #304147 !important;
	cursor: pointer;
	width: 150px;
	margin-top: 10px;
	font-family: Arial !important;
	font-weight: bold !important;
	font-size: 10pt !important;
	height: 33px;
}

	.productblacklist-downloadbutton:hover {
		background-color: #304147 !important;
		color: #000;
	}

.productblacklist-import-hint {
	padding-left: 8px;
}

.productblacklist-fake-text {
	width: 0px !important;
}
/*#endregion*/

/*#region Offer Calculations*/
.sutilBtn {
	float: right;
	text-decoration: none;
	cursor: pointer;
	color: gray
}

	.sutilBtn:hover {
		color: black;
	}
/*#endregion*/

/*#region Jquery UI Suggestion*/
.ui-autocomplete.ui-menu {
	box-shadow: 3px 3px 2px 1px #7a7a7a;
	-webkit-box-shadow: 3px 3px 2px 1px #7a7a7a;
}

.each {
	border-bottom: 1px solid #555;
	padding: 3px 0;
}

.acItem .title {
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
}

.acItem .desc {
	font-size: 11px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #555;
}

.ui-menu .ui-menu-item {
	float: none;
	display: block;
	opacity: 0.9;
	padding: 5px 20px;
	border-bottom: 1px solid #dbdbdb;
}

.ui-state-focus {
	border-color: var(--color-contrast-dark) !important; /*#fbcb09;*/
	background-color: var(--color-greyscale-light) !important;
	color: var(--color-contrast-dark) !important; /*#c77405;*/
}
/*#endregion*/

/*#region Header and title area*/
.avag-area-header {
	height: 60px;
	margin-top: 10px;
	background-color: #DDDDDD;
	color: var(--color-greyscale-medium);
	font-size: 12px !important;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
}

.avag-area-titel-header {
	color: var(--color-greyscale-medium) !important;
	font-size: 12px !important;
	font-weight: 800;
	height: 30px !important;
	text-transform: uppercase;
}

.avag-area-header-popup {
	height: 60px !important;
	background-color: #DDDDDD !important;
	color: var(--color-greyscale-medium) !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	text-align: center !important;
	padding-top: 20px;
}

	.avag-area-header-popup .dxeBase_Techno {
		color: var(--color-greyscale-medium) !important;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 12px !important;
		font-weight: 800 !important;
		text-transform: uppercase !important;
	}

.popUpControl_Modal .dxpc-header {
	height: unset !important;
	padding: 0px !important;
}
/*#endregion*/

.startpagebannerlist-container {
	margin: 20px 10px 0px 10px;
}
.startpagebannerlist-list {
	margin-top: 20px;
}
.startpagebannerlist-buttons{
	margin-top: 30px;
}
.startpagebannerlist-detail-container {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 30px;
}
.startpagebannerlist-detail-container .row {
	margin-bottom: 10px;
}
.startpagebannerlist-detail-header {
	padding: 5px;
	background-color: #bce8a6;
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: 500;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}
.startpagebannerlist-detail-label {
	font-family: Arial,sans-serif;
	font-size: 9pt;
	font-weight: 500;
}
.startpagebannerlist-banner-detail-container > .dxeTextBox_Techno, .startpagebannerlist-banner-detail-container > .dxeEditArea_Techno, .startpagebannerlist-banner-detail-container > .dxeCalendar_Techno {
	background-color: #eeeeee !important;
	opacity: 1 !important;
	font-size: 8pt !important;
}

.startpagebannerlist-banner-detail-container > .dxeTextBox_Techno, .startpagebannerlist-banner-detail-container > .dxeButtonEdit_Techno, .startpagebannerlist-banner-detail-container > .dxeCalendar_Techno {
	border: 0px solid !important;
	border-color: grey !important;
	background-color: #eeeeee !important;
}

.startpagebannerlist-banner-detail-container > .dxeButtonEdit_Techno, .startpagebannerlist-banner-detail-container > .dxeEditArea_Techno {
	background-color: #eeeeee !important;
	font-size: 8pt !important;
}

.startpagebannerlist-btn-detail {
	display: inline-block;
	width: 150px;
	text-align: center;
}
#startpagebannerlist-detail-editor .dxmLite_Techno .dxm-main.dxmtb {
	background: #EEE !important;
}

#startpagebannerlist-detail-editor .dxheDesignViewArea_Techno, .dxheViewArea_Techno {
	border: 1px solid #EEE !important;
}

#startpagebannerlist-detail-editor .dxtcLite_Techno.dxtc-bottom > .dxtc-stripContainer .dxtc-tab {
	background: none !important;
}

#startpagebannerlist-detail-editor .dxtcLite_Techno.dxtc-bottom > .dxtc-stripContainer .dxtc-activeTab {
	background: #000000 !important;
}

#startpagebannerlist-detail-editor .dxpcLite_Techno .dxpc-header, .dxdpLite_Techno .dxpc-header {
	border-top: 5px solid gray !important;
	background: #EEE !important;
}

#startpagebannerlist-detail-editor .dxpnlControl_Techno {
	border: 1px solid #ffffff !important;
	background-color: white !important;
	padding: 5px !important;
	margin-bottom: -20px !important;
	font: 5pt Arial !important;
}
.startpagebannerlist-bannerListInfo {
	font-size: 8pt;
	margin-bottom: 5px;
	margin-top: 20px;
}
.startpagebannerlist-btn-new {
	text-decoration: none;
	color: white;
	font-size: 8pt;
	background: #6e6e6e;
	padding: 8px;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
}

.startpagebannerlist-btn-new:focus, .startpagebannerlist-btn-new:hover {
		text-decoration: none;
		color: white;
		font-size: 8pt;
		background: #6e6e6e;
		padding: 8px;
		border-radius: 5px;
		cursor: pointer;
		font-weight: bold;
		border: 1px solid black;
	}
.startpagebanner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #8a8a8a;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	z-index: 1000;
	display: block;
}
.startpagebanner-content {
	position: absolute;
	width: 800px;
	height: 534px;
	top: 50%;
	left: 50%;
	background-color: #fff;
	z-index: 1010;
	padding-bottom: 10px;
	transform: translate(-50%, -50%);
}
.startpagebanner-detail-view {
	width: 800px;
	height: 534px;
}
	.startpagebanner-detail-view > .row {
		margin-left: 0px;
		margin-right: 0px;
	}
.startpagebanner-detail-title {
	height: 78px;
	padding: 26px 50px;
	color: #fff;
	font-size: 17pt;
}
.startpagebanner-detail-body {
	min-height:75px;
	padding: 20px 20px 5px 50px;
	font-size: 9pt;
}
.startpagebanner-detail-body > ul {
	list-style-type: disc !important;
}
.startpagebanner-detail-options {
	min-height: 100px;
	padding: 10px 20px 10px 50px;
}
.startpagebanner-detail-image-preview-clear {
	font-size: 9pt !important;
	height: 25px;
	line-height: 10px;
}

.startpagebanner-detail-image-preview-filename {
	height: 25px !important;
	line-height: 10px !important;
	font-family: 'Arial,Helvetica', sans-serif !important;
	font-size: 8pt !important;
	padding-left: 3px !important;
	display: none !important;
}

.startpagebanner-detail-image-preview-input {
	color: #000000 !important;
	position: relative;
	overflow: hidden;
	margin: 0px;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	font-size: 9pt !important;
	height: 25px;
	line-height: 10px;
}

	.startpagebanner-detail-image-preview-input input[type=file] {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		font-size: 20px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
	}

.startpagebanner-detail-image-preview-input-title {
	margin-left: 2px;
}
.startpagebanner-detail-buttons {
	position: absolute;
	top: 380px;
	padding-right:30px;
}

.startpagebanner-detail-btn {
	display: inline-block;
	width: 110px;
	text-align: center;
	text-decoration: none;
	color: white;
	font-size: 10pt;
	background: #56AF32;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 0px;
	margin-left:10px;
}

	.startpagebanner-detail-btn:focus, .startpagebanner-detail-btn:hover {
		color: white;
		text-decoration: none;
	}

.startpagebanner-detail-btn-light {
	display: inline-block;
	width: 140px;
	text-align: center;
	text-decoration: none;
	color: #333333;
	font-size: 10pt;
	background: #eeeeee;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 0px;
	padding: 5px 0px;
	margin-left: 10px;
}

	.startpagebanner-detail-btn-light:focus, .startpagebanner-detail-btn-light:hover {
		text-decoration: none;
		color: #333333;
	}

.SelectProfileButton {
	background-color: #8C007D;
	vertical-align: middle;
	padding: 5px 10px;
	text-align: center;
	color: #ffffff;
}

	.SelectProfileButton > a, .SelectProfileButton > a:visited {
		color: #FFFFFF !important;
		font-weight: bold;
		font-size: 10px !important;
		text-decoration: none !important;
		text-transform: uppercase;
		display: block;
	}