:root {
    --primary_color: #00639d;
    --primary_color_light: #00639d14;
    --secondary_color: #cf8030;
    --secondary_color_light: #cf803035;
    --tertiary_color: var(--primary_color);
    --tertiary_color_light: var(--primary_color_light);

    --heading_color: var(--primary_color); 

    --breadcrumb_bg_color: #00639dc9;
    --breadcrumb_text_color: #ffffff;

    --button_primary_bg_color: var(--secondary_color);
    --button_primary_text_color: #FFFFFF;

    --button_secondary_bg_color: #4a4a4a;
    --button_secondary_text_color: #ffffff;

    --header_bg_color: linear-gradient(160deg,  var(--primary_color), var(--primary_color));
    --header_text_color: #FFFFFF;

    --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: var(--secondary_color);
    --stepper_text_color: #FFFFFF;

    --loader_color: var(--primary_color);

    --dialog_header_bg_color: var(--primary_color);
    --dialog_header_text_color: #ffffff;

    --rate_box_bg_color: linear-gradient(160deg,  var(--primary_color), var(--secondary_color));
    --rate_box_text_color: #FFFFFF;

    --font_family: "AvenirMedium";
    --logo_path: url('../img/logo.png');
    --background_image_path: url('../img/background.png');


    --background-size: "auto";
    --background-repeat: "no-repeat";


    --loginbox-color: #ffffff;


    --footer-bar-color: #0D113F;
    --table-head-color: #E6E9F5;
    --picker-header-color: #E6E9F5;

}

/*LOGO_PATH*/

/*Topbar Logo Custom Image*/
.header .logo {
    background-image: var(--logo_path);

    background-repeat: no-repeat;
    background-position: 50%;
    height: 3.5rem;
    position: relative;
    display: block !important;
    width: 260px;
    left: 0;
    background-color: #fff;
    background-size: contain;
    background-origin: content-box;
    padding: 8px;
}

.ds-custom-three::before {
    /* background: linear-gradient(190deg, var( --primary_color), #ffffff); */
    background: linear-gradient(190deg, var(--primary_color), #ffffff);
}

.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;
}


/*BUTTON_PRIMARY_BG_COLOR & TEXT_COLOR*/

.ds-success-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;
}

.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,
button.ds-add-new {
    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,
.ds-entity-pricing-container .ds-addpair button {
    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;
}
.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;
}

#existing-beneficiary .mdc-tab.mat-mdc-tab.mdc-tab--active{
    background-color: var(--button_primary_bg_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;
}

.ds-confirmation-dialog span.material-icons{
    color: var(--button_primary_bg_color) !important;
}

.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab .mdc-tab__text-label {
    color: #fff !important;
    letter-spacing: 0;
}

.ds-success-button[disabled=true] {
    background-color: #e0e0e0 !important;
    cursor: not-allowed !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;
    font-size: 0.8rem !important;
}


.ds-decline-button[disabled=true] {
    background-color: rgba(0, 0, 0, 0.12) !important;
    cursor: not-allowed !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 {
    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;
}

/*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;
}

mat-tab-group.mat-mdc-tab-group.ds-mat-tab-group .mdc-tab.mdc-tab--active .mat-mdc-tab-ripple {
    background-color: var(--steppers_bg_color) !important;
}

mat-tab-group.mat-mdc-tab-group.ds-mat-tab-group .mdc-tab.mdc-tab--active span.ds-counter {
    background-color: var(--steppers_bg_color) !important;
    filter: brightness(0.95);
}

mat-tab-group.mat-mdc-tab-group.ds-mat-tab-group .mdc-tab.mdc-tab--active::after{
    border-top: solid 10px var(--steppers_bg_color) !important;
}

/*LOADER_COLOR*/
.ngx-foreground-spinner {
    color: var(--loader_color) !important;
}


/*TERTIARY_COLOR*/
.ds-ancor,
.ds-dealnumber,
span.ds-add-payee.link,
button.ds-more,
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,
a.ds-viewamount   {
    color: var(--tertiary_color) !important;

    cursor: pointer
}

.ds-ancor:hover,
.ds-dealnumber:hover,
span.ds-add-payee.link:hover,
button.ds-more: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;
}

.ds-anchor-button{
    color: var(--tertiary_color) !important;
    cursor: pointer;
}

span.link {
    color: var(--tertiary_color) !important;
    cursor: pointer;
}

/*View History Colors*/
.ds-viewhistory a.history {
    color: var(--tertiary_color) !important;
}

