.flw-mssing-api-keys {
color: #ff9b00;
font-size: 1.5em;
padding: .5em;
background: #f4f6f8;
text-align: center;
}
.flutterwave-overlay {
position: fixed; width: 100%; height: 100%; top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5); z-index: 2; cursor: pointer; }
.flw-overlay-text {
position: absolute;
top: 50%;
left: 50%;
font-size: 50px;
color: white;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}
.flutterwave-payment-form, .flutterwave-donation-form { background: #FFFFFF;
border: 1px solid rgba(18, 18, 44, 0.1);
box-shadow: 2px 6px 20px rgba(18, 18, 44, 0.07);
border-radius: 8px;
padding: 30px;
width: 400px;
font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
margin: auto;
}
.flutterwave-payment-form > form, .flutterwave-donation-form > form {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.flutterwave-payment-form label, .flutterwave-donation-form label { font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
}
.flutterwave-payment-form ::placeholder, .flutterwave-donation-form ::placeholder { font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
opacity: 1; }
.flutterwave-payment-form :-ms-input-placeholder, .flutterwave-donation-form :-ms-input-placeholder { font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
}
.flutterwave-payment-form ::-ms-input-placeholder, .flutterwave-donation-form ::-ms-input-placeholder { font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
}
.flutterwave-payment-form input[type="text"],
.flutterwave-payment-form input[type="number"],
.flutterwave-payment-form input[type="tel"],
.flutterwave-payment-form input[type="email"], .flutterwave-payment-form select {
background: #FFFFFF;
border: 1px solid #BDBDBD; border-radius: 4px;
padding: 15px;
font-size: 16px;
font-weight: 400;
display: flex;
justify-content: flex-start;
margin-bottom: .9em;
}
#flw-first-name:hover, #flw-customer-email:hover, #flw-last-name:hover, #flw-amount:hover, #flw-full-name:hover, #flw-phone:hover{
border: 1px solid #F5A623;
}
.flutterwave-payment-form form #flw-pay-now-button, .flutterwave-donation-form form #flw-pay-now-button {
background: #F5A623;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 56px;
color: #000000;
border-radius: 4px;
}
.flutterwave-payment-form form #flw-pay-now-button:disabled, .flutterwave-donation-form  form #flw-pay-now-button:disabled {
background-color: rgba(239, 239, 239, 0.3);
color: rgba(16, 16, 16, 0.3);
border-color: rgba(118, 118, 118, 0.3);
}
.flutterwave-payment-form form #flw-pay-now-button:hover, .flutterwave-donation-form form #flw-pay-now-button:hover {
background: #6672c7;
color: #FFFFFF;
}
.flutterwave-payment-form form > div.flw_payment_overview {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.flutterwave-payment-form form > div.flw_payment_overview > div.flw_total_label {
font-size: 16px;
font-weight: 400;
}
.flutterwave-payment-form form > div.flw_payment_overview > div.flw_amount_to_pay {
font-size: 22px;
font-weight: 600;
color: #35a162;
}
.flutterwave-payment-form div, .flutterwave-donation-form div {
display: block;
} .flutterwave-donation-form input[type="text"],
.flutterwave-donation-form input[type="number"],
.flutterwave-donation-form input[type="email"], .flutterwave-donation-form select {
background: #FFFFFF;
border: 1px solid #BDBDBD; border-radius: 4px;
padding: 15px;
font-size: 16px;
font-weight: 400;
display: flex;
justify-content: flex-start;
}