* {
	font-family:Arial;
	font-size: 1em;
}
body{
	background-color: #ffffff;
	padding-bottom: 25px;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	#qrkode
	{
		position: static !important;
	}
}


ul {
	list-style-type: none;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: grey;
}

a#modelInfo{
	display: none;
	color: red;
}

.infoBlink{
	color: orange;
}

.deadzone{
	background-color: darkgrey;
}

#qrkode{
	position: fixed;
	top: 20px;
	right: 20px;
}


a#modelInfo, .infoBlink{

	-moz-animation-duration: 100ms;
	-moz-animation-name: blink;
	-moz-animation-iteration-count: 20;
	-moz-animation-direction: alternate;

	-webkit-animation-duration: 100ms;
	-webkit-animation-name: blink;
	-webkit-animation-iteration-count: 20;
	-webkit-animation-direction: alternate;

	animation-duration: 100ms;
	animation-name: blink;
	animation-iteration-count: 20;
	animation-direction: alternate;	
}

a:hover, a#modelInfo:hover{
	color: #eecddb;
}

.clickableTr, .clickableTr a {
	text-decoration: none;
	font-weight: normal;
	color: grey;
	cursor: pointer;
}

.clickableTr:hover td, .clickableTr:hover a{
/*	color: #000000;*/
	background-color: #fffeec;
	font-weight: normal;
}


.setheadline:hover{
	background-color: #dddcca;
}

.nultid, .nultid a {
	color: #ff6666;
}

.nulnotat, .nulnotat a {
	color: #6666ff;
}

div{
	border: none;
}

.tip{
	font-size: 0.7em;
	font-weight: bold;
}

.antal{
	width: 40px;
	margin-right: 8px;
}
.varenr{
	width: 250px;
	margin-right: 8px;
}
.varenavn{
	width: 468px;
}


.latest_table{
	border-collapse: collapse;
	border:1px solid #999;
	width: 969px;

}

.latest_table td{
	white-space: nowrap;
	max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis; 

	border-bottom: solid 1px black;
	padding: 5px 5px 0px 5px;
}
.latest_table th{
	text-align: left;
}


.simple_table{
	border-collapse: collapse;
	border:1px solid #999;
}

.simple_table td{
	border-bottom: solid 1px black;
	padding: 5px 5px 0px 5px;
}
.simple_table th{
	text-align: left;
}


.røntgen_table{
	border-collapse: collapse;
	border:1px solid #999;
	width: 969px;
}

.røntgen_table td{
	text-align: left;
	border: solid 1px black;
	padding: 5px 5px 0px 5px;
}
.røntgen_table th{
	text-align: left;
	border: solid 1px black;
	padding: 5px 5px 0px 5px;
}

.email_div{
	display: none;
	font-family: Calibri;
	font-size: 14.5px;
}

.email_div table{
	border-collapse: collapse;
	border:1px solid #999;
}

.email_div td, .email_p{
	border: solid 1px black;
	padding: 5px 5px 0px 5px;
	vertical-align: top;
	
}

.statusText{
	color: red;
	font-size: 80%;
}

.repeated{
	background-color: lightblue;
}

.hideByFilter{
	display: none;
}

#messagediv{
	position: fixed;
	top: -200px;
	left: 50%;
	width: 600px;
	margin-left: -300px;
	background-color: #fffeec;
	padding: 9px 5px 5px 5px;
	text-align: center;
	font-size: 1.2em;
	color: blue;
	border:1px solid #999;
	border-radius:4px;
	-moz-border-radius:4px;
	-web-kit-border-radius:4px;
	-khtml-border-radius:4px;	
}

#latest_div{
	white-space: nowrap;
	max-height: 400px;
	max-width: 986px;
	display: inline-block;
	overflow: auto;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	padding: 5px 5px 5px 5px;
	background-color: #eeeeee;
	border:1px solid #999;
	border-radius:4px;
	-moz-border-radius:4px;
	-web-kit-border-radius:4px;
	-khtml-border-radius:4px;	
}