/*Filter color*/
.filter-on {
    color: var(--tertiary_color) !important
}


/*Advance Search icon*/
app-picker mat-icon.search-icon,
td span.material-icons,
mat-icon.mat-icon.search-icon,
button.ds-wire-print span.material-icons {
    cursor: pointer;
    color: var( --tertiary_color) !important;
}

.ds-cloud-print span.material-icons {
    color: var( --tertiary_color) !important;
}



.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-workflowdashboard-reload {
    color: var(--tertiary_color) !important;
}


.ds-switch.active {
    background-color: var(--tertiary_color) !important;
    color: #ffffff !important;
}

.ds-info-tabs .card span.badge.active {
    border-color: var(--tertiary_color) !important;
    color: var(--tertiary_color) !important;
}

.ds-crm-main-container .ds-crm-content-container .ds-customer-details span.material-icons {
    color: var(--tertiary_color) !important;
}

.ds-crm-main-container .ds-crm-content-container .ds-info-tabs .ds-.custom-top-box .ds-backspace-contactdetails{
    background-color: var(--tertiary_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;
}
span.breadcrumb-title, .breadcrumb a mat-icon.mat-icon {
    color:  var(--breadcrumb_text_color) !important;
}

/*HEADING_COLOR*/
.ds-login-heading,
.ds-dashboard-main-container h3,
h3.ds-entity-name,
.ds-info-tabs label.name,
.ds-modal-header h2,
.user-info h2,
.ds-info-tabs .ds-.custom-top-box span strong,
h4.user-name span,
.ds-customer-details .row1 .right h4,
.mat-card-header .mat-card-title,
.activity-group,
.graph-filter-row h3,
.users-wrapper .user-details .user-name,
.ds-crm-main-container .ds-crm-content-container .ds-customer-details .row1 .right h4,
.ds-info-tabs .swiper-wrapper label.name,
.ds-crm-main-container .ds-crm-content-container .ds-info-tabs .ds-.custom-top-box .mat-icon,
.title,
.ds-beneficiary-step-1 .ds-main-content-1 .ds-step1-button,
.ds-crm-main-container .ds-crm-content-container .ds-customer-details .row2 .ds-appointment h5,
.ds-account-transfer-step-2 h2,
.ds-approval-heading h5,
.ds-account-transfer-step-4 h2,
.ds-spot-step-5 h2,
.ds-step2-image label,
.ds-beneficiary-step-4 h2,
#approval-policy h2,
.ds-map-step-2 h2,
.ds-map-step-4 h2,
.ds-spot-step-1 h2,
.ds-recipient-dialog h2,
.ds-recipient-dialog-step3 h2,
.ds-spot-step-3 h2,
.ds-spot-step-4 h2,
.ds-map-step-1 h2,
.entity-wrapper h2,
.ds-beneficiary-step-1 h2,
.ds-manual-entry-form h2,
.ds-beneficiary-step-2 h2,
.ds-manage-summary-details h2,
#margin-summary-grid h2,
#manage-user h2,
#swap-deal h2,
#extension-deal h2,
#draw-down h2,
.mat-mdc-card-header .mat-mdc-card-title,
.ds-entity-margin-container h3,
.ds-sidebar .ds-slidebar-active-pannel h2,
.ds-spot-step-2 h2 {
    color:  var(--heading_color) !important;
    letter-spacing: 0;
    font-weight: 500 !important;
}


/*DIALOG_HEADER_COLOR*/
.ds-modal-header,
.ds-top-bar,
.ds-standing-instruction-container .sider-panner-header {
    background-color: var(--dialog_header_bg_color) !important;
}

.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;
}


.ds-no-records-dashobard h3 {
    background-color: var(--secondary_color) !important;
}


/*FONT_FAMILY*/

.material-icons {
    font-family: 'Material Icons' !important;
}

.pi {
    font-family: 'primeicons' !important;
}

.fa {
    font-family: 'FontAwesome' !important;
} 

*{
    font-family: var(--font_family);
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined' !important;
}


