html,
	body {
		height: 100%;
		touch-action: manipulation;
	}
	
	body {
		display: grid;
		place-items: center;
		background: linear-gradient(180deg, rgba(105,105,105,1) 0%, rgba(37,37,37,1) 75%);
	}
	
	.app {
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(105,105,105,1) 0%, rgba(37,37,37,1) 75%);
		overflow-y: hidden;
	}


	.submitbtn {
		-webkit-appearance: none;
		height: 55px;
		background-color:#36bf61;
		color:white;
		font-weight:bold;
		border: none;
		font-size: 25px;
		width:300px;
		border-radius: 10px;
		margin-top:12px;

	}
	
	.discardbtn{
		background-color:#e34a40 !important;
	}
	
	.submitbtn:disabled{
		background-color:gray;
		opacity: .3;
	}
	
	#top-menu{
		text-align: center;
		position:fixed;
		top:50px;
		width:100%;
		height:85px;
		z-index:1000;
	}
	
	#prompt-button{
		margin-top:30px;
		height:70px;
		border:none;
		background-color:black;
		color:white;
		font-size: 18px;
		border-radius: 10px;
		width:150px;;
	}

	#views-div{
		width:35%;
		margin-left: 10px;
		margin-top:10px;
		text-align: center;
		display: inline-block;
	}
	
	#prompt-view{
		width:30%;
		display: inline-block;
	}
	
	.view-button{
		width:60px;
		height:60px;
		padding:5px;
		margin-left:2px;
		margin-right:2px;
		background-repeat: no-repeat;
		background-size: 45px 45px;
		background-position: center;
		background-color: #5c5c5c;
		border-radius: 10px;
		border:none;
		opacity:.6;
	}
	
	.grid-button{
		background-image: url('../icons/grid-white-nb.png');
	}
	
	.gallery-button{
		background-image: url('../icons/gallery-white-nb.png');
	}
				
	.selected-button{
		opacity:1 !important;
	}


#orientation-error{
	position:fixed; 
	top:0px; 
	left:0px; 
	height:100%; 
	width:100%; 
	z-index:1000000;
	background-color:white;
	visibility: hidden;
	text-align: center;
	
}

#orientation-error > img {
	width:70%;
	top: 50%; 
	transform: translateY(-50%);
	position: relative;
}

#galleryview {
	height: 100%;
}

.font-size-button{
	height:35px;
	width:35px;
	border:none;
	border-radius: 5px;
	margin-left:1px;
	margin-right:1px;
	background-color: #5c5c5c;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../icons/A.png');
	opacity:.6;

}

.small-font{
	background-size: 15px 15px;
}

.medium-font{
	background-size: 20px 20px;

}

.large-font{
	background-size: 27px 27px;

}

.selected-font-button{
	opacity: 1 !important;
}

html {
	-webkit-touch-callout: none;
	-webkit-user-select: none; /* Disable selection/copy in UIWebView */
}