/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.succeed_payment {
    font-size: 25px;
    color: #D2252B;
    font-weight: bold;
    text-align: center;
}

.form_wrapper {
    min-height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.wd_button {
    background-color: #F7E046!important;
    color: #d2252b!important;
    border: #d2252b;
    width: 100%!important;
    margin-top: 5px;
    font-size: 25px!important;
    font-weight: bold!important;
    display: flex!important;
    align-items: center;
    justify-content: center;
}

.wd_button .loader {
    display: none;
}

.wd_button.loading {
    opacity: 0.5;
}

.wd_button.loading .loader {
    display: block!important;
}
.wd_form_officeguy{
	width:100%;
}
.wd_form_officeguy input {
    border-radius: 5px!important;
}

.wd_form_officeguy label {
    width: 100%;
}

.wd_form_officeguy .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
    flex-wrap: wrap;

}

.wd_form_officeguy div {
    flex-grow: 1;
}

.wd_form_officeguy .card_details .card,
.wd_form_officeguy .amount_detail .amount {
    flex-grow: 1.5;
}

@media(max-width:600px) {
    .wd_form_officeguy .card_details .dig,
    .wd_form_officeguy .amount_detail .recurring {
        flex-basis: 100%;
    }
}

.tokef select{
flex-grow:1;
	height:54px;
}

.recurring {
	display:none;
}