html{
	height: 100%;
	width: 100%;
}

*{
	font-family: open sans;
}

body{
	height: 100%;
	width: 100%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

/*#container{
	width: 100%;
	height: 100%;
	display: block;
}*/

#content{
	font-family: "open sans";
	height: calc(100% - 60px);
	width: 100%;
	background-color: #ffffff;
	overflow: scroll;
	margin: 0;
	padding: 0;
}

#content h1{
	margin-left: 30px;
}

#formstyle input{
	box-sizing: border-box;
	border: 1px solid #1C2C4A;
	height: 40px;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	width: calc(100% - 60px);
	margin-left: 30px;
}

#formstyle input[type=submit]{
	background-color: #1C2C4A;
	color: white;
	margin-bottom: 50px;
}

#formstyle select{
	box-sizing: border-box;
	border: 1px solid #1C2C4A;
	height: 40px;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	width: calc(100% - 60px);
	margin-left: 30px;
}

#upload_billede{
	margin-left: 30px;
	margin-top: 15px;
}
#formstyle input[type=file]{
	margin-left: 0;
	box-sizing: border-box;
	width: calc(100% - 30px);
	height: auto;
	background-color: #1C2C4A;
	padding:8px;
	color: white;
}

#formstyle_upload input{
	box-sizing: border-box;
	border: 1px solid #1C2C4A;
	height: 40px;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	width: calc(100% - 60px);
	margin-left: 30px;
}

#formstyle_upload input[type=file]{
	margin-left: 0;
	box-sizing: border-box;
	width: calc(100% - 30px);
	height: auto;
	background-color: #1C2C4A;
	padding:8px;
	color: white;
	margin-bottom: 30px;
}

#formstyle textarea{
	box-sizing: border-box;
	border: 1px solid #1C2C4A;
	height: 40px;
	margin-bottom: 10px;
	padding: 15px;
	min-height: 250px;
	width: calc(100% - 60px);
	margin-left: 30px;
}

#formstyle label{
	margin-left: 30px;
}

#error_message{
	box-sizing: border-box;
	background-color: red;
	color: white;
	width: calc(100% - 60px);
	margin-left: 30px;
	padding:10px;
	margin-bottom: 10px;
}


#menu{
	font-family: "open sans";
	height: 60px;
	width: 100%;
	background-color: #1C2C4A;
}

	.menu_list{
		box-sizing: border-box;
		color: white;
		float: left;
		text-align: center;
		background-color: #1C2C4A;
	}

	#open_menu{
		font-size: 20px;
		width: 28%;
		line-height: 60px;
		border-right: 1px solid #25385c;
		cursor:pointer;
	}
	
	#open_menu:hover{
		background-color:#25385c;
		transition: linear 0.1s;
	}
	
	#logo{
		margin-top: 10px;
		font-size: 14px;
		font-weight: 700;
		width: 44%;
		line-height: 18px;
	}
	
		#logo span{
		font-weight: 400;
		font-size: 10px;
		}
	
	#search{
		font-size: 20px;
		width: 28%;
		line-height: 60px;
		border-left: 1px solid #25385c;
		cursor:pointer;
	}
	
	#search:hover{
		background-color:#25385c;
		transition: linear 0.1s;
	}
	
	#search_box{
		margin-bottom: 10px;
	}
	
/* OPEN MENU */
#vis_menu{
	display:none;
	background-color: white;
	transition: linear 0.1s;
	height: calc(100% - 60px);
	width: 100%;
	background-color: #ffffff;
	overflow: scroll;
}
	
	#vis_menu a{
		text-decoration: none;
	}

	#vis_menu h1{
		margin-left: 30px;
	}
	
	#vis_menu ul{
		margin: 0;
		padding: 0;
	}
	
	#vis_menu li{
		list-style-type: none;
		color: #1C2C4A;
		text-decoration: none;
		margin: 0;
		padding-left:30px;
		line-height: 50px;
		border-bottom: 1px solid #25385c;
	}
	
		#vis_menu li:hover{
			background-color:#25385c;
			color:white;
			transition: linear 0.1s;
		}
		
		#vis_menu li:hover div{
		border: 1px solid white;
		}
	
	#aktiver_varemodtelse{
		width:30%;
		width:25px;
		height: 25px;
		border: 1px solid #25385c;
		text-align: center;
		line-height: 25px;
		float: right;
		margin-top: 12px;
		margin-right: 30px;

	}
	
	
	/* Style The Dropdown Button */
	.dropbtn {
	  background-color: white;
	  color: #1C2C4A;
	  padding-left: 30px;
	  line-height: 50px;
	  font-size: 16px;
	  border: none;
	  cursor: pointer;
	  display: inline;
	  text-align: left;
	  width: 100% !important;
	}
	
	/* The container <div> - needed to position the dropdown content */
	.dropdown {
	  position: relative;
	  display: inline-block;
	  width: 100%;
	}
	
	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  min-width: 260px;
	  width: 100%;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
	}
	
	/* Links inside the dropdown */
	.dropdown-content a {
	  color: black;
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	}
	
	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {background-color: #f1f1f1}
	
	/* Show the dropdown menu on hover */
	.dropdown:hover .dropdown-content {
	  display: block;
	}
	
	/* Change the background color of the dropdown button when the dropdown content is shown */
	.dropdown:hover .dropbtn {
	  background-color: #25385c;
	  color:white;
	}
	
	.menu_border{
		border-top: 6px solid #1C2C4A;
	}
	
/* OPEN SEARCH */

#vis_search{
	display:none;
	box-sizing: inherit;
	background-color: white;
	transition: linear 0.1s;
	height: calc(100% - 60px);
	width: 100%;
	background-color: #ffffff;
	overflow: scroll;
}

	#vis_search h1{
		margin-left: 30px;
	}
	
	#vis_search input{
		box-sizing: border-box;
		border: 1px solid #1C2C4A;
		height: 40px;
		width: calc(100% - 60px);
		margin-left: 30px;
		margin-right: 30px;
		padding-left:10px;
		padding-right: 10px;
	}

