﻿.btn-add-another-main {
    padding: 30px 0%;
    text-align: center;
}

.buttons-div {
    display: flex;
    float: right;
}

.btn-add-another {
    text-transform: capitalize !important;
    border-radius: 40px !important;
    padding: 6px 20px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 20px !important;
    background: transparent !important;
    border: 2px solid #009045;
    color: #009045 !important;
    font-weight: 700;
}


.maa_addon_amount {
    background-color: #009045 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 17px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    width: 100% !important;
    color: #EEF5DF;
    margin: 0 0 10px 0 !important;
}


.amoutnaud {
    display: inline-block;
    width: 72px;
    height: 52px;
    background-image: url('../../../assets/images/maa/your-donation-summary/audamount.png');
    background-size: cover !important;
    background-position: center !important;
    color: #009045 !important;
    font-family: 'BarlowRegular' !important;
    font-size: 30px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 50px;
    text-align: center;
    margin: 0 !important;
}

.maa_form input[type="number"] {
    box-shadow: none;
    text-shadow: none;
}

    .maa_form input[type="number"]:focus {
        box-shadow: none;
        text-shadow: none;
    }

.mainBlock {
    padding: 0px;
    background-color: #F5F6F2;
}

.maa_form .btn-primary {
}

.maa_donation_wrap > .row-fluid:last-child {
    display: none;
}

.rec_margin {
    margin-bottom: 10px;
    display: inline-block;
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 16px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert-warning h2 {
    color: #c09853;
}

.alert > p {
    margin: 10px 0;
}

.aLable {
    color: brown;
    font-size: 20px;
}


/*New Work By Rehan*/

.DonationBackgroundInner {
    margin: 20px auto !important;
    width: 100% !important;
}

.DonationCardDiv {
    background-color: #FFFFFF;
    width: 65%;
    float: left;
    padding: 20px 25px;
    border-radius: 30px;
}

.AddToYourDonationsDiv {
    /* background-color: blue; */
    width: 35%;
    float: left;
    padding: 0 30px;
}

.AddToYourDonationsheading {
    text-transform: none;
    color: #1A1A1A;
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: -1px;
    padding: 0 0 13px 0 !important;    /*------------Added on 25th Feb 2025-------------*/
}



.DonationCartHeading {
    color: #1A1A1A;
    font-family: 'Inter', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; /* 109.359% */
    letter-spacing: -2px;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.DonationCardHeader {
    display: flex;
    /*width: 790px;*/
    /*width: 740px;*/
    width:98%;
    height: 63px;
    margin: 20px 0 0 1%;
    padding: 0px 30px;
    align-items: center;
    gap: 101px;
    flex-shrink: 0;
    border-radius: 100px;
    background: #F5F5F5;
    color: #141414;
}

.DonationDetailsPanel .row-fluid .grey-box {
    width: 98% !important;
    background: #EEF5DF !important;
}

.donation1 {
    width: 40%;
    font-size: 20px;
    font-family: 'Inter', sans-serif !important;
}

.donation2 {
    /*width: 10%;*/
    width: 15%;
    font-size: 20px;
    font-family: 'Inter', sans-serif !important;
}

#first_row {
    background: #EEF5DF !important;
    margin-top: 0px !important;
    font-family: 'Inter', sans-serif !important;
    color: #414941 !important;
}

    #first_row .maa_summary_projecttitle {
        font-family: 'Inter', sans-serif !important;
        font-size: 18px !important;
        color: #414941 !important;
        font-weight: 600 !important;
    }

    #first_row img {
        margin-left: 30px !important;
    }

#second_row img {
    margin: 0 10px 0 5px !important;
    cursor: pointer;
}

.onbehaflbl {
    width: 15% !important;
    /*         line-height: 0px !important; */
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
}


