.CustomRequiredMultiContainer .PanelField label {
display: inline;
  background-position: left .45em !important;
  background-image: url(/Assets/images/required.png) !important;
  background-repeat: no-repeat;
}


/* General Page styling */
.JoinForm .JoinFormInitial,
.JoinForm .col-primary {
	width: 1280px;
	margin: auto;
}
.JoinForm .page-text {
	margin: 5em auto;
}



/* remove join now footer option */
.JoinForm .footer-social,
.JoinForm .signin,
.JoinFormFullWidth .footer-social,
.JoinFormFullWidth .signin {
	display: none;
}

.JoinForm .TwoColContainer.hidden {
	display: none;
}

/* Hide header */
.JoinForm .UtilitySection.UtilityAuthentication,
.JoinForm .UtilitySection.UtilitySearch {
	display: none;
}


/*
.JoinMultiselect
.JoinCheckbox
.JoinTextArea


*/


/* General Field Styling */
.JoinForm .JoinFreetext {
	width: 100%;
	margin: 0 5px 5px 0;


	font-size: 14px;
	line-height: 20px;
	
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	
	border: none;
	border-radius: 0;

	
	background-color: #efefef;
	color: #424242;
}

.JoinForm .JoinTextArea {
	width: 100%;
	margin: 0 5px 5px 0;


	font-size: 14px;
	line-height: 20px;
	
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	
	border: none;
	border-radius: 0;

	background-color: #efefef;
	color: #424242;
}


.JoinForm .JoinDropdown {
	width: 100%;
	margin: 0 5px 5px 0;


	font-size: 14px;
	line-height: 20px;
	
	background-color: #cecece;
	color: #000;
	cursor: pointer;
	
	box-sizing: border-box;
	
}

.JoinForm .JoinDropdown.readOnly  {
	background-color: #a2a2a2;
	color: #efefef;
}

.JoinForm .chosen-container.chosen-container-multi {
	min-width: 50%;
}

.JoinForm .chosen-container.chosen-container-multi .search-choice {


}

.JoinForm .chosen-container.chosen-container-multi .chosen-choices {

	padding: 5px 10px;
	background-color: #efefef;
	color: #424242;
}


.JoinForm .chosen-container.chosen-container-multi .chosen-choices .searchfield,
.JoinForm .chosen-container.chosen-container-multi .chosen-choices .searchfield input {
	width: 100% !important;
}


.JoinForm .JoinDatepicker {
	width: 100%;
	margin: 0 5px 5px 0;
}
+
.JoinForm .JoinDatepicker .RadPicker.RadInput {
	margin-right: 10px;
}



.JoinForm .JoinLabel {
	width: 100%;
	margin: 0 5px 5px 0;
}

.JoinForm .JoinCheckbox input[type="checkbox"] {
  border: 0px;
  margin: 0;
  width: 1.5em;
  height: 1.5em;
  accent-color: #2841C3;
}

.JoinForm .JoinRadio input[type="radio"] {
  margin-top: 8px;
  accent-color: #2841C3;
}


 

.JoinForm .TwoColContainer {
	display: flex;
	flex-wrap: wrap;
}
.JoinForm .TwoColContainer .PanelField.Top {
	flex: 50%;
	display: inline-block;
	float: revert;
	padding-right: 30px;
	max-width: 50%;
}


/* Member Details Page */


.JoinForm #DOB-Half {
	padding-left: 0;
}

/* Initial Page */
.JoinFormInitial {
	max-width: 720px;
	margin: auto;
}

/* Member Options page */

.JoinForm #MembershipFeeContainer {
	padding-left: 15px;
	padding-right: 15px;
	
}


/* Payment Detrails Page */

.JoinForm .GenerateToken #FzRadioButtonNote,
.JoinForm .GenerateToken #PaymentTypes {
    display:none !important;
}

.JoinForm .GenerateToken .fzWrapperRight {
    float: left;
}

/*
.JoinForm .GenerateToken label[for=DdConfirmTandC],
.JoinForm .GenerateToken label[for=CcConfirmTandC] {
    float: right;
}


.JoinForm .DdWrapper .GenerateToken label[for=DdConfirmTandC],
.JoinForm .GenerateToken label[for=CcConfirmTandC] {
    float: right;
}
*/
    
.JoinForm #FatZebraCheckoutButtonWrapper .ShowFieldset {
    background: white;
}

.JoinForm .scrollbox {
	height: 200px;
	width: 100%;
	border: 1px solid #ccc;
	overflow: auto;
	padding: 0 15px;
}

.JoinForm #ctl01_TemplateBody_WebPartManager1_gwpciJoinFormCCO_ciJoinFormCCO_FZ__Body {
	padding-left: 0;
}

.JoinForm #PostAdd-Full,
.JoinForm #PrevMemNoContainer,
.JoinForm #NoWorkplaceDetailsContainer,
.JoinForm #NoJobDetailsContainer
 {
	overflow: auto;
}




/* Small screen styling */
@media only screen and (max-width: 600px) {
	  
	.col-sm-12,
	.col-md-12	{
		padding-left: 1px;
		padding-right: 1px;
	}
	  
	  
	.JoinForm .TwoColContainer .PanelField.Top {
	  flex: none;
	  display: block;
	  padding: 0px 10px;
	  max-width: 100%;
	  width: 100%;
	 
	}
	
	.JoinForm .PanelField.Top {
	  padding: 15px 10px;
	}
	
	.JoinForm .PanelField.Right {
		padding: 0px 10px;
	}
	
	.JoinForm #DOB-Half {
		padding-left: 15px;
	}
	
		

	
	.JoinForm .CommandBar > .TextButton {
		width: 45%;
	}
	
	
	/* Revert min width on small screens */	
	.JoinFormFT .JoinFreetext,
	.JoinFormFT .JoinDropdown,
	.JoinFormFT .JoinMultiselectContainer .chosen-container.chosen-container-multi,
	.JoinFormFT .JoinMultiselectSingleContainer .chosen-container.chosen-container-multi,
	.JoinFormFT .JoinDate .RadInput,
	.JoinFormFT .JoinAutocomplete .RadAutoCompleteBox	{
		
		min-width: revert;
		width: 100%;
		max-width: 90vw;
	}

	/* revert margins on small screens traking things off page */
	.row {
		margin-left: revert;
		margin-right: revert;
	}
	select[multiple="multiple"] {
		min-width: revert;
	}
	.JoinMultiselectContainer .PanelFieldValue {
		max-width: 100vw;
	}
	
	.JoinMultiselectContainer select[multiple="multiple"] {
		max-width: 90vw;
		overflow: scroll;
	}
  	.JoinMultiselectContainer select[multiple="multiple"] option {
		max-width: 100%;
		
	}
	
		.ListSearchPrompt {
		display: none !important;
	}
	
	.ContentWizardDisplay {
		padding-left: 0px;
		padding-right: 0px;
	}

	.JoinFormCCO .TextButton, 
	.JoinFormCCO .TextButton.PrimaryButton {
		width: 45%;
	}
}