#outer_wrapper .affiliates.outer_inner_wrapper {
		padding: 0 10px;
	}
	.affiliates {
		font-size: 16px;
		line-height: 16px;
		text-align: left;
		color: #09213E;
	}
	.affiliates a {
		color: #09213E;
	}
	.affiliates .affiliates-info {
		font-family: 'Source Sans Pro Light';
		font-weight: normal;
		font-size: 16px;
		line-height: 18px;
		margin: 24px auto 12px auto;
		padding-bottom: 32px;
		border-bottom: 1px solid #EEEEEE;
	}
	.affiliates .affiliates-info strong, .affiliates .affiliates-info b {
		font-family: 'Source Sans Pro SemiBold';
		font-weight: normal;
	}
	.affiliates .affiliates-info.alert {
		font-family: 'Source Sans Pro SemiBold';
		font-size: 20px;
		line-height: 24px;
		color: #2172D5;
		color: var(--tru-blue);
		border: 2px solid #2172D5;
		border: 2px solid var(--tru-blue);
		border-radius: 10px;
		padding: 30px;
		text-align: center;
		margin: 42px auto 0 auto;
	}
	.affiliates .affiliates-info.alert.error {
		font-size: 16px;
		line-height: 16px;
		color: #FF6384;
		color: #FF0000;
		padding: 18px 30px;
		border: 1px solid #FF6384;
		border: 1px solid #FF0000;
		border-radius: 4px;
	}
	.affiliates .affiliates-info.alert.text {
		font-size: 18px;
		line-height: 20px;
		font-weight: normal;
		padding: 10px;
		margin: 0 auto;
		margin-top: 10px;
	}
	.affiliates .affiliates-info.alert a {
		color: #2172D5;
		color: var(--tru-blue);
		text-decoration: underline;
	}
	.affiliates .affiliates-info.alert a:hover {
		text-decoration: none;
	}
	.section_heading_outer {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 23px;
	}
	.section_heading_outer > * {
		width: max-content;
	}
	.section_heading_outer .link {
		font-family: 'Source Sans Pro SemiBold';
		font-size: 14px;
		text-decoration: underline;
		text-underline-offset: 3px;
	}
	.section_heading_outer .link:hover {
		text-decoration: none;
	}
	.section_heading {
		font-family: 'Source Sans Pro SemiBold';
		font-weight: normal;
		font-size: 20px;
		line-height: 20px;
		color: #09213E;
	}
	.section_heading.main_heading {
		font-family: 'Montserrat';
		font-weight: 900;
		font-size: 36px;
		line-height: 36px;
		margin-bottom: 0;
	}
	.section_heading_outer .sort {
		padding-left: 10px;
	}
	.section_heading_outer .sort, .section_heading_outer .sort > * {
		display: inline-block;
		width: auto;
	}
	.section_heading_outer .sort .ap_label, .section_heading_outer .sort .ap_input {
		display: inline-block;
		width: auto;
		float: none;
	}
	.section_heading_outer .sort .ap_input {
		font-family: 'Source Sans Pro SemiBold';
		font-weight: normal;
		width: 160px;
		margin-left: 2px;
		border: 1px solid #000000;
	}
	
	.resources {
		display: grid;
		grid-template-columns: auto auto auto auto;
		text-align: left;
		margin-bottom: 12px;
	}
	.resource {
		display: inline-block;
		margin: 0 10px 10px auto;
		width: 100%;
		max-width: 276px;
		height: 276px;
		height: auto;
		min-height: 276px;
		padding: 22px 10px;
		font-family: 'Source Sans Pro Light';
		font-size: 14px;
		line-height: 16px;
		cursor: pointer;
		transition: border .2s ease-in-out;
	}
	.affiliates .dashed-container {
		border: 1px solid #EEEEEE;
		border-radius: 10px;
	}
	.affiliates .dashed-container {
		border: 1px dashed #EEEEEE;
	}
	.dashed-container.resource:hover {
		border: 1px dashed #666666;
	}
	.resource a.resource_link, .affiliates .title {
		font-family: 'Source Sans Pro SemiBold';
		font-weight: normal;
		font-size: 16px;
		line-height: 14px;
		color: #09213E;
	}
	.resource a:hover {
		text-decoration: underline;
	}
	.resource .title, .resource .cover_img {
		margin-bottom: 12px;
	}
	.resource .cover_img {
		overflow: hidden;
		position: relative;
		width: 100%;
		width: 254px;
		height: 144px;
		border-radius: 10px;
	}
	.resource .cover_img .image {
		position: absolute;
		width: auto;
		height: auto;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		min-width: 100%;
		min-height: 100%;
		max-width: none;
		max-height: none;
		margin: auto;
		transform: none;
	}
	.resource .cover_img .image.placeholder {
		background-color: #EEEEEE;
		height: 100%;
		width: auto;
		min-width: unset;
	}
	.resource .cover_img .image.img_ls {
		max-height: 100%;
	}
	.resource .desc-short {
		margin-bottom: 8px;
	}
	.resource .desc {
		display: flex;
		justify-content: space-between;
		word-break: break-all;
		align-items: center;
	}
	.resource .desc > p {
		flex: 1;
	}
	.resource .desc .expiry {
		flex: none;
		width: 40%;
		padding-right: 8px;
	}
	.resource .desc.no-date {
		justify-content: end;
	}
	
	
	.affiliates .container-padding {
		padding: 24px 30px;
	}
	.affiliates .note {
		display: inline-block;
		font-family: 'Source Sans Pro Light';
		font-size: 14px;
		line-height: 16px;
		max-width: calc(100% - 140px);
	}
	.affiliates .title, .ref-link-gen-form-outer .form-inner {
		/* margin-bottom: 18px; */
	}
	.ref-link-gen-form-outer .title {
		display: block;
		float: none;
	}
	.ref-link-gen-form-outer {
		border: 2px dashed #EEEEEE;
		border-radius: 10px;
		text-align: left;
	}
	.ref-link-gen-form-outer .form-inner {
		background-color: #EEEEEE;
		padding: 42px 30px;
	}
	#ref-link-gen {
		width: 100%
	}
	.ref-link-gen-form-outer .form-inner .input_holder {
		display: inline-block;
		width: 49%;
		float: left;
	}
	.ref-link-gen-form-outer .form-inner .input_holder:first-of-type {
		margin-right: 18px;
	}
	.ref-link-gen-form-outer.full-width-field .form-inner .input_holder {
		width: 100%;
		margin: 0 auto;
	}
	.ref-link-gen-form-outer .form-inner .ap_input_label {
		font-family: 'Source Sans Pro SemiBold';
		font-size: 16px;
		line-height: 14px;
		padding: 0;
		margin-bottom: 16px;
	}
	.ref-link-gen-form-outer .form-inner .ap_autocomplete_trigger {
		margin-top: 14px;
		float: none;
		top: 5px;
		position: relative;
	}
	.ref-link-gen-form-outer .form-inner .ap_autocomplete_clear {
		/* width: 24px; */
		/* height: 24px; */
		/* border-radius: 12px; */
		top: 14px;
		right: 35px;
		/* Added for redesign by HP on 2026-10-02 */
		top: -41px;
		right: 1px;
		height: 40px;
		border-top-right-radius: 7px;
		border-bottom-right-radius: 7px;
		
		line-height: 39px;
		float: right;
	}
	.ref-link-gen-form-outer .form-inner .ap_autocomplete_clear:after {
		/* top: 7px; */
		/* left: 7px; */
	}
	.ref-link-gen-form-outer .link_gen_page_holder .ap_input {
		padding-right: 38px;
	}
	.ref-link-gen-form-outer .link_gen_page_holder .ap_input.ap_ac_empty {
		background-image: url('/images/account/affiliates/search-icon20.png');
		background-size: 18px;
		background-repeat: no-repeat;
		background-position: 97% 50%;
	}
	.ref-link-gen-form-outer.full-width-field .link_gen_page_holder .ap_input.ap_ac_empty {
		background-position: 99% 50%;
	}
	.ref-link-gen-form-outer .ap_input:not(.ap_help) {
		height: 50px;
		border: 1px solid #ADADAD;
	}
	#ref_output {
		text-align: left;
		margin: 0 auto 20px auto;
	}
	.affiliates #ref_output .affiliates-info.alert {
		display: flex;
		align-items: center;
		justify-content: space-between;
		text-align: left;
		margin-top: 12px;
	}
	.affiliates #ref_output .affiliates-info.alert #generated_link {
		display: inline-block;
		width: 100%;
		width: calc(100% - 135px);
		/* text-decoration: underline; */
		transition: all .2s ease-in-out;
	}
	.affiliates #ref_output .affiliates-info.alert #generated_link:hover {
		text-decoration: none;
	}
	#ref_output .button {
		color: #2172D5;
		color: var(--tru-blue);
		border-color: #2172D5;
		border-color: var(--tru-blue);
		margin-left: 15px;
		transition: all .2s ease-in-out;
	}
	#ref_output .button:hover {
		color: #ffffff;
		background-color: #2172D5;
		background-color: var(--tru-blue);
	}
	
	
	.affiliates .button {
		width: 120px;
		height: 40px;
		border-radius: 10px;
		background-color: transparent;
		color: var(--primary-color);
		font-size: 14px;
		font-family: 'Source Sans Pro SemiBold';
		font-weight: normal;
		text-transform: uppercase;
		border: 1px solid var(--primary-color);
		transition: all .4s ease-in-out;
		cursor: pointer;
	}
	.affiliates .button:hover, .affiliates .resource.dashed-container:hover .button {
		color: #ffffff;
		background-color: var(--primary-color);
	}
	
	.affiliate_data_section {
		margin-top: 42px;
	}
	
	
	.commissions_table {
		margin: 20px 0 100px 0;
	}
	.commissions_table .table {
		border: 1px solid #EEEEEE;
		border-radius: 10px;
		padding: 24px 0 80px 0;
		font-family: 'Source Sans Pro';
		font-size: 16px;
	}
	.commissions_table .table th, .commissions_table .table td {
		padding: 32px 0;
		padding: 32px 30px;
	}
	.commissions_table .table tr.column_headings > th {
		font-family: 'Source Sans Pro Bold';
		font-weight: normal;
		text-transform: uppercase;
		padding-top: 8px;
	}
	.commissions_table .table td:first-of-type, .commissions_table .table th:first-of-type {
		text-align: left;
	}
	.commissions_table .table td, .commissions_table .table th {
		width: auto;
		text-align: right;
	}
	.commissions_table.commissions-breakdown .table {
		padding-bottom: 4px;
	}
	.commissions_table .table .double-col {
		width: 70%;
		text-align: left;
	}
	.commissions_table.commissions-breakdown .table td, .commissions_table.commissions-breakdown .table th {
		width: 11%;
		padding: 32px 5px;
	}
	.commissions_table.commissions-breakdown .table .asc-desc-col {
		width: 13%;
	}
	.commissions_table.commissions-breakdown .table th.asc-desc-col .ap_order {
		display: block;
		/* width: max-content; */
	}
	.commissions_table.commissions-breakdown .table th.asc-desc-col {
		text-align: left;
		position: relative;
		top: 8px;
	}
	.commissions_table.commissions-breakdown .table .double-col {
		width: 41%;
	}
	.commissions_table .table tr.column_headings > th:first-of-type, .commissions_table .table tr.column_headings ~ tr > td:first-of-type {
		padding-left: 30px;
	}
	.commissions_table .table tr.column_headings > th:last-of-type, .commissions_table .table tr.column_headings ~ tr > td:last-of-type {
		padding-right: 30px;
	}
	.commissions_table .table tr.column_headings > th:last-of-type {
		padding-right: 35px;
	}
	.commissions_table tbody {
		text-align: left;
	}
	.commissions_table tr:nth-child(even) {
		background-color: #F6F9FD;
	}
	.commissions_table td.status-0 {
		color: darkred;
	}
	.commissions_table td.strike {
		text-decoration: line-through;
	}
	.commissions_table.commissions-breakdown .table .status-col {
		font-family: 'Source Sans Pro SemiBold';
		font-weight: normal;
		color: #2172D5;
		color: var(--tru-blue);
		border-right: 5px solid #2172D5;
		border-right: 5px solid var(--tru-blue);
	}
	.commissions_table.commissions-breakdown .table .status-col.declined {
		color: #FF0000;
		border-color: #FF0000;
	}
	.commissions_table.commissions-breakdown .table .status-col.complete {
		color: #2C9757;
		border-color: #6BD495;
	}
	.commissions_table .table .notes {
		padding: 30px 30px 8px 30px;
	}
	.commissions_table .notes .disclaimer {
		margin: 0 0 10px 0;
		text-align: left;
		color: darkred;
	}
	.commissions_table .table-outer {
		position: relative;
	}
	.commissions_table .small-mobile-view {
		display: none;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		background-color: #EEEEEE;
		/* background-color: pink; */
		text-align: center;
		border-radius: 10px;
		z-index: 1;
	}
	.commissions_table .small-mobile-view .rotate-to-view-image {
		width: 365px;
	}
	.commissions_table.chart_container .section_heading_outer {
		margin-bottom: 0;
		margin-bottom: -20px;
	}
	
	@media screen and (max-width: 1200px) {
		.resource {
			max-width: 215px;
			margin: 0 8px 10px auto;
		}
		.resource .cover_img {
			width: 193px;
		}
		.resource .desc .expiry {
			width: 47%;
		}
		.affiliates .resource .button {
			width: 100px;
		}
		
		
		.ref-link-gen-form-outer .form-inner .input_holder:first-of-type {
			margin-right: 16px;
		}
		.ref-link-gen-form-outer .form-inner .ap_autocomplete_clear {
			/* right: 32px; */
			/* commented for redesign by HP on 2026-10-02 */
		}
		
		.commissions_table.commissions-breakdown .table td, .commissions_table.commissions-breakdown .table th {
			width: 13%;
		}
		.commissions_table.commissions-breakdown .table .asc-desc-col {
			width: 16%;
		}
		.commissions_table.commissions-breakdown .table .double-col {
			width: 29%;
		}
	}
	
	@media screen and (max-width: 1080px) {
		.resource {
			/* max-width: 215px; */
		}
	}
	
	@media screen and (max-width: 920px) {
		.resources {
			grid-template-columns: auto auto;
		}
		.resource {
			width: 100%;
			max-width: 320px;
			margin: 0 8px 16px auto;
		}
		.resource .cover_img {
			width: 298px;
		}
		
		.ref-link-gen-form-outer .form-inner .input_holder:first-of-type {
			margin-right: 10px;
		}
		.ref-link-gen-form-outer .form-inner .ap_autocomplete_clear {
			/* right: 30px; */
			/* commented for redesign by HP on 2026-10-02 */
		}
		.affiliates #ref_output .affiliates-info.alert {
			font-family: 'Source Sans Pro';
			font-weight: 600;
			font-size: 16px;
			line-height: 18px;
			padding: 30px;
		}
		
		.commissions_table .table th, .commissions_table .table td {
			padding: 32px 5px;
		}
		.commissions_table .table tr.column_headings > th:first-of-type, .commissions_table .table tr.column_headings ~ tr > td:first-of-type {
			padding-left: 10px;
		}
		.commissions_table .table tr.column_headings > th:last-of-type, .commissions_table .table tr.column_headings ~ tr > td:last-of-type {
			padding-right: 10px;
		}
		.commissions_table .table tr.column_headings > th:last-of-type {
			padding-right: 15px;
		}
		
		.commissions_table.commissions-breakdown .table td, .commissions_table.commissions-breakdown .table th {
			width: 14%;
			width: 16%;
		}
		.commissions_table.commissions-breakdown .table th {
			padding: 32px 2px 32px 1px;
		}
		.commissions_table.commissions-breakdown .table .asc-desc-col {
			width: 16%;
		}
		.commissions_table.commissions-breakdown .table .double-col {
			width: 30%;
			width: 20%;
		}
		
		.affiliates .affiliates-info {
			padding-bottom: 22px;
		}
		.affiliates .affiliates-info.alert {
			padding: 15px;
			margin: 30px auto 0 auto;
		}
	}
	
	@media screen and (max-width: 767px) {
		.resource .cover_img {
			width: 298px;
		}
	}
	
	@media screen and (max-width: 720px) {
		.affiliates .container-padding {
			padding: 24px 15px;
		}
		#outer_wrapper .affiliates.outer_inner_wrapper {
			padding: 0 20px;
		}
		.resource {
			max-width: 302px;
			margin: 0 16px 16px auto;
		}
		.resource .cover_img {
			width: 280px;
		}
		
		.ref-link-gen-form-outer .link_gen_page_holder .ap_input.ap_ac_empty, .ref-link-gen-form-outer.full-width-field .link_gen_page_holder .ap_input.ap_ac_empty {
			background-position: 98% 50%;
		}
		.ref-link-gen-form-outer .form-inner .ap_autocomplete_clear {
			/* right: 29px; */
			/* commented for redesign by HP on 2026-10-02 */
		}
		.affiliates #ref_output .affiliates-info.alert {
			padding: 15px;
		}
		
		.commissions_table .table tr.column_headings > th:first-of-type, .commissions_table .table tr.column_headings ~ tr > td:first-of-type {
			padding-left: 6px;
		}
		.commissions_table .table tr.column_headings > th:last-of-type, .commissions_table .table tr.column_headings ~ tr > td:last-of-type {
			padding-left: 6px;
		}
		.commissions_table .table tr.column_headings > th:last-of-type {
			padding-right: 11px;
		}
		
		.commissions_table.commissions-breakdown .table th.asc-desc-col {
			width: 15%;
		}
		.commissions_table.commissions-breakdown .table .double-col {
			width: 28%;
			width: 21%;
		}
		.commissions_table.commissions-breakdown .table td, .commissions_table.commissions-breakdown .table th {
			width: 14%;
			width: 17%;
		}
		.commissions_table.commissions-breakdown .table th, .commissions_table.commissions-breakdown .table th.asc-desc-col {
			text-align: center;
		}
	}
	
	@media screen and (max-width: 660px) {
		.section_heading_outer {
			flex-direction: column-reverse;
			justify-content: start;
			align-items: start;
		}
		.section_heading.main_heading {
			font-size: 26px;
			line-height: 30px;
			margin-top: 12px;
		}
		
		.affiliate_data_section .section_heading_outer {
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
		}
		.affiliate_data_section .section_heading_outer .sort {
			display: block;
		}
		
		.resources {
			grid-template-columns: auto;
			display: flex;
			flex-wrap: wrap;
		}
		.resource {
			max-width: none;
			max-width: 49%;
			padding: 12px 10px;
			margin: 0 2% 16px auto;
		}
		.resource:nth-of-type(even) {
			margin-right: 0;
		}
		.resource {
			/* max-width: 243px; */
		}
		.resource .cover_img {
			width: 100%;
		}
		
		.ref-link-gen-form-outer .form-inner .input_holder {
			width: 48%;
		}
		.ref-link-gen-form-outer .form-inner .input_holder:first-of-type {
			margin-right: 18px;
		}
		
		.commissions_table .table tr.column_headings > th:first-of-type, .commissions_table .table tr.column_headings ~ tr > td:first-of-type {
			padding-left: 12px;
		}
		.commissions_table .table tr.column_headings > th:last-of-type, .commissions_table .table tr.column_headings ~ tr > td:last-of-type {
			padding-right: 12px;
		}
		.commissions_table .table {
			font-size: 14px;
		}
		
		.affiliates .affiliates-info, .affiliates .affiliates-info.alert {
			font-size: 16px;
			line-height: 20px;
		}
		.affiliates .affiliates-info.alert {
			font-family: 'Source Sans Pro';
			font-weight: 600;
			padding: 15px;
		}
	}
	
	@media screen and (max-width: 660px) and (orientation: portrait) {
		.commissions_table .table-outer {
			max-height: 356px;
			overflow: hidden;
			border-radius: 0 0 10px 10px;
		}
		.affiliate_data_section .section_heading_outer .sort {
			/* display: none; */
			/* It is conflicting with normal orientation and deflects the purpose of filtering the data by HP on 2026-10-02 */
		}
		.commissions_table .small-mobile-view {
			display: block;
		}
	}
	@media screen and (max-height: 660px) and (orientation: landscape) {
		.commissions_table .small-mobile-view {
			display: none;
		}
		.affiliate_data_section .section_heading_outer .sort {
			display: block;
		}
	}
	
	@media screen and (max-width: 540px) {
		.affiliates .container-padding {
			padding: 24px 12px;
		}
		
		.resource, .resource a.resource_link .title, .affiliates .note, .affiliates .resource .button {
			font-size: 13px;
		}
		.resource .title, .resource .cover_img {
			margin-bottom: 8px;
		}
		.resource .cover_img {
			height: 146px;
			height: 120px;
		}
		.resource .desc {
			display: block;
		}
		.resource .desc .expiry, .resource .desc-short {
			width: 100%;
			padding: 0;
			margin-bottom: 8px;
		}
		
		
		.ref-link-gen-form-outer .form-inner .input_holder {
			width: 100%;
			margin: 16px 0;
		}
		.ref-link-gen-form-outer .form-inner .input_holder:first-of-type {
			margin: 16px 0 0 0;
		}
		.ref-link-gen-form-outer .link_gen_page_holder .ap_input.ap_ac_empty, .ref-link-gen-form-outer.full-width-field .link_gen_page_holder .ap_input.ap_ac_empty {
			background-position: 97% 50%;
		}
		.ref-link-gen-form-outer .form-inner .ap_autocomplete_clear {
			/* right: 31px; */
			/* commented for redesign by HP on 2026-10-02 */
		}
		.affiliates #ref_output .affiliates-info.alert {
			display: block;
			text-align: right;
		}
		.affiliates #ref_output .affiliates-info.alert.error {
			font-size: 14px;
			line-height: 14px;
			text-align: center;
		}
		.affiliates #ref_output .affiliates-info.alert #generated_link {
			text-align: left;
			width: 100%;
		}
		#ref_output .button {
			margin: 15px auto auto 0;
		}
		
		.affiliates .note {
			display: block;
			max-width: none;
			margin-bottom: 20px;
		}
		.affiliates .ref-link-gen-form-outer .button {
			width: 100%;
			max-width: unset;
		}
		
		.commissions_table .table-outer {
			max-height: 300px;
		}
		.commissions_table .small-mobile-view .rotate-to-view-image {
			width: auto;
			height: 100%;
			max-height: 300px;
		}
		.commissions_table .table {
			font-size: 14px;
		}
		
		.affiliates .affiliates-info, .affiliates .affiliates-info.alert {
			font-size: 14px;
			line-height: 18px;
		}
		.affiliates .affiliates-info.alert {
			padding: 10px;
		}
	}
	
	@media screen and (max-width: 380px) {
		.resource {
			max-width: 100%;
			margin: 0 auto 20px auto;
		}
		.resource .cover_img {
			height: 120px;
		}
		
		.ref-link-gen-form-outer .form-inner .ap_autocomplete_clear {
			/* right: 29px; */
			/* commented for redesign by HP on 2026-10-02 */
		}
		.affiliates #ref_output .affiliates-info.alert #generated_link {
			text-align: center;
		}
		#ref_output .button {
			width: 100%;
		}
	}
	
#refer_tag_options, #link_options {
	/* float: right; */
	display: flex;
    align-items: flex-start;
    justify-content: end;
	margin: 10px 0;
}

#affiliate-resources .cds {
    float: right;
	right: 40px;
	border: none;
	/* Added by HP on 2026-10-01 */	
    right: 2px;
    top: 2px;
    border: none;
    height: 38px;
    position: relative;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
#affiliate-resources .calendar_input_holder .cds.has-value {
  background-position: -32px -424px;
}