::selection {background: #FFFFFF; color: #000000;}
::-moz-selection {background: #FFFFFF; color: #000000;}

#dvImg { margin-bottom: 2em; }
#dvImg img { width: 10em; height: 10em; cursor: pointer; border: 2px solid #ddd; margin: 0 0.5em 1em; background: #bbb; }
#dvImg img.selected { border-color: #b00; }

#order_form > b, #product_form > b { font-size: 1.3em; }
#order_form b { color: inherit; }

#order_form a.button { display: inline-block; text-decoration: none; }
#order_form  .row { margin: 0.5em 0; position: relative; }

#dvProduct { font-size: 1.3em; border: 4px double; padding: 0.2em 1em; }
#dvProduct .header { border-bottom: 1px solid; margin-bottom: 0.2em; line-height: 1;}
#dvProduct .header i { font-weight: bold; }
#dvProduct i { margin-right: 0.5em; display: inline-block; vertical-align: top; overflow: hidden; text-overflow: ellipsis; }
#dvProduct i:nth-child(1) { width: 7em; }
#dvProduct i:nth-child(2) { width: 5em; }
#dvProduct i:nth-child(3) { width: 8em; }
#dvProduct i:nth-child(4) { width: 8em; }
#dvProduct i:nth-child(5) { width: 11em; }
#dvProduct i:nth-child(6) { width: 7em; }

#dvProduct a.button { padding: 0.2em 0.75em; position: absolute; right: 0; top: -0.2em; }
#add2 { font-size: 2em; }

#dvSnHelp { 
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	max-width: 60em;
	max-height: 70%;
	z-index: 101;
	background: #000;
	border: 4px double;
	padding: 1em;
	overflow: auto;
 }

#spinner_div { 
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 20%;
	max-width: 60em;
	max-height: 70%;
	z-index: 101;
	background: #000;
	border: 4px double;
	padding: 1em;
	overflow: auto;
	align-content: center;	
	text-align: center;
 }

#dvTooltip { 
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	max-width: 40em;
	max-height: 70%;
	z-index: 101;
	background: #000;
	border: 4px double;
	padding: 1em;
	overflow: auto;
 }

 #thanks_div,#maintenance_div{
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translate(-50%, 0);	
	max-width: 700px;
	max-height: 70%;
	z-index: 101;
	background: #000;
	border: 4px double;
	padding: 1em;
	overflow: auto;
 }

 #dvServiceAlert{
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	max-width: 40em;
	max-height: 70%;
	z-index: 101;
	background: #000;
	border: 4px double;
	padding: 1em;
	overflow: auto;
 }

#screen,#screen2,#screen3,#screen4,#screen5 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: #ddd;
	opacity: 0.5;
}

#screen1 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: black;
	opacity: 0.9;
}

#screen6,#screen7 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: black;
	opacity: 1;
}

/*
#screen2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: #ddd;
	opacity: 0.5;
}

#screen3 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: #ddd;
	opacity: 0.5;
}

#screen4 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: #ddd;
	opacity: 0.5;
}

#screen5 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: #ddd;
	opacity: 0.5;
}
*/

#messages_div {
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	max-width: 60em;
	max-height: 70%;
	z-index: 101;
	/*background: #000;
	border: 4px double;*/
	padding: 1em;
	overflow: auto;
}

#product_form {
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	max-width: 60em;
	max-height: 70%;
	z-index: 101;
	background: #000;
	border: 4px double;
	padding: 1em;
	overflow: auto;
}

#splink { 
	font-size: 12px;
	text-align: right; 
	
}

#send{
margin: 5px;
background-color: #EE7512;
color: black;

}

#send:hover{
	margin: 5px;
	color: black;
background-color: white;

}

#check_btn{
margin: 5px;
background-color: #EE7512;
color: black;

}

#check_btn:hover{
margin: 5px;
color: black;
background-color: white;

}


#thank_btn{
margin: 10px;
background-color: #EE7512;
color: black !important;

}


#thank_btn:hover{	
	color: black;
background-color: white;

}

#add2{
margin: 5px;
background-color: #EE7512;
color: black;

}

#add2:hover{
	margin: 5px;
	color: black;
background-color: white;

}


/*Ab hier für neue Version*/

::selection {background: #FFFFFF; color: #000000;}

.field_b{
	color: white !important;
	margin-bottom: 5px !important; 	
}

.help_b{
	color: #EE7512 !important;	
	font-size: 15px !important;
	font-weight: bold !important;

}

.help_b:hover{
	color: white !important;
	cursor: pointer;

}

#serialnumber_search_btn{
	
	background-color: #EE7512 !important;
	color: black;
	display: inline-block;
	 text-decoration: none;
	  /*border: 1px solid black;*/
}

#serialnumber_search_btn:hover{

	color: black;
	background-color: white !important;
	display: inline-block;	
	 text-decoration: none;
	  	/*  border: 1px solid #EE7512;*/
}

#Ko{
	
	background-color: #EE7512 !important;
	color: black;
	display: inline-block;
	 text-decoration: none;
	  /*border: 1px solid black;*/
}

