/******************************************************************************
 *
 * CodeMeter License Central WebDepot
 * design.css
 * (c) 2012-2014: WIBU-SYSTEMS AG
 * info@wibu.com
 *
 *****************************************************************************/
 
 @font-face {
  font-family: 'DaimlerRegular';
  src:  url('DaimlerCS-Regular.woff') format('woff');
}

@font-face {
  font-family: 'DaimlerLight';
  src:  url('DaimlerCS-Light.woff') format('woff');
}

@font-face {
  font-family: 'DaimlerDemi';
  src:  url('DaimlerCS-Demi.woff') format('woff');
}

@font-face {
  font-family: 'DaimlerBold';
  src:  url('DaimlerCS-Bold.woff') format('woff');
}

/*
// ==============================================
// User WebShop Styles
// ==============================================
*/

/*
// Search & Cart
*/


#search form input{
	width:					50%;
	height:					30px;
	padding-left:		2%;
	outline:				none;
	border-radius:	3px;
	margin-left:		1%;
	margin-right:		1%;
}


/*
// Products Design
*/
#products h3{
	/*background:					#000;*/
	color:							#363636;
	padding-left:				1%;
	/*border-radius:			3px;*/
	margin-bottom: 			0px;
}

#products ul{
	list-style-type:		none;
	margin-left:				0px;
	
}

#products ul li{
	width:			18%;
	min-height:	210px;
	border:			1px solid #E6E6E6;
	float:			left;
	margin-left:	1%;
	margin-top:					1%;
	border-radius:	3px;
}

#products ul li a{
	text-decoration:		none;
	display:						block;
}

#products ul li a h4{
	text-align:					center;
	font-size:					14px;
	margin-top:					5px;
	margin-bottom: 			10px;
	overflow:						hidden;
	white-space:				nowrap;
	text-overflow:			ellipsis;
}


#products ul li a h5{
	text-align:					center;
	margin-bottom: 			5px;
}

#products ul li a img{
	width:			100%;
	height:			100px;
	object-fit: 	contain;
}



#products2 h3{
	/*background:					#000;*/
	color:							#363636;
	padding-left:				1%;
	/*border-radius:			3px;*/
	margin-bottom: 			0px;
}

#products2 ul{
	list-style-type:		none;
	margin-left:				0px;
	
}

#products2 ul li{
	width:			18%;
	min-height:	210px;
	border:			1px solid #E6E6E6;
	float:			left;
	margin-left:	1%;
	margin-top:					1%;
	border-radius:	3px;
}

#products2 ul li a{
	text-decoration:		none;
	display:						block;
}

#products2 ul li a h4{
	text-align:					center;
	font-size:					14px;
	margin-top:					5px;
	margin-bottom: 			10px;
	overflow:						hidden;
	white-space:				nowrap;
	text-overflow:			ellipsis;
}


#products2 ul li a h5{
	text-align:					center;
	margin-bottom: 			5px;
}

#products2 ul li a img{
	width:							100%;
	height:							100px;
}



form.filterSelection{
	float: 		right;
    margin-top: -30px;
}


/*
// Product Detail Design
*/
.productDetailHeader{
	/*background:					#000;
	border-radius:			3px;*/
	color:							#363636;
	padding-left:				1%;
	margin-bottom: 			0px;
}

#productImage{
	width:							40%;
	padding:						1%;
	box-sizing:					border-box;
	float:							left;
}


#productImage img{
	width:							100%;
	height:							350px;
	border:							2px solid #E6E6E6;
	object-fit: 					contain;
}

#productFeatures{
	width:							60%;
	height:							350px;
	float:							left;
	padding:						1%;
	box-sizing:					border-box;
}

#productFeatures h3{
	margin-top:					5px;
	text-align:					center;
	height:						60px;
	border-bottom:			2px solid #E6E6E6;
}

#productFeatures center h3{
	border-bottom:			none;
		margin-bottom:			10px;
}


#productFeatures center h3:first-child{
	/*background:					#000;*/
	color:							#363636;
	width:							50%;
	height:							30px;
}


#productFeatures center form button{
  display: 					inline-block;
  border-radius: 		4px;
  background-color: #31677f;
  border: 					none;
  color: 						#FFFFFF;
  text-align: 			center;
  font-size: 				14px;
  width: 						38%;
  height:						30px;
  transition: 			all 0.5s;
  cursor: 					pointer;
  margin: 					1%;
}

#productFeatures center form button:hover{
	background:	#1B3E4C;
}



#productFeatures center a{
  display: 					inline-block;
  border-radius: 		4px;
  background-color: #31677f;
  border: 					none;
  color: 						#FFFFFF;
  text-align: 			center;
  font-size: 				16px;
  width: 						80%;
  height:						30px;
  transition: 			all 0.5s;
  cursor: 					pointer;
  /*margin: 					1%;*/
  margin-top: 			1%;
  text-decoration: 		none;
  line-height: 40px;
}


#productFeatures center a:hover{
	background:	#1B3E4C;
}



#productFeatures ul{
	list-style-type:		none;
	
}

#productFeatures ul li{
	height:							25px;
	font-size:					16px;
	margin-left:				10px;
}

.priceDetail{
	text-align:					center;
	padding-top:				20px;
	font-weight:				bold;
}




.buttonProducts {
  display: 					inline-block;
  border-radius: 		4px;
  background-color: #31677f;
  border: 					none;
  color: 						#FFFFFF;
  text-align: 			center;
  font-size: 				12px;
  width: 						38%;
  height:						30px;
  transition: 			all 0.5s;
  cursor: 					pointer;
  margin: 					1%;
}

.buttonProducts:hover {
    background:	#1B3E4C;
}


/*
// Cart button
*/
.buttonCart{
	right: 			0px;
  margin: 			0px;
  position: 		absolute;
  top: 				88px;
}

.buttonCart button{
	background-color: #F8F8F8;
	color:					#1B3E4C;
	width: 					150px;
  height: 				40px;
  border-radius: 	4px;
  border: 				none;
  font-weight: 		bold;
  cursor: 				pointer;
}

/*
// NEW Cart Items Design
*/
.newCartTable{
	display: inline-block;
    vertical-align: top;
	border-spacing: 30px 0;
	/*margin-left: 15px;*/
}

.newCartTable, th{
	/*padding-left: 0.5rem;*/

}

/*
// Cart Items Design
*/
.cartItemsHeader{
    /*background: #000;*/
    color: #363636;
    /*padding-left: 1%;
    border-radius: 3px;*/
    margin-bottom: 0px;
}


.cartItems{
	width: 				100%;
	padding:			5px;
	box-sizing:			border-box;
	background:			#d3d3d3;
	min-height: 		300px;
	max-height: 		450px;
	overflow: 			auto;
}


.cartItems form table{
	width: 					100%;

}

.cartItems form table tr th{
	background:			#969696;
	color:					#FFF;
	height: 				25px;
	text-align:			left;
	padding-left:		5px;
}

.cartItems form table tr td{
	height: 				35px;
	color:					#000;
	/*padding-left:			3px;*/
	padding-right:			5px;
}


.cartItems form table tr a{
	text-decoration: 	none;
	color:						#FFF;
}


