/* ------------------------ responsive.css ----------------------------- */

@media screen and (max-width: 805px) {
	div#waspas_transactieinformatie {
		width:85%;
		left: 0%;
		top: 0%;
		border-radius: 0;
		max-height: 95%;
		overflow: auto;
	}
}

@media screen and (max-width: 480px) {
 body {
   background-image: none;
   background-color: #0c4e78; /* donkerblauw */
 }
	
	div#kop {
	  height: 20px;
	}
	
	div#logo {
		display: none!important;
	}

	div#hoofdmenu {
		margin-bottom: 25px;
	}
	
	div#hoofdmenu ul {
		display: block;
		float: none;
		clear: both;
		text-align: center;
	}
	div#hoofdmenu ul li {
    display: inline-block;
    float: none;
	}
	
	div#header-menu {
		display: none;
	}
	
	input#extraPass {
		display: none;
	}
	
	form#inlogformulier input {
		width: 90% !important;
		min-width: 10px;
		margin-left: 5%;
	}
	
	div#hoofdmenu ul li:nth-child(3) { /* menu-item 'Verkoop' abonnement uitgeschakeld */
		display: none;
	}
	div#hoofdmenu ul li:nth-child(4) { /* menu-item 'Verleng' abonnement uitgeschakeld */
		display: none;
	}
	div#hoofdmenu ul li:nth-child(6) { /* menu-item 'Einde dag' uitgeschakeld */
		display: none;
	}
	div#hoofdmenu ul li:nth-child(7) { /* menu-item 'Verrekeningen' uitgeschakeld */
		display: none;
	}
	div#hoofdmenu ul li:nth-child(8) { /* menu-item 'Display' uitgeschakeld */
		display: none;
	}
	

	div#scanner {
		width: 100%; /*70%*/
		padding: 1%;
	}

	div#scan_transactieinformatie {
		width:85%;
		position: absolute;
		left: 0;
		top: 1%;
		overflow-x: scroll;
		max-height: 100%;
	}

	select#betaalwijze {
		width: 95%;
		overflow: hidden;
		min-width: 10px;
		font-size: 50%;
	}
	
	
	input#bedrag {
		display: block;
		clear: both;
		width: 95%;
		text-align: center;
		font-size: 200%;
	}

	input#receivedAmount {
		display: block;
		clear: both;
		width: 95%;
		text-align: center;
		font-size: 200%;
	}
	
	div#scan_transactieinformatie textarea#opmerking {
		display: block;
		clear: both;
		width: 95%;
		text-align: center;
		font-size: 200%;
	}

	div#scan_transactieinformatie input#medewerker {
		display: block;
		clear: both;
		width: 95%;
		text-align: center;
		font-size: 200%;
	}
	
	form#transactieFormulier input:last-child {
		width: 80%;
    margin-left: 10%;
    /* font-size: 180%;*/		
	}
	
	div#scan_transactieinformatie a:last-child {
		display: block;
		clear:both;
		margin-top: 30px;
		margin-bottom: 10px;
		font-size: 150%;
		width: 80%;
    margin-left: 10%;
    /* font-size: 180%;*/			
    color: white;
    background-color: red;
    padding: 3px 5px;
    border-radius: 5px;
    text-align:center;
    text-decoration: none;
	}
	
	table#transactie-overzicht {
		font-size: 8px;
	}
	
	div#credits {
		display: none;
	}
	
	div#waspas_transactieinformatie {
		width:75%;
		left: 12.5%;
		
		width:85%;
		left: 0%;
		top: 0%;
		border-radius: 0;
	}
	
	div#waspas_transactieinformatie h2 {
		margin: 0px 0px 5px 0px;
		font-size: 90%!important;
	}
	
	form#waspasAfboeken input#waspasTransactieCode {
		width: 95%;
		text-align: center;
		/* font-size: 180%;*/	
	}

	form#waspasAfboeken input#afboekBedrag {
		width: 95%;
		text-align: center;
		/* font-size: 180%;*/	
		margin-bottom: 10px;
	}

	form#waspasAfboeken textarea#afboekOpmerking {
		display: block;
		clear: both;
		margin-top: 10px;
		width: 95%!important;
		height: 60px !important;
		text-align: left;
		font-size: 100%;
		border: 1px solid gray;
	}
	
	form#waspasAfboeken input:last-child {
		width: 95%;
		font-size: 150%;
		padding: 10px;
	}

	div#waspas_transactieinformatie a:last-child {
		display: block;
		clear:both;
		margin-top: 30px;
		/* margin-bottom: 10px;*/
		font-size: 150%;
		width: 95%;
    margin-left: 2.5%;
    /* font-size: 180%;*/		
    color: white;
    background-color: red;
    padding: 3px 5px;
    border-radius: 5px;
    text-align:center;
    text-decoration: none;
	}
	
	#tappableContent {
	  margin-bottom: 50px;	
	}
	
	
	#submitNumber {
	  width: auto;	
	}
	
	span#printknop {
		display: none;
	}
	
	#toLastReceipts {
		display: none;
	}
	
	div#bericht div {
		width: 100%;
		left: 0%;
		min-height: 40px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	
	/* camera */
	
	div#cameraWrapper {
	  z-index: 100;	
	}
	
	
	div#displayContainer h1 {
	  font-size: 80%;
	  margin-bottom: 5px;
	}
	
	div#displayContainer p {
		font-size: 80%;
		margin: 0 5px 0 5px;
	}
	
}