:root {
    --primary_color: #4D3B71;
    --primary_color_light: #4D3B7114;
    --secondary_color: #7A30D6;
    --secondary_color_light: #7A30D63f;
    --tertiary_color: #4D3A70;
    --tertiary_color_light: #4D3A703f;

    --heading_color: var(--primary_color);

    --breadcrumb_bg_color: #ffffff;
    --breadcrumb_text_color: #000000;

       --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: linear-gradient(160deg, #ffffff, #ffffff);
    --header_text_color: #000000;

   --sidebar_bg_color: #282c36;
    --sidebar_text_color: #ffffff;

    --sidebar_icon_color: #FFFFFF;
    --sidebar_active_bg_color: #aa00ff;
    --sidebar_active_text_color: #FFFFFF;


    --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: "";
    --logo_path: url('../img/logo.png');
    --background_image_path: url('../img/background.png');


	--loginbox-color: rgba(113, 99, 142, 0.7);

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

}

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

.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 {
    background-color: transparent !important;
    height: 100vh;
}


/*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 {
    color: var(--tertiary_color) !important;

    cursor: pointer;
    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;
}

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

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


/*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;
	font-weight: 350 !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.mat-step-icon-state-number {
    background-color: var(--primary_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) !important;
}

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-step3-balance p {
    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-confirm-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;
}

.ds-upload-recipient :hover span.material-icons {
    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) !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(--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 {
    background-color: var(--table-head-color) !important;
    color: #4D4F5C !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;
}


/*---------EXTRA---------*/
tr th,
span.group-title {
    font-weight: 500 !important;
}


.ds-validate button.ds-anchor-button,
.ds-manual-entry button.ds-anchor-button,
.ds-manual-entry-clear button.ds-anchor-button,
.ds-manual-entry-filter button.ds-anchor-button {
    text-decoration: none;
}

/* SideBar menu active background color*/
app-vertical-menu .menu-item .expanded {
    background-color: transparent !important
}


/*beneficiary lookup ancor*/
.ds-main-content-1 button.ds-anchor-button {
    color: black;
}

.toast-message {
    font-weight: 600;
}


/*Login Icons*/
.secondary-text-color {
    color: rgb(0 0 0 / 54%) !important;
}


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

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

/*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-print-button .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 0.429em 0em 0.429em 2em;
}

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

.ds-csv span {
    padding: 3px 12px !important;
    height: 28px;
}

.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 {
    /* 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: #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;
}

.ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    font-size: 13px !important;
    justify-content: center;
    top: 3px;
    display: flex;
}

.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 {
    color: #ED1C24;
}


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

.toast-message {
    font-weight: 400;
    padding-top: 4px !important;
}


.ds-step1-child-button,
.ds-step1-button {
    background-color: #4a4a4a !important;
}

#assign-user-grid td.edit span.material-icons {
    color: var(--tertiary_color) !important;
}

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

@media only screen and (min-width: 1499px) {
    thead tr:first-child th {
        font-size: 0.7rem !important;
    }
}

/* #draw-down .ds-summary .ds-deal-summary .ds-f.ds-dealnumber-summary {
    width: 35% !important;
}*/

.ds-login-forms .ds-user-message {
    width: 27rem !important;
}


/*Login, Forgot, Reset - Box */
.ds-custom-theme .ds-scroll-height .ds-form {
    background-color: var(--loginbox-color) !important;
    border-radius: 5px;
}

.ds-scroll-height .ds-form {
    background-color: #fff;
    border-radius: 5px;
}


.ds-scroll-height .main-container .ds-text p {
    color: #4d3b72 !important;
}

.ds-scroll-height .main-container {
    background-image: var(--background_image_path);
    background-color: #fafafa;
    background-size: cover;
    background-repeat: no-repeat;
}

.ds-scroll-height .ds-left, .ds-scroll-height .ds-right {
    display: none;
}

/**Custom Login CSS**/

.ds-custom-theme .ds-scroll-height{
    overflow: auto;
    height: 100vh;
    display: block;
}

.ds-custom-theme .ds-scroll-height .main-container {
    display: flex;
    width: 100%;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-middle {
    width: 50%;
    background-color: transparent;
    padding-top: 0;
    text-align: end;
    align-items: center;
    display: grid;
    padding-right: 1rem;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    justify-content: left;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-left {
    width: 50%;
    background-color: transparent;
    padding-top: 0;
    text-align: left;
    align-items: center;
    display: flex;
    padding-left: 6rem;
    place-content: end;
    padding-right: 100px;
    box-sizing: border-box;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-left .ds-custom-height{
    height: 100vh;
    align-items: center;
    background-image: var(--logo_path);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-position: 0 45px;
    background-size: 130px;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-newcustomer {
    position: relative;
    width: 360px;
    /* text-align: justify; */
    line-height: 1.5;
    top: 0;
    min-height: 355px;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-middle .mat-drawer-content{
    overflow: hidden;
}


.ds-custom-theme .ds-scroll-height .main-container{
    background: linear-gradient(0deg, rgba(77, 59, 114, 0.7), rgba(77, 59, 114, 0.7)), var(--background_image_path);
    background-size: cover;
    background-repeat: no-repeat;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-logo{
    display: none;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-form {
    border-radius: 12px;
    padding: 30px 45px;
}

.ds-custom-theme .ds-scroll-height .main-container app-flags-menu span.ml-1 {
    color: #fff;
}

.ds-custom-theme .ds-scroll-height .main-container h2.ds-login-heading {
    font-size: 28px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 700 !important;
    margin-top: 10px;
}

.ds-custom-theme .ds-scroll-height .main-container input {
    padding: 5px 15px !important;
    font-weight: 500;
}

.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 0 !important;
    background-color: #8c81a3 !important;
    border-radius: 24px !important;
}
.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form .mat-form-field-invalid .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix,
.ds-custom-theme .ds-scroll-height .main-container .mat-mdc-select.ng-invalid.mat-mdc-select-required.ng-touched {
    border: 1px solid #e86969;
}

.ds-custom-theme .ds-scroll-height .main-container .mat-mdc-form-field-icon-prefix,
.ds-custom-theme .ds-scroll-height .main-container .mdc-line-ripple{
    display: none;
}

.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form .mat-mdc-text-field-wrapper,
.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form .mat-mdc-form-field-flex,
.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form .mat-mdc-form-field-icon-prefix,
.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form .mat-mdc-form-field-icon-suffix{
    height: 45px !important;
}

.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form .mdc-text-field--filled:not(.mdc-text-field--disabled), 
.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form .mat-mdc-form-field-focus-overlay {
    background-color: transparent !important;
}

.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form input::placeholder,
.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form input.ng-touched.ng-invalid::placeholder{
    color: transparent !important;
}

.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form .ds-askQuesform input::placeholder,
.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form .ds-askQuesform input.ng-touched.ng-invalid::placeholder{
    color: #2a2a2a !important;
}

.ds-custom-theme .ds-scroll-height .main-container .invalid-feedback {
    top: 9px;
    position: relative;
    margin-bottom: -5px;
    left: 10px;
    font-weight: 600 !important;
}

.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form .mat-mdc-form-field-bottom-align {
    display: none !important;
}

.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form label {
    float: left;
    padding-left: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 5px;
    font-weight: 500;
    margin-bottom: 5px;
}

.ds-custom-theme .ds-scroll-height .main-container .content.ds-login-footer{
    display: flex;
    align-content: center;
    flex-wrap: wrap-reverse;
    justify-content: center;
    align-items: center;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-forget-passowrd-link,
.ds-custom-theme .ds-scroll-height .main-container .ds-signin-button{
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-login-forms .ds-login-footer .mt-3,
.ds-custom-theme .ds-scroll-height .ds-forget-passowrd-link a {
    color: #fff !important;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-login-forms .ds-login-footer,
.ds-custom-theme .ds-scroll-height .main-container .ds-forgot-form .ds-login-footer,
.ds-custom-theme .ds-scroll-height .main-container .ds-reset-form .ds-login-footer,
.ds-custom-theme .ds-scroll-height .main-container .ds-entity-forms .ds-login-footer  {
    padding-top: 1rem !important;
    padding-bottom: 0 !important;
}


.ds-custom-theme .ds-scroll-height .main-container .ds-success-button {
    border-radius: 24px !important;
    min-width: 130px !important;
    /* background-color: #FFDE26 !important;
    color: #4D3B72 !important; */
    background-color: #FFDE26 !important;
    color: #4D3B72 !important;
}

.ds-custom-theme .ds-scroll-height .main-container .pi-eye,
.ds-custom-theme .ds-scroll-height .main-container .pi-eye-slash {
    font-size: 1em;
    margin-right: 10px;
}

.ds-custom-theme .ds-scroll-height .main-container h3::after {
    content: "";
    display: block;
    border-bottom: 2px solid #fff;
    width: 50px;
    position: relative;
    bottom: -6px;
    margin-bottom: 25px;
}

.ds-custom-theme .ds-scroll-height .main-container h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 600 !important;
}

.ds-custom-theme .ds-scroll-height .main-container p {
    font-size: 14px !important;
    color: #fff !important;
    margin-bottom: 15px;
    white-space: pre-line;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-login-forms .ds-main-container,
.ds-custom-theme .ds-scroll-height .main-container .ds-forgot-form .ds-main-container,
.ds-custom-theme .ds-scroll-height .main-container .ds-reset-form .ds-main-container,
.ds-custom-theme .ds-scroll-height .main-container .ds-entity-forms .ds-main-container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-login-forms .ds-change-password .message{
    top: 70px !important;
}

.ds-custom-theme .ds-scroll-height .main-container .mat-mdc-select {
    background-color: #8c81a3 !important;
    border-radius: 24px !important;
    height: 38px !important;
}

.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{
    display: none;
}

.ds-custom-theme .ds-scroll-height .main-container .mat-elevation-z6.ds-form span.mat-mdc-select-min-line {
    top: 4px;
    left: 15px;
    font-weight: 500;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-reset-form .ds-change-password .message{
    top: 70px !important;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-entity-forms .ds-form{
    margin-top: 0 !important;
    border-radius: 12px;
    padding: 30px 45px !important;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-entity-forms .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
    z-index: 9;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-entity-forms .ng-placeholder {
    display: none;
}

.ds-custom-theme .ds-scroll-height .main-container .ds-entity-forms .ng-select .ng-select-container.ng-appearance-outline:after {
    background-image: none !important;
    padding-top: 0 !important;
    background-color: #8c81a3 !important;
    border-radius: 24px !important;
}

.ds-custom-theme .ds-scroll-height .ds-login-forms,
.ds-custom-theme .ds-scroll-height .ds-forgot-form,
.ds-custom-theme .ds-scroll-height .ds-reset-form,
.ds-custom-theme .ds-scroll-height .ds-entity-forms {
    border-radius: 12px;
}

.ds-custom-theme .ds-scroll-height .ds-login-forms .ds-custom-button-for2fa input {
    background-color: #8c81a3 !important;
    border: 1px solid #8c81a3 !important;
    color: #2a2a2a !important;
    padding: 0 !important;
}

.ds-custom-theme .ds-scroll-height .ds-login-forms .ds-resend-code span {
    color: #ffffff !important;
}

.ds-custom-theme .ds-scroll-height .ds-login-forms .ds-custom-button-for2fa input.ng-invalid.ng-touched {
    border-color: #f44336!important;
}

.ds-custom-theme .ds-scroll-height .mat-toolbar div > button {
    display: none !important;
}

.ds-custom-option-style {
    background-color: #8c81a3 !important;
    border-radius: 10px !important;
}

.ds-custom-option-style .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.ds-custom-option-style .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, 
.ds-custom-option-style .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
    color: #0e0e0e !important;
    font-weight: 500;
}

.ds-custom-theme .ds-scroll-height .mat-mdc-select-value {
    top: 3px;
    position: relative;
}

.ds-custom-theme .ds-scroll-height .mat-mdc-select-arrow{
    right: 10px;
}


@media only screen and (max-height: 640px) {
    .ds-custom-theme .ds-scroll-height .main-container .ds-newcustomer {
        min-height: unset;
        padding-top: 80px;
    }
}


@media screen and (max-width: 1054px) {

    .ds-custom-theme .ds-scroll-height .main-container .ds-form {
        padding: 1rem;
        width: 100%;
    }

    .ds-custom-theme .ds-scroll-height .main-container .ds-left{
        padding-right: 3%;
    }
}

@media screen and (max-width: 800px) {

    .ds-custom-theme .ds-scroll-height .main-container .ds-left .ds-custom-height{
        height: unset;
        padding-top: 50px;
    }

    .ds-custom-theme .ds-scroll-height .main-container {
        display: block;
        overflow-y: scroll;
        height: 100vh;
    }

    .ds-custom-theme .ds-scroll-height .main-container .ds-left {
        width: 100%;
        place-content: start;
        padding: 2rem !important;
    }

    .ds-custom-theme .ds-scroll-height .main-container .ds-middle {
         width: 90%;
        padding-right: 0 !important;
        margin: 0 auto;
    }

    .ds-custom-theme .ds-scroll-height .main-container .ds-right {
        width: 100%;
    }

    .ds-custom-theme .ds-scroll-height {
        background: none !important;
    }

    .ds-custom-theme .ds-scroll-height .main-container form {
        width: 100%;
    }

    .ds-custom-theme .ds-scroll-height .main-container .ds-newcustomer {
        padding-top: 80px;
        width: 100%;
    }

    .ds-custom-theme .ds-scroll-height .main-container .mat-drawer-content > .h-100 {
        align-items: baseline;
    }
}


/*Remove Height 100vh Line 596*/
.ds-login-forms,
.ds-forgot-form,
.ds-reset-form,
.ds-entity-forms {
    height: 100vh;
}

/*change variable color

--loginbox-color: rgba(113, 99, 142, 0.7);

*/

.mat-mdc-option:hover:not(.mdc-list-item--disabled) {
    background-color: #ffffff24 !important;
}
.ds-login-forms #countdown {
    right: 20% !important;
}

.ds-askQuesform p {
    text-align: left;
    padding-left: 15px;
}

.ds-acc-totalbalance span.ds-negative {
    width: 50%;
    color: #c80a15;
}

.ds-acc-totalbalance span.ds-positive {
    width: 50%;
    color: #2b7707;
}

.parent-active-link:not(.expanded) span.menu-title, .parent-active-link:not(.expanded) + span.mini-menu-title,
.parent-active-link:not(.expanded) .mat-icon, .parent-active-link:not(.expanded) .mat-icon {
    color: var(--sidebar_active_text_color) !important;
}

.ds-summary > .content > div:first-child h2:first-child, 
#draw-down .ds-summary > .content > div:first-child h2:first-child  {
    color: red !important;
    font-weight: 700 !important;
}

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


#existing-beneficiary mat-tab-body, #existing-beneficiary .mat-mdc-tab-body-wrapper, #existing-beneficiary .mat-mdc-tab-body-content {
	 overflow: unset !important;
}

.ds-delete-dialog p {
    white-space: pre-wrap;
}

#make-a-payment .delete-alert {
z-index: 99 !important;
}

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

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


.ds-attach-filter .filter-container .pi-search {
top: 1px !important;
}

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

.ds-theme-template-2 .ds-scroll-height .ds-form {
	background-color: var(--loginbox-color) !important;
}