/* QR SCANNER */

#scan_title{
	float: left;
}

#start-button{
	float: left;
	border: 1px solid #1C2C4A;
	background-color: #25385c;
	color: white;
	text-align: center;
	width:80px;
	height: 38px;
	margin-left: 15px;
	margin-top: 20px;
}

#stop-button{
	float: left;
	border: 1px solid #1C2C4A;
	background-color: #25385c;
	color: white;
	text-align: center;
	width:80px;
	height: 38px;
	margin-left: 15px;
	margin-top: 20px;
}

#video-container {
	line-height: 0;
	clear: both;
	width: 100%;
}

#qr-video{
	width: 100%;
	max-width: 450px;
	max-height: 400px;
}

#video-container.showfarve .scan-region-highlight-svg,
#video-container.showfarve .code-outline-highlight {
	stroke: #25385c !important;
}

#flash-toggle {
	display: none;
}


/* QR Scanner - SLUT*/



/* Produkt liste */

.subtitle{
	margin-top: -15px;
	margin-left: 30px;
	margin-right: 30px;
	float: left;
}
	#filtrer{
		display: inline;
		margin-top: 15px;
		margin-left: 30px;
		margin-right: 30px;
		float: left;
	}
	
	#visfilter{
		clear: both;
		color: black;
		border: 1px solid #25385c;
		padding: 5px;
		text-decoration: none;
		float:left;
		margin-left: 30px;
		margin-bottom: 15px;
	}
	
	#nulstil_filter{
		color: black;
		float: right;
		border: 1px solid #25385c;
		padding: 5px;
		margin-right: 30px;
		text-decoration: none;
		margin-bottom: 15px;
	}

.produkt_liste{
	box-sizing: border-box;
	border-top: 1px solid #25385c;
	min-height: 75px;
	float: left;
	width: 100%;
	color: black;
	text-decoration: none;
}

	.produkt_liste a{
		text-decoration: none;
		color: black;
	}

