test form

/****************************************************************/
/*FORM BODY AND BACKGROUNDS*/
/****************************************************************/

#bodyContainer {
font-family: ‘Open Sans’, arial;

}

.mainbg {
background: #f9f9f9; /* Old browsers */
background: -moz–gradient(center, ellipse cover , #f9f9f9 0%, #f9f9f9 75%); /* FF3.6+ */
background: -webkit-gradient(, center center, 0px, center center, 100%, color-stop(0%,#f9f9f9), color-stop(75%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit–gradient(center, ellipse cover, #f9f9f9 0%,#f9f9f9 75%); /* Chrome10+,Safari5.1+ */
background: -o–gradient(center, ellipse cover, #f9f9f9 0%,#f9f9f9 75%); /* Opera 11.10+ */
background: -ms-radial-gradient(center, ellipse cover, #f9f9f9 0%,#f9f9f9 75%); /* IE10+ */
background: radial-gradient(ellipse at center, #f9f9f9 0%,#f9f9f9 75%); /* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr= ‘#f9f9f9′, endColorstr=’#f9f9f9’, GradientType=0);
background-attachment: fixed;
;

}

#divMain{
-webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0.1);
box-shadow: 0 0 0px 0px rgba(0,0,0,0.1);
background-color: #f8f8f8;

border-right: none;
border-left: none;
}

span.glyphicon.glyphicon-asterisk.form-control-feedback {
color: #F43048;
font-size: 16px;
border-radius: 0 4px 4px 0;
top: 23px;
background-color: rgba(204, 204, 204, 0.42);
}

.contentbg {
background-color: #f8f8f8; /*body bg color*/
/*body bg color*/
display: block;
float: left;
padding: 0;
}

/****************************************************************/
/*SECTIONS*/
/****************************************************************/

.wSectionTableCSS legend{

padding: 0 0 0 10px;
font-family: “Open Sans”, arial !important;
font-size: 21px !important;
color: #666666 !important;
background-color: #f8f8f8;
direction: ltr;
text-align: left;
-moz-border-radius:0px 0px 0 0 !important;
border-radius:0px 0px 0 0 !important;
font-style: normal; !important;
border-bottom: #e5e5e5 1px solid !important;
float: left;

background-color: transparent !important;
}

@media (min-width: 768px)
.wSectionTableCSS legend {
margin-left: 10px;
}

.wSectionTableCSS legend .control { /*covers cases where legend contains a checkbox*/
color: #666666 !important;
font-weight:normal;
font-style: normal; !important;
}

.wSectionTableCSS { /*sections*/
font-weight: normal;
-moz-border-radius:0px 0px 0px 0px !important;

border-radius:0px 0px 0px 0px !important;
border-color: #ffffff !important;
border: none;
border-style:none !important;
border-spacing: 0;
background-color: #f8f8f8;
/*margin: 0px 0 5px px !important;*/
font-family: “Open Sans”, arial !important;
min-height: 0px !important;
empty-cells: hide;
border-collapse: separate !important;
clear:left;
-webkit-box-shadow: 0px 0px 0px 0px !important;
box-shadow: 0px 0px 0px 0px !important;
}

@media (min-width: 768px) /*for offset template only*/
fieldset.wSectionTableCSS {
margin: ;
padding-left: 0px;
}

fieldset.wSectionTableCSS { /*for offset template only*/
margin: ;
padding-left: 0px;
}

fieldset.wSectionTableCSS:after { /*triangle for offset*/
content: “”;
position: relative;
top: 18px;
left: 0px;
border-style: solid;
border-width: 18px 0 0 12px;
border-color: rgba(77, 77, 77, 0.13) transparent;
display: none;
width: 0;
z-index: 1;
margin: 0 0 0 -20px !important;

}

.fr-view {
padding-left: 10px;
padding-right: 10px;
}

/****************************************************************/
/*BUTTONS*/
/****************************************************************/

.btn-default, .btn-primary {
color: #ffffff;
background-color: #f36b21;
/*border-color: #257A9D;*/
border: none;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
margin: 0 4px 0 0;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.22);
-moz-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.22);
box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.22);
border-radius: 4px;

}

.other-amount input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #ffffff;
}

.other-amount input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #ffffff;
opacity: 1;
}

.other-amount input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ffffff;
opacity: 1;
}

.other-amount input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #ffffff;
}

.btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.focus {
color: #ffffff;
background-color: #bdd02f;

}

.col-group label{ /*amount buttons show same corner rounding as other buttons*/
border-radius: 4px !important;
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary,
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
color: #ffffff;
background-color: #bdd02f;
/*border-color: #3086A9;*/
border: none;
}

label.btn.btn-primary.active {
color: #FFFFFF;
/*background-color: #114C7F;*/
background-color: #bdd02f;
box-shadow: inset 0px 0px 0px 100px rgba(0,0,0,0.42); /*darkens the selected button*/
}

