.HeadersGold{color:#FF6631;font-size:16pt;font-weight:bold;}
.SubheadBlue{color:#130C83;font-weight:bold;font-size:14pt;}
.leadershipBoxMsg{font-weight:bold;}

.Row-PercentMessage{padding-left:15px}
.PercentSalaryCalc .col-sm-9{width:100%;}

/*expand pledge area to 66% to create additional space.*/
/*.Area-Pledge{width:100%;}*/

/*this area we want wider to show the learn more content*/

#StepUpPgm {width:100%;	border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; display:none;	}
.StepUpMessage {font-weight:bold;}


.Area-Pledge form .BlockDetails {
	padding: 0;
}		

/*this will move field names on top and move field at bottom. If you don't want the fields to be this wide, then remove col-sm-9 width*/
.IPledgeTable .col-sm-3 {
	width: 100%;
	padding: 0;
		  flex: 100%;
    max-width: 100%;

}

.IPledgeTable .col-sm-9 {
	width: 100%;
	padding: 0;
		  flex: 100%;
    max-width: 100%;

}
/*fix for bootstrap4*/
.IPledgeTable .col-md-3 {
	max-width:100% !important;
	flex:100% !important;
}
/*fix for bootstrap4*/
.IPledgeTable .col-md-9 {
	max-width:100% !important;
	flex:100% !important;
}

 



.col-sm-offset-3.col-sm-9.Col-Button.Col-Calculate {
	margin-left: 15px;
}

/*remove background and position nav buttons to the left.*/
.PledgeNavigation {width: 100%;background-color:transparent;text-align:left;margin:0 0 0 15px;}

/*remove spacing to create space*/
.PledgeTypeSelection {margin:0px 0 0 0;;padding:0;}		

.Section-PledgeAddInfo .Block > h1{margin-left:0;}

.PledgeTypeSelection .TypeSelection input[type="radio"] {
	/*margin: 5px 6px 7px 0;*/
	margin: 3px 6px 7px -15px;  /*add this for bootstrap4*/
	line-height: 10px;


}

.TypeSelection-Items {
	line-height:2;
}


@media only screen and (max-width: 800px) {
		
	.PledgeNavigation {
		height:auto;
		margin: 15px;
	}
/*
	.PledgeTypeSelection .RadioLabel{
		display: inherit;
		margin-top: -20px;
		padding-left:20px;
	}
*/

}

/*Reorder Next, Previous and Cancel button on Verification and Designation page*/
.Area-Pledge .Page-IPledgeAddInfo .PledgeNavigation ol,
.Area-Pledge .Page-IPledgeDes1 .PledgeNavigation ol { display: flex;}

.Area-Pledge .Page-IPledgeAddInfo .PledgeNavigation ol > .PledgeNavigation2.PledgeNavigationPrevious,
.Area-Pledge .Page-IPledgeDes1 .PledgeNavigation ol > .PledgeNavigation2.PledgeNavigationPrevious {order:1}

.Area-Pledge .Page-IPledgeAddInfo .PledgeNavigation ol > .PledgeNavigation1.PledgeNavigationNext,
.Area-Pledge .Page-IPledgeDes1 .PledgeNavigation ol > .PledgeNavigation1.PledgeNavigationNext {order:2}

.Area-Pledge .Page-IPledgeAddInfo .PledgeNavigation ol > .PledgeNavigation3.PledgeNavigationCancel,
.Area-Pledge .Page-IPledgeDes1 .PledgeNavigation ol > .PledgeNavigation3.PledgeNavigationCancel {order:3}

/*need this because buttons do not move down on smaller resolution.  we user flex-flow*/
@media screen and (max-width:600px){
	.Area-Pledge .Page-IPledgeAddInfo .PledgeNavigation ol,
	.Area-Pledge .Page-IPledgeDes1 .PledgeNavigation ol{
	  display:flex;
	  flex-flow: column;
	}
}

/*fix for bootstrap4*/
.PledgeTypeSelection  .TypeSelection .RadioTable.stepUpPgm input[type="radio"] {
	margin: 3px 6px 7px -15px;
}

/*fix write-in page fields not aligning. should be fixed next service pack 2019.02*/
.Page-IPledgeDesWI .col-sm-9 .row{margin:0px;}


/*fix credit card and check fields not aligning */
@media only screen and (max-width: 800px) {

#CCExpiry.col-md-9.ccExpiryData  {padding-left:0;padding-right:0}
}

@media only screen and (max-width: 800px) {

.IPledgeTable .col-md-3{ padding-left:0;padding-right:0;}
.IPledgeTable .col-md-9{padding-left:0;padding-right:0;}

}

/*Space on confirmation page when no affinity group selected*/

.Section-PledgeConfirm .form-group.row{margin-bottom:0;}
.FlagTable {margin:0;}