.cartItems form table tr td input[type=number]{
	width:						20%;
	text-align:				right;
	padding-left:			1%;
}

.cartItems form table tr td input[type=submit]{
  display: inline-block;
  border-radius: 4px;
  background-color: #31677f;
  border: none;
  color: #FFFFFF;
  text-align: center;
  width: 80px;
  cursor: pointer;
  margin-left:			1%;
}


.cartItems form table tr td input[type=submit]:hover{
    background:	#1B3E4C;
}

.cartItems form table tr td img{
	height:		40px;
	width:		62px;
	object-fit: contain;
}


.checkoutBtn{
	display: 		block;
	border: 		1px solid #518196;
	text-align: 	center;
	font-size: 		12px;
	cursor: 		pointer;
	margin: 		8%;
	padding: 		10px;
	background: 	#518196;
	width: 			200px;
	margin-bottom: 	5px;
  	color:			#ffffff
}


.checkoutBtn:hover {
    background:	#1B3E4C;
}

.checkoutBtn:disabled {
    background:	transparent;
}


.cartItemButtons {
  display: 					inline-block;
  border-radius: 		4px;
  background-color: #31677f;
  border: 					none;
  color: 						#FFFFFF;
  text-align: 			center;
  font-size: 				12px;
  width: 						200px;
  height:						30px;
  transition: 			all 0.5s;
  cursor: 					pointer;
  margin: 					1%;
}

.cartItemButtons:hover {
    background:	#1B3E4C;
}

.cartItemButtons a{
	text-decoration:			none;
	color: 						#FFFFFF;
}


.cartItemButtons a:hover {
  text-decoration:			none;
}

.delete_CartItem {
  text-align:			center;
}


.ticket_highlight{
  padding: 5px;
}

.ticket_highlight:hover{
  background-color:			#518196;
  padding: 5px;
}


/*
// Checkout Items Design
*/
.hr_checkout {
  border-top: 2px solid #FFF;
}



/*
// Order Items Design
*/
.orderRow:hover{
	background-color:	#969696;
	cursor:				pointer;
}


div#search h4 {
    float: right;
    margin-top: -37px;
    margin-right: 0px;
    text-align: right;
    color: #FFF;
    background: #518196;
    border-radius: 3px;
    padding: 10px;
}



.displayInfoMsg{

	color:								#000;
	background:						#FFF url(info.png) no-repeat left top;
	background-size:			48px;
	background-position:	3% 25%;
	border:								1px solid #CCCCCC;
	border-radius:				3px;
	width:								90%;
	margin:								auto;
	min-height:						100px;
	text-align: 					center;
	padding: 							20px;
	font-size: 						18px;
	font-weight: 					bold;
	margin-top: 					20px;
}


/*
// Onfo Layer (Anbieter/Datenschutz)
*/
.infoLayer{
	border: 1px solid #666666 ;
	background: #666666;
	color: white;
	max-width: 985px;
	position: relative;
	/*position: absolute;
	left:330px;*/
	z-index: 200;
	margin-top: 	-20px;
    margin-bottom: 	-500px;
	font-family: 'DaimlerDemi', Arial, 'Helvetica', 'Helv', 'Geneva', sans-serif;
}

.gridLayer{
    padding: 20px;

}

.gridLayer h2{
    font-family: 'DaimlerDemi', Arial, 'Helvetica', 'Helv', 'Geneva', sans-serif;
	margin-left:	10px;
}

/* Clear floats after the columns */
.rowLayer:after {
	content: 	"";
	display: 	table;
	clear: 		both;
  }
  
  .colLayer {
	float: left;
	padding: 10px;
  }
  
  .left {
	width: 27%;
  }

  .middle {
	width: 33%;
  }

  .right {
	float: right;
	font-family: 'DaimlerRegular', Arial, 'Helvetica', 'Helv', 'Geneva', sans-serif;
	font-size: 1.0rem;
  }

  .right ul{
	list-style: none;
  }

  .right ul li
  {
	border-bottom: 1px solid #767676;
  }


  .right ul li:first-child
  {
	border-top: 1px solid #767676;
  }


  .right ul li a
  {
	display: block !important;
	line-height: 1.2em;
	 color: #FFFFFF;
	 padding: 9px 10px 9px 1.5em;
  }

  .right ul li a:hover
  {
	display: block !important;
	line-height: 1.2em;
	 text-decoration: none;
	 /*color: #8f9fb5;*/
	 background-color: #445A6F;
	 padding: 9px 10px 9px 1.5em;
  }

  .right ul li a::before
  {
	 content: ">";
	 font-weight:	bold;
	 margin-right: 5px;
  }


  

/*
div.infoLayer{
	font-size: 1.6rem;
    position: absolute;
    width: 100%;
    background: #666666;
    color: white;
    left: 0;
    text-align: left;
    z-index: 20;
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 50%);
}

div.gridLayer{
	display: block;
    width: 100%;
    max-width: 100%;
    min-width: 1%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
*/
/*
// Create User Account Design
*/
.register_dropdown{
	width: 405px;
	padding: 3px;
}

.register_dropdown_error select{
	width: 403px;
	padding: 3px;
	border:	2px solid red;
}


.printer_dropdown{
	width: 405px;
	padding: 3px;
}

.printer_dropdown_error select{
	width: 403px;
	padding: 3px;
	border:	2px solid red;
}


/*
// Account Items Design
*/
.accountHeader{
	/*background-image: url(evobus-comp-header.png);*/
	background-color: #F8F8F8;
	height:				535px;
	border-radius:		3px;
}

.accountHeader form table{
	width:						95%;
	color:						#000;
	font-size: 				14px;
	font-weight: 			bold;
	padding:						1%;
}



.accountHeader form table tr th{
	width:						20%;
}


.accountHeader form table tr td input{
	width:						60%;
	height:						20px;
	border-radius:		3px;
	padding-left:			1%;
}


.accountHeader form table tr td input[name=sapNum]{
	cursor: not-allowed;
}


.accountHeader form table tr td input[name=custnumber]{
	cursor: not-allowed;
}



/* CodeMeter Trigger, should be invisible */
p.cmtrigger
{
	border:					none;
	height:					0px;
	margin:					0px;
	padding:				0px;
	position:				static;
	right:					0px;
}

/* Make error messagebox or section invisible */
.invisible
{
	display:				none;
}


ul, ol
{
	margin-left:			20px;
}

/* All input fields should inherit style from body */
input, select, textarea
{
	font:					inherit;
	text-align: 			inherit;
	line-height:	 		inherit;
	vertical-align: 		inherit;
	border: 				1px solid #cccccc;
	padding-left: 1%;
}


input.registerinputerror{
    display:table-cell;
		background-color: #E5F2FF;
    border: 2px solid red;
}

input#ticket.registerinputerror{
    display:table-cell;
		background-color: #E5F2FF;
    border: 2px solid red;
    width:	330px;
}


input#ticket.registerinputs{
    display:table-cell;
    width:	330px;
}


.registerField{
	width:	250px;
}


.register-select-error select{
    display:table-cell;
	background-color: #E5F2FF;
    border: 2px solid red;
}