.centerbox{
	width: 400px;
	margin: auto;
	margin-top: 150px;
	padding: 15px 15px 15px 15px;
	background-color: #eeeeee;
	border:1px solid #999;
	border-radius:4px;
	-moz-border-radius:4px;
	-web-kit-border-radius:4px;
	-khtml-border-radius:4px;	
}


#fixedtop{
    background-color: #eeeeee;
    position:fixed;
    top:0px;
	left: 0px;
    width: 100%;
	height: 100px;
    z-index: 50;
	border:1px solid #999;
	padding: 0px 10px 0px 10px;
	margin: 0px;

}

#searchresults{
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	margin-top: 120px;
	padding:12px;
	background-color: #eeeeee;
	border:1px solid #999;
	border-radius:4px;
	-moz-border-radius:4px;
	-web-kit-border-radius:4px;
	-khtml-border-radius:4px;	
}
.searchresultstable{
	border-collapse: collapse;
	border:1px solid #999;

}

.searchresultstable td{
	white-space: nowrap;
	height: 40px;
	max-width: 400px;
	overflow: hidden;
    text-overflow: ellipsis; 
	border: solid 1px black;
	padding: 0px 5px 0px 5px;
}

.searchresultstable button{
	padding: 2px;
	margin-top: 0px;
	margin-bottom: 3px;
}

#infobox{
	position: absolute;
	/* display: none; */
	top: 54px;
	left: 815px;
	width: 180px;
	height: 200px;
	overflow: auto;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	padding:2px;
	background-color: #eeeeee;
	border:1px solid #999;
	border-radius:4px;
	-moz-border-radius:4px;
	-web-kit-border-radius:4px;
	-khtml-border-radius:4px;	
}
#infobox div:nth-child(odd), #infobox tr:nth-child(odd), .latest_table tr:nth-child(odd), .røntgen_table tr:nth-child(odd), .searchresultstable tr:nth-child(odd), .simple_table tr:nth-child(odd), {
	background-color: #eeeeee;
}
#infobox div:nth-child(even), #infobox tr:nth-child(even), .latest_table tr:nth-child(even), .røntgen_table tr:nth-child(even), .searchresultstable tr:nth-child(even), .simple_table tr:nth-child(even){
	background-color: #dddddd;
}

#edit_knapper{
	position: absolute;
	top: 305px;
	left: 815px;
	width: 180px;
	height: 90px; /*140*/
	overflow: auto;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	padding: 2px;
	background-color: #eeeeee;
	border: 1px solid #999;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-web-kit-border-radius: 4px;
	-khtml-border-radius: 4px;	
}

#standard_udf{
	position: absolute;
	top: 418px;
	left: 815px;
	width: 180px;
	max-height: 250px;
	overflow: auto;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	padding:2px;
	background-color: #eeeeee;
	border:1px solid #999;
	border-radius:4px;
	-moz-border-radius:4px;
	-web-kit-border-radius:4px;
	-khtml-border-radius:4px;	
}
#priceCalcDiv{
	position: absolute;
	/* float: right; */
	top: 610px;
	left: 815px;
	min-width: 180px;
	/* max-height: 250px; */
	overflow: auto;
	text-align: left;
	font-size: 1em;
	/* font-weight: bold; */
	/* line-height: 1.5em; */
	padding:2px;
	background-color: #eeeeee;
	border:1px solid #999;
	border-radius:4px;
	-moz-border-radius:4px;
	-web-kit-border-radius:4px;
	-khtml-border-radius:4px;	
}

#sn_infobox{
	position: fixed;
	display: none;
	top: 12px;
	left: 2px;
    z-index: 50;
	width: 820px;
	max-height: 98%;
	overflow: auto;
	font-size: 1.2em;
	padding:2px;
	background: #eeeeee;
	border:3px solid #999;
	border-radius:4px;
	-moz-border-radius:4px;
	-web-kit-border-radius:4px;
	-khtml-border-radius:4px;	
}

