/**
* Custom css for the plugin wpos stripe form
*/
.oswp-stripe-form {
  margin: 0 auto;
  width: 50%;
}
/*.form-row.expiry div.exp-1, .form-row.expiry div.exp-3 {
  display: inline-block;
  width: 48%;
}*/
.form-row.expiry .exp-2 {
  width: 1%;
}
.form-row.expiry div {
  display: inline-block;
  width: 32%;
}

.oswp-stripe-form label {
  color: #000;
}
.payment-errors {
    color: red;
    font-size: 14pt;
    text-align: center;
}
.entry-content .success {
    color: green;
    text-align: center;
    font-size: 30px;
}
.oswp-stripe-form button {
  background: #000 none repeat scroll 0 0;
  border: 1px solid #14aea2;
  border-radius: 7px;
  color: #fff;
  font-size: 13pt;
  /*left: 38% !important;*/
  margin: 0 auto;
  padding: 10px;
  position: relative;
  margin-top: 10px;
}
.form-row.expiry .form-row-cvv {
  margin-right: 5px;
}
#top form.oswp-stripe-form {
  left: 5%;
  position: absolute;
  top: 40%;
  width: 35%;
}
.oswp-stripe-form .form-row.first-data > p {
  color: #fff;
  font-size: 16px;
}
.oswp-stripe-form .form-row.first-data a {
  background: #f0bf16 none repeat scroll 0 0;
  border-radius: 5px;
  color: #000;
  margin: 5px;
  padding: 5px;
}
.oswp-stripe-form button {
    cursor: pointer;
}
#top .oswp-stripe-form .os-amount-wrap .amount {
  float: left;
  padding: 9px;
  width: 68%;
}
#top .oswp-stripe-form .os-amount-wrap > select {
  left: 2%;
  position: relative;
  width: auto;
}
.oswp-stripe-form .form-row.amount > label {
  left: 10%;
  position: relative;
}
#top .oswp-stripe-form .os-amount-wrap {
  margin: 0 auto;
  width: 80%;
}
#top .oswp-stripe-form .os-amount-wrap select[name="plan_id"] {
  display: none;
  width: 68%;
  float: left;
}
#top .oswp-stripe-form .form-row.payment-type > label {
  display: block;
  margin: 0 auto;
  width: 80%;
}
#top .oswp-stripe-form .payment-type-wrapper {
  margin: 0 auto;
  width: 80%;
}
#top .payment-type .payment-type-wrapper > span {
  color: #19939e;
  font-size: 1.3em;
  font-weight: 700;
}
#top form#stripe-payment-form.oswp-stripe-form.card, #top form.oswp-stripe-form.sponsorship {
  left: 2%;
  position: absolute;
  top: 40%;
  width: 45%;
}
#top .oswp-stripe-form.card .form-row, #top .oswp-stripe-form.sponsorship .form-row {
  margin: 0 auto;
  width: 95%;
}
#top .oswp-stripe-form.sponsorship .form-row.payment-subtype > select[name="plan_id"] {
  float: right;
  width: 80%;
}
#top .oswp-stripe-form.sponsorship .form-row.sponsor > label[for="sponsor"] {
  width: 20%;
  float: left;
}
#top .form-row.sponsor > select[name="sponsor"] {
  display: block;
  margin: 5% 0 0 24px;
  width: 20%;
}
#top .form-row.currency-type > input[name="tot-amount"] {
  width: 20%;
}
#top .form-row.currency-type > select[name="currency-type"] {
  width: 20%;
}
#top .form-row.currency-type > select[name="month"] {
  width: 20%;
}
#top .oswp-stripe-form .os-tax-info {
  color: #fff;
  font-size: 13pt;
  font-weight: 600;
  left: 10%;
  position: relative;
  text-align: left;
  display: inline-block;
}
#top .payment-type .payment-type-wrapper > span.os-gift {
  color: #fff;
  font-size: 1.3em;
}
.oswp-stripe-form .oswp-stripe-form-ajax-loader {
  text-align: center;
  visibility: hidden;
}
.oswp-stripe-form.card > button {
  margin: 0 auto;
}
#top .sponsorship .os-tax-info {
  left: 0;
}
.oswp-stripe-form.first .form-row.payment-type {
  margin: 5% 0;
}
.oswp-stripe-form.card .form-row-cvv img {
  height: 25px;
  position: relative;
  top: 5px;
  width: 25px;
}
#top .oswp-stripe-form.first .form-row.country-selector > select[name="country-selector"] {
  /*margin: 5px auto 0;*/
  width: 80%;
}
#top .oswp-stripe-form.first .form-row.country-selector > label {
  left: 10%;
  position: relative;
}
.oswp-stripe-form.card .oswp-cvv-info-tooptip {
  background: #000 none repeat scroll 0 0;
  bottom: 30%;
  color: #fff;
  opacity: 0.94;
  padding: 15px;
  position: absolute;
  right: 2%;
  width: 60%;
  display: none;
}
.oswp-stripe-form.card .form-row.contener {
  display: inline-block;
  left: 2% !important;
  position: relative;
  width: 31.5% !important;
}
.wpos-payment-err-msg .error {
    color: red;
    font-size: 14pt;
    padding: 10px;
    text-align: center;
}
#top .oswp-stripe-form.sponsorship .form-row.country-selector > select {
  float: right;
  width: 80%;
  position: relative;
  right: 5px;
}
#top .oswp-stripe-form.sponsorship .form-row.sponsor > label[for="children"] {
  float: right;
  position: relative;
  right: 10px;
  top: 14px;
}
#top .oswp-stripe-form.sponsorship .sponsor span {
  left: 10%;
  position: relative;
}
#top .oswp-stripe-form.sponsorship .sponsor input {
  left: 10%;
  position: relative;
}
#top #stripe-payment-form-sponsorship .form-row.oswp-tribute {
  margin-top: 20% !important;
}