select#licenseTypeId.register-select {
	width:	300px;
	height: 25px;
	border-radius: 3px;
}

select#licenseTypeId.register-select-error {
	width:	300px;
	height: 25px;
	border-radius: 3px;
	border: 2px solid red;
}


a
{
	color: 					#69696A;
	text-decoration:		none;
}

a:hover
{
	text-decoration: 		underline;
}

h3
{
	color: 					#606061;
	font: 					bold 20px/28px DaimlerRegular, Arial, Helvetica, Sans-Serif;
	padding:				3px 0px 3px 00px;
}

/******************************************************************************
 * WebDepot Styles
 *****************************************************************************/


/* Used for captions above input or select elements */
div.inputcaption, label
{
	font-weight: 			bold;
	margin-bottom:		 	3px;
}

/* action section */
div.actionframe
{
	position:				relative;
	min-height:				22px;
}

div.toggleonlineoffline
{
	margin:					0px;
	overflow:				visible;
	position:				absolute;
	right:					0px;
	bottom:					0px;
}

div.buttonline
{
	margin:					0px;
}

div.acceptline
{
	line-height:			16px;
	margin-bottom:			10px;
}

div.accepttext
{
	display:				inline;
	margin-left:			7px;
}

/* section for bottom links */
div.bottomsection
{
	border-top:				1px solid #CCCCCC;
	padding-top:			16px;
}

/* bottom links in detail */

div.linkchoosebinding, div.linkchoosecmcontainer, div.linkchoosetransaction, div.linkoverview
{
	background:				#E8ECEB url(back.png) 0px center no-repeat;
	display:				block;
	margin-bottom:			5px;
}

div.linkchoosebinding:hover, div.linkchoosecmcontainer:hover, div.linkchoosetransaction:hover, div.linkoverview:hover
{
	background:				#E8ECEB url(backHover.png) 0px center no-repeat;
}

div.linkchoosebinding a, div.linkchoosecmcontainer a, div.linkchoosetransaction a, div.linkoverview a
{
	display:				block;
	padding-left:			20px;
}

/* section for bottom links at overview page*/
div.mainlinks
{
	border-top:				1px solid #CCCCCC;
	line-height:			25px;
	padding-top:			20px;
	vertical-align:			bottom;
}

form.inline
{
	display:				inline;
}

/* General style for license table */
table.licensetable
{
	border-spacing:			0px;
	width:					100%;
}

/* Style for all cells in license table */
table.licensetable td, table.licensetable th
{
	border-bottom:			1px solid #E8ECEB;
	border-top:				1px solid #E8ECEB;
	padding:				8px 10px 8px 10px;
}

/* Style for license table head */
th.licensehead
{
	background:		 		#002e66;
	color:					#FFFFFF;
	text-align:				left;
}

/* Style for a license which can be activated or returned */
td.licenseactionpossible
{	
	background:				#CDD5E0;
	color:					#000000;
}

/* Style for a license which was not activated yet / was returned */
td.licensenotactivated
{	
	background:				#CDD5E0;
	color:					#000000;
}

/* Style for a license which is already activated */		
td.licensetaken
{	
	background:				#DDDDDD;
	color:					#666666;
}

/* Style for a license which is is not confirmed */		
td.licenseopen
{	
	background:				#CDD5E0;
	color:					#000000;
}

/* Width of column with checkbox */
table.licensetable .columnselect
{
	padding-right:			0px;
	line-height:			16px;
	width:					20px;
}

td.split, th.split
{
	text-align:				left;
	white-space:			nowrap;
	width:					1px;
}

/* General style for choose binding table */
table.bindingtable
{
	border-spacing:			0px;
	table-layout:			fixed;
	width:					100%;
}

.bindingentry
{
	background:				#002e66;
	border:					1px solid #CCCCCC;
	color:					#FFFFFF;
	padding:				0px;
	text-align:				center;
}

.bindingentry:hover
{
	background:				#CDD5E0;
	color: 					#009BA3;
}

.bindingentry a
{
	color:					#FFFFFF;
	display:		 		block;
	height:					100%;
	padding:				20px 20px 20px 20px;
}

.bindingentry a:hover
{
	color: 					#002e66;
}

.bindingspace
{
	width:		 			20px;
}

img.bindingpicture
{
	border:					none;
	display:				block;
	margin: 				auto;
	padding-bottom:			20px;
}

/* General style for choose CmContainer page */
div.cmcontainertable
{
	border:					1px solid #CCCCCC;
	display:				table;
	width:					100%;
}

div.cmcontainerentry
{
	background:				#002e66;
	border: 				1px solid #CCCCCC;
	color: 					#FFFFFF;
	display:				table-row;
}


div.cmcontainerentry a
{
	color: 					#FFFFFF;
	display:		 		block;
	text-decoration:		none;
}

div.cmcontainerentry a:hover
{
	background:				#CDD5E0;
	color: 					#002e66;
}

div.cmcontainerpicture
{
	border:					none;
	display:				table-cell;
	padding:				20px;
	padding-right:			0px;
	width:					60px;
}

div.cmcontainerserial
{
	border:					none;
	display:				table-cell;
	padding:				20px;
	padding-right:			0px;
	vertical-align:			top;
	width:					100px;
}

div.cmcontainerdetails
{
	border:					none;
	display:				table-cell;
	padding:				20px;
	vertical-align:			top;
	width:					auto;
}

img.cmcontainerpicture
{
	border:					none;
	padding:				0px;
}
/* Style for checkbox in license table */
input.checkbox
{
	margin-bottom:			2px;
	vertical-align:			bottom;
}

/* Style for input fields*/
input.ticket, input.pickofflinefile, select.choosecontainer, input.username, input.password, input.data
{
	height:					24px;
	margin: 				0px;
	padding: 				0px;
	vertical-align:			top;
	padding-left:		1%;
}

input.splitamount
{
	border: 				1px solid #CCCCCC;
	line-height:			20px;
	margin: 				0px;
	padding: 				3px;
	text-align: 			center;
	width:					30px;
	height:					20px;
}

input.splitamount:disabled
{
	background:				#DDDDDD;
	color:					#999999;
}

input.splitbutton
{
	background:				#009BA3;
	border: 				1px solid #CCCCCC;
	color: 					#FFFFFF;
	cursor: 				pointer;
	line-height:			20px;
	margin:					0px;
	padding: 				3px 10px 3px 10px;
	text-align: 			center;
	height:					28px;
}

input.splitbutton:hover
{
	background:				#D5ECEE;
	border: 				1px solid #009BA3;
	color:					#009BA3;
}

input.splitbutton:disabled
{
	background:				#DDDDDD;
	border: 				1px solid #DDDDDD;
	color: 					#999999;
}

input.spliterror
{
	background:				#FFEFEF;
	border: 				1px solid #FF0000;
}

div.splitdetails
{
	color:					#666666;
	font: 					italic 16px/22px DaimlerRegular, Arial, Helvetica, Sans-Serif;
	margin:					0px;
	padding:				0px;
}

input.ticket
{
	border:					1px solid #CCCCCC;
	width:					400px;
}

input.data
{
	border:					1px solid #CCCCCC;
	width:					500px;
}

