#donation_form_wrapper {
    overflow: hidden;
    position: relative;
}

.form-panel-button {
    min-width: 100px;
    padding: 0.5rem 2rem;
}

#_ccnumber iframe, #_ccvv iframe {
    width: 100%;
    height: 3.5rem;
}

 

.form-panel-buttons .btn-next {
    margin-left: 2rem
}

.split-select {
    margin-right: 1rem;
}

#donation_mask_text {
    display: none;
}

#donation_mask_text div.outer {
    padding: 1rem 2rem;
}

#donation_mask_text div.inner {
    text-align: center;
}

.error_message {
    color: #f00
}

.content .container {
    border: none;
}

.content > .container, .page-wrap {
    background-color: transparent;
}


#site_donate_title_3Div h2 {
    text-align: center;
}

.form-panel {
   /* background-color: rgba(251, 251, 251, 1.0);
    border: 1px solid #999;
    border-radius: 3px;*/
    margin-bottom: 2rem;
    padding: 2rem 0;
    position: relative;
    display: block ;
    background-color:transparent !important;
}



.inline .field-cover > div {
    display: flex;
}

.option-cover {
    display: inline-block;
    float: left;
}

.optional-input-wrap {
	padding:10px;
}

.eaQuestionRadio {
    display: inline-block;
}

.eaQuestionRadio input {
    margin-right: 1rem;
}

.eaMandatoryFieldMarker {
    color: #f00;
    font-weight: normal;
}

.ampTextBlock {
    padding: 1rem;
    display: block;
}

.panel-title {
    padding: 0 1rem 1rem 1rem;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.6rem;
    color: #333;
}

.panel-description {
    padding: 0 1rem 1rem 1rem;
}

/********* Widths ***************/
.p100 {
    width: 100%;
}

.p66 {
    width: 66.6%;
}

.p50 {
    width: 50%;
}

.p33 {
    width: 33.3%;
}

.p25 {
    width: 25%;
}

@media (min-width: 992px) {
    .eaform {
        width: 60%;
    }
}

@media (max-width: 992px) {
   

    .inline .field-cover > div {
        display: block;
    }

    .eaFormElementLabel label, .eaQuestionLabel, .inline .eaFormElementLabel {
        width: 100%;
    }

    .payment-type-widget {
        padding-left: 10px;
    }
}

@media (max-width: 768px) {
    /*.p66, .p50, .p33, .p25 {
        width: 100%;
    }*/
    #Payment_TypeDiv {
        width: 100%
    }

    .form-panel-buttons .btn-next {
        margin-left: 0;
    }
}

@media (max-width: 480px) {
}

@media (min-width: 1200px) {
    .eaform {
        width: 50%;
    }
}

/** Error messages **/
.eaErrorMessage {
    display: none;
}

#eaerrors {
    color: #e92828;
    background-color: #e92828;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #fff;
    padding: 1rem;
    display: block;
}

/*.eaErrorMessage a {}*/
.eaFieldErrorHighlightColor {
    background-color: #ffffda;
    border: #f00 solid 1px;
    border-radius: 5px;
    padding: 0.5rem;
}

.hardrow {
    display: block;
}

.inlinerow {
}

/************ Error message ***********/
/*
label.amperror {
    bottom: -1.5rem;
    color: #fff;
    right: 1.5rem;
    position: absolute;
    background-color: #f00;
    box-shadow: #999 1px 1px 2px;
    padding: 0 5px;
    z-index: 2000;
    border: #f00 solid 1px;
    font-size: 90%;
    border-radius: 0 0 5px 5px;
}
*/

/********** multi step donation forms **********/
#custom-form-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.multi-step-border {
    border: 1px solid #999;
    border-radius: 3px;
}

#custom-form {
}

/************** Credit card types **************/
.payment-type-widget {
    display: flex;
   /* overflow: auto;*/
}

.payment-type-widget div {
    width: 51px;
    height: 32px;
    margin: 0 5px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    opacity: 0.4;
}

.payment-type-widget div:first-child {
    margin-left: 0;
}

.payment-type-widget div:last-child {
    margin-right: 0;
}

.card-visa {
    background-image: url(../images/card-visa.png);
}

.card-master {
    background-image: url(../images/card-mastercard.png);
}

.card-amex {
    background-image: url(../images/card-amex.png);
}

.card-discover {
    background-image: url(../images/card-discover.png);
}

/*** Select + input and autocomplete ***/
.sltinp-wrapper {
    position: relative;
}

.sltinp-inner {
    position: absolute;
    display: none;
    background-color: #fff;
    box-shadow: #999 1px 1px 4px;
    max-height: 18rem;
    overflow-y: auto;
    overflow-x: hidden;

}

.sltinp-inner a {
    display: block;
    color: #000;
    white-space: nowrap;
    padding-right: 20px;
    cursor: pointer;
}

.sltinp-inner a.select, .sltinp-inner a:hover {
    color: #fff;
    background-color: #0054a6;
    text-decoration: none;
}

.sltinp-inner a span {
    padding: 0.5rem;
}