
	:root {
		--primary_color: #040707;
		--primary_color_light: #04070714;
		--secondary_color: #c7991a;
		--secondary_color_light: #f8cc5035;
		--tertiary_color: #c7991a;
		--tertiary_color_light: var(--primary_color_light);

		--heading_color: #161616;

		--breadcrumb_bg_color: #161616;
		--breadcrumb_text_color: #ffffff;

		--button_primary_bg_color: #040707;
		--button_primary_text_color: #FFFFFF;

		--button_secondary_bg_color: #4a4a4a;
		--button_secondary_text_color: #ffffff;

		--header_bg_color: #f2cf77;
		--header_text_color: #161616;

		--sidebar_bg_color: #FFFFFF;
		--sidebar_text_color: #000000;

		--sidebar_icon_color: var(--primary_color);
		--sidebar_active_bg_color: var(--primary_color_light);
		--sidebar_active_text_color: #000000;


		--steppers_bg_color: #161616;
		--stepper_text_color: #FFFFFF;

		--loader_color: var(--secondary_color);

		--dialog_header_bg_color:var(--primary_color);
		--dialog_header_text_color: #ffffff;

		--rate_box_bg_color: linear-gradient(160deg, var(--primary_color), var(--primary_color));
		--rate_box_text_color: #FFFFFF;

		--font_family:"";
		--logo_path:url('../img/logo.png');
		--background_image_path: url('../img/background.png');



		--loginbox-color: #ffffff;


		--footer-bar-color: #0D113F;
		--table-head-color: #040707;
		--picker-header-color: #E6E9F5;

		/* Option 1
		--dark-mode-primary-bg: #181924;
		--dark-mode-secondary-bg: #2a2b36;
		--dark-mode-tertiary-bg: #24252f;
		--dark-mode-text-color: #d1cece;
		--dark-mode-field-bg: #4a4a4a; 
		*/


		--dark-mode-primary-bg: #0f172a;
		--dark-mode-secondary-bg: #1b2335;
		--dark-mode-tertiary-bg: #0f172a;
		--dark-mode-text-color: #ede2e2;
		--dark-mode-field-bg: #0b111f;
		--dark-mode-border-color: #64748b;

		/* Option 2
		--dark-mode-primary-bg: #191f1b; 
		--dark-mode-secondary-bg: #212723; 
		--dark-mode-tertiary-bg: #191f1b; 
		--dark-mode-text-color: #ffffff; 
		--dark-mode-field-bg: #1e221f; 
		--dark-mode-border-color: #3a3c3e;
		*/
	}


	.ds-dark-mode {

		--tertiary_color: var(--dark-mode-text-color);

		--header_bg_color: var(--dark-mode-secondary-bg) !important;
		--header_text_color: var(--dark-mode-text-color);

		--sidebar_bg_color: var(--dark-mode-primary-bg);
		--sidebar_text_color: var(--dark-mode-text-color);
		--sidebar_icon_color: var(--dark-mode-text-color);
		--sidebar_active_bg_color: var(--dark-mode-border-color);
		--sidebar_active_text_color: var(--dark-mode-text-color);

		--heading_color: var(--dark-mode-text-color);

		--breadcrumb_bg_color: var(--dark-mode-secondary-bg);
		--breadcrumb_text_color: var(--dark-mode-text-color);

		--rate_box_bg_color: var(--dark-mode-border-color);
		--rate_box_text_color: var(--dark-mode-text-color);

		--table-head-color: var(--dark-mode-border-color) !important;

		--dialog_header_bg_color: var(--secondary_color);

		--background_image_path: url('../img/darkmode-bg.PNG');

		--loginbox-color: var(--dark-mode-tertiary-bg);
		
	}

	.ds-dark-mode .ds-horizontal-steppers.ds-hs li.ds-steppers-current .ds-stepper-content,
	.ds-dark-mode .ds-success-button,
	.ds-dark-mode .advance-search .ds-globalserch button,
	.ds-dark-mode .ds-globalserch button,
	.ds-dark-mode .ds-steppers-current > *:after,
	.ds-dark-mode .ds-modal-header, 
	.ds-dark-mode .p-paginator-page.p-paginator-element.p-link.p-highlight,
	.ds-dark-mode .ds-filter-reports,
	.ds-dark-mode .ds-border-class span.link,
	.ds-dark-mode .mat-button-toggle-checked,
	.ds-dark-mode .ds-decline-button,
	.ds-dark-mode #permission-user .ds-content-2 .content.ds-row-main,
	.ds-dark-mode .ds-border-class-span,
	.ds-dark-mode .ds-btn-rate,
	.ds-dark-mode .ds-no-records-dashobard h3,
	.ds-dark-mode .ds-available-account-balances table tr td:nth-child(2) span.ds-amount,
	.ds-dark-mode .ds-validate .ds-anchor-button,
	.ds-dark-mode .ds-upload-document div,
	.ds-dark-mode .ds-step1-child-button.ds-selected  {
		filter: brightness(80%);
	}


	/*LOGO_PATH*/
	.ds-logo {
		border-bottom: 1px solid #ffffff;
		margin-bottom: 10px;
		background-color: #272727;
		padding: 30px 0 10px 0;
		border-radius: 5px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.ds-middle app-flags-menu span {
		color: #fff;
	}

	.header .logo {
		background-image: url('../img/logo-dashboard.png') !important;

		background-repeat: no-repeat;
		background-position: 50%;
		height: 3.5rem;
		position: relative;
		display: block !important;
		width: 260px;
		left: 0;
		background-color: #0d0e08;
		background-size: contain;
		background-origin: content-box;
		padding: 8px;
	}

	/*HEADING_COLOR*/
	.ds-login-heading {
		color: #161616;

		text-align: center;
		font-size: 1rem;
		font-weight: lighter;
		line-height: 30px;
		letter-spacing: 0;
	}

	#account-transfer h2,
	#approval-policy h2,
	#draw-down h2,
	#extension-deal h2,
	#ftf h2,
	#manage-user h2,
	#margin-summary h2,
	#margin-summary-grid h2,
	#pay-from-account h2,
	#permission-user .ds-content-1 .ds-permission-all p,
	#swap-deal h2,
	.ds-account-transfer-step-2 h2,
	.ds-account-transfer-step-4 h2,
	.ds-approval-heading h5,
	.ds-beneficiary-step-1 h2,
	.ds-beneficiary-step-2 h2,
	.ds-beneficiary-step-4 h2,
	.ds-manual-entry-form h2,
	.ds-map-step-1 h2,
	.ds-map-step-2 h2,
	.ds-map-step-4 h2,
	.ds-recipient-dialog h2,
	.ds-recipient-dialog-step3 h2,
	.ds-spot-step-1 h2,
	.ds-spot-step-2 h2,
	.ds-spot-step-3 h2,
	.ds-spot-step-4 h2,
	.ds-spot-step-5 h2,
	.ds-step2-image label,
	#permission-user .ds-content-1 .ds-permission-all p .entity-wrapper h2 {
		color: var(--heading_color) !important;

		letter-spacing: 0;
		font-weight: 500 !important;
	}

	.graph-filter-row h3 {
		color: var(--heading_color) !important;
	}


	.ds-beneficiary-step-4 h2 {
		border-left: 3px solid var(--heading_color) !important;
	}

	/*BUTTON_PRIMARY_BG_COLOR & TEXT_COLOR*/
	.ds-success-button, .file-browse-button {
		background-color: var(--button_primary_bg_color) !important;
		color: var(--button_primary_text_color) !important;
		font-weight: 500 !important;
		border: none !important;
		transition: 0.3s;
		border: 1px solid #f8cc50 !important;
	}

	body .ds-success-button{
	box-shadow: none !important;
	}

	.mat-mdc-raised-button.mat-primary {
		background-color: var(--button_primary_bg_color) !important;
		color: var(--button_primary_text_color) !important;
	}

	.advance-search .ds-globalserch button,
	.ds-globalserch button {
		background-color: var(--button_primary_bg_color) !important;
		color: var(--button_primary_text_color) !important;
	}

	#order-book .ds-btn-rate {
		background-color: var(--button_primary_bg_color) !important;
		color: var(--button_primary_text_color) !important;
	}

	#account-statement .ds-filter-reports {
		border: 1px solid var(--button_primary_bg_color);
		border-bottom: 1px solid var(--button_primary_bg_color);
		color: var(--button_primary_bg_color);

		font-weight: 400 !important;
	}

	#account-statement .ds-active-report {
		background-color: var(--button_primary_bg_color) !important;
		color: var(--button_primary_text_color) !important;
	}

	.ds-success-button.mat-stroked-button {
		border-color: var(--button_primary_bg_color) !important;
		color: var(--button_primary_bg_color) !important;

		font-weight: 400 !important;
	}

	.mat-button-toggle-checked {
		background-color: var(--button_primary_bg_color) !important;
		color: var(--button_primary_text_color) !important;
	}

	.ds-step1-child-button.ds-selected,
	.ds-upload-document div,
	.ds-step1-button.ds-selected,
	.ds-step1-button.ds-selected {
		background-color: var(--button_primary_bg_color) !important;
		color: var(--button_primary_text_color) !important;
	}

	.ds-border-button {
		border: 2px solid var(--button_primary_bg_color) !important;
		background-color: #fff;
		color: var(--button_primary_bg_color) !important;
		font-weight: 500;
	}

	#permission-user .ds-border-button{
		color: var(--button_secondary_text_color) !important;
		background-color: var(--button_secondary_bg_color) !important;
	}

	#existing-beneficiary .mdc-tab.mat-mdc-tab.mdc-tab--active {
		background-color: var(--button_primary_bg_color) !important;
	   
	}

	.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
		color: var(--button_primary_text_color) !important;
		letter-spacing: 0;
	}

	.mat-mdc-tab .mdc-tab__text-label{
		letter-spacing: 0;
		color: #fff !important;
	}



	#ftf .ds-upload-document label,
	.ds-upload-document label {
		color: var(--button_primary_text_color) !important;
	}

	#add-beneficiary .mat-stepper-horizontal .ds-beneficiary-step-2 .ds-main-content-1 .ds-validate .ds-anchor-button,
	#add-beneficiary .mat-stepper-vertical .ds-beneficiary-step-2 .ds-main-content-1 .ds-validate .ds-anchor-button {
		background-color: var(--button_primary_bg_color) !important;
		color: var(--button_primary_text_color) !important;
	}

	/*BUTTON_SECONDARY_BG_COLOR & TEXT_COLOR*/
	.ds-decline-button {
		background-color: var(--button_secondary_bg_color) !important;
		color: var(--button_secondary_text_color) !important;
		font-weight: 500;
	}

	.mat-datepicker-actions button.mdc-button.mat-mdc-button.mat-unthemed.mat-mdc-button-base {
		background-color: var(--button_secondary_bg_color) !important;
		color: var(--button_secondary_text_color) !important;
	}


	/*HEADER_BG_COLOR*/
	mat-toolbar.mat-toolbar.top-toolbar {
		background: var(--header_bg_color) !important;
		color: var(--header_text_color) !important;

		padding-left: 0;
	}

	/*BREADCRUMB_BG_COLOR*/
	.ds-content-header {
		background-color: var(--breadcrumb_bg_color);
		color: var(--breadcrumb_text_color) !important;
	}

	.breadcrumb a {
		color: var(--breadcrumb_text_color) !important;
	}


	/*SIDEBAR_BG_COLOR*/
	.mat-drawer {
		background-color: var(--sidebar_bg_color) !important;
	}

	span.menu-title, span.mini-menu-title {
		color: var(--sidebar_text_color) !important;
	}

	.menu-item .mat-icon {
		color: var(--sidebar_icon_color) !important;
	}

	.mat-icon.menu-expand-icon {
		color: rgba(0, 0, 0, 0.54) !important;
	}

	.menu-item .active-link {
		background-color: var(--sidebar_active_bg_color) !important;
		border-right: 5px solid var(--sidebar_icon_color) !important;
	}

	.mininav:not(.mininav-hover) .menu-item .parent-active-link, .mininav:not(.mininav-hover) .menu-item .parent-active-link + .mini-menu-title, app-vertical-menu .menu-item .parent-active-link {
		background-color: var(--sidebar_active_bg_color) !important;
	}

	.active-link span.menu-title, .active-link span.mini-menu-title {
		color: var(--sidebar_active_text_color) !important;
	}

	.ds-decline-button[disabled=true] {
		background-color: rgba(0, 0, 0, 0.12) !important;
	}

	app-vertical-menu .menu-item .expanded {
		background-color: transparent !important
	}

	/*STEPPERS_BG_Colors & TEXT*/

	.ds-horizontal-steppers.ds-hs li>* {
		color: var(--steppers_bg_color);
		background-color: #fafafa;
		border-color: #fafafa;
	}

	.ds-horizontal-steppers.ds-hs li.ds-steppers-current .ds-stepper-content {
		color: var(--stepper_text_color);
		background-color: var(--steppers_bg_color);
		border-color: var(--steppers_bg_color);
	}

	.ds-stepper-content span strong {
		color: var(--primary_color) !important;
		font-weight: 600;
	}

	.ds-steppers-current>*:after {
		border-top: 8px solid var(--steppers_bg_color);
	}

	.ds-show-number.ds-icon-current strong,
	.ds-show-icon.ds-icon-current span,
	.ds-show-svg.ds-icon-current strong {
		background-color: #ffffff;
		border-color: var(--steppers_bg_color) !important;
		color: var(--steppers_bg_color);
	}

	.ds-show-number strong {
		border-color: #ddd !important;
		color: #4a4a4a;
	}

	.ds-show-number.ds-icon-done strong,
	.ds-show-icon.ds-icon-done span,
	.ds-show-svg.ds-icon-done strong {
		background-color: var(--steppers_bg_color) !important;
		color: var(--stepper_text_color);
		border-color: var(--steppers_bg_color) !important;
	}

	.ds-horizontal-steppers.ds-hs .ds-steppers-current h5 {
		color: var(--stepper_text_color) !important;
	}

	.ds-horizontal-steppers.ds-hs li.ds-steppers-done hr.ds-right-stepper-arrow {
		border-color: var(--steppers_bg_color) !important;
		background-color: var(--steppers_bg_color) !important;
	}

	.ds-horizontal-steppers.ds-hs li.ds-steppers-done hr.ds-left-stepper-arrow {
		border-color: var(--steppers_bg_color) !important;
		background-color: var(--steppers_bg_color) !important;
	}

	.ds-horizontal-steppers.ds-hs li.ds-steppers-current hr.ds-left-stepper-arrow {
		border-color: var(--steppers_bg_color) !important;
		background-color: var(--steppers_bg_color) !important;
	}

	.ds-horizontal-steppers.ds-hs li.ds-steppers-done h5.ds-text-height {
		color: var(--steppers_bg_color);
	}

	.ds-horizontal-steppers.ds-hs h5 {
		color: #4a4a4a;
	}


	/*LOADER_COLOR*/
	.ngx-foreground-spinner {
		color: var(--loader_color) !important;
	}

	/*DIALOG_HEADER_COLOR*/
	.ds-modal-header,
	.ds-top-bar,
	.sider-panner-header {
		background-color: var(--dialog_header_bg_color);
	}

	.ds-modal-header h2,
	.ds-top-bar h2,
	.ds-recipient-dialog .ds-modal-header h2,
	.ds-recipient-dialog-step3 .ds-modal-header h2,
	.ds-funding-dialog .ds-modal-header h2,
	.ds-modal-header h3 {
		color: var(--dialog_header_text_color) !important;
	}


	/*RATE_BOX_COLOR*/
	.ds-ratebox .m,
	.ds-multi-ratebox .m{
		background: var(--rate_box_bg_color);
		color: var(--rate_box_text_color);
	}

	#draw-down .ds-drawdown-step-2 .second-row,
	#extension-deal .ds-extension-step-2 .second-row,
	#order-book .ds-spot-step-1 .second-row {
		background: var(--rate_box_bg_color) !important;
		color: var(--rate_box_text_color) !important;
	}


	.ds-ratebox .rate-right-arrow,
	.ds-ratebox .rate-left-arrow,
	.ds-multi-ratebox .rate-right-arrow,
	.ds-multi-ratebox .rate-left-arrow {
		color: var(--secondary_color);
		background-color: #fff;
		border: 2px solid var(--secondary_color);
	}


	/*FONT_FAMILY*/

	.material-icons {
		font-family: 'Material Icons' !important;
	}

	.pi {
		font-family: 'primeicons' !important;
	}

	.fa {
		font-family: 'FontAwesome' !important;
	} 

	* {
		font-family: var(--font_family);
	}

	#account-transfer h2,
	#approval-policy h2,
	#draw-down h2,
	#extension-deal h2,
	#ftf h2,
	#manage-user h2,
	#margin-summary h2,
	#margin-summary-grid h2,
	#pay-from-account h2,
	#permission-user .ds-content-1 .ds-permission-all p,
	#permission-user .ds-content-4 .ds-top-bar label,
	#swap-deal h2,
	.ds-account-transfer-step-2 h2,
	.ds-account-transfer-step-4 h2,
	.ds-approval-heading h5,
	.ds-beneficiary-step-1 h2,
	.ds-beneficiary-step-2 h2,
	.ds-beneficiary-step-4 h2,
	.ds-dashboard-main-container h3 .ds-modal-header h3,
	.ds-dashobard-info-card .top-header h4,
	.ds-funding-detals pre strong,
	.ds-horizontal-steppers.ds-hs h5,
	.ds-info-tabs .ds-.custom-top-box span strong,
	.ds-info-tabs label.name,
	.ds-login-heading,
	.ds-main-module-name p,
	.ds-manual-entry-form h2,
	.ds-map-step-1 h2,
	.ds-map-step-2 h2,
	.ds-map-step-4 h2,
	.ds-modal-header h2,
	.ds-modal-header h3,
	.ds-payee-detals pre strong,
	.ds-permission-all p,
	.ds-recipient-dialog h2,
	.ds-recipient-dialog-step3 h2,
	.ds-spot-step-1 h2,
	.ds-spot-step-2 h2,
	.ds-spot-step-3 h2,
	.ds-spot-step-4 h2,
	.ds-spot-step-5 h2,
	.ds-step2-image label,
	.ds-sub-module-name p,
	.entity-wrapper h2,
	.graph-filter-row h3,
	.mat-card-content,
	.mat-card-subtitle,
	.mat-mdc-form-field input,
	.mat-menu-item,
	.mat-slide-toggle-content,
	.ng-option b,
	.ng-value b,
	.tile h2,
	.user-info h2,
	h3.ds-entity-name,
	span.group-title,
	span.mat-select-value-text,
	span.ng-value-label,
	tr th,
	.mat-toolbar h3,
	.mat-mdc-option .mdc-list-item__primary-text,
	.mat-mdc-menu-content, .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text,
	.p-inputtext,
	.mat-mdc-slide-toggle .mdc-label   {
		font-family: var(--font_family) !important;
	}

	.p-paginator-bottom button.p-ripple.p-element.p-paginator-page.p-paginator-element.p-link,
	.p-paginator-bottom .p-inputtext,
	.p-paginator-bottom .p-link {
		font-family: var(--font_family) !important;
	}


	/*Login, Forgot, Reset - Background_Image */


	.ds-login-forms,
	.ds-forgot-form,
	.ds-reset-form,
	.ds-entity-forms {
		height: 100vh;
		background-color: transparent !important;
	}


	.ds-scroll-height .main-container {
		background-image: url(../img/background.png);
		
		background-color: #fafafa;
		background-size: cover;
		background-repeat: no-repeat;
	}

	/*SECONDARY_LIGHT_COLOR*/
	.menu-item .mat-button.active-link {
		background: var(--secondary_color_light) !important;
		border-right: 5px solid var(--secondary_color);
		;
	}


	.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
		color: #2a2a2a !important;
		background-color: var(--secondary_color_light) !important;
	}

	mat-card-content .ds-draw-down-trans .ui-table .ui-table-tbody>tr.selected {
		background-color: var(--secondary_color_light) !important;
	}

	.payment-grid .p-datatable .p-datatable-tbody>tr.selected {
		background-color: var(--secondary_color_light) !important;
	}


	/*TERTIARY_COLOR*/

	.ds-ancor,
	.ds-dealnumber,
	span.ds-add-payee.link,
	button.ds-more,
	.ds-anchor-button,
	a.ds-all-transactions,
	a.ds-ancor-click,
	#ftf .imported-grid .ds-ftfbatch-number,
	.ds-column4 button.ds-btn,
	.ds-newsfeed-container .ds-newsfeed-row .ds-link,
	.ds-step2-image a {
		color: var(--tertiary_color) !important;

		cursor: pointer;
	}


	.ds-ancor:hover,
	.ds-dealnumber:hover,
	span.ds-add-payee.link:hover,
	button.ds-more:hover,
	.ds-anchor-button:hover,
	a.ds-all-transactions:hover,
	a.ds-ancor-click:hover,
	#ftf .imported-grid .ds-ftfbatch-number:hover,
	.ds-column4 button.ds-btn:hover,
	.ds-newsfeed-container .ds-newsfeed-row .ds-link:hover {
		text-decoration: underline;
	}

	span.link {
		color: #161616 !important;
		cursor: pointer;
	}

	.mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after {
		background: var(--tertiary_color) !important;
	}

	.mdc-switch:enabled .mdc-switch__track::after {
		background-color: var(--tertiary_color_light) !important;
	}

	#permission-user .mdc-switch:enabled .mdc-switch__track::after {
		background-color: #fff !important;
	}


	p.basecurrecy {
		color: var(--tertiary_color);
	}

	/*Filter color*/
	.filter-on {
		color: var(--tertiary_color) !important
	}

	/*Refresh Icon Color*/
	.ds-workflowdashboard-reload {
		color: var(--tertiary_color) !important;
	}


	.ds-summary button.ds-wire-print span.material-icons,
	.ds-summary button.ds-wire-print-left span.material-icons,
	.ds-summary button.ds-cloud-print span.material-icons {
		color: var(--tertiary_color);
	}

	app-picker mat-icon.search-icon,
	td span.material-icons {
		cursor: pointer;
		color: var(--tertiary_color);
	}

	.p-checkbox .p-checkbox-box.p-highlight {
		border-color: var(--tertiary_color) !important;
		background: var(--tertiary_color) !important;
	}

	/*Radio Button Color*/
	.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle,
	.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
		border-color: var(--tertiary_color) !important;
	}

	.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
	.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
	.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
		color: var(--tertiary_color) !important;
	}

	.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
	.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
	.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
		border-color: var(--tertiary_color) !important;
		background-color: var(--tertiary_color) !important;
	}

	.mat-datepicker-toggle button svg path {
		color: var(--tertiary_color) !important;
	}

	.ds-draw-down-trans td a mat-icon {
		color: var(--tertiary_color);
	}

	/*View History Colors*/
	.ds-viewhistory a.history {
		color: #161616 !important;
	}

	.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
		color: #ffffff !important;
	}

	.advance-search tr.selected-row,
	.ds-routing-table .selected-row,
	.advance-search tr:hover {
		background-color: var(--primary_color_light) !important;
	}

	/*PRIMARY_COLOR*/

	.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
		background-color: var(--primary_color) !important;
	}

	.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{
		color: white !important;
	}

	.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{
		color: white !important;
	}

	.ds-edit-icon svg{
		fill: var(--primary_color) !important;
	}

	.ds-cheque-payment svg,
	.ds-online-payment svg,
	.ds-draft-payment svg,
	.ds-money-transfer-payment svg{
		fill: #ececec;
	}

	.ds-cheque-payment.ds-selected svg,
	.ds-online-payment.ds-selected svg,
	.ds-draft-payment.ds-selected svg,
	.ds-money-transfer-payment.ds-selected svg,
	.ds-inner-details svg{
		fill: var(--primary_color) !important;
	}

	.ds-sample-data svg{
		fill: var(--primary_color) !important;
	}

	p.ds-uninstructed-funding-amount,
	.ds-extenstion-balance p {
		background-color: var(--primary_color_light) !important;
		color: var(--primary_color) !important;
	}

	.mat-mdc-slider .mdc-slider__thumb-knob {
		background-color: var(--primary_color) !important;
		border-color: var(--primary_color) !important;
	}

	.mat-mdc-slider .mdc-slider__track--active_fill {
		border-color: var(--primary_color) !important;
	}

	.ds-indicative-rate .ds-expand-panel {
		background-color: var(--primary_color_light) !important;
	}


	.ds-step4-balance p,
	.ds-step3-balance p,
	#draw-down .ds-drawdown-step-1 .multipleselectionon p {
		color: var(--primary_color) !important;
		background-color: var(--primary_color_light) !important;
	}

	.my-scrollbar {
		--scrollbar-thumb-color: var(--primary_color) !important;
		--scrollbar-thumb-hover-color: var(--primary_color) !important;
		--scrollbar-track-color: rgb(218, 218, 218) !important;
	}

	.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
		color: var(--primary_color) !important;
		background: var(--primary_color_light) !important;
	}

	/*Manage Permission Header*/
	.ds-content-2 .ds-main-module-name {
		background-color: rgb(0 0 0 / 70%);
	}




	/*Focused on Input */

	.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{
		border-color: rgb(224 224 224) !important;
	}

	.mat-mdc-form-field-appearance-outline.mat-focused .mat-mdc-form-field-outline-thick,
	.mat-mdc-form-field.mat-focused .mat-mdc-form-field-label,
	.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder,
	.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow,
	.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick,
	.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above

	/* .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above */
		{
		color: var(--primary_color) !important;
	}

	.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,
	.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after,
	.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
	.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
	.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
		border-color: var(--primary_color) !important;
		border-width: 1px !important;
	}

	.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
	.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
	.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
	.ng-select .ng-select-container.ng-appearance-outline:hover:after{
		border-color: #e0e0e0 !important;
	}

	.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple--active::after {
		border-bottom-color: var(--primary_color) !important;
		border-width: 2px !important;
	}

	.ng-select.ng-select-focused.ng-invalid.ng-untouched .ng-select-container .ng-value-container .ng-placeholder {
		color: var(--primary_color) !important;
	}

	.mat-mdc-form-field.mat-focused .mat-mdc-form-field-ripple {
		background-color: var(--primary_color) !important;
	}

	.mat-primary .mat-option.mat-selected:not(.mat-option-disabled),
	.mat-mdc-form-field.mat-focused.mat-primary .mat-select-arrow {
		color: var(--primary_color) !important;
	}

	.mat-mdc-form-field-appearance-outline.mat-mdc-form-field-invalid.mat-mdc-form-field-invalid .mat-mdc-form-field-outline-thick,
	.mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label,
	.ng-select.ng-select-focused.ng-invalid .ng-select-container .ng-value-container .ng-placeholder {
		color: #dc3232 !important;
	}

	.mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-ripple,
	.mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-ripple.mat-accent {
		background-color: #dc3232 !important;
	}

	.ng-select.ng-select-focused.ng-invalid.ng-touched .ng-select-container.ng-appearance-outline:after,
	.ng-select.ng-select-focused.ng-invalid.ng-touched .ng-select-container.ng-appearance-outline:hover:after,
	.ng-select.ng-invalid.ng-touched .ng-select-container.ng-appearance-outline:hover:after,

	.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing
	{
		border-color: #dc3232 !important;
	}

	.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
	 .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
	  .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{
		border-color: #dc3232 !important;
	}


	/*Dashboard Card */
	.gradient-gray {
		background: var(--primary_color) !important;
		background: var(--rate_box_bg_color) !important;
		color: #fff !important;
	}


	/*scroll bar color*/
	::-webkit-scrollbar-thumb {
		background: var(--primary_color) !important;
	}

	::-webkit-scrollbar-track {
		background: #5f5d5d91 !important;
	}


	.ds-indicative-rate .ds-detailcolumn1 .ds-date-picker span.material-icons,
	.mat-datepicker-toggle .mat-icon-button {
		color: var(--primary_color) !important;
	}

	/*Spot Deal Colors*/
	.ds-fee-step1 span

	/* .ds-.custom-top-box span */
		{
		color: var(--primary_color) !important;
	}


	/*Calender Selection Color*/
	.mat-calendar-body-selected,
	.mat-calendar-body-selected.mat-calendar-body-today {
		background-color: var(--primary_color) !important;
		border-color: var(--primary_color) !important;
		color: #fff !important;
	}

	app-picker .ng-dropdown-panel span.group-title {
		background-color: var(--primary_color);
		color: #fff;
	}



	.component .ds-modal-header h3,
	.component .ds-modal-header mat-icon {
		color: var(--primary_color) !important;
	}

	.mat-accent .mat-slider-track-fill,
	.mat-accent .mat-slider-thumb,
	.mat-accent .mat-slider-thumb-label {
		background-color: var(--primary_color) !important;
	}



	.mat-radio-button.mat-accent .mat-radio-inner-circle,
	.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
	.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
	.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
		background-color: var(--primary_color) !important;
	}


	/*Checkbox*/
	.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
	.mat-checkbox-checked.mat-accent .mat-checkbox-background {
		background-color: var(--primary_color) !important;
	}

	/*Manage Permission Organization Name*/
	#permission-user .ds-top-bar label strong {
		color: var(--primary_color) !important;
	}

	/*Payment Grid icon*/
	.payment-grid i.pi.pi-chevron-right,
	.payment-grid i.pi.pi-chevron-down {
		color: var(--primary_color);
	}

	#margin-summary .bb-1,
	#margin-summary .bb-2 {
		border-bottom: 1px solid var(--primary_color);
	}


	.ds-base-timer-path-remaining.default {
		color: var(--primary_color) !important;
	}


	.ds-search-routing .ds-middle-bar p {
		color: var(--primary_color);
	}

	.mat-mdc-tab-label-active .mat-mdc-tab-label-content {
		color: #fff;
		background-color: var(--primary_color);
	}

	.custom-tooltip {
		color: var(--primary_color) !important;
	}

	.ui-chkbox .ui-chkbox-box.ui-state-active {
		border-color: var(--primary_color) !important;
		background-color: var(--primary_color) !important;
		color: #ffffff !important;
	}


	.mat-stepper-vertical .mat-step-icon.mat-step-icon-selected {
		background-color: var(--steppers_bg_color) !important;
	}

	#add-beneficiary .mat-stepper-horizontal .ds-beneficiary-step-1 .ds-step1-button.ds-selected,
	#add-beneficiary .mat-stepper-vertical .ds-beneficiary-step-1 .ds-step1-button.ds-selected {
		border-bottom: 3px solid var(--primary_color) !important;
	}

	.mat-datepicker-content .actions {
		background-color: var(--primary_color) !important;
	}


	#ds-master-grid button.ds-search-button,
	.ds-draw-down-trans button.ds-search-button {
		background-color: var(--primary_color);
	}

	.ds-beneficiary-step-1 .ds-step1-button {
		color: var(--primary_color) !important;
	}

	.ds-fee-box {
		color: var(--primary_color);
	}

	i.pi.pi-eye::before {
		color: var(--primary_color) !important;
	}

	.ds-count,
	label.ds-funding-numbering,
	label.ds-settlement-numbering {
		border: 1px solid var(--primary_color) !important;
		color: var(--primary_color) !important;
	}

	.ds-f.ds-dealnumber-summary span,
	.ds-f span.dealnumber {
		color: var(--primary_color) !important;
	}


	.ds-approval-notification .ds-modal-header mat-icon,
	.ds-approval-notification .ds-modal-header mat-icon {
		color: var(--primary_color) !important;
	}

	.ds-delete-dialog.ds-dialog-with-success span.material-icons {
		color: var(--primary_color) !important;
	}

	.ds-modal-header-approval-history {
		color: var(--primary_color) !important;
	}

	.ds-confirm-notification .ds-modal-header h3,
	.ds-confirm-notification .ds-modal-header mat-icon {
		color: var(--primary_color) !important;
	}

	.advance-search td.ds-select-row mat-icon {
		color: var(--primary_color) !important;
	}

	td i.pi.pi-plus-circle {
		color: var(--primary_color);
	}

	td i.pi.pi-minus-circle {
		color: var(--primary_color);
	}

	.ds-crm-main-container .ds-crm-content-container .ds-info-tabs label.name {
		color: var(--primary_color) !important;
	}

	.ds-recipient-instruction label.ds-recipient-numbering {
		border: 1px solid var(--primary_color) !important;
		color: var(--primary_color) !important;
	}

	.ds-progressbar>span {
		color: var(--primary_color) !important;
	}


	.ds-beneficiary-step-4 .ds-main-content i.pi.pi-id-card,
	.ds-beneficiary-step-4 .ds-main-content mat-icon.mat-icon {
		color: var(--primary_color) !important;
	}


	.ds-multi-entity .ds-multi-entity-heading {
		color: var(--primary_color) !important;
	}

	.ds-newsfeed-container .ds-newsfeed-row {
		border-left: 3px solid var(--primary_color) !important;
	}

	.newsfeedpoweredby span {
		color: var(--primary_color) !important;
	}

	#draw-down .ds-drawdown-step-1 .expanded-row td:nth-child(2) {
		color: var(--primary_color) !important;
	}

	#draw-down .ds-drawdown-step-1 .expanded-row td.ds-edit-amount-to-drawdown i {
		color: var(--primary_color) !important;
	}

	td i.pi.pi-chevron-right,
	td i.pi.pi-chevron-down {
		color: var(--primary_color);
	}

	.support-container .supportdesk .content .ds-contact-detail {
		background: linear-gradient(41deg, var(--primary_color), var(--secondary_color)) !important;
	}

	.ds-f pre {
		color: var(--primary_color) !important;
	}

	.ds-crm-main-container .ds-crm-content-container .ds-info-tabs .ds-.custom-top-box .ds-backspace-contactdetails {
		background-color: var(--primary_color) !important;
	}

	.ds-delete-dialog.ds-dialog-with-success .dialog-action-buttons .ds-success-button {
		background-color: var(--primary_color) !important;
	}

	.ds-summary .ds-exchange-summary .ds-main-content,
	#extension-deal .ds-exchange-summary .ds-main-content,
	#forward-deal .ds-exchange-summary .ds-main-content,
	#swap-deal .ds-swap-step-3 .ds-exchange-summary .ds-main-content {
		    background-color: rgb(22 22 22) !important;
    border-color: #f2cf77 !important;
	}

	.ds-summary .ds-exchange-summary .ds-main-content label,
	#extension-deal .ds-extension-step-4 .ds-exchange-summary .ds-main-content label,
	#forward-deal .ds-spot-step-5 .ds-exchange-summary .ds-main-content label,
	#swap-deal .ds-swap-step-3 .ds-exchange-summary .ds-main-content label {
		color: #ffffff !important;
	}

	.ds-summary .ds-exchange-summary .ds-main-content label:nth-child(2),
	#extension-deal .ds-exchange-summary .ds-main-content label:nth-child(2),
	#forward-deal .ds-exchange-summary .ds-main-content label:nth-child(2),
	#swap-deal .ds-swap-step-3 .ds-exchange-summary .ds-main-content label:nth-child(2),
	.ds-summary .ds-exchange-summary .ds-main-content label:nth-child(4) {
		    background-color: #f2cf77 !important;
			color: #161616 !important;
	}

	.ds-exchange-summary .ds-main-content label {
		color: var(--primary_color) !important;
	}

	.ds-fee-popup{
		border: 2px solid var(--primary_color) !important;
	}

	.ds-acc-currency span.ds-account-name{
		color: var(--primary_color) !important;
	}

	/*SECONDARY_COLOR*/

	.ds-available-account-balances table tr td:nth-child(2) span.ds-amount {
		background-color:  #161616 !important;
	}


	/*Pagination Selected color*/
	.p-paginator-page.p-paginator-element.p-link.p-highlight {
		background-color: #161616 !important;
		color: #ffffff !important;
		border-color: #161616 !important;
	}

	.ngx-pagination .current {
		background-color: var(--secondary_color) !important;
	}

	/*Record per page Selected color*/
	.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
		color: #ffffff !important;
		background-color: #161616 !important;
	}

	/*Indicative rate Get Quote*/
	.ds-indicative-rate .ds-detailcolumn2 button.ds-btn,
	label.ds-add-recipient a,
	.ds-indicative-rate .ds-detailcolumn1 .ds-add-recipient span.material-icons {
		color: #161616 !important;
	}


	/*Filter color*/
	.filter-off {
		color: #575757 !important;
	}


	.ds-.custom-top-box span.active {
		color: var(--secondary_color) !important;
	}

	.mat-calendar-body-today {
		border-color: var(--secondary_color) !important;
		background-color: var(--secondary_color) !important;
		color: #fff !important;
	}

	#ds-master-grid .ds-print-button button.ds-add-new {
		color: var(--secondary_color);
	}

	#payment-tracker .posted,
	#payment-tracker .paid,
	#payment-tracker .sent,
	#payment-tracker .finished {
		background-color: var(--secondary_color);
		color: #161616;
		border: 1px dotted #161616 !important;
	}

	/*Switch Color*/
	.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
		background-color: var(--secondary_color) !important;
	}

	.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
		background-color: #A75EFF5e !important;
	}

	.user-menu .mat-mdc-menu-item {
		background: var(--primary_color) !important;
	}

	.user-menu .mat-mdc-menu-item .mat-icon-no-color,
	.user-menu .mat-mdc-menu-item .mat-mdc-menu-submenu-icon {
		color: #fff !important;
	}


	.ds-search-routing .ds-manual-entry button.ds-anchor-button {
		color: var(--secondary_color) !important;
	}

	.app.indigo-light .mat-flat-button.mat-primary,
	.app.indigo-light .mat-raised-button.mat-primary,
	.app.indigo-light .mat-fab.mat-primary,
	.app.indigo-light .mat-mini-fab.mat-primary {
		background-color: var(--secondary_color) !important;
		font-weight: 400;
	}


	.ds-crm-main-container .ds-crm-content-container .ds-info-tabs span.badge.active {
		border-color: var(--secondary_color) !important;
		color: var(--secondary_color) !important;
	}


	.delete-alert {
		background: var(--secondary_color) !important;
	}

	#draw-down .delete-alert::after {
		border-top: 1px solid var(--secondary_color) !important;
		border-right: 1px solid var(--secondary_color) !important;
	}

	.delete-alert:after {
		border-top: 1px solid var(--secondary_color) !important;
		border-right: 1px solid var(--secondary_color) !important;
	}

	.ds-no-records-dashobard h3 {
		background-color: var(--secondary_color) !important;
	}

	.ds-success-button[disabled=true] {
		background-color: #e0e0e0 !important;
	}

	.ds-payee-detals pre strong,
	.ds-funding-detals pre strong {
		color: #8b8b8b;
	}

	/*table head color*/
	thead .ds-header:first-child th,
	.ds-draw-down-trans thead tr:first-child th,
	.advance-search .p-datatable-thead > tr > th,
	.ds-pay-limit .p-datatable-thead > tr > th {
		background-color: var(--table-head-color) !important;
		color: #ffffff !important;
		font-weight: bold !important;
		padding: 0.8em !important;
		font-size: 0.65rem !important;
		border-top: 1px solid #f8cc50 !important;
		border-bottom: 1px solid #f8cc50 !important;
	}

	thead .ds-header:first-child th:first-child,
	.ds-draw-down-trans thead tr:first-child th:first-child,
	.advance-search .p-datatable-thead > tr > th:first-child,
	.ds-pay-limit .p-datatable-thead > tr > th:first-child {
		border-left: 1px solid #f8cc50 !important;
	}

	thead .ds-header:first-child th:last-child,
	.ds-draw-down-trans thead tr:first-child th:last-child,
	.advance-search .p-datatable-thead > tr > th:last-child,
	.ds-pay-limit .p-datatable-thead > tr > th:last-child {
		border-right: 1px solid #f8cc50 !important;
	}


	.p-datatable .p-sortable-column .p-sortable-column-icon {
		color: #ffffff !important;
		}



	thead tr:first-child th ::before {
		color: #4D4F5C !important;
		font-weight: 600;
	}

	tr td {
		color: #595959 !important;
	}

	.ds-multiple-payment .payment-grid .ui-table-thead>tr:first-child th {
		background-color: var(--table-head-color) !important;
		color: #4D4F5C !important;
		font-weight: bold !important;
	}


	/*Sumary Screen Total Color*/
	.ds-payee-total,
	.ds-funding-total {
		background-color: var(--table-head-color) !important;
	}

	/*Approval table head color*/
	.approval-table thead tr {
		background-color: var(--picker-header-color) !important;
		color: white;
	}

	/*Advance Search header color*/
	.advance-search .ui-table-thead>tr>th {
		background-color: var(--picker-header-color) !important;
		color: #4D4F5C !important;
		font-weight: bold !important;
		padding: 1.2em 0.857em !important;
	}

	/*picker_header_color*/
	app-picker .ng-dropdown-panel table tr th,
	.ng-dropdown-panel .ng-dropdown-header {
		background-color: var(--picker-header-color) !important;
		color: #4D4F5C !important;
		font-weight: bold !important;
	}

	.ds-pay-limit .ui-table-thead>tr>th {
		background-color: var(--picker-header-color) !important;
		color: #4D4F5C !important;
		font-weight: 600 !important;
	}

	/*Login, Forgot, Reset - Box */
	.ds-form {
		background-color: var(--loginbox-color);
		border-radius: 5px;
	}

	/*Footer Bar Color*/
	.mat-toolbar.footer {
		background-color: var(--footer-bar-color) !important;
	}



	/*------------------EXTRA------------------*/
	tr th,
	span.group-title {
		font-weight: 500 !important;
	}

	/*beneficiary lookup ancor*/
	.ds-main-content-1 button.ds-anchor-button {
		color: black;
	}

	/*Login Icons*/
	.secondary-text-color {
		color: rgb(0 0 0 / 54%) !important;
	}

	/*maintaince message */
	.ds-user-message {
		color: #ffffff;
	}


	/*Payment Limit Sub Deal Limit Header color*/
	.ds-limitDetails-header {
		background-color: #7280B0 !important;
		color: #fff !important;
	}

	/*CSV color*/
	.ds-print-button .ui-button {
		background-color: transparent !important;
		border: none !important;
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: center;
	}

	.ds-pdf {
		background-image: url('../img/pdf.png');
		color: #ca3033 !important;
		box-shadow: 1px 1px 1px -7px rgb(0 0 0 / 7%), 0px 1px 1px 1px rgb(0 0 0 / 10%), 0px 1px 5px 1px rgb(0 0 0 / 11%) !important;
		background-size: 15px !important;
	}

	.ds-pdf span, .ds-csv span {
		padding: 3px 12px !important;
		height: 28px;
	}

	.ds-csv {
		background-image: url('../img/csv.png');
		color: #28a745 !important;
		box-shadow: 1px 1px 1px -7px rgb(0 0 0 / 7%), 0px 1px 1px 1px rgb(0 0 0 / 10%), 0px 1px 5px 1px rgb(0 0 0 / 11%) !important;
		background-size: 15px !important;
	}


	.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
		border-color: rgb(42 141 179) !important;
	}

	/*Approval Heading Color*/
	.ds-account-transfer-step-2 h5 {
		color: rgba(169, 24, 154, .8039215686);
	}

	/*summary border color*/
	.ds-from-instruction,
	.ds-to-instruction-less,
	.ds-to-instruction,
	.ds-transfer-summary,
	.ds-exchange-summary .ds-main-content,
	.ds-From-instruction,
	.ds-deal-summary,
	.ds-recipient-instruction,
	.ds-fixed-funding-height,
	.ds-inner-details,
	.ds-funding-instruction {
		background-color: #fff;
		border-radius: 6px;
	}

	.ds-funding-instruction .ds-main-content {
		border-bottom: 2px solid #283593;
	}

	/*Progress Barcolor*/
	.mat-progress-bar-fill::after {
		background-color: #303f95 !important;
	}


	/*History Tab Colors*/
	.mat-tab-label-active {
		opacity: 1 !important;
	}

	.mat-tab-label {
		border: none !important;
	}

	.mat-tab-group.mat-primary .mat-ink-bar,
	.mat-tab-nav-bar.mat-primary .mat-ink-bar {
		background-color: #303f9f !important;
	}


	/*Sub Menu Alignment*/
	.align-sub-menu {
		margin-left: 28px !important;
		display: block;
		width: 195px !important;
		text-align: left;
		white-space: initial;
		line-height: 1.5;
		padding: 8px 0;
	}


	.ds-base-timer-path-remaining.warning {
		color: rgb(255, 172, 17) !important;
	}

	.ds-base-timer-path-remaining.alert {
		color: rgb(255, 51, 51) !important;
	}

	.ds-search-routing .ds-manual-entry-clear button.ds-anchor-button {
		color: #575757 !important;
	}

	.mat-tab-label-content {
		background-color: #4a4a4a;
		color: #fff;
	}

	.ds-delete-dialog p b {
		color: #2a2a2a;
		font-weight: 500;
	}

	.multi-rate-box:nth-child(1) .l .ds-rec-flag label {
		color: #1d1dbb;
	}

	.multi-rate-box:nth-child(2) .l .ds-rec-flag label {
		color: #e52727;
	}

	.ds-delete span.material-icons,
	.ds-dark-mode td span.material-icons.ds-delete-icon, .c-delete {
		color: #ED1C24 !important;
	}

	#ds-master-grid .ds-print-button .ds-filter,
	#draw-down .ds-drawdown-step-1 .ds-draw-down-trans .ds-print-button span.material-icons {
		top: 0 !important;
	}


	.ds-step1-child-button,
	.ds-step1-button {
		background-color: #4a4a4a !important;
	}

	#assign-user-grid td.edit span.material-icons {
		color: #ED1C24;
	}

	.ds-delete-icon {
		color: #ED1C24 !important;
	}

	/*Support Widget*/

	.support-container .supportdesk .content .ds-contact-detail ul li,
	.support-container .supportdesk .content .ds-contact-detail ul li a {
		color: #ffffff !important;
	}

	.ds-multiple-payee .ds-r-1 label,
	.ds-multiple-funding .ds-r-1 label {
		color: #28a745 !important;
	}

	.ds-ratebox .ds-rec-amount,
	.ds-multi-ratebox .ds-rec-amount {
		color: #00A4D3 !important;
	}

	.ds-ratebox .ds-pay-amount,
	.ds-multi-ratebox .ds-pay-amount {
		color: #72BB53 !important;
	}

	.ds-scroll-height .ds-right {
		display: none;
	}

	.ds-multi-entity .ds-multi-entity-list p span.ds-badge {
		border-color: #2a8db3 !important;
		color: #2a8db3 !important;
	}

	.ds-progressbar > span {
		color: #575757 !important;
	}

	.ds-acc-totalbalance span.ds-positive {
		color: #2b7707;
	}

	.ds-acc-totalbalance span.ds-negative {
		color: #c80a15;
	}

	.ds-scroll-height .main-container .ds-left {
		display: none;
	}

	.ds-scroll-height .main-container .ds-right {
		display: none;
	}
	
	