.produkt_liste:hover{
	background-color: #25385c;
	color:white;
	transition: linear 0.1s;
}	
	.produkt_liste:hover a{
		color:white;
		transition: linear 0.1s;
	}

	.produkt_liste_billede{
		width:75px;
		height: 100px;
		float: right;
		margin-left: 0px;
		padding: 0;
	}
	
	.produkt_liste_content{
		float: left;
		margin-right: 5px;
		margin-left: 5px;
		width: calc(100% - 88px);
	}
	
	.show_liste_content{
		float: left;
		margin-right: 10px;
		margin-left: 10px;
		width: calc(100% - 20px);	
	}
	
		.produkt_liste_produktnavn{
			font-weight: 700;
			margin-top: 5px;
			min-height: 36px;
		}
		
		.produkt_liste_kaliber{
			float: left;
			display: inline-block;
			padding-right: 15px;
			min-width:100px;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		
		.show_liste_budget{
			float: left;
			display: inline;
			padding-right: 15px;
			min-width:300px;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		
		.show_liste_side{
			float: left;
			display: inline-block;
			padding-right: 15px;
			min-width:200px;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		
		.produkt_liste_nem{
			float: left;
			display: inline-block;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		
		.show_liste_typeanledning{
			float: right;
			display: inline-block;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		
		.produkt_liste_leverandor{
			width: calc(100% - 125px);
			float: left;
			font-size:12px;
		}
		
		.produkt_liste_ejer{
			width: calc(100% - 115px);
			float: left;
			font-size:12px;
		}
		
		.lager_kvik_test{
			float: right;
			width: 105px;
			font-size:12px;
		}
	/*	
		.produkt_ret_knap{
			float: right;
			color: white;
			line-height: 74px;
			text-align: center;
			font-size: 20px;
			height: 74px;
			width:50px;
			background-color: #1C2C4A;
		}
*/


		#varemodtagelse_box{
			width: calc(100% - 60px);
			margin-left: 30px;
			margin-right: 30px;
			box-sizing: border-box;
			border: 1px solid #1C2C4A;
			background-color: #25385c;
			color: white;
			margin-bottom: 20px;
		}
		
			#varemodtagelse_box div{
				font-weight: 700;
				margin-left: 30px;
				margin-top: 20px;
				margin-bottom: 20px;
			}
			
			#lager_status{
				box-sizing: border-box;
				border: 1px solid #1C2C4A;
				background-color: #25385c;
				color: white;
				width: calc(100% - 60px);
				margin-left: 30px;
				margin-top: 10px;
				padding:10px;
				margin-bottom: 10px;
			}
			
		.visprodukt_txt{
			width: calc(100% - 60px);
			margin-left: 30px;
			margin-right: 30px;
		}
			.small{
				font-size: 13px;
			}
		
			.bold{
				font-weight: 700;
				margin-bottom: 10px;
			}
			
		.note{
			border:1px solid #25385c;
			margin-top: 10px;
			padding: 4px;
			box-sizing: border-box;
		}
			
		#produkt_table{
			border-collapse: collapse;
			border: 1px solid #1C2C4A;
			width: calc(100% - 60px);
			margin-left: 30px;
		}
		
		table td{
			text-align: center;
			padding: 4px;
			box-sizing: border-box;
			border-collapse: collapse;
			border: 1px solid #1C2C4A;
		}
		
		#billede_container{
			margin-top: 25px;
			width: calc(100% - 60px);
			margin-left: 30px;
			margin-right: 30px;
		}
		
		#billede_container img{
			width:calc(33% - 2px);
		}
		
		#billede_container a{
			text-decoration: none;
			border: 0;
		}
		
		#knap_retprodukt{
			text-decoration: none;
			color: white;
		}
		
		#knap_retprodukt div{
			margin-top: 15px;
			width: calc(100% - 60px);
			height: 40px;
			margin-left: 30px;
			background-color: #1C2C4A;
			box-sizing: border-box;
			border: 1px solid #25385c;
			text-align: center;
			line-height: 38px;
			color: white;
		}
		
		.ret_galleri{
			width:100%;
			margin: 1px;
			
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			float: left;
			height: 300px;
		}
		
		.billede_margin{
			float: left;
			margin-bottom: 30px;
		}
		
		.ret_billede_knap{
			background-color:#25385c;
			display:inline-block;
			width: 40%;
			margin-left: 5%;
			margin-top: 10px;
			height: 30px;
			text-align: center;
			line-height: 30px;
			color: white;
			text-decoration: none;
			border-radius: 5px;
			padding: 5px;
		}
		
		.ret_billede_display{
			background-color:#25385c;
			display:inline-block;
			width:80%;
			margin-left: 10%;
			height: 30px;
			text-align: center;
			line-height: 30px;
			color: white;
			text-decoration: none;
			border-radius: 5px;
			padding: 5px;
			margin-top: 200px;
		}
		
		.display_green{
			background-color:#06742c;
		}
		
		#success_message{
			box-sizing: border-box;
			background-color: #06742c;
			color: white;
			width: calc(100% - 60px);
			margin-left: 30px;
			margin-top: 30px;
			padding:10px;
			margin-bottom: 10px;
		}
		
		#error_message{
			box-sizing: border-box;
			background-color: #9a0000;
			color: white;
			width: calc(100% - 60px);
			margin-left: 30px;
			margin-top: 30px;
			padding:10px;
			margin-bottom: 10px;
		}
		
		#fileToUpload_mini{
			margin-left: 30px;
			box-sizing: border-box;
			width: calc(100% - 60px);
			height: auto;
			background-color: #1C2C4A;
			padding:8px;
			color: white;
		}
		
	#adr_tabel{
		border-collapse: collapse;
		margin-left: 30px;
		box-sizing: border-box;
		width: calc(100% - 60px);
	}
	
	#frimaengde_ok{
		text-align: center;
		color: green;
		line-height: 50px;
	}
	
	#frimaengde_over{
		text-align: center;
		color: #9a0000;
		line-height: 50px;
	}





@media print {
	.pagebreak {
		clear: both;
		page-break-after: always;
	}
}