:root {
	--customColor: #00c3e6;
	--wb: 		#184379;
	--wblue: 	#09101f;
	--wy: 		#f9c116;
	--wyellow: 	#f9c116;
	--hha_blue:	#00c1e5;
	--theme:	#00c1e5;
}

textarea:focus, input:focus{ outline: none; }

#pwa_logo,#pwa_logo_w {
	background-image: url(assets/logo.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
#pwa_logo_w {
	background-image: url(assets/logo-w.svg);
}
#pwa_wm {
	display:inline-block;
	cursor:pointer;
	cursor:hand;
	height:20px;
	width:20px;
	top:2px;
	left:0px;
	position:relative;
	background-image: url(assets/hh-32.png);
	background-repeat: no-repeat;
	background-size: auto 20px;
}
#pwa_wm:after {
	position:absolute;
	left:25px;
	top:-2px;
	content:"HH Angus";
	white-space:nowrap;
	font-weight:bold;
	font-size:18px;
	color:white;
}

.userButton {
	display:inline-block;
	width:220px;
	padding: 5px 10px;
	font-size:14px;
	cursor:pointer;
}
.fieldLabel {
	text-align:center;
	font-size:10px;
	color:silver;
}
.obsThumbnailContainer {
	position:relative;
}
.obsThumbnailContainer[data-local='1']::before{
	font-family: "Font Awesome 5 Pro";
	font-weight:900;
	content: "\f4a5";
	font-size:15px;
	color:gold;
	width:20px;
	display:inline-block;
	position:absolute;
	left:4px;
	top:4px;
}
.obsThumbnail { width:100%; max-width:260px; }
.grid_button {
	font-size : 11px;
	color: darkslategrey;
	background: white;
	border:1px solid silver;
	text-align: center;
	padding:4px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:2px;
	margin-left:5px;
	border-radius:3px;
	white-space:nowrap;
	cursor: pointer;
    cursor: hand;
	display:inline-block;
}
.grid_button_warn {
	background:red;
	border:1px solid black;
	font-weight:bold;
}
.grid_button_warn:hover {
	background: red !important;
}
.grid_button:hover {
	background: silver;
	color: white;
}

#resourceParents .rrow:not(:last-child) {
	margin 4px px;
	padding:4px;
	border-bottom:1px dotted silver;
}
#hh_loginform {
	border:2px solid var(--wblue);
	background:white;
	color:var(--wblue);
	border-radius:5px;
	// position:absolute;
	// overflow:hidden;
	// width:250px;
	min-height:200px;
	// top:50%;
	// left:50%;
	// transform: translate(-50%, -50%);
}