/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.af_share_section .twitter-share-button {
	background: #3399ff none repeat scroll 0 0;
	border-radius: 5px;
	color: #ffffff;
	display: inline-block;
	font-size: 15px;
	padding: 1px 12px;
	text-decoration: none;
	vertical-align: top;
}
.af_share_section  .fb-share-button {
background: #4867AA none repeat scroll 0 0;
border-radius: 5px;
color: #ffffff;
font-size: 15px;
padding: 1px 12px;
text-decoration: none;
vertical-align: top;
}

.af_share_section .apf_main_class {
display: inline-block;
margin: 0 7px;
}
.af_share_section .mail_button {
	background-color: #575757;
	border-radius: 3px;
	box-shadow: none;
	display: inline-block;
	height: 21px;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 50px;
}
.af_share_section .mail_button img {
box-shadow: none;
display: inline-block;
margin: 3px auto 0;
vertical-align: top;
width: 18px;
}
.af_share_section .mail_button .apf_main_class {
margin-left: 12px;
}
.affliate_twitter_button .twitter-share-button > img {
box-shadow:none;
display: inline-block;
margin-right: 4px;
margin-top: 3px;
vertical-align: top;
width: 19px;
max-height: 13px;

}
.af_share_section .whatsapp_button {
	background: #00bfa5 none repeat scroll 0 0;
	border-radius: 5px;
	color: #ffffff;
	display: inline-block;
	font-size: 15px;
	padding: 1px 12px;
	text-decoration: none;
	vertical-align: top;
}

.af_share_section .whatsapp_button > img {
box-shadow:none;
display: inline-block;
margin-right: 4px;
margin-top: 3px;
vertical-align: top;
width: 19px;
}


#apf_user_paypal_email {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	color: #333;
	background-color: #f1f1f1;
	}
  
	#apf_user_paypal_email:focus {
	border: 2px solid #4CAF50;
	}
  
	#apf_user_paypal_email::placeholder {
	color: #999;
	}

	#apf_user_paypal_email_submit {
	/* width: 20%; */
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	background-color: #007bff;
	border: none;
	border-radius: 4px;
	color: white;
	font-size: 16px;
	cursor: pointer;
	}
  
	#apf_user_paypal_email_submit:hover {
	background-color: #007BC9;
	}

.apf_paypal_wrap{
	background-color: #fbfbfb;
	padding: 10px 0px;
}
.apf_paypal_wrap div{
	margin-left: 20px;
}



/* Style the form container */
.apf-affiliate-register-form-wrapper {
	max-width: 600px;
	margin: 0 auto;
	padding: 20px;
	background-color: #f4f4f4;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	/* text-align: center; */
	/* border-color: red; */
}

/* Style the form header */
/* .form-header {
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
	color: #333;
} */

/* Style form labels */
.apf-affiliate-register-form-wrapper label {
	display: block;
	font-size: 16px;
	margin-bottom: 8px;
	color: #292727;
}

/* Style input fields */
.apf-affiliate-register-form-wrapper input, .apf-affiliate-register-form-wrapper textarea {
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
}

.apf-affiliate-register-form-wrapper span {
	color:red;
}

/* Style input focus */
.apf-affiliate-register-form-wrapper input, .apf-affiliate-register-form-wrapper textarea {
	border-color: #007bff;
	box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
}

/* Style placeholders */
.apf-affiliate-register-form-wrapper input::placeholder {
	color: #c4c1c1;
}

/* Style submit button */
#apf_register_form_submit, #apf_register_form_request_submit {
	background-color: #007bff;
	color: #fff;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	font-size: 18px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	margin-top: 10px;
}

#apf_register_form_submit:hover, #apf_register_form_request_submit:hover {
	background-color: #0056b3;
}

.entry-header{
	text-align: center;
}
.Reg_rejet{
	max-width: 400px;
	margin: 0 auto;
	padding: 20px;
	background-color: #f4f4f4;
	border-radius: 8px;
	box-shadow: 0 0 10px  rgb(116, 14, 14);
	color: red;
	font-weight: bolder;
}

.Reg_accept{
	max-width: 400px;
	margin: 0 auto;
	padding: 20px;
	background-color: #f4f4f4;
	border-radius: 8px;
	box-shadow: 0 0 10px  rgb(17, 214, 66);
	color: green;
	font-weight: bold;
}

.apf_paypal_notice_error{
	color: red;
	font-weight: bold;
}
.apf_paypal_notice_success{
	color: green;
	font-weight: bold;
}


#apf_refree_coupon_table {
	border-collapse: collapse;
	border: none;
}

#apf_refree_coupon_table th,
#apf_refree_coupon_table td {
	border: none; /* Ensure no borders for table cells */
	padding: 20px; /* Adjust padding as needed */
	text-align: center;
}
hr{
	height: 2px !important;
}

.apf_refferal_coupon_wrap{
	margin-top: 20px;
}

/* css code for the affilate tool  */

#apf-product-search-wrapper {
	max-width: 600px;
	margin: 0 auto;
}

#apf-search-input,
#apf-category-dropdown {
	width: 70%;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}

#apf-search-btn {
	background-color: #e74c3c;
	color: #fff;
	border: none;
	padding: 11px 20px;
	cursor: pointer;
}

#apf-search-results {
	margin-top: 20px;
}

.apf-card {
	display: flex;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 15px;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.apf-card img {
	max-width: 100px;
	margin-right: 20px;
}

.apf-card-body {
	flex-grow: 1;
}

.apf-card-buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.apf-card-buttons button {
	background-color: #e74c3c;
	color: #fff;
	border: none;
	padding: 8px;
	cursor: pointer;
}
.apf-copy-div{
	display: flex; align-items: center; gap: 10px; max-width: 500px; padding: 10px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 8px;
}
.apf-copy-input{
	flex: 1; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 14px;
}
.apf-copy-btn{
	padding: 10px 16px; background-color: #0073aa; color: #fff; border: none; border-radius: 6px; cursor: pointer;
}
.apf-card-box{
	background: #fff;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	text-align: center;
	margin-bottom:20px;
}
.apf-text-left{
	text-align: left !important;
}
.form-group {
    margin-bottom: 15px;
}
.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
/* Base styles for radio and checkbox wrappers */
.apf-affiliate-register-form-wrapper .form-check {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

/* Hide the native radio/checkbox input if you want a custom style */
.apf-affiliate-register-form-wrapper input[type="radio"],
.apf-affiliate-register-form-wrapper input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.2);
    cursor: pointer;
	width: fit-content;
	margin-bottom: 0px;
}

/* Label for radio/checkbox */
.apf-affiliate-register-form-wrapper label.form-check-label {
    font-size: 16px;
    cursor: pointer;
}

/* Optional: Custom styled appearance (advanced) */
.apf-affiliate-register-form-wrapper input[type="radio"]:checked,
.apf-affiliate-register-form-wrapper input[type="checkbox"]:checked {
    accent-color: #0071a1; /* Works in modern browsers */
}
.apf-affiliate-register-form-wrapper select {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    appearance: none; /* Removes default OS styling */
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Optional: on focus */
.apf-affiliate-register-form-wrapper select:focus {
    outline: none;
    border-color: #0071a1;
    box-shadow: 0 0 0 2px rgba(0, 113, 161, 0.2);
}
.apf-affiliate-status-message{
	text-align: center;
}