#top .oswp-stripe-form.card .input-text, #top .oswp-stripe-form.card input[type='text'], #top .oswp-stripe-form.card input[type='input'], 
#top .oswp-stripe-form.card input[type='password'], #top .oswp-stripe-form.card input[type='email'], 
#top .oswp-stripe-form.card input[type='number'], #top .oswp-stripe-form.card input[type='url'], 
#top .oswp-stripe-form.card input[type='tel'], #top .oswp-stripe-form.card input[type='search'], 
#top .oswp-stripe-form.card textarea, #top .oswp-stripe-form.card select {
    border-color: #ebebeb;
    background-color: #f8f8f8;
    color: #919191 !important;
}
#top .oswp-stripe-form .s_error {
  border: 1px solid red !important;
}
.oswp-stripe-form.first .amount-err.err {
  background: #fff none repeat scroll 0 0;
  color: red;
  font-size: 19px;
  padding: 5px;
  text-align: center;
}
#top .donatenow .oswp-stripe-form label[for="cvv"] {
  font-size: 1em;
}

.StripeElement {
  border-color: #ebebeb;
  color: #919191;
  background: rgba(0,0,0,.5);

  height: 40px;
  padding: 10px 12px;

  border-radius: 0px;
  font-size: 16px;
 
/*  border: 1px solid transparent;
 *
 *    box-shadow: 0 1px 3px 0 #e6ebf1;
 *      -webkit-transition: box-shadow 150ms ease;
 *        transition: box-shadow 150ms ease;*/
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.card-declined{
        color: red;
}

#top .oswp-stripe-form.sponsorship .form-row.quantity > label[for="sponsor"] {
  width: 20%;
  float: left;
}
#top .form-row.quantity > select[name="sponsor"] {
  display: block;
  margin: 5% 0 0 24px;
  width: 20%;
}

#top .oswp-stripe-form.sponsorship .form-row.quantity > label[for="children"] {
  float: right;
  position: relative;
  right: 10px;
  top: 14px;
}
#top .oswp-stripe-form.sponsorship .quantity span {
  left: 10%;
  position: relative;
}
#top .oswp-stripe-form.sponsorship .quantity input {
  left: 10%;
  position: relative;
}

.centered-button{
	margin: 0 auto; 
	width: 50%;
}

@media only screen and (max-width: 568px) {
 .centered-button {
     width: 99%;
}