input.username
{
	border:					1px solid #CCCCCC;
	width:					350px;
}

input.password
{
	border:					1px solid #CCCCCC;
	width:					300px;
}

input.comment
{
	border:					1px solid #CCCCCC;
	height:					24px;
	margin: 				0px;
	padding: 				0px;
	vertical-align:			top;
	width:					983px;
}

/* Style for hyperlink as buttons (index.php) */
div#btnStyle {
  margin-top: 15px;
}

#btnStyle a {
  background-color: #31677f;
  border-radius: 4px;
  color: white;
  padding: 10px 30px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 		bold;
}

#btnStyle a:hover {
	background-color: #1B3E4C;
}



/* Style for buttons */
.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #31677f;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  padding: 8px 16px;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
}

.button:hover {
    background:	#1B3E4C;
}


.buttonDisabled {
  display: inline-block;
  border-radius: 4px;
  background-color: #31677f;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  padding: 8px 16px;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
}

.reset{
  width: 240px;
}

textarea#address {
  width: 250px;
}

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

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\003E';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}







/* Background overlay */
div.overlaybackground
{
	background:				#000000;
	height:					100%;
	left:					0px;
	opacity:				0.75;
	position: 				fixed;
	top:					0px;
	width:					100%;
	z-index:				199;
}

/* Overlay during progress */
div.overlay
{
	background:				#E8ECEB;
	left:					50%;
	margin-bottom:			20px;
	margin-left:			-300px;
	padding-bottom:			0px;
	position:				absolute;
	top:					100px;
	width:					600px;
	z-index:				200;
}

/* Headline of overlay, default h3 */
h3.overlayhead
{
	background:				#002e66;
	color:					#FFFFFF;
	font: 					bold 16px/22px DaimlerRegular, Arial, Helvetica, Sans-Serif;
	padding:				5px 20px 5px 20px;
}

/* Box for messages in overlay, combined with error/warning/success/notice/info */
div.overlaymessagebox
{
	margin-left:			20px;
	margin-right:			20px;
	padding: 				20px;
	padding-bottom:			0px;
}

/* Messagetext in overlay (without box) */
div.overlaymessage
{
	margin-left:			20px;
	margin-right:			20px;
}

/* Used for error message, red with picture */
div.error
{
	background:				#FFEFEF url(error.png) no-repeat left top;
	border:					1px solid #CCCCCC;
	min-height:				59px;
	padding: 				20px 20px 0px 79px;
}

/* Used for warning message, yellow with picture */
div.warning
{
	background:				#FFF8E1 url(warning.png) no-repeat left top;
	border:					1px solid #CCCCCC;
	min-height:				59px;
	padding: 				20px 20px 0px 79px;
}

/* Used for success message, turquoise with picture */
div.success
{
	background:				#FFFFFF url(success.png) no-repeat left top;
	border:					1px solid #CCCCCC;
	min-height:				59px;
	padding: 				20px 20px 0px 79px;
}

/* Like success message, but without picture */
/* Used if activation was successfull, but receipt failed */
div.notice
{
	background: 			#FFFFFF;
	border:					1px solid #CCCCCC;
	padding: 				20px 20px 0px 20px;
}

/* Used for information message */
div.info
{
	background:				#FFFFFF;
	border:					1px solid #CCCCCC;
	padding: 				20px 20px 0px 20px;
}

/* Warenkorb styles */
div.infoPurchaser
{
	border:					1px solid #CCCCCC;
	background:				#FFF;
	padding: 				10px 10px 0px 10px;
	width: 					30%;
	margin-top:				20px;
}

div.infoPurchaser::first-line
{
	font-size: 1.2rem;
}

#cart-columns
{
	float: left;
	margin-bottom: 0px;
	width: 75%;
}

#cart-right-column{
	float: left;
	width: 239px;
	background: 			#dbdbdb;
	margin-left: 7px;

}


div.cartHeader
{
	border:					1px solid #dbdbdb;
	background: 			#dbdbdb;
	padding: 				10px 10px 0px 10px;
	height: 				40px;
	margin-bottom: 			0px;
}


div.cartBody
{
	border:					1px solid #dbdbdb;
	padding: 				10px;
}


span.cartBodyText
{
	padding: 5px;

}

.alignleft{
	float:left;
	width: 130px;
}

.alignright{
	float:right;
}


span.cartBodyText .left
{
	font: 					bold 16px/18px DaimlerRegular, Arial, Helvetica, Sans-Serif;
}

span.cartBodyText .right
{
	float: right;
	font: 					bold 16px/18px DaimlerRegular, Arial, Helvetica, Sans-Serif;
}


hr.hr_cart_body
{
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 10px;
}


div.agreePolicy {
	font: 					bold 14px/16px DaimlerRegular, Arial, Helvetica, Sans-Serif;
	text-align: 		center;
	background:			#FFF;
	border:					1px solid #CCCCCC;
	padding:				6px;
	margin-top:			-10px;
}


div.agreePolicy label {
	margin-left:	5px;
	color: #000;
}


div.roleBox {
	font: 				bold 14px/16px DaimlerRegular, Arial, Helvetica, Sans-Serif;
	text-align: 		left;
	background:			#FFF;
	border:				1px solid #CCCCCC;
	padding:			6px;
	margin-top:			-10px;
	text-align: 		center;
  	color: 				#000;
}



/* Style for error page */
div.errorcaption
{
	display:				block;
	font-weight:			bold;
	margin-bottom:			0px;
}

div.errortext
{
	color:					#333333;
}

div.errorcode
{
	color: 					#666666;
}

/* Other licenses section */
div.otherlicenses
{
	display:				none;
	padding-left:			20px;
}

div.plus
{
	background:				url(plus.png) 0px center no-repeat;
	display:				block;
}

div.plus a
{
	display:				block;
	padding-left:			20px;
}

div.plus:hover
{
	background:				url(plusHover.png) 0px center no-repeat;
}

div.minus
{
	background:				url(minus.png) 0px center no-repeat;
	display:				block;
}

div.minus a
{
	display:				block;
	padding-left:			20px;
}

div.minus:hover
{
	background:				url(minusHover.png) 0px center no-repeat;
}

/* General style progress view */
div.progress
{
	border:					none;
	display:				table;
	position:				relative;
	width:					100%;
}

div.progress ul
{
	border:					none;
	float:					left;
	left:					0px;
	margin: 				0px;
	overflow-y:				auto;
	position:				absolute;
	top:					0px;
}
div.progress ul li
{
	border:					none;
	display:				table-cell;
	font-weight:			bold;
	height:					40px;
	text-align:				center;
	vertical-align:			middle;
	width:					329px;
}

li.pactive
{
	color:					#000000;
}

div.pleft
{
	border-top: 			20px solid #CCCCCC;
	border-bottom:			20px solid #CCCCCC;
	border-left:			20px solid transparent;
	display:				table-cell;
	height:					0px;
	width:					0px;
}

div.pmiddle
{
	background:				#CCCCCC;
	display:				table-cell;
	height:					40px;
	width:					284px;
}