tr th,
span.group-title,
.toast-container *,
h2.message,
h2,
.ds-payee-detals pre strong,
.ds-funding-detals pre strong,
.mat-card-subtitle,
.mat-card-content,
.ng-value b,
.ng-option b,
span.ng-value-label,
span.mat-select-value-text,
.mat-form-field input,
.mat-slide-toggle-content,
.mat-mdc-menu-item,
.ds-sub-module-name p,
.ng-select .ng-clear-wrapper .ng-clear,
.ds-task-filter .p-multiselect,
.p-widget,
.ds-main-module-name p,
.ds-permission-all p,
#permission-user .ds-content-4 .ds-top-bar label,
tr th,
span.group-title,
.ds-multi-org-name,
.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,
.mat-mdc-option .mdc-list-item__primary-text {
    font-family: var(--font_family) !important;
}

.p-paginator button.p-ripple.p-element.p-paginator-page.p-paginator-element.p-link,
.p-paginator .p-inputtext,
.p-paginator .p-link {
    font-family: var(--font_family) !important;
}

/*Graph Color*/

.ds-dasboard-deal-profit .ds-body-spreadbase .p-progressbar-value{
    background:  var( --primary_color) !important;
}

.ds-dasboard-deal-profit .ds-options .ds-spread-base span {
    background-color:  var( --primary_color) !important;
}

.ds-dasboard-deal-profit label.ds-body-spreadbase span {
    color:  var( --primary_color) !important;
}


.ds-dasboard-deal-profit .ds-body-count .p-progressbar-value{
    background: var(--secondary_color) !important;
}

.ds-dasboard-deal-profit .ds-options .ds-new-transcation-count span {
    background-color: var(--secondary_color) !important;
}

.ds-dasboard-deal-profit label.ds-body-count span {
    color: var(--secondary_color) !important;
} 

.ds-search-routing .ds-manual-entry button.ds-anchor-button {
    color: var(--secondary_color) !important;
}


/*PRIMARY_COLOR*/

/*picker group header color*/
app-picker .ng-dropdown-panel span.group-title {
    background-color: var( --primary_color);
    color: #fff;
}


.ds-count, label.ds-funding-numbering, label.ds-settlement-numbering {
    border: 1px solid var(--primary_color) !important;
    color: var(--primary_color) !important;
}

/*Manage Permission Header*/
.ds-content-2 .ds-main-module-name {
    background-color: var(--primary_color);
}

/*Manage Permission Organization Name*/
#permission-user .ds-top-bar label strong {
    color: var( --primary_color) !important;
}


/*Focused on Input */
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,
.mat-form-field.mat-focused .mat-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-form-field-appearance-outline .mat-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;
}

.p-inputtext:enabled:focus,
.p-inputtext:enabled:hover,
.p-multiselect:not(.p-disabled):hover,
.p-multiselect:not(.p-disabled):focus {
    border-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,
.ng-select .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--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-form-field.mat-focused .mat-form-field-ripple {
    background-color: var(--primary_color) !important;
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled),
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: var(--primary_color) !important;
}

th .ui-inputtext:enabled:focus:not(.ui-state-error),
th .ui-dropdown:not(.ui-state-disabled).ui-state-focus,
th .ui-dropdown:not(.ui-state-disabled):hover {
    box-shadow: none !important;
    border-color: var(--primary_color) !important;
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.ng-select.ng-select-focused.ng-invalid .ng-select-container .ng-value-container .ng-placeholder {
    color: #dc3232 !important;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-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 {
    border-color: #dc3232 !important;
}

p-dropdown.ng-invalid.ng-touched .p-dropdown {
    border-color: #dc3232 !important;
}

p-dropdown.ng-invalid.ng-touched .p-dropdown .p-dropdown-label.p-placeholder{
    color: #dc3232 !important;
}

p-dropdown.ng-invalid.ng-touched path{
    fill: #dc3232 !important;
}

/*scroll bar color*/
::-webkit-scrollbar-thumb {
    background: var(--primary_color) !important;
}

::-webkit-scrollbar-track {
    background: #5f5d5d91 !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;
}

/*RATE_BOX_COLOR*/
.ds-ratebox .m,
.ds-multi-ratebox .m {
    background: var(--rate_box_bg_color);
    color: var(--rate_box_text_color);
}


.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);
}


/*SECONDARY_COLOR*/

/*Pagination Selected color*/
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background-color: var(--secondary_color) !important;
    color: #ffffff !important;
    border-color: var(--secondary_color) !important;
}

/*Record per page Selected color*/
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: #ffffff;
    background-color: var(--secondary_color) !important;
}

.ngx-pagination .current {
    background: var(--secondary_color) !important;
}


#payment-tracker .posted,
#payment-tracker .paid,
#payment-tracker .sent,
#payment-tracker .finished {
    background-color: var(--secondary_color);
    color: #fff;
    border: 1px dotted var(--secondary_color) !important;
}


