:root {
    --primary_color: #18224f;
    --primary_color_light: #18224f14;
    --secondary_color: #6995a4;
    --secondary_color_light: #6995a435;
    --tertiary_color: var(--primary_color);
    --tertiary_color_light: var(--primary_color_light);

    --heading_color: var(--primary_color);

    --breadcrumb_bg_color: #18224fc9;
    --breadcrumb_text_color: #ffffff;

    --button_primary_bg_color: var(--secondary_color);
    --button_primary_text_color: #FFFFFF;

    --button_secondary_bg_color: #4a4a4a;
    --button_secondary_text_color: #ffffff;

    --header_bg_color: linear-gradient(160deg, var(--primary_color), var(--primary_color));
    --header_text_color: #FFFFFF;

    --sidebar_bg_color: #FFFFFF;
    --sidebar_text_color: #000000;

    --sidebar_icon_color: var(--primary_color);
    --sidebar_active_bg_color: var(--primary_color_light);
    --sidebar_active_text_color: #000000;


    --steppers_bg_color: var(--secondary_color);
    --stepper_text_color: #FFFFFF;

    --loader_color: var(--primary_color);

    --dialog_header_bg_color: var(--primary_color);
    --dialog_header_text_color: #ffffff;

    --rate_box_bg_color: linear-gradient(160deg, var(--primary_color), var(--secondary_color));
    --rate_box_text_color: #FFFFFF;

    --font_family: "Poppins-Medium";
    --logo_path: url('../img/logo.png');
    --background_image_path: url('../img/background.jpeg');



    --loginbox-color: #ffffff;


    --footer-bar-color: #18224f;
    --table-head-color: #E6E9F5;
    --picker-header-color: #E6E9F5;
	}
	
@font-face {
    font-family: 'Poppins-Medium';
    font-style: medium;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('../font/Poppins/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Poppins-Medium';
    font-style: medium;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('../font/Poppins/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*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 {
    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: 'Poppins-Medium';
}

#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: 'Poppins-Medium' !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: 'Poppins-Medium' !important;
}


/*Login, Forgot, Reset - Background_Image */
/* .ds-login-forms, */
/* .ds-forgot-form, */
/* .ds-reset-form, */
/* .ds-entity-forms { */
    /* background-image: url(../img/background.jpeg); */
    /* background-color: #fafafa; */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* height: 100vh; */
/* } */

.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.jpeg);
    
    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 {
    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;
}

.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.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);
}

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;
}



/*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: #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;
}

/*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 {
    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;
}

.ds-scroll-height .main-container .ds-right {
    display: none;
}

/*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;
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    font-weight: 500 !important;
}

.lang-es{
  .ds-attachement-button {
    right: -40px !important;
  } 
}

input[type=password].ng-valid, input[aria-invalid=true] {
    font-family: "AvenirMedium" !important;
}

.ds-date .mat-date-range-input-end-wrapper {
    display: none;
}

.mat-date-range-input-wrapper .p-inputtext {
      width: unset !important;
    }
    .mat-date-range-input-wrapper.mat-date-range-input-end-wrapper {
      min-width: unset !important;
    }



.ds-acc-totalbalance span.ds-positive {
    color: #2b7707;
}

.ds-acc-totalbalance span.ds-negative {
    color: #c80a15;
}

.ds-scroll-height .main-container .ds-left {
    display: none;
}

.ds-scroll-height .main-container .ds-right {
    display: none;
}

.ds-base-score.low, .status.open, .status.completed{
    color: #53bd5b !important;
}

.ds-base-score.high, .status.rejected, .status.errors{
    color: #e6343a;
}

.ds-base-score.high, .status.rejected, .status.errors{
    color: #e6343a;
}

.status.submit_pending{
    color: #d09f0b;
}

.ds-record-badge.success {
    color: #3dae56;
    border-color: #3dae56;
}

.ds-record-badge.failed {
    color: #f00f00;
    border-color: #f00f00;
}

.ds-record-badge.total {
    border-color: #eeeeee !important;
}
/*only for datasoft custom theme*/
.ds-upload-recipient span.ds-filename {
    color: var(--primary_color) !important;
}


.ds-common-detail.ds-trade-detail .ds-download-report {
    padding: 0 5px 0px !important;
}

.ds-common-detail.ds-trade-detail .ds-download-report i {
    margin-top: 2px !important;
}


.ds-edge input[type="password"]::-ms-reveal,
.ds-edge input[type="password"]::-ms-clear {
	display: none;
}


 input[type=password].ng-invalid{
    font-family: 'AvenirMedium' !important;
}



.ds-change-password .message {
        padding: 5px 25px !important;
}





.ds-widget-40 {
    flex: 1 1 100% !important;
    max-width: 100% !important;
}

.ds-widget-40 .ds-dasboard-grid, .ds-dashboard-main-container .ds-widget-40 #ds-master-grid {
    min-height: unset !important;
}

.ds-dashboard-main-container .ds-widget-40 mat-card.mat-mdc-card {
    height: auto !important;
}


.ds-dashboard-main-container .ds-widget-40 .ds-globalserch{
    width: 30% !important;
}

.ds-all-transactions {
    display: none !important;
}


.ds-dashboard-main-container .ds-widget-40 #ds-master-grid .p-paginator-left-content {
    width: auto;
}



.ds-widget-40 .ds-no-records-dashobard {
    position: relative;
    top: -10px;
}

body.lang-es .ds-attachement-button {
right: 0 !important;
}


.ds-group-by button.ds-active {
background-color: var(--primary_color_light);
}