div.pright
{
	border-top: 			20px solid transparent;
	border-bottom:			20px solid transparent;
	border-left:			20px solid #CCCCCC;
	display:				table-cell;
	height:					0px;
	width:					0px;
}

div.pleft_active
{
	border-top-color:		#fbba00;
	border-bottom-color:	#fbba00;
}

div.pmiddle_active
{
	background:				#fbba00;
}

div.pright_active
{
	border-left-color:		#fbba00;
}

ol.cccdetails
{
	display:				none;
	list-style-type:		lower-alpha;
	margin-bottom:			0px;
}

/* Styles for detailed description of usage of CodeMeter Control Center */
div.plusinline
{
	background:				url(plus.png) right center no-repeat;
	display:				inline;
}

div.plusinline a
{
	display:				inline;
	padding-right:			20px;
}

div.plusinline:hover
{
	background:				url(plusHover.png) right center no-repeat;
}

div.minusinline
{
	background:				url(minus.png) right center no-repeat;
	display:				inline;
}

div.minusinline a
{
	display:				inline;
	padding-right:			20px;
}

div.minusinline:hover
{
	background:				url(minusHover.png) right center no-repeat;
}

/******************************************************************************
 * Language Switch
 *****************************************************************************/

/* Basic element, shows current language */
div.lang
{
	background:		 		#FFFFFF;
	border: 				1px solid #CCCCCC;
	cursor: 				pointer;
	line-height: 			20px;
	margin: 				0px;
	padding: 				5px 10px 5px 10px;
	position: 				relative;
	text-align: 			left;
	width: 					200px;
}

/* List of available languages */
div.lang ul
{
	background:		 		#FFFFFF;
	border: 				1px solid #CCCCCC;
	border-bottom: 			none;
	display: 				none;
	float: 					left;
	left: 					-1px;
	margin: 				0px;
	max-height:				370px;
	overflow-y:				auto;
	padding: 				0px;
	position: 				absolute;
	text-align: 			left;
	top: 					30px;
}

/* Make List of languages visible on mouse over */
div.lang:hover ul
{
	display: 				block;
}

/* Single entry for each available language */
div.lang ul li
{
	background:				#FFFFFF;
	border: 				none;
	border-bottom: 			1px solid #CCCCCC;
	display: 				block;
	margin: 				0px;
	padding: 				0px;
	text-align: 			left;
}

/* Highlight language on mouse over */	
div.lang ul li:hover
{
	background:				#31677F;
	color:					#FFFFFF;
	display: 				block;
}

/* Makes complete language entry line as link */
div.lang ul li a
{
	display: 				block;
	padding: 				5px 10px 5px 10px;
	width:					200px;
}

/* Makes complete language entry line as link */
div.lang ul li a:hover
{
	color:					#FFFFFF;
	text-decoration:		none;
}

/* Flag in language entry */
img.langflag
{
	border:					0px;
	float: 					right;
	height:					14px;
	padding:	 			3px;
	width:					20px;
}

/* Drop down in language entry */
img.langdrop
{
	border:					0px;
	float: 					right;
	height:					14px;
	padding:	 			3px;
	width:					18px;
}

.progressbar
{
	background:				#FFFFFF;
	border:					1px solid #CCCCCC;
	height:					30px;
	margin-left:			20px;
	margin-right:			20px;
	padding: 				0px;
	padding-bottom:			0px;
	position:				relative;
}

.progressbarslider
{
	background:				#002e66;
	border:					none;
	position:				absolute;
}

/* License Portal */

.login
{
	display:				table;
	width:					100%
}

.loginticket
{
	border:					1px solid #CCCCCC;
	background: 			#FFFFFF;
	display:				table-cell;
	padding:				20px 20px 20px 20px;
}

.loginuser, .regtable
{
	border:					1px solid #CCCCCC;
	background: 			#FFFFFF;

	padding:				20px 20px 20px 20px;
}


.createForgot{
    margin-bottom: 0px;
}


.loginuser form button {
    margin-bottom: 20px;
}


.loginspace
{
	border:					none;
	display:				table-cell;
	width:					20px;
}


/*******************************************************************************
 * NEW REGISTRATION Styles
 ******************************************************************************/

.regtable {
    border-collapse: separate;
    border-spacing: 10px 10px;
    display:			table;
    width: 943px;

}

.regtable div {
  display:table-row;
	width:auto;
  clear:both;

}


.regtable div label{
	display:inline-block;

}


.regtable div div {
    display:table-cell;

}

.registerFieldsBorder {
	border: 1px solid #CCCCCC;
	padding: 15px;
}


.registerFields{
	display: inline-block;
	margin-bottom: 0px;
}

.registerFields label{
	display: block;
}

.registerFields input{
	width: 400px;
	/*margin-right: 120px;*/
}

.leftspace{
	float: right;
}

.printerTypes{
	border:2px solid #ccc; 
	width:400px; 
	height: 75px; 
	overflow-y: scroll;
}

.printerTypesError{
	border: 2px solid red;
}

.userAccount{
	margin-bottom:0px;
	height: 192px;
	width:430px;
}


.salutation label{
	padding: 0px 2em 0px 5px;
}

.register
{
	display:				table;
	width:					100%;
}

.registeruser
{
	border:					1px solid #CCCCCC;
	background: 			#FFFFFF;
	display:				table-cell;
	padding:				20px 20px 0px 20px;
}

.register
{
	display:				table;
	width:					100%;
}

.registerticket
{
	border:					1px solid #CCCCCC;
	background: 			#FFFFFF;
	display:				table-cell;
	padding:				20px 20px 0px 20px;
}

/******************************************************************************
 * General Styles
 *****************************************************************************/

/* Reset all margin and padding for all elements */
*
{
	margin:					0px;
	padding:				0px;
}

/* Default setting for body */
html,body
{	
	background: 			none;
	border:					none;
	color: 					#69696A;
	font: 					normal 14px/20px DaimlerRegular, Arial, Helvetica, Sans-Serif;
	margin:					0px;
	text-align: 			left;
	vertical-align: 		baseline;

	height: 100%;
	position: relative;
}

/* Each element takes care about the margin after itself */
p, div, ol, ul, h1, h2, h3, h4, h5, h6
{
	margin-bottom:			20px;
}


div.header
{
	/*background-image: 		url(evobus-comp-header.png);*/
	background-color: #F8F8F8;
	background-position: 	center;
	
	  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  
    z-index: 10;
  color: #000;
  -webkit-box-shadow: 1px 1px 10px #000;
  -moz-box-shadow: 1px 1px 10px #000;
  box-shadow: 1px 1px 10px #000;

	margin:					0px;
	padding:				0px;
	position:				relative;
	height:					130px;
}

div.main-container {
	min-height: 100vh; /* will cover the 100% of viewport */
	overflow: hidden;
	display: block;
	position: relative;
  /* height of your footer */
	/*padding-bottom: 80px;*/
}

div.maincontent
{
	border:					none;
	background: 			#F8F8F8;
	margin:					0px;
	padding:				0px;
	padding-top:			20px;
	padding-bottom:			20px;
	position:				relative;
	min-height: 			100vh;
	/*overflow: 				hidden;*/
}