#Ko:hover{

	color: black;
	background-color: white !important;
	display: inline-block;	
	 text-decoration: none;
	  	/*  border: 1px solid #EE7512;*/
}






#serialnumber_search_div{
border: 1px solid #878787;
padding: 10px;
margin-bottom: 10px; 
}

/*#customer_data_div{
border: 1px solid #878787;
padding: 10px;
margin-bottom: 10px; 
}*/

.left_div{
width: 45%;
}

.right_div{
width: 45%;
display: inline-block;
}

#no_findings_div{
border: 1px solid red;
text-align: center;
}



/* alt
#finding_close_btn{
	
	background-color: #7F7F7F;
	color: black;
	display: inline-block;
	 text-decoration: none;
	  border: 1px solid black;		
}

#finding_close_btn:hover{

	color: black;
	background-color: white;
	display: inline-block;	
	 text-decoration: none;			
}

*/




/* ---------------------------------*/
/* BEGIN PRODUCT BOX (common) STYLE */
/* ---------------------------------*/

.small{
	margin: 0px 0px 2px 0px;
}

.problem_textarea{
	margin: 0px 0px 2px 0px !important;
	resize: none;
	height: 90px;
}

.input_small{
	margin: 0px 0px 2px 0px !important;
}

.button_add_btn{
	background-color: #EE7512;
	color: black !important;
	width: 100% !important;
	text-align: center;
	margin: 3px 0 3px 0px !important;
	vertical-align: center !important;	
	-webkit-transition-duration: 0.9s !important; 
	transition-duration: 0.9s !important;
	display: inline-block;
}

.button_add_btn:hover{
	color: black !important;
	background-color: white;
	text-decoration: none !important;
	cursor: pointer;
}

.button_del_btn{
	background-color: #7F7F7F;
	color: black !important;
	width: 100% !important;
	text-align: center;
	margin: 3px 0 3px 0px !important;
	vertical-align: center !important;	
	-webkit-transition-duration: 0.9s !important; 
	transition-duration: 0.9s !important;
	display: inline-block;
}

.button_del_btn:hover{
	color: black !important;
	background-color: white;
	text-decoration: none !important;
	cursor: pointer;
}

/* --------------------------------*/
/* END PRODUCT BOX (common) STYLE */
/* --------------------------------*/

/* -----------------------*/
/* BEGIN SN FINDING STYLE */
/* -----------------------*/

.prod_img{
	border: 1px solid gray;
	display: inline-block;
}

/* äußere */
.finding_divs{
	border: 1px solid gray !important;
	margin: 5px;
	width: auto;
	height: auto;
	display:inline-block;
}

/* innere*/
	.finding_entry_div{
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	width: 160px;
}

/* ----------------------*/
/* END SN FINDING STYLE */
/* ---------------------*/

/* --------------------------*/
/* BEGIN PRODUCT ADDED STYLE */
/* --------------------------*/

/* äußere bzw. mittlere*/
.product_divs{
	border: 1px solid gray;
	margin: 5px;
	width: auto;
	height: auto;
	float:left;
	vertical-align: top;
}

/* Innere*/
.product_entry_div{
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	width: 160px;	
}

/* --------------------------*/
/* END PRODUCT ADDED STYLE */
/* --------------------------*/

/* --------------------------*/
/* BEGIN SERVICE STYLE */
/* --------------------------*/

/* innere*/
.decisionbox_entry_div{
	border: 1px solid gray;
	margin: 5px;
	padding: 5px;
	width: 200px;
	height: auto;
	vertical-align: top;
	display: inline-block;
}

/* --------------------------*/
/* END SERVICE STYLE */
/* --------------------------*/


/* -------------------------*/
/* BEGIN NOSN FINDING STYLE */
/* ------------------------*/


/* ganz äußere */
#noserialnumber_area_div{
	min-height: 150px;
	height: 180px;
	overflow: auto;
	width: 100%;
	min-width: 325px;
	box-shadow: 0 4px 8px 0 rgba(63,63,70, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
	border: 1px solid #878787;
	margin-bottom:  15px;
	padding: 10px;
	display: inline-block;
	align-content: center;
	vertical-align: top;
}

/* mittlere */
.nosn_entry{
	border: 1px solid #878787;
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	width: auto;
	height: auto;
}

/* innere */
.nosn_entry_entry{
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	width: 150px;
}

/* -------------------------*/
/* END NOSN FINDING STYLE */
/* ------------------------*/







/* Innere*/
#test_div{
display: inline-block;
}








.form_data_div{
	box-shadow: 0 4px 8px 0 rgba(63,63,70, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
	border: 1px solid #878787;
	margin-bottom:  15px;
	padding: 10px;	
	width: 100%;
	min-width: 325px;	
	display: inline-block;
}

.left_div{
	float: left;
	vertical-align: top;
	min-width: 300px;
	margin-right: 10px;
	width: 49%;
}

.right_div{	
	float: left;
	vertical-align: top;
	min-width: 300px;
	width: 49%;
}

.header_h3_div{
	min-width: 325px;	
	border: 1px solid #878787;
	padding: 15px 5px 5px 5px;
	background: #3E3E44;
	margin-top: 15px;
	width: 100%;
	font-size: 12px !important;	
}

h3{
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 15px;
}

/* für zu lange texte in problem!!.vllzulangertext{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}*/





#language_div{
	color: white;
	font-size: 15px;
	border: 1px solid white;
	border-radius: 8px;
	max-width: 30%;
	padding: 10px 10px 0px 10px;
	margin: 0 auto;
	margin-top: 20px;

	
}

