.order-date { 	color: green; }  .coupon-orders-single { 	margin: 20px 0px; 	width: 100%; }  .wcuTable { 	display: table; 	width: 100% !important; 	text-align: center; 	border: 1px solid #E8E8E8; 	margin: 0 auto; }  @media screen and (min-width: 900px) { 	.wcu-dash-coupon-area { 		min-width: 900px; 	} 	.woocommerce-MyAccount-content .wcu-dash-coupon-area { 		min-width: 100% !important; 	} }  @media screen and (max-width: 900px) { 	.wcu-dash-coupon-area { 		min-width: 100%; 		padding: 0; 	} }  .wcu-dash-coupon-area .wcutabcontent .wcuTableRow { 	display: table-row; 	background: linear-gradient(#fefefe, #fff); 	color: #333; }  .wcuTableRowDropdown { 	color: #333; }  .wcu-dash-coupon-area .wcutabcontent .wcuTableRowDropdown:nth-child(even) td { 	background: #fdfdfd !important; 	color: #333; }  .wcu-dash-coupon-area .wcutabcontent .wcuTableRowDropdown:nth-child(odd) td { 	background: #fafafa !important; 	color: #333; }  .wcu-dash-coupon-area .wcutabcontent .wcuTableRowDropdown:hover td { 	background: #ffffff; 	color: #333; }  .wcu-dash-coupon-area .wcutabcontent .wcuTableRow td, .wcu-dash-coupon-area .wcutabcontent .wcuTableRow tr:nth-child(odd) td { 	background: linear-gradient(#fefefe, #fff); 	color: #333; }  .wcutabcontent a { 	text-decoration: none; }  /* Mobile */  form#product_search_form input {     max-width: 250px; }  /* Mobile Navigation */  .wcutabmobile { 	display: none; } @media (max-width: 1000px) { 	.wcutabmobile { 		display: block; 	} }  /* Table */  .wcuTableHeading { 	display: table-header-group; 	background-color: #ddd; }  .wcuTable thead { 	text-align: center; }  .wcuTableCell { 	text-align: center; 	display: table-cell; 	vertical-align: middle; 	padding: 9px 10px !important; 	border: 1px solid #e7e7e7; 	width: auto; 	max-width: 200px; 	white-space: normal; /* changed from nowrap to normal */ 	overflow-wrap: break-word; /* added for word breaking */ 	/*color: #000;*/ }  @media screen and (min-width: 720px) { 	.wcuTableCell-time { 		min-width: 100px; 	} }  .wcuTableHead { 	display: table-cell; 	padding: 7px 10px; 	font-weight: bold; 	background: #333; 	background-color: #333; 	color: #fff; 	text-align: center; 	border: 1px solid #e7e7e7; }  .wcuTableHead-summary { 	display: table-cell; 	padding: 2px 0 !important; 	font-weight: bold; 	background: #f4f4f4 !important; 	background-color: #f4f4f4 !important; 	color: #333 !important; 	text-align: center; 	border: 0 !important; 	font-size: 14px !important; }  .wcuTableFoot { 	display: table-cell; 	padding: 7px 10px; 	background: #333; 	color: #fff; 	text-align: center; 	border: 1px solid #e7e7e7; }  .wcuTableBody { 	display: table-row-group; }  @media screen and (max-width: 720px) {  	.wcuTableRow, 	.wcuTableCell, 	.wcuTableHead, 	.wcuTableHead-summary { 		display: block; 		width: 100%; 	} }  .wcutablinks, .ml_wcutablinks { 	border-radius: 2px; }  .wcutablinks .fas { 	margin-right: 1px; }  /* Mobile */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {  	select#wcu-select-tab { 		width: calc(100% - 20px); 		margin: 0 auto; 	}  	.coupon-title { 		font-size: 20px !important; 		width: 100vw; 		padding: 5px; 		height: auto !important; 		text-align: center; 	}  	.coupon-title .wcusage-dash-logout { 		float: none; 		text-align: center; 	}  	.wcusage-dash-top-links { 		display: inline-block; 		text-align: center; 		margin-top: 10px; 		margin-bottom: -7px; 	}  	.wcutab { 		padding: 0 !important; 		margin-top: 20px !important; 		margin-bottom: 20px; 		margin-left: 0 !important; 		margin-right: 0 !important; 	}  	.wcutablinks, 	.ml_wcutablinks { 		margin: 2px !important; 	}  	.wcutab button { 		float: none; 		margin-top: 4px; 		margin-left: 0; 		width: 98vw; 		display: block; 		clear: both; 		text-align: center; 	}  	.wcutabcontent { 		padding: 10px; 		box-sizing: border-box; 	} 	div.wcutabcontent div { 		box-sizing: border-box; 	}  	#wcu5.wcutabcontent.active { 		text-align: center; 	} 	#wcu5.wcutabcontent button { 		margin: 0 auto; 	}  	/* Force table to not be like tables anymore */ 	.wcuTable table, 	.wcuTable thead, 	.wcuTable tbody, 	.wcuTable th, 	.wcuTable td, 	.wcuTable tr, 	.wcuTableRow, 	.wcuTableCell { 		display: block; 	}  	/* Hide table headers (but not display: none;, for accessibility) */ 	.wcuTable thead tr { 		position: absolute; 		top: -9999px; 		left: -9999px; 	}  	.wcuTable tr { 		border: 1px solid #ccc; 		display: inline-block; 		margin-bottom: 5px; 	}  	.wcu-dash-coupon-area .wcutabcontent .wcuTableRow { 		display: block; 		margin-bottom: 15px; 	}  	.wcu-dash-coupon-area .wcutabcontent .listtheproducts { 		display: table-row-group; 		margin-bottom: 15px; 	}  	.wcu-statistics-orders { 		width: 100%; 	}  	.wcu-dash-coupon-area .wcutabcontent .listtheproducts, 	.wcu-dash-coupon-area .wcutabcontent .listtheproducts .wcuTableCell { 		padding: 10px 0 !important; 	}  	.wcuTable td { 		/* Behave  like a "row" */ 		border: none; 		border-bottom: 1px solid #eee; 		position: relative; 		padding-left: 50% !important; 		padding-top: 5px !important; 		padding-bottom: 5px !important; 	}  	.wcuTable td:before { 		/* Now like a table header */ 		position: absolute; 		/* Top/left values mimic padding */ 		top: 5px; 		left: 6px; 		width: 45%; 		padding-right: 10px; 		white-space: nowrap; 	}  	.wcuTableRow, 	.wcu-table-payouts { 		margin-bottom: 20px; 	}  	.wcuTableCell { 		display: block; 		max-width: 100%; 	}  	.wcuTableHead { 		display: block; 	}  	.wcu-table-monthly-summary td:before { 		font-weight: bold; 	}  	.wcu-thetitlerow { 		display: none !important; 	}  }  .wcu-dash-coupon-area .wcutabcontent p.wcu-tab-title { 	margin-top: 25px; 	margin-bottom: 25px; }  .entry-content .ml_wcutabcontent p.wcu-tab-title { 	margin-top: 25px; }  @media screen and (max-width: 1060px) { 	.wcu-tab-title, 	.wcu-tab-text { 		width: 100%; 	} }  @media screen and (max-width: 520px) { 	.wcu-tab-title { 		margin-top: 0; 		text-align: center; 	} }  .wcu-coupon-box { 	margin-top: 20px; }   .wcutab { 	overflow: hidden; }  .coupon-title { 	font-size: 30px; 	margin-top: 10px; 	margin-bottom: 20px; }  @media screen and (min-width: 1060px) {  	.wcuTableCell-ref-website { 		max-width: 250px !important; 	}  	.wcuTableCell-ref-landing { 		max-width: 350px !important; 	}  }  /* Rates */  .rates-pagination { 	float: right; }  @media only screen and (max-width: 1020px) { 	.rates-pagination { 		float: none; 		display: block; 		width: 100%; 	} }  .wcu-rates-image img { 	text-align: center; 	margin: 0 auto; }  /* Logout */  .wcu-dash-coupon-area .wcusage-dash-logout { 	font-size: 12px; 	margin-top: 14px; 	margin-right: 0; 	margin-bottom: 5px; }  /* Style the buttons inside the tab */ .wcutab button { 	background-color: #333; 	color: #fff; 	float: left; 	border: none; 	outline: none; 	cursor: pointer; 	transition: 0.3s; 	font-size: 17px; 	margin: 2px; }  .wcu-active-tab { 	opacity: 0.8; }  #search-coupon-all, #search-coupon, #search-criteria { 	min-height: 40px; 	padding: 5px 10px; 	max-width: 150px; }  #wcu-paypal-input, #wcu-paypal-input2 { 	margin-top: 10px; }  #wcu-paypal-button, .wcu-paypal-button, #wcu-email-settings-update-button, #wcu-billing-update-button, #wcu-register-button, .wcu-settings-tab-content .button { 	margin-top: 12px; 	font-size: 15px; 	min-height: 40px; 	padding: 5px 20px; }  #wcu-register-button { 	margin-top: 15px; }  .wcu-save-settings-button, #wcu6 .woocommerce-Button, #wcu6 button { 	border: 2px solid #333; 	border-radius: 2px; }  #paypal-input { 	width: 300px; 	max-width: 100%; }  .wcu_paypal_email_form p { 	margin-bottom: 5px; }  .create-stripe-link, .create-stripe-link span, .create-stripe-link i { 	color: #fff; }  .create-stripe-link { 	text-decoration: none !important; }  #submitpayoutyes { 	background: #008cdd; 	padding: 10px 15px; 	color: #fff; 	font-weight: bold; 	width: auto; 	display: block; } #submitpayoutyes:hover { 	background: #0074B8; }  #submitpayoutno { 	cursor: not-allowed; 	padding: 10px 15px; }  #payouts_invoice_label { 	padding: 0; }  #payouts_invoice_label:hover { 	cursor: pointer; }  #wcu_copylink { 	padding: 2px 10px !important; 	border-radius: 20px !important; }  #wcusage_copylink, .wcusage_copylink { 	margin: 0; 	padding: 2px 10px !important; 	border-radius: 20px !important; 	cursor: pointer; }  #wcusage_copylink:active, .wcusage_copylink:active, #wcusage_copylink:focus, .wcusage_copylink:focus { 	opacity: 0.8; }  #wcusage_copylink i { 	margin: 0; }  .referral-url-box, .payouts-box, .creatives-box { 	background: linear-gradient(#fefefe, #fff); 	color: #333; 	box-shadow: 0px 0px 4px #dbdada; 	border-radius: 10px; 	padding: 10px 20px; 	margin-top: 10px; } .payouts-box { 	margin-top: 28px; 	padding: 20px 25px 20px 25px; }  @media only screen and (max-width: 720px) {  	.referral-url-box, 	.payouts-box, 	.creatives-box { 		padding: 10px 5px; 	} }  .referral-url-box p, .payouts-box p, .creatives-box p, .referral-url-box strong, .payouts-box strong { 	color: #333 !important; }  form.wcu_payout_button { 	margin-bottom: 0; }  .wcu-color-box { 	width: 90%; 	margin: 0 auto 10px auto; 	padding: 10px; 	border-radius: 5px; 	cursor: pointer; 	font-size: 20px; 	border: 2px solid #fff; 	box-shadow: 0px 0px 4px #dbdada; 	font-weight: bold; }  /* Payout Settings */  .wcu-stripe-button { 	display: inline-block; 	width: auto; 	margin: 0 0 7px 0 !important; 	padding: 5px 20px !important; 	background: #008cdd !important; 	color: #fff !important; 	font-size: 20px !important; 	border-radius: 10px !important; 	text-decoration: none !important; }  .wcu-stripe-error { 	color: red; }  /* Settings Tab */  #wcu6 label { 	width: 100%; }  #wcu6 input[type="text"], #wcu6 input[type="email"], #wcu6 input[type="password"] { 	min-width: 33%; 	margin: 0px 0 2px 0; 	padding: 5px; }  #wcu6 em { 	width: 100%; }  /* Monthly Summary */  .listtheproducts { 	display: none; }  .listtheproducts .wcuTableCell {   padding: 0 !important;   margin: 0; }  .listtheproducts .wcuTableCell { 	text-align: center; }  .listtheproducts::before { 	display: none !important; 	content: "" !important; }  .listtheproducts-small { 	display: none; }  @media only screen and (max-width: 1024px) { 	.listtheproducts-summary { 		display: none !important; 	}  	.listtheproducts-small { 		display: block !important; 	} }  /* Change buttons */ .wcutab button { 	background-color: #333; 	color: #fff; 	padding: 8px 10px; 	font-size: 16px; 	line-height: 16px; }  /* Change buttons on hover */ .wcutab button:hover { 	background-color: #000; 	color: #fff; }  /* Change buttons active */ .wcutab button.active { 	background-color: #000; 	color: #fff; }  /* Style the tab content */ .wcutabcontent { 	display: none; 	border-top: none; }  /* Font Styles */ .wcutabcontent p, .wcutabcontent td, .wcutabcontent tr, .wcutabcontent code, .wcuTableCell { 	font-size: 17px; }  .wcu-dash-coupon-area .wcutabcontent p, .entry-content .ml_wcutabcontent p { 	margin: 8px 0; 	padding: 0 !important; }  .listproductsbutton { 	display: block; 	text-align: center; 	color: #333; 	text-decoration: none; 	font-weight: bold; 	cursor: pointer; }  /* Filters */  .wcu-orders-search, .wcu-summary-search { 	float: right; 	max-width: 150px; 	margin-right: 10px; }  .wcusage-search-form { 	float: right; 	margin: 5px 0; 	height: 35px; 	margin-top: -55px; }  @media screen and (max-width: 720px) { 	.wcusage-search-form { 		width: 100%; 		display: block; 		float: none; 		margin-top: 0; 	}  	#product_search_form input[type="text"] { 		width: 50%; 		max-width: 50%; 		margin: 0 auto; 	} }  .wcu-button-export { 	border: 1px solid #333 !important; 	padding-left: 10px; 	padding-right: 10px; 	cursor: pointer; }  .wcusage_settings_form { 	margin: 0; 	padding: 0; }  .wcusage_settings_form input[type="submit"], .wcusage_settings_form input[type="button"], .wcusage_settings_form input[type="date"], .wcusage_settings_form input[type="month"], .wcu-monthly-orders-button, .wcu-button-export, .submitpayoutno, .submitpayoutyes { 	height: 40px !important; 	font-size: 15px !important; 	padding: 0 20px !important; 	display: inline-block !important; 	border: 1px solid #333; 	border-radius: 5px; 	cursor: pointer;	 }  .wcusage_settings_form input[type="date"], .wcusage_settings_form input[type="month"] { 	min-width: 0 !important; }  .wcu-filters-col1, .wcu-filters-col2 { 	display: block; }  .wcu-filters-inner { 	display: block; }  .wcu-order-filters { 	display: flex; 	flex-wrap: wrap; 	align-items: center; 	gap: 8px 10px; }  .wcu-order-filters form { 	display: flex; 	flex-wrap: wrap; 	align-items: center; 	gap: 8px 10px; 	width: 100%; }  .wcu-order-filters-space { 	display: none; }  .wcu-order-filters-field { 	display: inline-flex; 	align-items: center; 	gap: 5px; 	white-space: nowrap; }  .ordersfilterbutton, .summaryfilterbutton { 	max-width: 150px !important; }  @media only screen and (min-width: 940px) { 	.wcu-filters-col1 { 		float: left; 		width: 80%; 		min-height: 70px; 		display: flex; 		align-items: center; 	}  	.wcu-filters-col2 { 		float: left; 		width: 20%; 		min-height: 70px; 		display: flex; 		align-items: center; 		justify-content: flex-end; 	} }  @media only screen and (max-width: 939px) { 	.wcu-filters-col1, 	.wcu-filters-col2 { 		width: 100%; 	}  	.wcu-filters-col2 { 		margin-top: 10px; 	}  	.wcu-order-filters, 	.wcu-order-filters form { 		justify-content: center; 	} }  @media only screen and (max-width: 600px) { 	.wcu-order-filters, 	.wcu-order-filters form { 		flex-direction: column; 		align-items: stretch; 	}  	.wcu-order-filters-field { 		width: 100%; 		justify-content: center; 	}  	.wcu-order-filters-field input[type="date"], 	.wcu-order-filters-field input[type="month"] { 		flex: 1; 		min-width: 0; 		max-width: 100% !important; 	}  	.wcu-order-filters-field select { 		width: 100%; 	}  	.ordersfilterbutton, 	.summaryfilterbutton { 		width: 100%; 		max-width: 100% !important; 	} }  .wcu-order-filters-field input { 	max-width: 190px !important; 	display: inline-block; }  .wcu-order-filters-field .minimal-form-input { 	width: auto !important; 	padding: 0 !important; 	margin: 0 !important; }  .wcu-order-filters label { 	display: inline-block; }  /* Registration */  .wcu_form_affiliate_register label:first-letter { 	text-transform: capitalize; }  .wcu-form-section .wcusage-register-form-title, .wcu-form-section .wcusage-login-form-title { 	margin-top: 20px !important; 	margin-bottom: 25px !important; }  .wcu_form_affiliate_register input[type="text"], .wcu_form_affiliate_register input[type="password"], .wcu_form_affiliate_register input[type="email"] { 	width: 100%; 	min-height: 30px; }  .wcu_form_affiliate_register input[type="text"], .wcu_form_affiliate_register input[type="email"], .wcu_form_affiliate_register input[type="password"] {     margin-top: 10px;     padding: 10px;     margin-bottom: 0px;     max-width: 100% !important;     width: 100%; }  .wcusage-login-form-col label, .wcu_form_affiliate_register label { 	font-weight: bold; }  .wcu_form_affiliate_register label { 	display: block; 	width: 100% !important; }  .wcu_form_affiliate_register p { 	margin-bottom: 20px; }  #wcu-register-button, .wcusage-login-form-col .woocommerce-button { 	padding: 10px; 	min-width: 200px !important; 	cursor: pointer !important; }  .wcu-reg-terms { 	padding: 5px 0; 	font-weight: bold; }  .wcu-form-section .wcu-reg-terms p { 	line-height: 1.5em; }  .wcu_form_style_columns .wcu-register-field-col-1, .wcu_form_style_columns .wcu-register-field-col-2 { 	width: 49.5%; 	float: left; 	display: inline-block; }  .wcu_form_style_columns .wcu-register-field-col-1 { 	margin-right: 1%; }  /* Registration Form Style 2 */ .wcu_form_style_2 input[type="text"], .wcu_form_style_2 input[type="email"], .wcu_form_style_2 input[type="password"], .wcu_form_style_2 input[type="date"], .wcu_form_style_2 textarea, .wcu_form_style_2 select { 	margin: 4px 0 5px 0 !important; 	width: 100% !important; 	max-width: 100% !important; 	border: 3px solid #DADADA !important; 	border-radius: 4px !important; }  /* Registration Form Style 3 */ .wcu_form_style_3 p { 	margin-bottom: 15px !important; }  .wcu_form_style_3 input[type="text"], .wcu_form_style_3 input[type="email"], .wcu_form_style_3 input[type="password"], .wcu_form_style_3 input[type="date"], .wcu_form_style_3 textarea, .wcu_form_style_3 select { 	margin: 4px 0 0px 0 !important; 	padding: 10px; 	width: 100% !important; 	max-width: 100% !important; 	border: 1px solid #DADADA !important; 	border-radius: 5px !important; }  /* Ref Urls campaigns */  .wcu-campaigns-col1, .wcu-campaigns-col2 { 	display: table; }  #wcu-add-campaign, #wcu-add-directlink { 	padding: 0; }  @media only screen and (max-width: 759px) {  	#wcu-add-directlink input, #wcu-add-directlink select { 		width: 100% !important; 		max-width: 100% !important; 		margin-bottom: 10px !important; 	}  }  @media only screen and (min-width: 760px) { 	.wcu-campaigns-col1 { 		width: 75%; 		float: left; 	}  	.wcu-campaigns-col2 { 		width: 25%; 		float: left; 		text-align: right; 	}  	.wcu-campaigns-col1 p, 	.wcu-campaigns-col2 p { 		margin-bottom: 0; 	}  	#wcu-referral-campaign { 		min-height: 27px; 		width: 200px; 		max-width: 100%; 		float: right; 	}  	#wcu-creatives-campaign { 		min-height: 27px; 	}  	#wcu-add-campaign-name { 		width: 120px; 		max-width: 100%; 		font-size: 12px; 		padding: 5px; 	}  	#wcu-add-campaign-button { 		display: inline-block; 		float: left; 		max-width: 100%; 		font-size: 12px; 		line-height: 12px; 		padding: 0 5px; 		height: 30px; 	}  	#wcu-add-campaign-button, 	#wcu-add-directlink-button { 		max-width: 100%; 		font-size: 12px; 		padding: 5px; 		min-height: 0px !important; 	} }  @media only screen and (max-width: 759px) { 	.wcu-campaigns-col1 { 		width: 100%; 		text-align: center; 	}  	.wcu-campaigns-col2 { 		width: 100%; 		text-align: center; 	}  	#wcu-referral-campaign { 		margin: 0 auto; 	}  	#wcu-creatives-campaign { 		margin: 0 auto; 		float: none !important; 	}  	#wcu-add-campaign-button { 		width: 100%; 		margin-bottom: 40px !important; 	} }  /* Info Boxes */  .wcusage-info-box { 	padding: 25px 15px 25px 105px; 	background: linear-gradient(#fefefe, #fff); 	color: #000; 	border: 1px solid #f3f3f3; 	display: block; 	border-radius: 5px; 	margin: 0.5%; 	box-shadow: 0px 0px 4px #dbdada; 	width: 99%; 	position: relative; }  .wcusage-info-box:before { 	content: ""; 	font-family: 'Font Awesome 5 Free'; 	font-size: 40px; 	position: absolute; 	left: 30px; 	top: 44px; 	color: #bebebe; 	width: 50px; 	text-align: center; 	font-style: normal; 	font-weight: 900; 	height: 40px !important; 	display: flex; 	align-items: center; 	justify-content: center; }  .wcusage-info-box-dollar:before { 	content: "\f155"; }  .wcusage-info-box-dollar2:before { 	content: "\f81d"; }  .wcusage-info-box-dollar3:before { 	content: "\f571"; }  .wcusage-info-box-dollar4:before { 	content: "\f4c0"; }  .wcusage-info-box-discount:before { 	content: "\f02b"; }  .wcusage-info-box-discounts:before { 	content: "\f02c"; }  .wcusage-info-box-usage:before { 	content: "\f0c0"; }  .wcusage-info-box-sales:before { 	content: "\f07a"; }  .wcusage-info-box-commission:before { 	content: "\f53a"; }  .wcusage-info-box-percent:before { 	content: "\f541"; }  .wcusage-info-box-clicks:before { 	content: "\f245"; }  .wcusage-info-box-convert:before { 	content: "\f058"; }  @media only screen and (min-width: 1060px) { 	.wcusage-info-box { 		width: 32.3%; 		float: left; 		box-sizing: border-box; 	} }  .wcusage-info-box:hover { 	background: #f9f9f9; }  .wcusage-info-box p { 	margin: 8px 0 !important; 	padding: 0 !important; 	font-size: 32px !important; 	line-height: 32px !important; }  .wcusage-info-box .wcusage-info-box-title { 	width: 100%; 	font-size: 16px; 	display: block; 	margin-bottom: 5px; 	line-height: 20px; 	color: #000; }  .wcusage-info-box p, .wcusage-info-box span { 	color: #000; }  .wcusage-info-box .wcusage-info-box-value { 	width: 100%; 	font-size: 22px; 	display: block; }  .wcusage-last-days { 	margin: 15px 0 10px 0; 	font-weight: bold; 	margin-top: 20px; 	margin-bottom: 10px; 	color: #333; 	padding: 0 !important; }  /* Refresh Stats Icon (auto-check) */ .wcusage-refresh-stats-icon { 	margin-left: 6px !important; 	font-size: 13px !important; 	color: #a6a6a6 !important; 	cursor: default; } /* Refresh Stats Button (manual) */ .wcusage-refresh-stats-btn { 	margin-left: 6px !important; 	font-size: 13px !important; 	color: #a6a6a6 !important; 	cursor: pointer; 	transition: color 0.2s ease; 	text-decoration: none !important; } .wcusage-refresh-stats-btn:hover { 	color: #333 !important; } .wcusage-refresh-stats-btn.wcusage-refreshing { 	pointer-events: none; 	opacity: 0.7; } .wcusage-stats-loading { 	color: #a6a6a6; 	font-style: italic; } .wcusage-stats-loading::after { 	content: ''; 	animation: wcusageDots 1.2s steps(4, end) infinite; } @keyframes wcusageDots { 	0%   { content: '.'; } 	33%  { content: '..'; } 	66%  { content: '...'; } 	100% { content: '.'; } }  .show_statistics .wcusage-stats-title { 	margin: 0; 	font-weight: bold; 	margin-bottom: 10px; 	margin-left: 5px; }  /* Graphs */  .wcusagechart { 	padding: 0px 10px 10px 10px; 	box-shadow: 0px 0px 4px #dbdada; 	background: #fff; 	width: calc(100% - 10px); 	margin: 0 auto; 	min-height: 400px; 	overflow: hidden; 	border-radius: 5px; }  .wcusagechart #chart_divquarter, .wcusagechart #chart_divmonth, .wcusagechart #chart_divlastmonth { 	margin-top: -20px; }  @media only screen and (max-width: 720px) { 	.wcusage-all-charts { 		width: 100vw; 	} }  .wcusagechart { 	visibility: hidden; }  #mla_chart_div table.google-visualization-orgchart-table p, #mla_chart_div table.google-visualization-orgchart-table a { 	font-family: arial, sans-serif; }  /* Stats Increase/Decrease Number */  .wcusage-num-pos { 	color: green !important; 	font-size: 12px; 	position: absolute; 	margin-left: 10px; 	bottom: 27%; }  .wcusage-num-neg { 	color: red !important; 	font-size: 12px; 	position: absolute; 	margin-left: 10px; 	bottom: 27%; }  @media only screen and (max-width: 1260px) {  	.wcusage-num-pos, 	.wcusage-num-neg { 		display: block !important; 		margin-bottom: -30px !important; 		margin-left: 0px; 	} }  /* Loading */  .wcu-loading-loader { 	margin: 25px auto 0 auto; 	width: 40px; 	height: 40px; 	border: 3px solid rgba(0, 0, 0, 0.08); 	border-top-color: #3498db; 	border-radius: 50%; 	animation: wcu-spin 0.8s ease-in-out infinite; 	box-sizing: border-box; }  @keyframes wcu-spin { 	to { 		transform: rotate(360deg); 	} }  .wcu-loading-loader-text { 	margin: 14px auto 0 auto; 	font-weight: 600; 	font-size: 14px; 	text-align: center; 	color: #7f8c8d; 	letter-spacing: 0.3px; 	width: auto; }  .wcu-loading-loader-subtext { 	margin: 6px auto 0 auto; 	font-weight: 400; 	font-size: 12.5px; 	text-align: center; 	color: #b0b0b0; 	width: auto; 	max-width: 400px; 	line-height: 1.5; }  .wcu-loading-loader-subtext a { 	color: #b0b0b0; 	text-decoration: underline; }  @media only screen and (max-width: 720px) { 	.wcu-loading-loader-text { 		margin-top: 14px; 	} }  /* Coupon List */  @media only screen and (min-width: 1240px) { 	.wcu-user-coupon-list-group { 		display: flex; 	} }  .wcu-user-coupon-list { 	margin: 10px; 	float: left; 	padding: 15px 20px; 	text-align: center; 	font-size: 18px; 	background: linear-gradient(#fefefe, #fff); 	box-shadow: 0px 0px 4px #dbdada; 	border: 1px solid #f3f3f3; 	border-radius: 10px; 	word-wrap: break-word; }  .wcu-coupon-list-button, .wcu-coupon-list-button2 { 	padding: 5px 20px; 	background: #333 !important; 	border: 1px solid #333; 	display: block; 	text-align: center; 	color: #fff !important; 	border-radius: 4px; 	text-decoration: none !important; }  .wcu-coupon-list-button:hover, .wcu-coupon-list-button2:hover { 	background: #000 !important; 	color: #fff; }  @media only screen and (min-width: 1240px) { 	.wcu-user-coupon-list { 		width: calc(33.33% - 20px); 	} }  @media only screen and (min-width: 820px) and (max-width: 1239px) { 	.wcu-user-coupon-list { 		width: calc(50% - 20px); 	} }  @media only screen and (max-width: 820px) { 	.wcu-user-coupon-list { 		width: calc(100% - 20px); 	} }  .wcu-loading-image { 	display: flex; 	flex-direction: column; 	align-items: center; 	justify-content: center; 	padding: 30px 20px; }  .wcusage-loading { 	color: #3498db; }  @media only screen and (max-width: 820px) { 	.wcu-loading-image { 		padding: 20px 10px; 	} 	.wcu-loading-image p { 		text-align: center; 		width: 100% !important; 	} }  .wcusage-refresh-data { 	margin-top: -2px; }  /* Ref URL */  .wcusage_custom_ref_url { 	margin-bottom: 0 !important; 	padding: 5px; 	display: inline-block; }  /* QR Code */  .wcu-display-qr-code { 	display: none; 	padding: 10px; 	border: 4px solid #f3f3f3; 	border-radius: 10px; 	text-align: center; 	margin-top: 10px; }  .wcu-qr-code { 	width: 150px; 	max-width: 150px; 	margin: 2px 0 0 0; 	display: none; }  .wcu-download-qr { 	display: none; 	background: none; 	margin-top: 0px; 	margin-bottom: 0px; 	padding: 0px 10px; 	cursor: pointer; 	border-radius: 5px; }  /* Social Icons */  .wcusage-social-icon { 	font-size: 30px; 	margin: 0 4px 0 0; }  .wcusage-social-link-whatsapp { 	display: none; }  @media only screen and (max-width: 780px) { 	.wcusage-social-link-whatsapp { 		display: inline-block !important; 	} }  /* Login */  .wcusage-login-form-col { 	width: 50%; 	display: block; 	float: left; 	padding: 20px; }  .wcusage-login-form-col input[type=text] { 	width: 100% !important; 	max-width: 100% !important; }  .wcu-form-section p { 	margin-top: 0; 	line-height: 1em; }  .wcusage-login-form-section .woocommerce-form-login { 	padding: 0 !important; }  .wcusage-login-form-section .woocommerce-form-login .woocommerce-form__input-checkbox { 	width: 20px; }  .wcusage-login-form-section .woocommerce-form-login__rememberme { 	width: 100% !important; 	margin-bottom: 20px !important; 	display: block !important; }  .wcusage-login-form-section .woocommerce-form__input-checkbox { 	margin-bottom: 0px !important; }  @media only screen and (max-width: 1020px) { 	.wcusage-login-form-col { 		width: 100%; 		min-width: 300px; 		display: block; 		float: left; 		padding: 20px; 	} }  /* Creatives */  .creatives-box-container { 	display: flex; 	flex-wrap: wrap; 	align-items: flex-start; }  .creatives-box { 	margin: 10px; 	text-align: center; 	border: 2px solid #f3f3f3; }  @media screen and (max-width: 940px) { 	.creatives-box { 		width: calc(100% - 20px); 	} }  .creatives-box-image { 	position: relative; 	width: 90%; 	overflow: hidden; 	margin: 0 auto; 	margin-bottom: 0px; 	border: 2px solid #f3f3f3; 	background-color: #ffffff; 	opacity: 1; 	background-image: repeating-linear-gradient(45deg, #f9f9f9 25%, transparent 25%, transparent 75%, #f9f9f9 75%, #f9f9f9), repeating-linear-gradient(45deg, #f9f9f9 25%, #ffffff 25%, #ffffff 75%, #f9f9f9 75%, #f9f9f9); 	background-position: 0 0, 19px 19px; 	background-size: 38px 38px; }  .creatives-box-image:before { 	content: ""; 	display: block; 	padding-top: 100%; }  .creatives-box-image-content { 	position: absolute; 	top: 0; 	left: 0; 	bottom: 0; 	right: 0; 	text-align: center; }  .creatives-box img { 	position: absolute; 	top: 0; 	bottom: 0; 	left: 0; 	margin: auto; }  .wcusage_creativelink { 	width: 90%; 	border-radius: 0 !important; 	border: 2px solid #f3f3f3 !important; 	border-radius: 4px !important; 	margin-bottom: 10px; 	padding: 4px !important; }  /* Tooltip */  .wcu-tooltip { 	position: relative; 	display: inline-block; 	cursor: help; }  .wcu-tooltip .wcu-tooltip-text { 	visibility: hidden; 	width: 250px; 	background-color: #333; 	color: #fff; 	text-align: center; 	border-radius: 4px; 	padding: 8px 10px; 	position: absolute; 	z-index: 99999; 	bottom: 140%; 	left: 50%; 	transform: translateX(-50%); 	opacity: 0; 	transition: opacity 0.3s; 	font-size: 12px; 	line-height: 1.4; 	font-weight: normal; 	box-shadow: 0 2px 5px rgba(0,0,0,0.2); }  .wcu-tooltip .wcu-tooltip-text::after { 	content: ""; 	position: absolute; 	top: 100%; 	left: 50%; 	margin-left: -5px; 	border-width: 5px; 	border-style: solid; 	border-color: #333 transparent transparent transparent; }  .wcu-tooltip:hover .wcu-tooltip-text { 	visibility: visible; 	opacity: 1; }  /* Special handling for tooltips in table cells */ .wcuTableCell .wcu-tooltip { 	position: relative; 	z-index: 999999; }  .wcuTableCell .wcu-tooltip .wcu-tooltiptext { 	position: absolute !important; 	z-index: 999999 !important; 	top: calc(100% + 5px); 	left: 50%; 	transform: translateX(-50%); }  /* Ensure table cells don't clip tooltips */ .wcuTableCell { 	overflow: visible !important; }  .wcuTable { 	overflow: visible !important; }  /* Adjust tooltip positioning for mobile */ @media only screen and (max-width: 760px) { 	.wcu-tooltip .wcu-tooltiptext { 		position: fixed !important; 		left: 10px !important; 		right: 10px !important; 		width: auto !important; 		max-width: calc(100vw - 20px) !important; 		top: 50% !important; 		transform: translateY(-50%) !important; 		z-index: 999999 !important; 	} 	 	.wcuTableCell .wcu-tooltip .wcu-tooltiptext { 		transform: translateY(-50%) !important; 		left: 10px !important; 		right: 10px !important; 	} }  /* MLA */  .wcu-mla-network-button { 	font-size: 12px !important; 	margin: 4px 0 7px 0 !important; 	padding: 2px 5px 2px 5px !important; 	text-decoration: none !important; }  .wcu-mla-network-tier { 	font-size: 12px !important; 	width: 20px !important; 	margin-top: -15px !important; 	margin-bottom: -8px !important; 	margin-left: -7px !important; 	opacity: 0.2 !important; 	cursor: default !important; }  .wcu-mla-network-avatar { 	text-align: center; 	display: inline-block !important; 	margin: 0 auto !important; 	max-width: 50px; 	border-radius: 50px; 	border: 2px solid #f3f3f3; }  .wcu-mla-network-user { 	font-size: 18px !important; 	line-height: 25px !important; 	min-width: 150px !important; }  .wcu-mla-network-coupon { 	margin-top: 5px !important; 	font-size: 12px !important; 	line-height: 12px !important; }  .wcu-mla-network-amount { 	cursor: default !important; 	font-size: 18px !important; 	line-height: 17px !important; 	margin: 8px 0 10px 0 !important; }  .wcu-mla-network-email { 	text-decoration: none; 	display: inline-block !important; 	margin-top: 4px !important; 	margin-bottom: -2px !important; }  .wcu-mla-network-email:hover { 	text-decoration: none !important; 	opacity: 0.8; }  #ml-wcu4 { 	padding: 0 20px; }  #mla_chart_div table td { 	border: 0 !important; }  /* MLA Chart */  #mla_chart_div table td { 	background: transparent !important; }  #mla_chart_div td.google-visualization-orgchart-node { 	padding: 18px 12px; 	font-weight: bold; 	background: linear-gradient(#fefefe, #fff) !important; 	box-shadow: 0px 0px 4px #d0d0d0 !important; 	border: 0 !important; 	border-radius: 10px; 	word-wrap: break-word; 	margin-left: -2px; 	cursor: grab; }  #mla_chart_div table td a:hover { 	opacity: 0.75; 	text-decoration: underline; }  #mla_chart_div .google-visualization-orgchart-linenode { 	padding: 10px; }  #mla_chart_div .google-visualization-orgchart-linebottom, #mla_chart_div .google-visualization-orgchart-linetop, #mla_chart_div .google-visualization-orgchart-lineleft, #mla_chart_div .google-visualization-orgchart-lineright { 	padding-top: 10px; 	padding-bottom: 10px; }  #mla_chart_div { 	text-align: center; 	display: inline-block; 	width: 100%; 	overflow: scroll; 	overflow: auto; 	cursor: grab; 	-webkit-touch-callout: none; 	/* iOS Safari */ 	-webkit-user-select: none; 	/* Safari */ 	-khtml-user-select: none; 	/* Konqueror HTML */ 	-moz-user-select: none; 	/* Old versions of Firefox */ 	-ms-user-select: none; 	/* Internet Explorer/Edge */ 	user-select: none; }  #mla_chart_div .google-visualization-orgchart-table { 	cursor: grab; 	display: flex; 	width: auto; }  #mla_chart_div::-webkit-scrollbar { 	display: none; }  /* Bonuses */  .wcusage-bonuses-wrapper { 	display: flex; 	flex-wrap: wrap; 	gap: 20px; 	position: relative; }  .wcusage-reward-box { 	display: flex; 	flex-direction: column; 	justify-content: center; 	text-align: center; 	width: calc(50% - 20px); 	float: left; 	border: 2px solid #f3f3f3; 	border-radius: 10px; 	padding: 29px 10px 15px 10px; 	box-shadow: 0px 0px 4px #dbdada; 	margin-bottom: 0px; 	position: relative; }  @media only screen and (max-width: 920px) { 	.wcusage-reward-box { 		width: 98vw; 	} }  .wcusage-reward-text { 	display: block; 	padding: 5px 10px; 	font-size: 18px; 	font-weight: bold; 	background-image: linear-gradient(0deg, #f6d365 50%, #ffb9a5 100%); 	color: #000; 	border-radius: 5px; 	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); 	margin: -10px auto 10px auto; 	width: auto; }  @media only screen and (max-width: 720px) { 	.wcusage-reward-text { 		width: 100%; 	} }  .wcusage-reward-box h4 { 	margin-top: 5px !important; 	margin-bottom: 0px !important; }  .wcusage-reward-box p { 	margin-bottom: 10px; }  .wcusage-progress-bar { 	box-sizing: content-box; 	height: 35px; 	/* Can be anything */ 	border-radius: 5px; 	margin-bottom: 10px; 	padding: 0px; 	box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); 	background: #d2d2d2; 	width: 90%; 	margin: 0 auto 10px auto; 	display: block; 	position: relative; 	font-size: 15px; 	line-height: 35px; }  .wcusage-progress-bar-text { 	position: absolute; 	top: 50%; 	left: 50%; 	transform: translate(-50%, -50%); 	font-weight: bold; 	z-index: 2; 	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); 	width: 100%; }  .wcutabcontent p.wcusage-reward-description { 	margin-top: 10px; 	margin-bottom: 20px; 	padding: 0 20px !important; }  .wcusage-progress-bar>span { 	display: block; 	height: 100%; 	border-radius: 5px; 	background-color: rgba(43, 194, 83, 0.75); 	background-image: linear-gradient(center bottom, 			rgb(43, 194, 83) 37%, 			rgb(84, 240, 84) 69%); 	box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), 		inset 0 -2px 6px rgba(0, 0, 0, 0.4); 	position: relative; 	overflow: hidden; }  .wcusage-progress-bar>span:after { 	content: ""; 	position: absolute; 	top: 0; 	left: 0; 	bottom: 0; 	right: 0; 	background-image: linear-gradient(-45deg, 			rgba(255, 255, 255, 0.2) 25%, 			transparent 25%, 			transparent 50%, 			rgba(255, 255, 255, 0.2) 50%, 			rgba(255, 255, 255, 0.2) 75%, 			transparent 75%, 			transparent); 	z-index: 1; 	background-size: 50px 50px; 	animation: move 4s linear infinite; 	border-top-right-radius: 20px; 	overflow: hidden; }  @keyframes move { 	0% { 		background-position: 0 0; 	}  	100% { 		background-position: 50px 50px; 	} }  .wcusage-reward-status { 	display: inline-block; 	padding: 5px 10px; 	color: #fff; 	font-size: 15px; 	margin-top: 10px; 	margin-bottom: 10px; 	border-radius: 10px; 	font-weight: bold; }  .wcusage-reward-achieved { 	background-color: #2ecc71; 	color: #fff; 	font-size: 15px; 	margin-bottom: 0px; }  .wcusage-reward-not-achieved { 	background-color: #e74c3c; }  .wcusage-reward-summary-item { 	margin-top: 0px !important; 	margin-bottom: 0px !important; }  .wcusage-reward-countdown { 	font-size: 15px; 	font-weight: bold; 	margin-bottom: 10px; }  /* Store Credit */  .wcusage-store-credit-info { 	display: block; }  /* Leaderboard Table Styles */  table.wcusage-leaderboard-table { 	width: 100%; 	border-collapse: collapse; } .wcusage-leaderboard-table th { 	padding: 10px; } .wcusage-leaderboard-table td { 	padding: 10px; } .wcusage-leaderboard-table .wcusage-highlight { 	background: #b8e4c7; 	color: #333; }  /* Bank Details Display */ .wcu-bank-details-display { 	font-size: 14px; 	line-height: 1.4; }  .wcu-bank-details-display strong { 	color: #333 !important; }  .wcu-bank-details-display div { 	word-wrap: break-word; 	overflow-wrap: break-word; }  @media only screen and (max-width: 720px) { 	.wcu-bank-details-display { 		padding: 8px !important; 		margin-left: -5px !important; 		margin-right: -5px !important; 	} }  /* Dark mode support for bank details display */ body.dark-mode .wcu-bank-details-display { 	background: var(--content-bg2) !important; 	border: 1px solid var(--border-color) !important; 	color: var(--text-color) !important; }  body.dark-mode .wcu-bank-details-display strong { 	color: var(--text-color) !important; }  /* Orders Date Range Stats */ .wcusage-orders-date-stats { 	display: flex; 	flex-wrap: wrap; 	gap: 0; }  .wcusage-orders-date-stats .wcusage-info-box { 	flex: 1 1 0; 	min-width: 150px; 	width: auto; 	padding: 15px 10px 15px 70px; 	box-sizing: border-box; }  .wcusage-orders-date-stats .wcusage-info-box:before { 	left: 15px; 	font-size: 30px; 	top: 28px; }  .wcusage-orders-status-totals { 	flex: 0 0 100%; 	text-align: center; 	padding: 8px 0 0; 	font-size: 13px; 	color: #555; }  /* Orders Pagination */ .wcusage-orders-pagination { 	padding: 10px 0; }  .wcusage-orders-pagination .wcusage-orders-page-btn { 	display: inline-block; 	padding: 6px 14px; 	background: #f0f0f0; 	border: 1px solid #ddd; 	border-radius: 4px; 	text-decoration: none; 	color: #333; 	font-size: 13px; 	cursor: pointer; 	transition: background 0.2s; }  .wcusage-orders-pagination .wcusage-orders-page-btn:hover { 	background: #e0e0e0; 	text-decoration: none; }  @media only screen and (max-width: 900px) { 	.wcusage-orders-date-stats .wcusage-info-box { 		flex: 1 1 calc(50% - 1%); 		min-width: calc(50% - 1%); 	} }  @media only screen and (max-width: 520px) { 	.wcusage-orders-date-stats .wcusage-info-box { 		flex: 1 1 100%; 		min-width: 100%; 	} }