div.maincontent2
{
	border:					none;
	background: 			#F8F8F8;
	margin:					0px;
	padding:				0px;
	padding-top:			20px;
	padding-bottom:			20px;
	position:				relative;
	min-height: 			100vh;
}

div.footertop
{
	border:					none;
	background: 			#fbba00;
	color:					#FFFFFF;
	margin:					0px;
	padding:				0px;
	padding-top:			14px;
	padding-bottom:			14px;
	position:				relative;
  	height: 				30px;
}

div.secFooterLine{
    margin-top: 10px;
}

div.footertop a
{
	color:					#FFFFFF;
}

div.footerbottom
{
	border:					none;
	/*background-image: 		url(evobus-comp-header.png);*/
	background-color: #666666;
	color:					#FFFFFF;
	margin:					0px;
	padding:				0px;
	padding-top:			20px;
	padding-bottom:			40px;
	position:				relative;
	height: 				30px;
	width: 100%;
    bottom: 0;
}

div.secFooterLine{
    margin-top: 10px;
}

div.footerbottom a
{
	color:					#FFFFFF;
}

div.column
{
	margin:					auto;
	position:				relative;
	max-width:				985px;	
}

span.headerText{
	position: absolute;
    margin-top: 50px;
    margin-left: 150px;
	font-family: 'DaimlerRegular', Arial, 'Helvetica', 'Helv', 'Geneva', sans-serif;
    font-size: 1.4rem;
	color: #666666
}

span.headerText2{
	float: 		right;
    margin-top: 50px;
	font-family: 'DaimlerRegular', Arial, 'Helvetica', 'Helv', 'Geneva', sans-serif;
    font-size: 1.4rem;
	color: #666666
}

div.columnLeft
{
	float:					left;
	font: 					18px/20px DaimlerRegular, Arial, Helvetica, Sans-Serif;
}

span.policies
{
	font: 					14px/16px DaimlerRegular, Arial, Helvetica, Sans-Serif;
	margin-left:			10px;
	margin-right:			10px;
}


span.generalTerms
{
	font: 					14px/16px DaimlerRegular, Arial, Helvetica, Sans-Serif;
	margin-left:			10px;
}


div.columnRight
{
	float:					right;
	font: 					14px/16px DaimlerRegular, Arial, Helvetica, Sans-Serif;
}

/* List of navigation elements*/
ul.mainnavigation_nologin
{
	left:					0px;
	margin: 				0px;
	padding: 				8px;
	position:				absolute;
	top:					90px;
  	background-color: #518196;
    height: 25px;
    color: white;
}

ul.mainnavigation
{
	left:					0px;
	margin: 				0px;
	padding: 				8px;
	position:				absolute;
	top:					90px;
	background-color: #518196;
    height: 25px;
    color: white;
}

/* Single navigation element */
ul.mainnavigation li
{
	display: 				inline;
	float: 					left;
	font-weight:			bold;
	font-size:				16px;
	list-style: 			none;
	text-align:				center;
}


ul.mainnavigation li a
{
	color:					#FFF;
  	padding-left: 5px;
	padding-right: 5px;
}

ul.mainnavigation li a:hover
{
	color:					#FFFFFF;
	text-decoration:		none;

    background-color: #1B3E4C;
	border: none;
	height: 25px;
	padding-top: 8px;
	padding-bottom: 14px;
	padding-left: 5px;
	padding-right: 5px;
}

.navuserinfo
{
	border-right: 			1px solid #CCCCCC;
	color:					#FFFFFF;
	padding: 				5px 20px 5px 20px;
	text-decoration:		none;
}

.navborder
{
	border:					none;

}

.navborderWelcome
{
	padding-right: 			100px;
}

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

.navborderl
{
	border-left: 			1px solid #CCCCCC;
}

img.logo
{
	padding: 15px 0;
	/*height: 26px;*/
	width: 15em;
	margin-top: 25px;
}


img.claim_logo
{
	margin-left: 100px;
	width: 15em;
	margin-bottom: 25px;
}


img.cspLogo
{
	height: 				60px;
	width: 					68px;
	float:					left;
	padding-right:	20px;
	margin-top: 25px;
}


img.agb_logo
{
	width: 40%;
	margin-left: 30%;
}


/* Language div, floating in navigation div */
div.language
{
	margin: 				0px;
	position:				absolute;
	right:					150px;
	top:					3px;
	z-index:				99;
}


div.headerinfo
{
	margin: 				0px;
	position:				absolute;
	right:					0px;
	top:					12px;
	z-index:				99;
	font-size: 				13px;
}


table.licensetable td.subheadline
{
	background:				#AAAAAA;
	color:					#000000;
	padding-top:			20px;
	font-weight:			bold;
}


/******************************************************************************
 * Supplier Site
 *****************************************************************************/
 div.supplier_addr
 {
	float:left;
	margin-bottom: 10px;
 }

 a.supplier_mail{
	color:#0077b4;
	text-decoration:underline;
 }

 div.policies_addr
 {
	float:left;
	margin-bottom: 10px;
	width: 70%;
 }
 
 div.policies_left{
	float:left;
	width: 70%;
 }

 div.policies_left a{
	color: #52739c;
 }

 div.policies_left a:hover{
	text-decoration: none;
	color: #8f9fb5;
 }

 div.supplier_add_info
 {
	float:right;
	border:	0;
	box-shadow: 0 2px 5px 0 rgb(100 100 100 / 40%);
	background: white;
	padding: 3px 9px 0 7px;
	margin: 0 0 20px;
	color: #666666;
	width: 23%;
	margin-bottom: 0px;
	line-height: 1.4;
	height: 100px;
	margin-top: -50px;
 }

 div.supplier_add_info h3
 {
	font-size: 14px;
	margin-bottom: 0px;
 }

 div.supplier_add_info ul
 {
	list-style: none;
	margin-left: 0px;
 }

 div.supplier_add_info ul li a
 {
	color: #52739c;
 }


 div.supplier_add_info ul li a:hover
 {
	text-decoration: none;
	color: #8f9fb5;
 }

 div.supplier_add_info ul li a::before
 {
	content: ">";
	font-weight:	bold;
	margin-right: 5px;
 }


 div.privacy_head2
 {
	margin-bottom: 20px;
	font: 20px/28px DaimlerRegular, Arial, Helvetica, Sans-Serif;
 }
 

 div.privacy_text
 {
	width: 60%;
	margin-left: 120px;
	margin-top: -50px;
 }


 div.privacy_add_info
 {
	float:right;
	border:	0;
	box-shadow: 0 2px 5px 0 rgb(100 100 100 / 40%);
	background: white;
	padding: 3px 9px 0 7px;
	margin: 0 0 20px;
	color: #666666;
	width: 23%;
	margin-bottom: 0px;
	line-height: 1.4;
	height: 100px;
   	/*margin-top: -85px;*/
 }

div.privacy_add_info2
{
	float: right;
	border: 0;
	box-shadow: 0 2px 5px 0 rgb(100 100 100 / 40%);
	background: white;
	padding: 3px 9px 0 7px;
	margin: 0 0 20px;
	color: #666666;
	width: 23%;
	margin-bottom: 0px;
	line-height: 1.4;
	height: 100px;
}

