.JoinFormMemberDetails {
	width: 720px;
	margin: auto;

}

.JoinFormMemberDetails .JoinFreetext {
	width: 100%;
	margin: 0 15px 15px 0;

	font-size: 16px;
	line-height: 20px;
	
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	
	border: none;
	border-radius: 0;
	box-sizing: revert;
	
	background-color: #efefef;
	color: #424242;
}

.JoinFormMemberDetails .JoinDropdown {
	width: 100%;
	margin: 0 15px 15px 0;

	font-size: 16px;
	line-height: 20px;
	
	background-color: #424242;
	color: #efefef;
	cursor: pointer;
	
}

.JoinFormMemberDetails .JoinDatepicker {
	width: 100%;
	margin: 0 15px 15px 0;
	
}

.JoinFormMemberDetails .JoinLabel {
	width: 100%;
	margin: 0 15px 15px 0;
}

/* Payment Detrails Page */

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

.GenerateToken .fzWrapperRight {
    float: left;
}
    
#FatZebraCheckoutButtonWrapper .ShowFieldset {
    background: white;
}

@media screen and (max-width: 720px) {
  .JoinFormMemberDetails {
    width: 100%; 
  }
  
  .JoinFormMemberDetails .JoinFreetext, 
  .JoinFormMemberDetails .JoinDropdown, 
  .JoinFormMemberDetails .JoinDatepicker, 
  .JoinFormMemberDetails .JoinLabel,
  .JoinFormMemberDetails .JoinRadio {
    width: 100%; 
    margin: 10px 0;
    float: none; /* Remove float for better stacking */
  }
}
/* Small screens smaller than 720px */
@media screen and (max-width: 720px) {
  .JoinFormMemberDetails {
    width: 100%; 
  }
  
   .JoinFormMemberDetails .JoinFreetext {
    box-sizing: inherit;
  } 
  
  .JoinFormMemberDetails .col-md-6 {
	  overflow:auto;
	  position: static;
  }
  
  .JoinFormMemberDetails .col-md-12 {
	  overflow:auto;
	  position: static;
  }
  
}

.uneditable-input {
  display: inline-block;
  height: 39px;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 1.8;
  color: #555555;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #efefef !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
}