.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;
}

.mdc-switch--selected .mdc-switch__shadow {
    background: var(--tertiary_color) !important;
}

input[type=checkbox]{
    accent-color: var(--tertiary_color) !important;
}

.ds-payment-method-onedit .ds-row-1 mat-icon.mat-icon{
    background-color: var(--tertiary_color) !important;
}

#ds-master-grid .ds-print-button button.ds-add-new{
    color:  var(--tertiary_color) !important;
}

td i.pi.pi-plus-circle, a.p-element {
    color: var(--primary_color) !important;
}

.ds-overlay-pricing thead .ds-price-heading th span{
    color: var(--primary_color) !important;
}

.ds-payment-method-onedit .ds-FeeAddTradeCost .table-header{
    background-color: var(--secondary_color) !important;
    color: #fff !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;
}

/*Login, Forgot, Reset - Box */
.ds-form {
    background-color: var(--loginbox-color);
}

/*Login, Forgot, Reset - Background */
.ds-login-forms,
.ds-forgot-form,
.ds-reset-form {
    background-color: #fafafa !important;
    background-size: var(--background-size);
    background-repeat: var(--background-repeat);
    height: 100vh;
}

/*maintaince message */
.ds-user-message {
    color: #ffffff;
}

/*Footer Bar Color*/
.mat-toolbar.footer {
    background-color: var(--footer-bar-color) !important;
}

/*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: #4D4F5C !important;
    font-weight: bold !important;
    padding: 1.2em 0.857em !important;
}

.ds-multiple-payment .payment-grid .p-datatable-thead>tr:first-child th {
    background-color: var(--picker-header-color) !important;
    color: #4D4F5C !important;
    font-weight: 600 !important;
}

/*Approval table head color*/
.approval-table thead tr {
    background-color: var(--picker-header-color) !important;
    color: white;
}

/*Advance Search header color*/
.advance-search .p-datatable-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 {
    background-color: var(--picker-header-color) !important;
    color: #4D4F5C !important;
    font-weight: bold !important;
}

/*Payment Limit header color*/
.ds-pay-limit .p-datatable-thead>tr>th {
    background-color: var(--picker-header-color) !important;
    color: #4D4F5C !important;
    font-weight: bold !important;
    padding: 1.2em 0.857em !important
}


/*Sumary Screen Total Color*/
.ds-payee-total,
.ds-funding-total {
    background-color: var(--table-head-color) !important;
}

/*Payment Limit Sub Deal Limit Header color*/
.ds-limitDetails-header {
    background-color: #4593b7 !important;
    color: #4D4F5C !important;
}

/*Filter color*/
.filter-off {
    color: #575757 !important;
}

/*menu active background color*/
app-vertical-menu .menu-item .expanded {
    /* background-color:#2f84b5 !important */
    border-bottom: 1px solid #ddd;
}

/*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 {
    border: 0px solid #f2f2f2;
    background-color: #fff;
    border-radius: 6px;
}

/* .ds-exchange-summary .ds-main-content label{  
    border-bottom: 1px solid var( --primary_color);
} */

/*Progress Barcolor*/
.mat-progress-bar-fill::after {
    background-color: var( --primary_color) !important;
}


.ds-show-number strong {
    border-color: #ddd !important;
    color: #4a4a4a;
}

/*History Tab Colors*/
.mat-tab-label-active {
    /* background-color: #6471d2 !important; */
    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: var( --primary_color) !important;
}


.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-cheque-payment svg, .ds-online-payment svg, .ds-draft-payment svg, .ds-money-transfer-payment svg {
    fill: #ececec;
}


/*menubar-color*/
.sidenav .sidenav-menu-outer {
    background-color: #fafafa;
}


.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-state-highlight {
    color: #2a2a2a;
    background-color: var(--secondary_color_light) !important;
}


.ds-market-rate {
    color: rgb(223, 223, 37);
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
    background-color: var( --primary_color) !important;
    color: white;
}


/* tooltip for wire metadata*/
.wm-tooltip {
    margin-top: -3px;
}

/**Fixes*/
thead tr:first-child th {
    color: #4D4F5C !important;
    font-weight: bold !important;
}

app-flags-menu {
    position: relative !important;
    top: 3px !important;
}


.ds-receiving-bank span {
    color: #57B8FF !important;
}

.ds-finalize span {
    color: #009F3A !important;
}