div.privacy_add_info2 h3
{
	font-size: 14px;
	margin-bottom: 0px;
}

div.privacy_add_info2 ul
{
	list-style: none;
	margin-left: 0px;
}

div.privacy_add_info2 ul li a
{
	color: #52739C;
}

div.privacy_add_info2 ul li a:hover
{
	text-decoration: none;
	color: #8F9FB5;
}

div.privacy_add_info2 ul li a::before
{
	content: ">";
	font-weight: bold;
	margin-right: 5px;
}



 div.privacy_add_info h3
 {
	font-size: 14px;
	margin-bottom: 0px;
 }

 div.privacy_add_info ul
 {
	list-style: none;
	margin-left: 0px;
 }

 div.privacy_add_info ul li a
 {
	color: #52739c;
 }


 div.privacy_add_info ul li a:hover
 {
	text-decoration: none;
	color: #8f9fb5;
 }

 div.privacy_add_info ul li a::before
 {
	content: ">";
	font-weight:	bold;
	margin-right: 5px;
 }
 

 ol#privacy_list{
	list-style-type:decimal;
	margin-left:13px;

 }


 ol#privacy_list li{
	padding-left:1em;
 }


 ol#privacy_list div{
	margin-left:15px;
	margin-top: 10px;
 }


 ol#privacy_list2{
	list-style-type:lower-alpha;
	margin-left:30px;
	margin-top: 10px;
 }

 ol#privacy_list2 li{
	padding-left:1em;
 }


/* General Terms */
 ol#genTerms_list{
	list-style-type:upper-roman;
	margin-left:13px;

 }


 ol#genTerms_list2{
	list-style-type:decimal;
	margin-left:10px;
	margin-top: 5px;
 }


/******************************************************************************
 * Tooltip reset password 
 *****************************************************************************/
.tooltip3 {
	position: relative;
	/*display: inline-block;*/
	margin-bottom: 0px;
  }
  
  /* Tooltip text */
  .tooltip3 .tooltiptext3 {
	visibility: hidden;
	width: 400px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px;
	border-radius: 6px;
  
	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 23%;
	margin-left: -120px;
  
	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
  }
  
  /* Tooltip arrow */
  .tooltip3 .tooltiptext3::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 45%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip3:hover .tooltiptext3 {
	visibility: visible;
	opacity: 1;
  }


/*
// ==============================================
// Paging Styles
// ==============================================
*/

.paginationStyle{
	
	margin-top:20px;
	margin-bottom:20px;

	padding-top:10px;

	/*margin-top: -10px;*/

	color: #6d6e70;
	font-size: 13px;
}

.pagNumActive{
	color:#000;

	text-decoration:underline;
	padding-left:3px;
	padding-right:3px;
}

.paginationNumbers a:link{
	color:#6d6e70;
	text-decoration:none;

	padding-left:3px;
	padding-right:3px;
}

.paginationNumbers a:visited{
	color:#6d6e70;
	text-decoration:none;

	padding-left:3px;
	padding-right:3px;
}

.paginationNumbers a:hover{
	color:#6d6e70;
	text-decoration:none;

	padding-left:3px;
	padding-right:3px;
}

.paginationNumbers a:active{
	color:#6d6e70;
	text-decoration:none;

	padding-left:3px;
	padding-right:3px;
}

.paginationPages{
	float: left;
}

.paginationPage{
	float: left;
	text-align: center;
	width: 800px;
}

a.pagIconsPrev{

	color:#6d6e70;
	padding-left:10px;
	padding-right:20px;
	background: URL("previousPage.png") 50% 50% no-repeat;
	height: 10px;
	width: 10px;
}

a.pagIconsPrev:hover{

	color:#6d6e70;
	text-decoration:underline;
	padding-left:20px;
	padding-right:10px;
}

a.pagIconsNext{

	color:#6d6e70;
	padding-left:20px;
	padding-right:10px;
	
	background: URL("nextPage.png") 50% 50% no-repeat;
	height: 10px;
	width: 10px;
}

a.pagIconsNext:hover{

	color:#6d6e70;
	text-decoration:underline;
	padding-left:10px;
	padding-right:20px;
}

a.pagIconsFirst{

	color:#6d6e70;
	background: URL("firstPage.png") 50% 50% no-repeat;
	height: 10px;
	width: 10px;
	padding-left: 10px;
}

a.pagIconsFirst:hover{

	color:#6d6e70;
	text-decoration:underline;
}

a.pagIconsLast{

	color:#6d6e70;
	background: URL("lastPage.png") 50% 50% no-repeat;
	height: 10px;
	width: 10px;
	padding-left: 10px;
}

a.pagIconsLast:hover{

	color:#6d6e70;
	text-decoration:underline;
}


/******************************************************************************
 * Dialog Styles
 *****************************************************************************/
 #addToCartDialog{
	display: none;
}


#dialog_licenseModel{
	display: none;
}

#dialog_flatrateToSingle{
	display: none;
}


/**************************************************
* MODAL DIALOG (Add To Cart)
**************************************************/

#modal_benennungsTeil{
	font-size: 		13px;
	font-weight:	bold;
}

#modal_prodImage{
	width:			30%;
	padding:		1%;
	box-sizing:		border-box;
	float:			left;
}

#modal_prodImage img{
	width:			100%;
	height:			30%;
	/*border:			2px solid #E6E6E6;*/
}

#modal_prodFeatures{
	width:			60%;
	height:			80%;
	float:			left;
	padding:		1%;
	margin-bottom:	0px;
	margin-left: 	50px;
	box-sizing:		border-box;
}


#modal_prodFeatures table tr td{
	width: 20%;
	padding-bottom: 10px;
}


/*******************************************************************************************
*******************************************************************************************/

.ui-dialog > .ui-widget-header {

	background: #31677f;
	color: #ffffff;
}


/* border around Dialog */
.ui-dialog{
	font-family: 'DaimlerRegular';
	border: 2px solid #808285;
/* damit ist der Zwischenraum von Rand und Titlebar weg! */
    padding: 0 !important;

}


.ui-dialog .ui-dialog-title {
	margin-top: 7px;
}


/* make dialog box background white */
.ui-dialog .ui-widget-content{
    background: #FFFFFF;
	/*border: none; */ /*2017-06-19: fix: comment out to add combobox border. Undesired effect: the ui-dialogs get a grey  horizontal border. (alf) */

}


.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	margin-bottom: 0px;
} 

/* Behebt einen Fehlerin der Darstellung der Clos-Box Umrandung */
.ui-dialog-titlebar > .ui-button { 
	outline-width: 0px !important; 
}

.ui-dialog-titlebar-close > .ui-button { 
	outline-width: 0px !important; 
}



.ui-dialog .ui-dialog-titlebar-close {
background: url('close_X_active.png');
background-size: 16px 16px;
width:16px;
height:16px;
background-repeat: no-repeat;
background-position: center center;
}


.ui-dialog .ui-dialog-titlebar-close:hover {
background: url('close_X_hover.png');
background-size: 16px 16px;
width:16px;
height:16px;
background-repeat: no-repeat;
background-position: center center;
}

