:root {
    --primary_color: #faa61a;
    --primary_color_light: #faa61a14;
    --secondary_color: rgb(45, 50, 62);
    --secondary_color_light: rgb(45, 50, 62);
    --tertiary_color: var(--primary_color);
    --tertiary_color_light: var(--primary_color_light);

    --heading_color: var(--secondary_color);

    --breadcrumb_bg_color: rgb(45, 50, 62);
    --breadcrumb_text_color: #ffffff;

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

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

    --header_bg_color: #FFFFFF;
    --header_text_color: #000;

    --sidebar_bg_color: rgb(45, 50, 62);
    --sidebar_text_color: #e3d9d9;

    --sidebar_icon_color: var(--primary_color);
    --sidebar_active_bg_color:  #faa61a;
    --sidebar_active_text_color: #fefefe;


    --steppers_bg_color: var(--secondary_color);
    --stepper_text_color: #FFFFFF;

    --loader_color: var(--primary_color);

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

    --rate_box_bg_color: linear-gradient(160deg, var(--secondary_color), var(--secondary_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: #286aa0;
    --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: rgb(255 255 255);
    padding: 30px 0 10px 0;
    border-radius: 5px;
}

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

/*HEADING_COLOR*/
.ds-login-heading {
    color: var(--heading_color);

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

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

.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: var(--tertiary_color) !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: var(--secondary_color);
}




/*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: var(--primary_color_light) !important;
    border: none !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: #4a4a4a !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: var(--primary_color) !important;
    color: #fff !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:  var(--secondary_color) !important;
}


/*Pagination Selected color*/
.p-paginator-page.p-paginator-element.p-link.p-highlight {
    background-color: var(--secondary_color) !important;
    color: #ffffff !important;
    border-color: var(--secondary_color) !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: var(--secondary_color) !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: var(--secondary_color) !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: #fff;
    border: 1px dotted var(--secondary_color);
}

/*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(--secondary_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: #fff !important;
    font-weight: bold !important;
    padding: 0.8em !important;
    font-size: 0.65rem !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;
}

/*only for datasoft custom theme*/
.ds-upload-recipient span.ds-filename {
    color: var(--primary_color) !important;
}



.ds-top-bar-container strong {
    font-weight: 500;
}

.ds-delete-dialog p {
    white-space: pre-wrap;
}
#make-a-payment .delete-alert {
z-index: 99 !important;
}

input[type=password].ng-invalid{
    font-family: 'AvenirMedium' !important;
}


.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    top: 10px !important;
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
    color: #ffffff !important;
}

.menu-item .parent-active-link.mat-mdc-button-base .menu-icon{background: rgb(0 0 0 / 73%) !important;}

.payment-grid .p-datatable .p-datatable-tbody>tr.selected 
{
	background-color: rgb(218 229 255) !important;
}

.lang-es .btn.ds-attachement-button
{
	right: -60px !important;
	}