#ml_welc{
	color: #ffffff !important;
	text-align: center;
}

#ml_welc_text{
	color: #EE7512 !important;
	text-align: center !important;
	font-size: 15px;	
}

#ml_thank_head,#ml_maintenance_head{
	color: #ffffff !important;
	text-align: left;
	margin: 10px !important;
}

#ml_thank_text_orange{
	color: #EE7512 !important;
	text-align: left !important;
	font-size: 15px;
	margin: 10px !important;
}

#ml_thank_text_white{
	color: white !important;
	text-align: left !important;
	font-size: 15px;
	margin: 10px !important;
}

#thank_box a{
color: #EE7512;
}

#message_div{
	font-size: 15px !important;
	color: white !important;
	text-align: center !important;
	padding: 20px !important;
	background: black;
	/*border: 1px solid red;*/
}

#message_div a{
color: #EE7512;
}

#close_messages_div_btn{
	
	background-color: #a60800;
	border: 2px solid white;
	border-radius: 8px;
	color: white !important;
	display: inline-block;
	 text-decoration: none;	  
	  font-size: 10px;	
		height: 25px;
		width: 25px;
		text-align: center;		
		padding: 3px;
		margin-right: 30px;
		
}

#close_messages_div_btn:hover{

background-color: white;
	border: 2px solid #a60800;
	color: black !important;
	display: inline-block;
	 text-decoration: none;				
}

#finding_close_btn{
	
	background-color: #a60800;
	border: 2px solid white;
	border-radius: 8px;
	color: white !important;
	display: inline-block;
	 text-decoration: none;	  
	  font-size: 10px;	
		height: 25px;
		width: 25px;
		text-align: center;		
		padding: 3px;
		margin-right: 30px;
		
}

#finding_close_btn:hover{

background-color: white;
	border: 2px solid #a60800;
	color: black !important;
	display: inline-block;
	 text-decoration: none;				
}

#noserialnumber_area_close_btn{
	
	background-color: #a60800;
	border: 2px solid white;
	border-radius: 8px;
	color: white !important;
	display: inline-block;
	 text-decoration: none;	  
	  font-size: 10px;	
		height: 25px;
		width: 25px;
		text-align: center;		
		padding: 3px;
		margin-right: 30px;
		
}

#noserialnumber_area_close_btn:hover{

background-color: white;
	border: 2px solid #a60800;
	color: black !important;
	display: inline-block;
	 text-decoration: none;				
}

#ml_fie_diffAdd{
color: white !important; 
font-size: 15px !important;

}

#captcha{
min-width: 300px;
 margin: 0 auto;
    width: 50%;   
    padding: 0;
}

#captcha_div{
padding: 0;
padding-top: 10px;
}

#capframe{
min-width: 280px;
min-height: 145px;
margin: 0 auto;
padding: 3px;
}

#foot_info_div{
	/*width: 100%;
	display: inline-block;
	min-width: 300px;
	padding: 10px;*/
	text-align: center;
}

#head_info_div{
	/*width: 100%;
	display: inline-block;
	min-width: 300px;
	padding: 10px;*/
	text-align: center;
}

.foot_divs{
	text-align: left;
/*
display: inline-block;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: normal;
line-break: strict;
hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
*/

}

#ml_test{
	color: #ffffff !important;
	text-align: center;
}



/*,#cancelTool,#cancelServiceAlert,#cancelSnInfo*/


#reset{
margin: 5px;
background-color: #7F7F7F;
color: black;

}

#reset:hover{
	margin: 5px;
	color: black;
background-color: white;

}

#cancelTool{
margin: 5px;
background-color: #EE7512;
color: black;

}

#cancelTool:hover{
	margin: 5px;
	color: black;
background-color: white;

}

#cancelServiceAlert{
margin: 5px;
background-color: #7F7F7F;
color: black;

}

#cancelServiceAlert:hover{
	margin: 5px;
	color: black;
background-color: white;

}

#cancelSnInfo{
margin: 5px;
background-color: #7F7F7F;
color: black;

}

#cancelSnInfo:hover{
	margin: 5px;
	color: black;
background-color: white;

}

#noserialnumber_search_btn{
	
	background-color: #7F7F7F;
	color: black;
	display: inline-block;
	 text-decoration: none;
	  /*border: 1px solid black;*/
}

#noserialnumber_search_btn:hover{

	color: black;
	background-color: white;
	display: inline-block;	
	 text-decoration: none;
	  	 /* border: 1px solid #EE7512;*/
}
























/*SPINNER*/
.spinner.small div {
    height: 8px;
    width: 8px;
}

.spinner > div {
      width: 13px;
    height: 13px;
 background-color: #EE7512;
 border-radius: 50%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
	/*SPINNER ENDE*/