/*If you're having a hard time with this template just contact me (www.2010 BTC Faucet.de). I'll modify it or even create a unique design for you. This template is distributed under the Creative Commons Gavin 3.0 license. Modify it as you like, but please leave credit intact. Have fun!!! */

body {
	margin: 0px;
	padding: 0px;
	background-image: url(FountainImage_small.png);
	background-repeat: no-repeat;
	background-position: 5px 35px;
	background-size: 150px auto;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 75%;
	color:#575757;
	}

.main {
	font-size: 1.2em;
	margin-left: 170px;
	margin-right: 20px;
	padding-bottom: 20px;
	}

.main a {
	color: #6D96B8;
	text-decoration: none;
	}

#hometitle {
	padding-top: 5px;
	}

#hometitle a {
	color:silver;
	}

a:hover {
	text-decoration: underline;
	}

h1 {
	font-size: 3em;
	color: silver;
	}

h2{
	font-size: 1.8em;
	}
h3{
	font-size: 1.6em;
	}
h4{
	font-size: 1.5em;
	}
h5{
	font-size: 1.25em;
	}

hr{
	 border: 0px; /* For Firefox and Opera */
	 border-top:  dotted 1px #6D96B8;
	 border-bottom: transparent;
	}

ul, li{
	list-style-image: none;
	}

input{
	border-bottom: 1px  solid silver;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	background-color: white;
	}
input[type="submit"]{
	border: 1px  solid silver;
	background-color: white;
	}

.topBar {
	display: flex;
	justify-content: flex-end;
	padding: 8px 20px 0 20px;
}

#auth-area {
	position: relative;
	font-size: 1.1em;
}

#login-link {
	color: #6D96B8;
	font-weight: bold;
	display: none;
}

.hidden {
	display: none !important;
}

#user-menu-trigger {
	border: none;
	background: transparent;
	color: #6D96B8;
	cursor: pointer;
	padding: 0;
	font-weight: bold;
	text-decoration: underline;
	font-family: inherit;
	font-size: inherit;
}

#user-menu-dropdown {
	position: absolute;
	right: 0;
	top: 34px;
	background: white;
	border: 1px solid silver;
	padding: 6px;
	border-radius: 4px;
	min-width: 120px;
	z-index: 10;
}

#logout-button {
	width: 100%;
	border: none;
	background: transparent;
	cursor: pointer;
	padding: 0;
	color: #000;
	font-family: inherit;
	font-size: inherit;
	text-align: right;
	text-decoration: underline;
}

#logout-button:hover {
	color: #6D96B8;
}

#transactions-link {
	color: #6D96B8;
	font-weight: bold;
	text-decoration: underline;
}

#transactions-panel {
	margin-top: 12px;
}

#transactions-table-wrap {
	max-height: 360px;
	overflow-y: auto;
	border: 1px solid #d6d6d6;
}

#transactions-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95em;
}

#transactions-table th,
#transactions-table td {
	padding: 8px 10px;
	border-bottom: 1px solid #efefef;
	text-align: left;
	white-space: nowrap;
}

#transactions-table thead th {
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 1;
}

#transactions-tbody tr {
	cursor: pointer;
}

#transactions-tbody tr:hover {
	background: #f6fbff;
}

#cta-slot {
	margin: 0 0 16px 0;
}

#claim-card {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 6px;
	max-width: 560px;
	background: transparent;
}

#recaptcha-container {
	border: none;
	padding: 0;
	margin: 0 0 10px 0;
	background: transparent;
	min-height: 78px;
}

#claim-input-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

#wallet-address-input {
	flex: 1;
	box-sizing: border-box;
	border: 1px solid silver;
	padding: 8px;
	border-radius: 4px;
}

#claim-button {
	margin-top: 0;
	white-space: nowrap;
	border: 1px solid silver;
	background: white;
	cursor: pointer;
	padding: 8px 14px;
	border-radius: 4px;
	font-weight: bold;
	color: #575757;
}

#claim-button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

#claim-status {
	margin-top: 10px;
	min-height: 18px;
	font-weight: bold;
}


.leftNav {
	position: absolute;
	top: 240px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	width: 170px;
	font-size: 1.3em;
	}

.leftNav li {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	}

.leftNav ul {
	margin: 0px;
	padding: 0px;
	}

.leftNav p {
	margin: 0 0 10px 0;
	padding: 0;
	background: transparent;
	font-weight: bold;
	color: silver;
	white-space: nowrap;
}

#balance-display {
	display: inline-block;
}

.balance-loading {
	animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
}

.leftNav li a{
	color: silver;
	text-decoration: none;
	padding: 0px;
	font-weight: bold;
	}

.leftNav li a:hover {
	padding-left: 5px;
	text-decoration: none;
	}

#footer {
	clear: both;
	text-align: right;
	color: gray;
	width: 100%;
	}

#footer a {
	color: silver;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	}

blockquote{
	float: right;
	margin: 15px 0px 15px 15px;
	width: 170px;
	font-size: 1.1em;
	color: gray;
	text-align: right;
	line-height: 1em;
	}

blockquote:first-letter{
	font-size: 1.4em;
	}