.ds-base-score.low, .status.open, .status.completed{
    color: #53bd5b !important;
}

.ds-base-score.high, .status.rejected, .status.errors{
    color: #e6343a;
}

.ds-base-score.high, .status.rejected, .status.errors{
    color: #e6343a;
}

.status.submit_pending{
    color: #d09f0b;
}

.ds-record-badge.success {
    color: #3dae56;
    border-color: #3dae56;
}

.ds-record-badge.failed {
    color: #f00f00;
    border-color: #f00f00;
}

.ds-record-badge.total {
    border-color: #eeeeee !important;
}
	/*only for datasoft custom theme*/
.ds-upload-recipient span.ds-filename {
    color: var(--primary_color) !important;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    top: 11px !important;
}

#ds-master-grid span.p-input-icon-left.filter-container i.pi.pi-search, .ds-draw-down-trans span.p-input-icon-left.filter-container i.pi.pi-search, .ds-routing-table span.p-input-icon-left.filter-container i.pi.pi-search {
    top: 0 !important;
}


	input[type=password] {
		font-family: 'AvenirMedium' !important;
	}

	input[type=password]::placeholder {
		font-family: var(--font_family);
	}

	.ds-top-bar-container .p-datatable-globalfilter-container button.ds-search-button{
	border: 1px solid #dfbc65 !important;
	}
	
	body .ds-top-bar-container .ds-add-new {
    color: #161616 !important;
}

.ds-change-password .message {
        padding: 5px 25px !important;
}

thead .mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
border-color: #ffffff61;
}

thead .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{
border-color: #ffffff !important;
}

body #currency-statement .ds-grid-view #ds-master-grid .p-datatable .p-datatable-tfoot>tr>td {
    background-color: #f0f0f0 !important;
}

.ds-card-grid-view .p-datatable .p-sortable-column .p-sortable-column-icon {
 color: #6c757d !important;
}

.ds-card-grid-view thead .ds-header:first-child th {
    border: none !important;
}


.ds-edge input[type="password"]::-ms-reveal,
.ds-edge input[type="password"]::-ms-clear {
	display: none;
}

.sub-menu {
    max-height: unset !important;
    overflow: hidden !important;
    height: unset !important;
    display: none;
}
 
.sub-menu.show {
    display: block;
}