.ds-active-view {
    color: var( --primary_color);
}

td.ds-receiving-bank strong {
    color: #575757;
}

td.ds-receiving-bank {
    color: #57B8FF !important;
}

span.ds-amount-popup {
    cursor: pointer;
    color: #007ad9;
}

.p-overlaypanel .p-overlaypanel-close {
    background-color: #fff !important;
    border-color: #2f84b5 !important;
}

.p-overlaypanel .p-overlaypanel-close .pi-times:before {
    color: #2f84b5 !important;
}

/*Custome Theme css Added*/

/* .ds-logo img {
    background-color: #fff;
    padding: 15px;
    border-radius: 15px;
} */




.gradient-gray {
    background: var( --primary_color) !important;
    background: linear-gradient(165deg, var( --primary_color), var( --secondary_color)) !important;
    color: #fff !important;
}

.user-menu .mat-mdc-menu-item {
    background: var(--secondary_color) !important;
    color: #ffffff !important;
}


.user-menu .mat-mdc-menu-item .mat-icon {
    color: #ffffff !important;
}

/*Calender Selection Color*/
.mat-calendar-body-selected,
.mat-calendar-body-selected.mat-calendar-body-today  {
    background-color: var( --secondary_color) !important;
    border-color: var( --secondary_color) !important;
    color: #fff !important;
}

.mat-calendar-body-today {
    border-color: var(--secondary_color) !important;
    background-color: var(--secondary_color) !important;
    color: #fff !important;
}

.ds-customer-details .row3 .ds-contact-client button {
    background-color: var(--button_primary_bg_color) !important;
    color: var(--button_primary_text_color) !important;
}


.advance-search td.ds-select-row mat-icon {
    color:  var(--tertiary_color) !important;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: var(--primary_color) !important;
    background: var(--primary_color_light) !important;
}

.ds-f pre {
    color: var(--primary_color) !important;
}

#margin-summary .ds-to-instruction .bb-1,
#margin-summary .ds-to-instruction.ds-right-side .bb-2{
    border-bottom: 1px solid var(--primary_color) !important;
}

p.basecurrecy {
    color: var(--tertiary_color) !important;
}

.ds-wire-print-left{
    color: var(--tertiary_color) !important;
}

.ds-.custom-top-box span.active {
    color: var(--secondary_color) !important;
}

.ds-.custom-top-box span {
    color: #000000DE !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;
}


i.pi.pi-eye::before {
    color: var( --primary_color) !important;
}

.ds-base-timer-path-remaining.default {
    color: var(--primary_color) !important;
}

.ds-base-timer-path-remaining.warning {
    color: rgb(255, 172, 17);
}

.ds-base-timer-path-remaining.alert {
    color: rgb(255, 51, 51);
}


.ds-ex-rate .title h2 {
    background-color:  var(--primary_color) !important;
    color: #ffffff !important
}

.ds-ex-rate .ds-close-icon{
    color: #ffffff !important
}

.ds-ex-rate .ds-input{
    background-color: #ffffff !important;
    border: 1px solid  var(--primary_color) !important;
}

#make-a-payment .ds-map-step-3 .ds-ex-rate .ds-close-icon[_ngcontent-ng-c597607987] {
    color: #ffffff !important;
}

.delete-alert {
    background: var(--secondary_color) !important;
}

.delete-alert:after {
    border-top: 1px solid var(--secondary_color) !important;
    border-right: 1px solid var(--secondary_color) !important;
}


.ds-summary .ds-exchange-summary .ds-main-content,
#make-a-payment .ds-exchange-summary .ds-main-content,
#spot-deal .ds-exchange-summary .ds-main-content  {
    background-color: var(--primary_color_light) !important;
    border: none !important;
}

.ds-summary .ds-exchange-summary .ds-main-content label,
#make-a-payment .ds-map-step-4 .ds-exchange-summary .ds-main-content label,
#spot-deal .ds-spot-step-5 .ds-exchange-summary .ds-main-content label {
    color: #4a4a4a !important;
}

.ds-summary .ds-exchange-summary .ds-main-content label:nth-child(2),
#make-a-payment .ds-exchange-summary .ds-main-content label:nth-child(2),
#spot-deal .ds-exchange-summary .ds-main-content label:nth-child(2),
.ds-summary .ds-exchange-summary .ds-main-content label:nth-child(4),
#make-a-payment .ds-exchange-summary .ds-main-content label:nth-child(4),
#spot-deal .ds-exchange-summary .ds-main-content label:nth-child(4) {
    background-color: var(--primary_color) !important;
    color: #fff !important;
}