/* do not display resizable border */
.ui-resizable-handle { 
	display: none; 
}

.ui-dialog { 
	clear: both;
	position:absolute;
	overflow:hidden;
}

.ui-dialog .ui-dialog-titlebar 
{
    height: 32px; 
	padding: 0;	
	padding-left: 17px;
}

/* remove border around x symbol */
.ui-dialog .ui-dialog-titlebar-close{

    border: none; /*1px solid #939597;*/
}


.ui-icon{
   	display: none;
}

/* background of dialog boxes without stripes */
.ui-widget-overlay {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	/*background: rgb(50, 50, 50);*/
	background: #BBBDC0;
  }
  
  .ui-dialog .ui-dialog-buttonpane{
	  background:white;
	  margin: 0;
	  padding: 0	
  }
  
  
  
  .ui-dialog .ui-dialog-buttonpane button:hover {
	  background: #FFFFFF;
	  color: #808285;
	  text-decoration:underline;
  
  }
  
  
  .ui-dialog .ui-dialog-buttonpane button {
	  cursor: pointer;
	 /* margin: 0.5em 0.4em 0.5em 0;*/
	  background: none repeat scroll 0 0 #31677f;
	  border: 1px solid #808285;
	  /*clear: both;*/
	  color: #ffffff;
	  font-size: 14px;
	  font-family: 'DaimlerRegular';
	  font-weight: 400;
	  padding: 0px 20px;
	  text-align: center;
	  width: auto;
  
	  margin-right:11px; /* gap between buttons */
	  margin-bottom: 9px; /* gap below buttons */
	  /* Note: gap above buttons depends on the window size */
  }
  
  
  .ui-dialog .ui-dialog-buttonpane button:disabled {
	  background: #D1D2D4;
  
  }


  /* Remove rounded rec dialog border
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px;
}

/*
EU Rollout
 */
div.contentbox {
	padding: 0px 20px 20px 20px;
	background: var(--white);
	border-radius: 3px;
	border: 1px solid var(--white);
}


div.contentboxtoggle {
	line-height: 130%;
	margin: 0px;
	right: 12px;
	top: 12px;
	padding: 5px 0px 5px 0px;
	position: absolute;
}


div.wide {
	width: 2800px;
}

div.contentbox_inner {
	padding: 0px;
	margin: 0px;
}

div.contentboxhead {
	padding: 30px 20px 30px 20px;
	background: var(--white);
	border: 1px solid var(--border-color);
	position: relative;
	cursor: pointer;
	box-shadow: 2px 2px 8px var(--border-color);
	font-size: 1.2em;
}

div.contentboxbody {
	margin-top: 0px;
	padding: 20px 20px 20px 20px;
	background: var(--white);
	border: 1px solid var(--border-color);
	font-size: 1.05em;
	/*border-top: none;*/
}



input.icon, input.icon_small, input.icon_table {
	margin-left: 0px;
	margin-top: 10px;
	background-color: var(--icon-color);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
}

input.icon {
	width: 26px;
	height: 26px;
	line-height: 22px;
	mask-size: auto 22px;
	-webkit-mask-size: auto 22px;
}

input.icon_small {
	width: 20px;
	height: 20px;
	line-height: 12px;
	mask-size: 16px;
	-webkit-mask-size: 16px;
}

input.icon:hover:enabled, input.icon_small:hover:enabled{
	/*background-color: var(--icon-color-hover);*/
}

input.icon:disabled, input.icon_small:disabled {
	background-color: var(--icon-color-disabled);
}


input.expand {
	mask-image: url("angle-down-solid.svg");
	-webkit-mask-image: url("angle-down-solid.svg");
	mask-size: 14px;
	-webkit-mask-size: 14px;
}

input.collapse {
	mask-image: url("angle-up-solid.svg");
	-webkit-mask-image: url("angle-up-solid.svg");
	mask-size: 14px;
	-webkit-mask-size: 14px;
}

img.legalFlag
{
	padding-right:	 5px;
        height:	15px;
}


.evo_flex_start{
	display: flex;
	flex-direction: row;
	background-color: rgb(240, 242, 244);
	border-top-right-radius: 0.5rem;
	border-top-left-radius: 0.5rem;
	-webkit-box-pack: end;
	justify-content: end;
	padding: 0px 0.5rem;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
	margin-bottom: -25px;
	align-items: center;
	height: 35px;
}


.evo_lang_btn{
	color: rgb(4, 30, 66);
	text-decoration: none;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	background-color: transparent;
	outline: 0px;
	border: 0px;
	margin: 0px;
	border-radius: 0px;
	padding: 0px;
	cursor: pointer;
	user-select: none;
	vertical-align: middle;
	appearance: none;
}

.evo_flex_langselect{
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	gap: 8px;
	flex-direction: row;
	border-right: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	padding-right: 8px;
	margin-right: 8px;
	padding-left: 8px;
	height: 60%;
}


.evo_flex_flag{
	display: flex;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: 27px;
	height: 27px;
}

.evo_flex_flagname{
	margin: 0px;
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.43;
	letter-spacing: 0.01071em;
}

.evo_flex_flagname:hover{
	text-decoration: underline;
}


/*
Country selection
 */
.modal_country_selection{
	display: none;
	background-color: rgba(0, 0, 0, .75);
	width: 100vw;
	height: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

.modal_country_box{
	display: flex;
	flex-direction: column;

	max-width: 970px;
	max-height: 100%;

	position: relative;

	padding-top: 1rem;
	padding-bottom: 1rem;

	margin-left: auto;
	margin-right: auto;

	z-index: 10;
}

.modal_country_header{
	display: flex;
	flex-direction: row;
	height: 60px;
	padding-right: 20px;
	padding-left: 20px;
	align-items: center;
	justify-content: space-between;
	--bg-opacity: 1;
	background-color: rgba(4, 30, 66, var(--bg-opacity));
	width: 600px;
}

.modal_header_text{
	display: flex;
	color: rgba(255,255,255,1);
	font-size: 22px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.modal_icon_close{
	--text-opacity: 1;
	color: rgba(255, 255, 255, var(--text-opacity));
	margin-left: 0.75rem;
	font-size: 48px;
	cursor: pointer;
}

.icon-close:before {
	content: "\78";
}

.modal_body{
	display: flex;
	flex-direction: column;
	--bg-opacity: 1;
	background-color: rgba(242, 243, 244, var(--bg-opacity));
	position: relative;
	width: 640px;
	overflow-y: auto;
	font-size: 1.1rem;
}

.modal_lang_selector{
	display: flex;
	/*flex-direction: column;*/

	padding: 1rem;

}

.modal_divide{
	width: 16rem;
	margin-left: 1rem;
}

.modal_py-2{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;


}

.modal_flag{
	display: flex;
	align-items: center;

	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #dbdbdb;
}

.modal_img{
	width: 1.25rem;
	height: 1.25rem;
}

.modal_ul{
	display: flex;
	padding-left: 0.5rem;
	flex-wrap: wrap;

	margin: 0;
}

.modal_li{
	list-style: none;
}


.modal_a:hover{
	text-decoration: underline;
	cursor: pointer;
}