.onbehaftxt {
    float: left;
    /*width: 30% !important;*/
    width: 35% !important;
    overflow: hidden !important;
    border: none !important;
    font-size: 16px !important;
    color: #414941 !important;
    border-radius: 5px !important;
    padding: 3px 10px !important;
    margin: 0 0 0 5px !important;
    line-height: 35px !important;
    font-family: 'Inter', sans-serif !important;
    /* height:25px !important; */
}

.quantitytxt {
    margin-top: 0 !important;
    margin-left: 15px !important;
    width: 14% !important;
    overflow: hidden !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #414941 !important;
    padding: 3px 0px !important;
    text-align: center !important;
    line-height: 35px;
}

.qtynumber {
    margin-top: 0px !important;
    margin-left: 20px;
    height: 24px !important;
    /*width: 150px !important;*/
    /*width: 100px !important;*/
    width:14% !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #414941 !important;
    text-align: center !important;
}

.amounttxt {
    margin-top: 0px !important;
    float: right !important;
    /*width: 23% !important;*/
    width: 25% !important;
    /*height: 26px !important;*/
    overflow: hidden !important;
    background-color: #ffffff !important;
    border-radius: 5px !important;
    text-align: right !important;
    line-height: 35px;
}

    .amounttxt .input-prepend .add-on {
        text-align: right !important;
        /*padding: 2px 5px !important;*/
        font-size: 24px !important;
        font-weight: 600 !important;
        font-family: 'Inter', sans-serif !important;
        color: #414941 !important;
        border: 0;
        width: 60px !important;
        height: 0px !important;
    }

.maa_form .input-block-level {
    min-height: 40px !important;
}

.inputamounttxt {
    height: 0px !important;
    font-size: 24px !important;
    padding: 0 !important;
    font-weight: 600 !important;
    font-family: 'Inter', sans-serif !important;
    color: #414941 !important;
    width: 60% !important;
    /* text-align:right !important; */
}

.input-append, .input-prepend {
    width: 85% !important;
}

.ItemAGift {
    margin: 0 0 0 45px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Inter', sans-serif !important;
    color: #414941;
}

.ItemAGiftText {
    margin-left: 10px !important;
    display: inline !important;
}

.chkgift {
    margin: 0 !important;
}

.label-prepend {
    background-color: #EEF5DF !important;
    padding: 0 5px !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    font-family: 'Inter', sans-serif !important;
    color: #414941 !important;
    text-align: right !important;
}

.maa_addon_item {
    /* margin:7px 15px 15px 15px !important;  */
    margin: -10px 15px !important;
}


/*.maa_addon_main {
    text-align: center;
    margin-bottom: 20px;
    border-radius: 18px;
    height: 162px;
    background-color: #D3DB23 !important;
}*/


.maa_addon_main {
    text-align: center;
    margin-bottom: 45px;
    border-radius: 18px;
    height: 162px;
    background-color: #D3DB23 !important;
}



.maa_addon_name {
    font-size: 17px;
    font-family: 'Inter', sans-serif !important;
    max-width: 165px;
    line-height: 21px;
    height: 45px;
    color: #222825;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
/*
.maa_addon_img img, .maa_addon_img2 img {
    width: 126px;
    height: 172px;
    border-radius: 0 !important;
    border: none !important;
    margin: -5px 0 0 0 !important;
}
*/
/* ----Added on 25th Feb 2025-------------*/

.maa_addon_img img, .maa_addon_img2 img {
    /*width: auto;*/
    width:145px !important;
    height: 195px !important;
    border-radius: 0 !important;
    border: none !important;
    margin: -27px 0 0 0 !important;
}

.maa_addon_img, .maa_addon_img2 {
    border-radius: 0 !important;
    background-color: transparent !important;
}

.maa_addon_detail {
    background-color: transparent !important;
    padding: 22px 10px 15px 10px !important;
}

.label-prependRec {
    background-color: #EEF5DF !important;
    padding: 5px 5px !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    font-family: 'Inter', sans-serif !important;
    color: #414941 !important;
    width: 100% !important;
    text-align: right;
}


.onbehalftxtRec {
    /*background-color: #EEF5DF !important;*/
    background-color:#fff !important;
    height:35px !important;
}


.PnlTotalDonationSummary {
    background-color: #F6F6F6    !important;
    width: 85% !important;
    float: right !important;
    border-radius: 20px !important;
}

.additionalBoxright {
    margin-left: 0 !important;
    margin-top: 3% !important;
    margin-bottom: 0 !important;
    padding: 0 12px 0 0 !important;
}


    .additionalBoxright .CartTotal span {
        padding: 15px 0px !important;
    }

.TotalInitialText {
    text-align: right !important;
    margin: 0 20px 0 0 !important;
}

.CartTotalHeading {
    color: #000;
    font-family: 'Inter', sans-serif !important;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    margin: 0 0 40px 0 !important;
}

#Recurring_lab, #subtotalOneTimeDonation {
    text-align: right !important;
    margin: 0 20px 0 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    color: #000000 !important;
    font-weight: 400 !important;
}