.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;
}


.component .ds-modal-header h3,
.component .ds-modal-header mat-icon {
    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;
}

#ds-master-grid .ds-print-button button.ds-add-new {
    color: var(--secondary_color);
}

.mat-tab-label-active .mat-tab-label-content {
    color: #fff;
    background-color: #54b4e3 !important;
}



.ds-search-routing .ds-middle-bar p {
    color: var(--primary_color) !important;
}


.ds-beneficiary-step-4 i.pi,
.ds-beneficiary-step-4 mat-icon.mat-icon {
    color: var( --primary_color) !important;
}





.ds-info-tabs .swiper-wrapper span.badge.active {
    border-color: var( --primary_color) !important;
    color: var( --primary_color) !important;
}

.ds-beneficiary-step-4 h2 {
    border-color: var( --primary_color) !important;
}

.mat-calendar-body-selected {
    background-color: var( --primary_color) !important;
}

.mat-datepicker-toggle-active {
    color: var( --primary_color) !important;
}

.ds-info-tabs .swiper-button-next:after,
.ds-info-tabs .swiper-button-prev:after {
    background-color: var( --primary_color) !important;
}

.ds-confirm-notification .ds-modal-header mat-icon, .ds-confirm-notification .ds-modal-header h3,
.ds-approval-notification .ds-modal-header mat-icon, .ds-approval-notification .ds-modal-header h3 {
    color: var( --primary_color) !important;
}

.mat-stepper-vertical .mat-step-icon.mat-step-icon-selected.mat-step-icon-state-number {
    background-color: #2a8db3 !important;
}


.mat-mdc-tab .mdc-tab__text-label {
    color: #ffffff !important;
}


.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #4d4f5c !important;
}

.ds-progressbar > span {
    color: #575757 !important;
}

#approval-policy td span.material-icons {
    color: #ED1C24 !important;
}

.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;
}

.mat-datepicker-content .actions {
    background-color: var(--primary_color) !important;
}

@media only screen and (max-width: 500px) {
    .header .logo {
        background-size: 195px 52px;
    }

    .ds-login-forms .ds-custom-three .ds-welcome-board {
        background-color: var( --primary_color) !important;
    }
}

.p-datatable .p-sortable-column.p-highlight {
    background: #f4f4f4 !important;
}
.mat-calendar-body-selected,
.mat-calendar-body-selected.mat-calendar-body-today  {
    background-color: var( --secondary_color) !important;
    border-color: var( --secondary_color) !important;
    color: #fff !important;
}
.mat-calendar-body-today {
    border-color: var(--secondary_color) !important;
    background-color: var(--secondary_color) !important;
    color: #fff !important;
}
.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;
}
.mat-datepicker-content .actions {
    background-color: var(--primary_color) !important;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    font-weight: 500 !important;
}
.ds-selectcurrency .mat-mdc-select-arrow {
    top: -4px;
}
.ds-custom-three .ds-welcome-board .ds-logo img {
        background-color: transparent !important;
}
div#approval-policy-grid {
margin-top: 60px;
}
mat-icon.clear-date-picker {
right: 5px !important;
}
.ds-delete-dialog mat-dialog-container {
background-color: #fff;
--mdc-dialog-container-elevation-shadow: none !important;
border-radius: 5px;
}
.ds-info-card-overlay-details .col-6 span {
word-break: break-word !important;
}
.lang-fr .advance-search th.ds-select-row, .advance-search td.ds-select-row {
white-space: break-spaces;
line-height: 1.2;
word-break: break-word;
}
.created-date input#datePicker {
padding-right: 40px !important;
}
.ds-crm-filter mat-icon.clear-date-picker {
right: 35px !important;
}
.ds-sidepanel-height {
    max-height: 84%;
    min-height: 83%;
}
.ds-activities-panel .ds-attachment-filter-dropdown {
margin: 15px 0;
}
.lang-fr .ds-crm-main-container .ds-crm-content-container .ds-customer-details .row3 .ds-contact-client button mat-icon.mat-icon {
margin-right: 3px !important;
top: -1px !important;
margin-left: 3px;
}
.ds-modal-header-approval-history mat-icon {
color: var(--primary_color) !important;
}

.ds-info-tabs .ng-scrollbar-wrapper{
  --horizontal-scrollbar-size: 6px !important;
}