/* --- Login form ----------------------------------------------------------------------------------------- */

HTML {
	scroll-behavior: smooth;
}

#loginMessage {
	width: 300px;
	height: 70px;
	padding: 30px 0px 0px 5px;
	font-size: larger;
	font-weight: bold;
	line-height: 140%;
	color: #007c3a;
}

#loginForm {
	padding: 0px 0px 0px 0px;
}

DIV.loginRow {
	width: 310px;
	float: left;
	margin: 10px 0px 0px 0px;
	font-size: larger;
}

LABEL.login {
	float: left;
	padding: 6px 0px 4px 5px;

	color: #007c3a;
	cursor: pointer;
}

INPUT.loginField {
	clear: both;
	float: left;
	width: 220px;
	padding: 7px 5px;
	border: none;
	border-bottom: 1px solid #007c3a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #b3f4d1;
	font-size: large;
	cursor: pointer;
}
INPUT.loginField:focus {
	background-color: #66cf97;
	box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.4);
}

INPUT.loginButton {
	clear: both;
	float: left;
	width: 150px;
	height: 50px;
	margin: 20px 0px 100px 0px;
	font-weight: bold;
	border-bottom: 1px solid #007c3a;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	background-color: #ecfff4;
	cursor: pointer;
}

INPUT.loginButton:focus {
	background-color: #66cf97;
	box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.4);
}


#searchParams {
	clear: both;
	/* width: 100%; */
	/* height: 50px; */
}

#searchParams p span {
	display: inline-block;
	width: 170px;
	line-height: 130%;
	vertical-align: middle
}

#searchParams select, #searchParams input, #searchParams textarea, input.calendar {
    width: 160px;
    padding: 7px 5px;
    margin: none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 1px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 1px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 1px 1px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color: #333;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

input.checkbox {
    width: 20px;
	/* height: 20px; */
    /* padding: 7px 5px; */
    margin: none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 1px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 1px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 1px 1px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color: #333;
    border: none;
    outline: none;
    display: inline-block;
    /* -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
    cursor: pointer;
}

#searchParams select {
    width: 170px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

#searchParams label {
	position:relative;
	margin-left:4px;
}
#searchParams label:after {
    content:'>';
    font:13px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:10px; top:0px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
#searchParams label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

/* historie */

#searchHistory {
	width: 520px;
	min-height: 450px;
	padding: 10px 0px 0px 25px;
	margin: 20px 0px 30px 30px;
	font-size: 11pt;
	line-height: 180%;
	color: #555;
	background-color: #fff;
	border: 1px solid #bababa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#searchHistory a {
	font-size: 14pt;
	font-weight: bold;
	color: #177d6f;
}
#searchHistory span {
	display: block;
	padding-left: 20px;
	line-height: 130%;
	color: #747c8d;
}
#searchHistory span span {
	padding: 4px 0px;
	font-size: 10pt;
	color: #bababa;
}

.pH_menuItem {
	font-family: "Arial Narrow";
}