.maa_btn_proceed .btn-pay {
    text-transform: capitalize !important;
    border-radius: 40px !important;
    padding: 6px 25px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 20px !important;
    background: linear-gradient(90deg, #058759 36%, #A8CC36 100%) !important;
    font-weight: 700;
}


.maa_btn_proceed {
    padding: 30px 0% !important;
    text-align: center !important;
}

.cartundeline {
    border-bottom: 1px solid #CACACA !important;
}


.CartTotal {
    border-bottom: 1px solid #CACACA !important;
    text-align: right !important;
}

.grandtotalamount {
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #000000 !important;
}

.AdvocacyEfforts {
    /*display: flex;*/
    width: 100%;
    height: 160px;
    padding: 20px 10px;
    justify-content: center;
    align-items: center;
    gap: 40px;
    border-radius: 20px;
    border: 1px dashed #000;
    background: #FFF;
    margin: 25px 0;
}

.MicrophoneDiv {
    float: left;
    width: 100%;
    text-align: center;
    display: none;
    margin: 10px 0;
}

.AdvocacyEffortsLeft {
    float: left;
   /* width: 50%;*/
    width: 40%;
}

    .AdvocacyEffortsLeft h4 {
        color: #414941;
        font-family: 'Inter', sans-serif !important;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        text-transform: none;
    }


    .AdvocacyEffortsLeft span {
        color: #414941;
        font-family: 'Inter', sans-serif !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }

.AdvocacyEffortsRight {
    float: left;
    width: 60% !important;
    padding: 0 20px;
}

    .AdvocacyEffortsRight h4 {
        color: #414941;
        font-family: 'Inter', sans-serif !important;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        text-transform: none;
    }

    .AdvocacyEffortsRight .btnperr {
        color: #FFF !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        display: flex;
        width: 111px;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        border: none;
        display: inline-block;
        margin: 10px auto;
        padding: 5px 8px;
        background-color: #88C23F;
    }

.BottomDiv {
    height: 100px;
    width: 65%;
    float: left;
    text-align: center;
    margin: 20px 0 0 0;
}

    .BottomDiv span {
        color: #444;
        font-family: 'Inter', sans-serif !important;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        margin: 0 20px 0 5px;
    }

.CartTotalHeader {
    padding: 20px 10px 40px 10px;
}


.RecurringPanel #second_row {
    padding: 0 0 10px 0 !important;
}


.reicon{
    /*display:none;*/
}


#btnIDMobile {
    display: none !important;
    border-radius: 10px !important;
    margin: 0 0 0 0 !important;
    text-transform: capitalize !important;
    border-radius: 10px !important;
    padding: 10px 50px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 20px !important;
    background: linear-gradient(90deg, #058759 36%, #A8CC36 100%) !important;
}

.maa_btn_proceed .btn-add {
    display: none !important;
    border-radius: 10px !important;
    margin: 0 0 0 0 !important;
    text-transform: capitalize !important;
    border-radius: 10px !important;
    padding: 10px 50px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 20px !important;
    background: #88C23F !important;
    color:#FFFFFF !important;
}