label.btn.btn-primary.active:hover {
color: #FFFFFF;
background-color: #dfdfdf;

}

.btn-edit-cart {
background-color: rgba(51, 51, 51, 0.74);
border-color: transparent;
}

.btn-edit-cart:hover {
background-color: rgba(51, 51, 51, 1);
border-color: transparent;
}

.donation-amount label.btn:hover,
.donation-amount label.btn.active {
border-color: #30B30E !important;
color: #30B30E !important;
}

.donation-amount label.btn.active {
transform: scale(1.1);
transition: .3s ease-in-out
}

/****************************************************************/
/*INPUTS AND LABELS*/
/****************************************************************/
.cf-col-two-header{
color: #bdd02f;
}

.cf-donation-amount{
background-color: #bdd02f;
}

.cf-donation-nav > ul.nav a:hover {
color: #bdd02f;
}

.cf-donation-nav > .nav-tabs > li.active > a, .cf-col-two-header > .nav-tabs > li.active > a:hover, .cf-col-two-header > .nav-tabs > li.active > a:focus {
color: #bdd02f;
}

input.inFocus-amount {
border: 0 !important;
color: #114C7F !important;
background-color: #FFF !important;
}
label.active i.fa.fa-circle.fa-3,
label.active i.fa.fa-check.fa-3 {
color: #fff;
opacity:1;
}

label.active input#amount:hover,
label.active input#amount:active,
label.active input#amount:focus {
border: 0 !important;
color: #114C7F;
background-color: #FFF;
border-radius: 2px;
}

.control.checkbox:hover .control-indicator {
border-color: #bdd02f;
}

.control.checkbox input[type=checkbox]:checked {
border: 2px solid #bdd02f;
}

.control.checkbox:active .control-indicator {
transform: scale(1.05);
}
.control.checkbox:hover .control-indicator {
border-color: #bdd02f;
}
.control.radio:hover .control-indicator {
border-color: #bdd02f;
}
.control.checkbox input[type=checkbox]:checked {
border: 2px solid #bdd02f;
}
/* Checked state */
.control input:checked ~ .control-indicator {
color: #fff;
background-color: #bdd02f;
border-color: #bdd02f;
}

/* Active */
.control input:active ~ .control-indicator {
color: #fff;
background-color: #bdd02f;
}

.confirm-item-count {
/*background-color: rgb(37, 122, 157);*/
background-color: #bdd02f;
}

.confirm-item-wrapper:hover {
background-color: rgba(51, 51, 51, 0.07);
}

.confirm-item-desc {
font-size: 1.5em;
border-bottom: 1px dotted #bdd02f;
}
.confirm-total {
float: left; clear: left;
padding: 15px 5px 5px 5px; font-size: 1.2em;
border-top: 1px solid #bdd02f;
}

label, span.tribute_label, .generic_label {
color: #5a5a5a;

}

/*adjust checkbox alignment based on font size*/

.control-indicator {

top: ;

}

/*adjust radio alignment after checkbox adjustment*/

.radio .control-indicator {
margin-top: 0em;
}

/*ADD THESE BACK INTO/REPLACE IN ResponsiveDefault.css*/

.form-group {
margin-bottom: 15px;
margin-right: 15px;
padding: .35em 1.2em .75em;
}

fieldset {
padding: 0;
}

.dccText{
/*padding: .35em .625em .75em;*/
padding: .35em 1.2em .75em;
}

.form-group .checkbox{
display:inline-block;
}

/*CROWDFUNDING COLORS*/

.progress-bar {
background-color: #bdd02f !important;
padding-bottom: 40px;
border-radius: 20px;
}

.money {
background-color: #bdd02f !important;
}

.cf-org-btn, .cf-org-btn:hover{
color: #bdd02f !important;
border: solid #bdd02f 1px; !important;
}

.cf-page-name{
color: #666666 !important;
}
@media(max-width:680px){
.form-group {
width: 100%;
}

.btn-group {
width: 100%;
}

.amounts-left {
float: none;
width: 100%;
margin: auto;
text-align: center;
}

.amount-wrapper {
width: 100%;
}
}
@media(min-width:520px){
.btn-group {
display: flex;
}
}
input#CardAccountNum_ucNumericTxt,input#CVV2_ucNumericTxt {
text-align: left!important;
}
i.fa.fa-circle.fa-3, i.fa.fa-check.fa-3{
color:#fff;
}
label.active i.fa.fa-circle.fa-3, label.active i.fa.fa-check.fa-3{
color: #e5ff20;
}
.btn-group .btn + .btn{
margin-left: 0;
}
.amounts-left {
margin: 0;
text-align: left;
}

label.btn.btn-primary.active:hover{background-color:#bdd02f}