@media screen and (max-device-width: 480px) {
	.formContent {
	text-align:center;
	
	}	
}
	body { 
		margin: 0px; 
		padding: 0px;  
		background: #ffffff; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px;
	}
	
	* {
		-moz-box-sizing: border-box;
	}
	
	html { 
		width: 100%; 
		height: 100%; 
		margin: 0px;
		padding: 0px;
	}
			  
	caption {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
	}
	
	p, table, text, tbody {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	
	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		background-color: white;
		overflow: hidden; 
		transition: 0.5s;
		border-right: solid 1px silver;
	}

	.sidenav a {
		padding: 5px 5px 5px 15px;
		text-decoration: none;
		font-size: 25px;
		color: #818181;
		display: block;
		transition: 0.3s;
	}
	
	.divMenuCellBlank  {
		padding: 9px 0px;
		width:250px;
		text-align: center;
		font-size: 20px;
		color: #818181;

	}

	.ui-datepicker td span, .ui-datepicker td a {
		display: block;
		padding: 8px;
		text-align: left;
		text-decoration: none;
		font-size:85%;
	}

	.sidenav a:hover, .offcanvas a:focus{
		color: #f1f1f1;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 30px;
		font-weight:bold;
		margin-left: 50px;
	}	
	
	.menuLogo	{
		text-align:center;
		width:250px;
		padding: 10px 0px;
	}
	
	.divLabel {
		color: #818181;
		font-size: 1.8em;
		padding:3px;
		text-align: left;
	}
	
	.localButton {
		background-color: #818181;
		border: none;
		color: white;
		padding: 15px 25px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		font-weight:bold;
		margin: 4px 2px;
		cursor: pointer;
	}
	
	.nextButton {
		color: white;
    	font-size: 1.8em;
		font-weight:bold;
		padding: 5px 5px 5px 5px;
		margin-left: -2px;
		background-color:#818181;
		cursor: pointer;
		border: none;
	}
	
	.divBtn {
		display:inline-block; 
		padding-right:10px;
	}
	
	.divText {
		color: #818181;
		font-size: 1.8em;
	}
	
	.inputField {
		color: #818181; 
		width: 100%; 
		max-width: 500px;
		height: 35px; 
		font-size:1.8em;
		border:1px solid darkgrey;
		padding:3px;
	}
	
	.inputField50 {
		color: #818181; 
		font-size:1.8em; 
		border:1px solid darkgrey;
		padding:3px;
		height: 35px; 
		width: 103px;
	}
	
	.disabledInputField {
		color: #818181;
		width: 100%; 
		max-width: 500px;
		height: 35px; 
		font-size:1.8em; 
		border:1px solid darkgrey;
		background-color:#eaeaea;
		padding:3px;
	}

	
	.inputDrop {
		color: #818181; 
		font-size:1.8em; 
		border:1px solid darkgrey;
		width: 100%; 
		max-width: 500px;
		height: 35px;
		background-color:white;
	}
	.inputDropNoWidth {
		color: #818181; 
		font-size:1.8em; 
		border:1px solid darkgrey;
		max-width: 500px;
		background-color:white;
		
	}
	
	.inputRemark {
		width: 100%; 
		max-width: 500px;
		height: 247px;
		resize:none;
		border:none; 
		color: #818181; 
		font-size:1.8em;
	}
	
	.inputDrop50 {
		color: #818181; 
		font-size:1.8em; 
		border:1px solid darkgrey;
		width: 92px;
		height: 35px;
		background-color:white;
	}
	
	.menuItem {
		display:inline-block; 
		padding:10px;
		font-size: 1.8em;
		width:200px;
		height:200px;
		cursor: pointer;
		margin:10px;
		vertical-align: top;
	}
	
	.menuTitle {
		margin-top: 5px;
		display: block;
		color:#818181;
	}
	
	.menuTitleWhite {
		margin-top: 5px;
		display: block;
		color:white;
	}
	.menuItem a {
		text-decoration: none;
		transition: 0.3s;
		color: #818181;
	}
	
	.menuItem a:hover, .offcanvas a:focus{
		color: silver;
	}
	
	.wrapper{ width: 350px; padding: 20px; 
		padding: 10px;  
		display:block;
		margin-left: auto;
		margin-right: auto;
	}

	.slideMenuItem {
		border-right: none;
		vertical-align: left;
		font-size: 6px;
	}
	div.blueheader	{
	max-width:100%; 
	color:white; 
	padding:10px;
	background-color: #014a94;
	border:solid 1px #014a94;
	height: 30px;
	font-size:30px;
}

div.greyheader	{
	max-width: 100%;
	padding:10px; 
	background-color: #666; 
	border:1px solid #666;
	color: white;
	height: 30px;
	font-size:30px;
}
.wrapper{
	width: 350px; padding: 20px; 
	padding: 10px;  
	display:block;
	margin-left: auto;
	margin-right: auto;
}