#recurring-area .nav {
	font-size: 2rem;
}
#recurring-area .btn-secondary:hover, #recurring-area .btn-secondary:focus, #recurring-area .btn-secondary.active, #recurring-area .amount-btn.active, #recurring-area input.active {
        background-color: #dd1933 !important;
        border-color: #dd1933 !important;
        color: #fff !important;
}

#recurring-area .btn-secondary, #recurring-area input.active {
        font-weight: 700;
        font-size: x-large;
}
#recurring-area #OtherTotalAmt, #recurring-area #OtherMonthlyAmt {
        max-width: 150px;
}
#donation-frequency, #donation-amount {
        font-weight: 700;
}
.overlay-cw {
        background-color:#EFEFEF;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 1000;
        top: 0px;
        left: 0px;
        opacity: .75;
}
.wait-message-cw {
        position: absolute;
        top: 40%;
        height:2rem;
        margin:0px auto;
        color: black;
        font-size: 18px;
        width: 100%;
        font-size: 1.75rem;
        font-weight: 700;
        text-align: center;
}
.spinner-cw {
        position: absolute;
        left: 50%;
        top: 50%;
        height:60px;
        width:60px;
        margin:0px auto;
        -webkit-animation: rotation .6s infinite linear;
        -moz-animation: rotation .6s infinite linear;
        -o-animation: rotation .6s infinite linear;
        animation: rotation .6s infinite linear;
        border-left:6px solid rgba(0,174,239,.15);
        border-right:6px solid rgba(0,174,239,.15);
        border-bottom:6px solid rgba(0,174,239,.15);
        border-top:6px solid rgba(0,174,239,.8);
        border-radius:100%;
}

@-webkit-keyframes rotation {
        from {-webkit-transform: rotate(0deg);}
        to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
        from {-moz-transform: rotate(0deg);}
        to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
        from {-o-transform: rotate(0deg);}
        to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
        from {transform: rotate(0deg);}
        to {transform: rotate(359deg);}
}

.client-editable-area {
        border-color: gray;
        border-width: 2px;
        border-style: dashed;
        margin-bottom: 5px;
        min-height: 1em;
}
#OtherDonorIntent {
        display: none;
}

.donate-now-container button {
        font-size: 2.5rem;
        padding-right: 1rem;
        padding-left: 1.5rem;
}
.donate-now-container .btn-danger {
        font-weight: 700;
}
#cwprogressbar {
        font-size: 1.25rem !important;
}
#cwprogressbar .progress {
        height: 2.25rem !important;
}
.done-hm-button {
	color: white;
}
.cwtotal.card {
	background-color: #ffc505;
}