.logbuttonarea {
	margin-top: 0.5rem;
	margin-bottom: 0.25rem;
	max-width: 960px;
	height: 3rem;
	max-height: 3rem;
	}

.logpage {
	background: white;
	border: black solid 1px;
	border-radius: 0.25rem;
	padding: 0.5rem;
	margin-top: 0;
	margin-bottom: 1rem;
	max-width: 960px;
	}

.logindex {
	font-size: smaller;
	line-height: 1;
	margin: 0;
	text-align: center;
	}

.logsection {
	font-style: italic;
	line-height: 2;
	}

span[contenteditable="true"] {
	background: #eff;
	cursor: pointer;
}

span[contenteditable="false"] {
	background: #fff0;
	cursor: auto;
}

.logentry {
	user-select: all;
	position: absolute;
	left: 8rem;
	font-style: normal;
	line-height: 0.9;
	padding: 0.5rem;
	}

div.lognotes[contenteditable="true"] {
	background: #eff;
	cursor: pointer;
}

div.lognotes[contenteditable="false"] {
	background: #fff0;
	cursor: auto;
}

.lognotes {
	font-style: normal;
	background: #eff;
	line-height: 1.5;
	padding: 0;
	/*margin: 2px;*/
	}

.logcoords {
	position: absolute;
	left: 8rem;
	font-style: normal;
	line-height: 0.9;
	padding: 0.5rem;
	}

.logphoto {
	top: -40px;
	max-width: 100%;
	max-height: 512px;
	}
	
.hiddeninput {
	display: none;	
}

.camera-icon {
	position: relative;
	top: -64px;
	left: 16px;
	z-index: 20;
	}

.pluscodeicon {
	height: 1rem;
	width: 1rem;
	}
	
.spinner {
	display: inline-block;
	position: relative;
	z-index: 10;
	opacity: 100%;
	transition: opacity 0.75s;
	pointer-events: none;
}

.spinnericon	{
	vertical-align: middle;
	height: 2.2rem;
	width: 2.2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.flocbutton	{
	display: inline-block;
	position: relative;
	padding: 0.25rem;
	border: 1px solid black;
	border-style: inset;
	border-radius: 0.5rem;
	background-color: #dff;
	text-decoration: none;
	/*font-size: 10pt;
	font-weight: bold;
	color: var(--blue-clr);*/
	box-shadow: 0 0.1rem 0.3rem 0 rgba(0,0,0,0.3);
	cursor: pointer;
}
.flocbutton:hover,	.iconbutton:active	{
	background-color: #fff;
	box-shadow: 0 0.1rem 0.3rem 0 rgba(0,0,0,0.7);
}
.flocbutton:focus	{
	border-width: 2px;
	border-color: #00f;
	box-shadow: 0 0.1rem 0.3rem 0 rgba(0,0,0,0.7);
}
.flocbuttonicon	{
	vertical-align: middle;
	height: 2rem;
	width 2rem;
	padding-left: 0.15rem;
	padding-right: 0.15rem;
}

.toolsbutton	{
	margin: 0.25rem;
	background-color: #dff;
	border-radius: 0.5rem;
	padding: 0.25rem;
}

@keyframes zipoutright {
  0%	{transform: translateX(0);}
  100%	{transform: translateX(120%);}
}

@keyframes zipoutleft {
  0%	{transform: translateX(0);}
  100%	{transform: translateX(-120%);}
}

@keyframes zipinright {
  0%	{transform: translateX(-120%);}
  100%	{transform: translateX(0);}
}

@keyframes zipinleft {
  0%	{transform: translateX(120%);}
  100%	{transform: translateX(0);}
}

@keyframes splashup {
  0%	{transform: translateY(120vh);}
  80%	{transform: translateY(120vh);}
  100%	{transform: translateY(0);}
}