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



#bodyContainer {
    font-family: 'Open Sans', arial;
}


.mainbg {
    background: #e7e4d0; /* Old browsers */
    background: -moz--gradient(top , #e7e4d0 1%, #e7e4d0 100%); /* FF3.6+ */
	background: -webkit-gradient(, left top, left bottom, color-stop(1%,#e7e4d0), color-stop(100%,#e7e4d0)); /* Chrome,Safari4+ */
	background: -webkit--gradient(top, #e7e4d0 1%,#e7e4d0 100%); /*  Chrome10+,Safari5.1+ */ 
	background: -o--gradient(top, #e7e4d0 1%,#e7e4d0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e7e4d0 1%,#e7e4d0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e7e4d0 1%,#e7e4d0 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr= '#e7e4d0', endColorstr='#e7e4d0', GradientType=0);
    background-attachment: fixed;
}

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: #f1f0e6; /*body bg color*/
     /*body bg color*/
    display: block;
    float: left;
    padding: 10px;
}


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

.wSectionTableCSS legend{
	
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif !important;
	font-size: 26px !important;
	color: #000000 !important;
    background-color: #ffffff !important;
    direction: ltr;
	text-align: left;
	-moz-border-radius:0px 0px 0 0 !important;
	border-radius:0px 0px 0 0 !important;
    font-weight: bold !important; !important;  
    border-bottom: none !important;
    float: left;
}

.wSectionTableCSS legend .control {   /*covers cases where legend contains a checkbox*/
   color: #000000 !important;
   font-weight:normal;
   font-weight: bold !important; !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;
    -webkit-box-shadow: 0px 0px 0px 0px  !important;
    box-shadow: 0px 0px 0px 0px  !important;
	background-color: #ffffff; 
    /*margin: 35px 0 5px -32px !important;*/
    font-family: Tahoma, Geneva, sans-serif !important;
    min-height: 0px !important;
    empty-cells: hide; 
    border-collapse: separate !important;
    clear:left;
}


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


.btn-default, .btn-primary {
    color: ##ffffff;
    background-color: #f59331;
    /*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);
}


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


.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: #d47b22;
    /*border-color: #3086A9;*/
	border: none;
}

label.btn.btn-primary.active {
    color: #FFFFFF;
    /*background-color: #114C7F;*/
	background-color: #f59331;
	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: #d47b22;
	
}


.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*/
/****************************************************************/


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: #1CD046;
}



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: #f59331;
}

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

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

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


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

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


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


/*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;
}