#vareliste {
	border-collapse: collapse;
	}
#vareliste td{
	padding: 0px;
	}
/* #sn_infobox table td{
	border: 1px solid black;
	border-collapse: collapse;
} */

#serienr{
	text-transform: uppercase;
}

#repinfo{
	width: 518px;
	margin-right: 8px;
}
#repPrisEM{
	width: 120px;
	margin-right: 8px;
}
#repPrisIM{
	width: 120px;
	margin-right: 8px;
}

#timer{
	width: 40px;
	margin-right: 8px;
}

#repaf{
	width: 336px;
	margin-right: 8px;
}

.w120{
	width: 120px;
	margin-right: 8px;
}

.w320{
	width: 320px;
	margin-right: 8px;
}

#tilfoej{
	margin-right: 8px;
}

input, textarea, select, .infodiv{
	background-color: #fffeec;
	margin-bottom: 5px;
	font-size: 1em;
	font-weight: bold;
	padding:2px;
	border:1px solid #999;
	border-radius:4px;
	-moz-border-radius:4px;
	-web-kit-border-radius:4px;
	-khtml-border-radius:4px;
}

input.miniinput{
	font-size: 1em;
	width: 55px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	text-align: center;
}

input.minioutput{
	color: black;
	-webkit-text-fill-color: black;
	opacity: 1; /* required on iOS */
	background-color: lightgrey;
}

#kundenotat, #interntnotat, #fejlbeskrivelse, #repinfo, #emailTxt{
min-height: 36px;
max-height: 500px;
width: 786px;
resize: none;
}

#setnote{
max-height: 500px;
width: 963px;
resize: none;

}


input:focus, textarea:focus, button:focus, select:focus{
	background-color: #eecddb;

}

button, input[type="submit"]{
	background-color: #ddd;
	margin-bottom: 5px;
	font-size: 1em;
	font-weight: bold;
	padding:2px;
	border:1px solid #999;
	border-radius:4px;
	-moz-border-radius:4px;
	-web-kit-border-radius:4px;
	-khtml-border-radius:4px;
	box-shadow: 0 2px #27496d;
}
button:hover, input[type="submit"]:hover{
	background-color: #ccc;
}
button:active , input[type="submit"]:active{
	box-shadow: 0 1px #27496d;
	transform: translateY(1px);
}

input[type="checkbox"] {
    display:inline-block;
    width:25px;
    height:25px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
}

.blinker {
  -moz-animation-duration: 400ms;
  -moz-animation-name: blink;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  
  -webkit-animation-duration: 400ms;
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  
  animation-duration: 400ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@-moz-keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0.2;
  }
}

@-webkit-keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0.2;
  }
}

@keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0.2;
  }
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	text-transform: none;
}

.help-tip{
	display: inline-block;
	position: relative;
	left: 10px;
	bottom: 3px;
	text-align: center;
	background-color: #eecddb;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	cursor: pointer;
}

.help-tip:before{
	content:'?';
	font-weight: bold;
	color:#000000;
}

.help-tip:hover p, .help-tip:hover table{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
	margin-bottom: 200px;

}

.help-tip p, .help-tip table{	/* The tooltip */
	display: none;
	text-align: left;
	background-color: #1E2021;
	padding: 20px;
	width: 500px;
	position: absolute;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	right: -500px;
	color: #FFF;
	font-size: 13px;
	line-height: 1.4;
	z-index: 10;
}

.help-tip p:before, .help-tip table:before{ /* The pointer of the tooltip */
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	border:6px solid transparent;
	border-bottom-color:#1E2021;
	right:503px;
	top:-12px;
}

.help-tip p:after, .help-tip table:after{ /* Prevents the tooltip from being hidden */
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}

/* CSS animation */

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}