.ScrollDownDiv {
    color: #000;
    text-align: right;
    font-family: Inter;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    line-height: 33px;
    font-family: 'Inter', sans-serif !important;
    margin-top: 50px;
    display:none;
}


#datehead, #transhead {
    color: #414941;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 0 46px;
}

#datevalue, #transvalue {
    color: #414941;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}


.RecurringPanel #second_row {
    padding: 0 0 0px 0 !important;
}

.Recurringevery {
    padding: 0 0 0 46px;
    width: 21% !important;
}

.quantitysubtotal {
    display: none;
}


.CartRecurringNote {
    color: #414941;
}

#third_rowlbl {
    margin-bottom: 0px;
    margin-top: 0px;
}


/*.onbehaftxt onbehalftxtRec{
    background-color:#fff !important;
}*/



/* Desktop screens (1025px and above) */
@media only screen and (min-width: 1025px) {
    /*  .mainBlock {
        background-color: blue;
    }*/


    #btnIDMobile {
        display: none !important;
    }

    .maa_btn_proceed .btn-add {
        display: none !important;
    }



    /*-------Added on 25th Feb 2025------------*/


}




/* Tablet screens (Between 768px and 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1248px) {

    .btn-add-another-main {
        padding-top: 15px;
        padding-bottom:0px;
    }
    .buttons-div {
        flex-direction: column;
    }


    #btnIDMobile {
        display: none !important;
    }

    
    .maa_btn_proceed .btn-add {
        display: none !important;
    }

    .DonationCardHeader {
        /*gap: 147px !important;*/
        gap: 105px !important;
    }

    .DonationCartHeading {
        font-size: 40px !important;
    }

    /* .mainBlock {
        background-color: green;
    }*/

    .PnlTotalDonationSummary {
        width: 100% !important;
    }

    .donation1 {
        width: 17% !important;
        font-size: 14px !important;
    }

    .qtynumber {
        width: 70px !important;
    }

    .label-prepend {
        font-size: 20px !important;
    }

    .AdvocacyEffortsLeft h4, .AdvocacyEffortsRight h4 {
        font-size: 16px !important;
    }

    .AdvocacyEffortsLeft {
        width: 30% !important;
        line-height: 1 !important;
    }

    .AdvocacyEffortsRight {
        width: 70% !important;
    }

        /*.btnper {
        font-size: 13px !important;
    }*/

        .AdvocacyEffortsRight .btnperr {
            font-size: 13px !important;
            display: inline-block !important;
            width: 74px !important;
        }


    .AdvocacyEffortsLeft span {
        font-size: 12px !important;
    }

    .AdvocacyEffortsLeft h4, .AdvocacyEffortsRight h4 {
        font-size: 12px !important;
    }

    #Recurring_lab, #subtotalOneTimeDonation {
        font-size: 16px !important;
    }

    .donation2 {
        width: 6% !important;
        font-size: 14px !important;
    }

    .label-prepend {
        font-size: 16px !important;
    }

    .amounttxt .input-prepend .add-on {
        font-size: 16px !important;
    }

    .inputamounttxt {
        font-size: 16px !important;
    }

    .label-prependRec {
        font-size: 16px !important;
    }

    .qtynumber {
        font-size: 16px !important;
    }

    .quantitytxt {
        font-size: 16px !important;
    }

    .DonationDetailsPanel .DonationStepWithTopSapce {
        font-size: 28px !important;
    }


    .BottomDiv span {
        font-size: 11px !important;
        margin: 0 3px;
    }

    .AddToYourDonationsheading {
        font-size: 18px !important;
    }

    .maa_addon_main {
        height: 140px !important;
        width: 225px !important;
    }

    .maa_addon_img img, .maa_addon_img2 img {
        width: 80px !important;
        height: 152px !important;
        margin: -7px 0 0 0 !important;
    }
    .maa_addon_item {
        margin: -10px 0px !important;
    }
    .maa_addon_name {
        font-size: 17px;
        max-width: 126px;
        line-height: 29px;
        height: 29px;
    }

    .maa_addon_amount {
        font-size: 16px;
        width: 65% !important;
    }

    .amoutnaud {
        width: 43px !important;
        height: 43px !important;
        font-size: 21px !important;
        line-height: 30px !important;
    }

    .amoutnaud {
        width: 58px !important;
        height: 42px !important;
        font-size: 25px !important;
        line-height: 30px !important;
    }

    .AdvocacyEfforts {
        padding: 10px 10px !important;
    }

    .onbehaflbl{
        font-size:12px !important;
        width:27% !important;
    }

    .onbehaftxt {
        width: 26% !important;
        font-size: 12px !important;
    }
}




        /* Mobile screens (Up to 767px) */
