.grey {
	background: url('./images/prog_grey.png') repeat-x; 
	background-color: #cccccc; 
	border: 1px solid black; 
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	width:100%; 
	margin-top: 2px;
}

span.donation  {
    padding-left:10px; 
	font-size:12px; 
	line-height:16px;
}

#donation-load {
	width: 16px; 
	height: 16px; 
	margin-bottom: -5px; 
	padding-right: 10px;
	background-repeat: no-repeat;
	background-image: url("./images/loader.gif");
}

#donation {
	margin-top:10px; 
	font-size:1.3em;
	text-align:center;
}

#donation-pay {
	text-align:center; 
	padding-top:6px;
}

#donation-amount {
	height:17px;
	font-size:12px;
}

#processingpaypal {
	margin-top:8px; 
	display:none;
}

#red {
	background: url('./images/prog_red.png') repeat-x; 
	background-color: #008040; 
	color: white; 
	font-weight:bold; 
	max-width:100%;
	height:16px; border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-right: 1px solid black;
}

#yellow {
	background: url('./images/prog_yellow.png') repeat-x; 
	background-color: #008040; 
	color: white; 
	font-weight:bold; 
	max-width:100%;
	height:16px; border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-right: 1px solid black;
}

#green {
	background: url('./images/prog_green.png') repeat-x; 
	background-color: #008040; 
	color: white; 
	font-weight:bold; 
	max-width:100%;
	height:16px; 
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-right: 1px solid black;
}
/* Cyberport payment form */
#donation-pay.cp-payment-card { box-sizing:border-box; max-width:1200px; margin:20px auto; padding:26px; background:#090f0b; border:1px solid #2d5137; border-radius:12px; color:#dcebe1; font-family:'Segoe UI',Arial,sans-serif; text-align:left; }
#donation-pay.cp-payment-card * { box-sizing:border-box; }
#donation-pay.cp-payment-card h3 { margin:0 0 8px; padding:0 0 14px; border-bottom:1px solid #293e30; color:#64e889; font-size:19px; }
#donation-pay .cp-payment-intro { margin:12px 0 22px; color:#b5c8bd; font-size:14px; line-height:1.6; }
#donation-pay .cp-payment-fields { display:flex; flex-wrap:wrap; gap:16px; max-width:560px; }
#donation-pay .cp-payment-field { flex:1 1 220px; min-width:0; }
#donation-pay .cp-payment-currency { flex:0 1 170px; }
#donation-pay label { display:block; margin-bottom:8px; color:#dcebe1; font-size:14px; font-weight:600; }
#donation-pay #donation-amount, #donation-pay #currency_code { display:block; width:100%; height:48px; margin:0; padding:10px 12px; background:#0e1711; border:1px solid #355c40; border-radius:6px; color:#e3f6e9; font:16px 'Segoe UI',Arial,sans-serif; }
#donation-pay #donation-amount::placeholder { color:#8ca694; opacity:1; }
#donation-pay .cp-payment-help { margin:12px 0 20px; color:#b5c8bd; font-size:12px; line-height:1.6; }
#donation-pay #contactpaypal { display:flex; flex-wrap:wrap; gap:12px; margin:0; padding:18px 0 0; border:0; border-top:1px solid #293e30; text-align:left; }
#donation-pay #contactpaypal input { min-height:46px; margin:0; padding:11px 20px; background:#101c14; border:1px solid #355c40; border-radius:6px; color:#dcebe1; font:600 14px 'Segoe UI',Arial,sans-serif; cursor:pointer; text-shadow:none; box-shadow:none; }
#donation-pay #contactpaypal input[type=submit] { background:#182d1e; border-color:#437c53; color:#e3f6e9; }
#donation-pay #contactpaypal input:hover { background:#213c29; border-color:#64e889; }
#donation-pay input:focus-visible, #donation-pay select:focus-visible { outline:2px solid #80eda0; outline-offset:3px; }
@media(max-width:480px) { #donation-pay.cp-payment-card { padding:20px; } #donation-pay .cp-payment-field { flex:1 1 100%; } #donation-pay #contactpaypal input { width:100%; } }