@media only screen and (max-width: 768px) {
  /*  .mainBlock {
        background-color: red;
    }*/

    .buttons-div {
        display: none;
    }

    .PnlTotalDonationSummary {
        width: 100% !important;
    }

    .DonationCardDiv {
        width: 100% !important;
        padding: 0px !important;
    }

    .DonationCartHeading {
        font-size: 28px !important;
        text-align: center !important;
    }

    .DonationDetailsPanel .DonationStepWithTopSapce {
        font-size: 25px !important;
        text-align: center !important;
    }

    .DonationCardHeader {
        display: none !important;
    }


    .DonationDetailsPanel .row-fluid .grey-box {
        width: 90% !important;
        background: #EEF5DF !important;
        margin: 20px auto !important;
        border-radius: 21px !important;
        padding: 15px !important;
    }

    #first_row img {
        margin-left: -4px !important;
    }

    #first_row .maa_summary_projecttitle {
        margin-left: 0px !important;
    }

    #OneTime {
        line-height: 0 !important;
        padding: 0 !important;
    }

    .reicon {
        display: block;
    }

    #second_row img {
        display: none !important;
    }

    .onbehaflbl {
        width: 100% !important;
        font-size: 12px !important;
    }

    .onbehaftxt {
        width: 99% !important;
        border: 1px solid #717970 !important;
        height: 30px !important;
    }

    .quantitytxt {
        margin-top: 15px !important;
        width: 27% !important;
        font-size: 23px !important;
        text-align: center !important;
        height: 27px !important;
        text-align: center !important;
        line-height: 1 !important;
        height: 26px !important;
        border-radius: 2px !important;
    }

    .amounttxt {
        margin-top: 15px !important;
        float: right !important;
        width: 63% !important;
        height: 30px !important;
        overflow: hidden !important;
        background-color: #ffffff !important;
        border-radius: 2px !important;
        /*border: 1px solid #717970 !important;*/
        font-size: 24px !important;
        /*padding: 1px 0 !important;*/
        text-align: center !important;
    }

    .qtynumber {
        margin: 24px 0 0 6px !important;
        height: 24px !important;
        width: 30% !important;
        font-size: 24px !important;
        text-align: center !important;
        border-radius: 2px !important;
        /*border: 1px solid #717970 !important;*/
    }

    .label-prepend {
        font-size: 24px !important;
        font-weight: 600 !important;
        font-family: 'Inter', sans-serif !important;
        text-align: center !important;
        line-height: 1 !important;
    }

    .RecurringPanel #second_row {
        display: inline-block !important;
    }

    .AdvocacyEfforts {
        display: block !important;
        width: 100% !important;
        height: 230px !important;
        padding: 0px 2px !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 40px !important;
        border-radius: 20px !important;
        border: 1px dashed #000 !important;
        background: #FFF !important;
        margin: 25px auto !important;
        text-align: center !important;
    }

    .AdvocacyEffortsRight {
        width: 94% !important;
    }

    .AdvocacyEffortsLeft {
        width: 99% !important;
    }

        .AdvocacyEffortsLeft h4 {
            font-size: 15px !important;
            text-align: center !important;
        }

    .AdvocacyEffortsLeft span {
        font-size: 12px !important;
    }

    .AdvocacyEffortsRight h4 {
        font-size: 14px !important;
    }

    .btnper {
        font-size: 11px !important;
        font-style: normal !important;
        font-weight: 700 !important;
        padding: 10px 0px !important;
        align-items: center !important;
        border-radius: 5px !important;
        border: none !important;
/*        float: left !important;*/
        margin: 4px 6px !important;
        padding: 5px 8px !important;
    }

    .PnlTotalDonationSummary {
        width: 90% !important;
        background-color: #F6F6F6 !important;
        margin: 0 5% !important;
    }

    

    .additionalBoxright .CartTotal span {
        padding: 0px !important;
    }

    .BottomDiv {
        display: none !important;
    }

    #Recurring_lab, #subtotalOneTimeDonation {
        float: left !important;
        font-size: 12px !important;
        width: 63% !important;
        text-align: left !important;
        margin: 0 !important;
        line-height: 4 !important;
    }

    .additionalBoxright .CartTotal > span:first-child {
        display: contents !important;
    }

    .AddToYourDonationsheading {
        font-size: 24px !important;
    }

    .AddToYourDonationsDiv {
        width: 100% !important;
        float: left !important;
    }

    .maa_addon_item {
        margin: -13px 0px !important;
    }

    .maa_addon_main {
        height: 158px !important;
    }

    .maa_addon_detail {
        background-color: transparent !important;
        padding: 22px 15px 15px 0px !important;
    }

    .maa_addon_amount {
        font-size: 14px !important;
        width: 90% !important;
    }

    .maa_addon_name {
        font-size: 14px !important;
        line-height:20px !important;
    }
    .AddToYourDonationsDiv {   
        padding: 0 2px !important;
        text-align:center !important;
    }

    .maa_btn_proceed .btn-pay {
        padding: 10px 10px !important;
    }


    #btnIDMobile{
        display:block !important;
    }

    .maa_btn_proceed .btn-add {
        display: block !important;
    }

    #btnId {
        display: none !important;
    }

    .maa_btn_proceed {
        padding: 0px 0% 20px 0 !important;
    }

    .ScrollDownDiv {
        display:block !important;
    }

    .MicrophoneDiv {
        display: block !important;
        margin: 10px 0 !important;
    }

    .AdvocacyEffortsRight .btnperr {
        font-size: 14px !important;
        display: inline-block !important;
        width: 32% !important;
        height: 38px !important;
    }
    .grandtotalamount {
        line-height: 3 !important;
    }

    .DonationCartHeading {
        margin-bottom: 0px !important;
    }

    .mainBlock {
        background-color: #FFFFFF !important;
    }
    .maa_form input[type="number"] {     
        height: 25px !important;
    }
    .DonationDetailsPanel .DonationBackgroundInner {
        margin: 0 0 0 0 !important;
    }


    #datehead, #transhead {
        margin: 0 0 0 0px !important;
    }
        
    .Recurringevery {
        padding: 0 0 0 0px !important;
        display:contents !important;
    }

    .recurringvalue {
        margin: 0 0 0 0 !important;
        height: 30px !important;
    }

    .onetimecurrenysign, .CartTotalAmount, .CartTotalDollar {
        font-weight: 700 !important;
    }

    .quantitysubtotal {
        display: block !important;
        margin: 80px 0 0 0 !important;
    }

    .subt {
        float: right !important;
        width: 63% !important;
        text-align: center !important;
        color: #414941 !important;
        font-size: 13 !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-family: 'Inter', sans-serif !important;
    }

    .qty {
        float: left !important;
        width: 37% !important;
        text-align: center !important;  
        color: #414941 !important;
        font-size: 13 !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-family: 'Inter', sans-serif !important;
    }

    .input-append, .input-prepend {
        width: 37% !important;
    }

    .label-prependRec {
        text-align: center !important;
    }

    .amounttxt .input-prepend input[type="number"] {
        width:100% !important;
    }

    }
