:root {
    --success-button-color: #2c8062 ;
    --success-button-color-hover: #2c8062 ;

    --top-bar-color: #2c8062 ;
    --header-bar-color: #2c8062;

    --decline-button-color: #383c48 ;
    --border-button-color: #2c8062  ;

  
    --anchor-color: #2c8062 ;
    --loginbox-color: #ffffff;

    --rate-dialog-color: #2c8062 ;
 
    --footer-bar-color: #2c8062 ;
    --table-head-color: #E6E9F5 ;
    --picker-header-color: #E6E9F5;
   
    --modal-header-color: #2c8062 ;
    --view-history-button: #2c8062 ;
}

/* latin font for web*/
@font-face {
    font-family: 'Domaine';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('../font/Domaine/domaine.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: 'Domaine';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('../font/Domaine/domaine.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;
}


/*Login, Forgot, Reset - Background Image */
.ds-login-forms, .ds-forgot-form, .ds-reset-form, .ds-entity-forms {
    background-image: none;
    background-color: transparent !important;
    background-size: cover;
    background-repeat: no-repeat;
    height: max-content;
}

/*Login Logo Size*/
.ds-logo.ds-t-center img {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    position: relative;
    left: 0;
    width: 400px;
}

/*Login Heading*/
.ds-login-heading {
    line-height: 3.3rem;
    font-size: 3rem;
    font-weight: 300;
    text-align: left;
    font-family: 'Domaine' !important;
    margin: 3rem 0 4.5rem 0;
    color: #ffffff;
}

/*Action Link*/
.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{
    color: var(--anchor-color) !important;
    cursor: pointer;
    text-decoration: underline;
}

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

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

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

/* body a {
    color: var(--anchor-color);
} */

/*Succes Button*/
.ds-success-button.mat-raised-button.mat-button-base {
    background-color: var(--success-button-color)!important;
    color: #fff !important;
    font-weight: 500 !important;
    border: none !important;
    transition: 0.3s;
}

/*Succes Button Hover*/
.ds-success-button.mat-raised-button.mat-button-base:hover{
    background-color: var(--success-button-color-hover)!important;
}

.ds-success-button.mat-raised-button.mat-button-base[disabled=true] {
    background-color: #e0e0e0 !important;
}


.advance-search .ds-globalserch button, .ds-globalserch button{
    background-color: var(--success-button-color)!important;
}


/*Focused on Input */
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,
.mat-form-field.mat-focused .mat-form-field-label,
.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder,
.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow,
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: #2c8062  !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{
    border-color: #2c8062  !important;
}

.ng-select.ng-select-focused.ng-invalid.ng-untouched .ng-select-container .ng-value-container .ng-placeholder{
    color: #2c8062  !important;
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #2c8062  !important;
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled),
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #2c8062  !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: #2c8062  !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: #f44336 !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: #f44336 !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: #f44336 !important;
}
/*Focused on Input */

/*SideBar Menu Icon Color*/
.menu-item .mat-button .menu-icon {
    color:#383c48 !important;
}


/*SideBar Topbar Logo Custom Image*/
.header .logo {
    background-image: url(../img/logo-dashboard.png);
    background-repeat: no-repeat;
    background-position: 20px 5px;
    height: 3.5rem;
    position: relative;
    display: block !important;
    width: 260px;
    left: 0;
    background-size: 155px;
    background-color: #fff
}

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

/* SideBar Active Color*/
.menu-item .mat-button.active-link {
    background: #2c806217 !important;
    border-right: 5px solid #2c8062 ;
}


/*menu title color*/
.menu-item .mat-button .menu-title {
    color: #383c48 !important;
}

/*menu active title and arrow color*/

/* app-vertical-menu .menu-item .expanded span.menu-title {
    color: #fff !important;
}

app-vertical-menu .menu-item .expanded .mat-icon-no-color {
    color: #fff !important;
} */


/*Top Bar Color*/
mat-toolbar.mat-toolbar.top-toolbar {
    background-color: var(--top-bar-color) !important;
    color: #fff !important;
    padding-left: 0;
}

/*Login, Forgot, Reset Header, Breadcrumb*/
.ds-content-header {
    background-color: var(--header-bar-color);
}

/*Dashboard Card */
.gradient-gray {
    background: #2c8062  !important;
    background: linear-gradient(50deg,#2c8062 ,#509488)!important;
    color: #fff !important;
}

/*Dashboard Heading */
.graph-filter-row h3 {
    color: #2c8062 !important;
}


/*scroll bar color*/
::-webkit-scrollbar-thumb {
    background: #383c48 !important;
}

::-webkit-scrollbar-track{
    background: #5f5d5d91 !important;
}

/*Pagination Selected color*/
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: #2c8062  !important;
    color: #ffffff !important;
    border-color: #2c8062  !important;
}

.ngx-pagination .current{
    background-color: #2c8062  !important;
}

/*Record per page Selected color*/
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight {
    color: #ffffff;
    background-color: #2c8062  !important;
}

/*Selection Color*/
.ds-indicative-rate .ds-expand-panel {
    background-color: rgb(44 128 98 / 11%) !important;
}

/*Refresh Icon Color*/
.ds-workflowdashboard-reload {
    color: #2c8062  !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: #2c8062  !important;
}

.ds-indicative-rate .ds-detailcolumn1 .ds-date-picker span.material-icons,
.mat-datepicker-toggle .mat-icon-button{
    color: #2c8062  !important;
}

/*Filter color*/
.filter-on{
    color: #2c8062  !important
}

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


/*Account Statement Filter Button*/
#account-statement .ds-filter-reports {
    border: 1px solid var(--success-button-color);
    border-bottom: 1px solid var(--success-button-color);
    font-weight: 400 !important;
    color: var(--success-button-color);
}

/*Account Statement Filter Active Button*/
#account-statement .ds-active-report {
    background-color: var(--success-button-color) !important;
    color: #fff !important;
}

.ds-success-button.mat-stroked-button.mat-button-base{
    border-color: var(--success-button-color) !important;
    color: var(--success-button-color) !important;
    font-weight: 400 !important;
}

p.basecurrecy{
    color: #383c48;
}

/*summary | Approval heading color*/
.ds-account-transfer-step-2 h2, .ds-approval-heading h5, 
.ds-account-transfer-step-4 h2, .ds-spot-step-5 h2,
.ds-step2-image label, .ds-beneficiary-step-4 h2, #approval-policy h2, .ds-map-step-2 h2, .ds-map-step-4 h2,
.ds-spot-step-1 h2, .ds-recipient-dialog h2 , .ds-recipient-dialog-step3 h2, .ds-spot-step-3 h2 , .ds-spot-step-4 h2,
.ds-map-step-1 h2, .entity-wrapper h2, .ds-beneficiary-step-1 h2, .ds-manual-entry-form h2, .ds-beneficiary-step-2 h2,
#account-transfer h2, #ftf h2, #pay-from-account h2, #margin-summary h2, #margin-summary-grid h2, #manage-user h2, #swap-deal h2, #extension-deal h2, #draw-down h2,
.ds-spot-step-2 h2, #permission-user .ds-content-1 .ds-permission-all p{
   font-family: 'AvenirMedium';
   letter-spacing: 0;
   color: #2c8062 !important;
   font-weight: 500 !important;
}

/*Stepers Colors*/

.ds-horizontal-steppers.ds-hs li > * {
    color: #2c8062 ;
    background-color: #fafafa;
    border-color: #fafafa;
}

.ds-horizontal-steppers.ds-hs li.ds-steppers-current .ds-stepper-content{
    color: #fff;
    background-color: #2c8062 ;
    border-color: #2c8062 ;
}

.ds-steppers-current > *:after {
    border-top: 8px solid #2c8062 ;
}

.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: #2c8062  !important;
    color: #2c8062 ;
}

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

.ds-show-number.ds-icon-done strong, .ds-show-icon.ds-icon-done span, .ds-show-svg.ds-icon-done strong{
    background-color: #2c8062  !important;
    color: #fff;
    border-color: #2c8062  !important;
}


.ds-horizontal-steppers.ds-hs li.ds-steppers-done hr.ds-right-stepper-arrow{
    border-color: #2c8062  !important;
     background-color: #2c8062  !important;
}

.ds-horizontal-steppers.ds-hs li.ds-steppers-done hr.ds-left-stepper-arrow{
    border-color: #2c8062  !important;
     background-color: #2c8062  !important;
}

.ds-horizontal-steppers.ds-hs li.ds-steppers-current hr.ds-left-stepper-arrow{
    border-color: #2c8062  !important;
    background-color: #2c8062  !important;
}

.ds-horizontal-steppers.ds-hs li.ds-steppers-done h5.ds-text-height {
    color: #2c8062 ;
}

.ds-horizontal-steppers.ds-hs h5 {
    color: #383c48;
}


/*View History Colors*/
.ds-viewhistory a.history{
    color: #2c8062   !important;
}

/*Spot Deal Colors*/
.ds-fee-step1 span, .ds-.custom-top-box span {
    color: #2c8062  !important;
}

/*History Active Color*/
.ds-.custom-top-box span.active {
    color: #2c8062  !important;
}


/*Advance Search icon*/
app-picker mat-icon.search-icon, td span.material-icons {
    cursor: pointer;
    color: #2c8062 ;
}

/*Calender Selection Color*/
.app.indigo-light .mat-calendar-body-selected {
    background-color: #2c8062  !important;
}

/*Rate Box Color*/
.ds-ratebox .m, .ds-multi-ratebox .m {
    background-color: var(--rate-dialog-color);
    color: #fff;
}

/*Rate Box Arrow*/
.ds-ratebox .rate-right-arrow,  .ds-ratebox .rate-left-arrow, .ds-multi-ratebox .rate-right-arrow,  .ds-multi-ratebox .rate-left-arrow{
    color: var(--rate-dialog-color);
    background-color: #fff;
    border: 2px solid var(--rate-dialog-color);
}

/*picker group header color*/
app-picker .ng-dropdown-panel span.group-title {
    background-color: #2c8062 ;
    color: #fff;
}

/*History Add New Button*/
#ds-master-grid .ds-print-button button.ds-add-new{
    color: #2c8062 ;
}

/*History Print Button*/
.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: #2c8062 ;
}

.component .ds-modal-header h3, .component .ds-modal-header mat-icon{ color: #2c8062  !important; }

/* View History Button
a.history {
    background-color: var(--view-history-button) !important;
    box-shadow: 1px 1px 1px 1px #303f9f;
} */

/*Decline Button*/
.ds-decline-button.mat-raised-button.mat-button-base {
    background-color: var(--decline-button-color) !important;
    color: #fff !important;
    font-weight: 500;
}

.ds-decline-button.mat-raised-button.mat-button-base[disabled=true] {
    background-color: rgba(0, 0, 0, 0.12) !important;
}

/*Border Button*/
.ds-border-button.mat-raised-button.mat-button-base {
    border: 2px solid var(--border-button-color) !important;
    background-color: #fff;
    color: var(--border-button-color) !important;
    font-weight: 500;
}

/*Payment Tracker Status Color*/
#payment-tracker .posted, #payment-tracker .paid, #payment-tracker .sent, #payment-tracker .finished  {
    background-color: #2c8062 ;
    color: #fff;
    border: 1px dotted #2c8062  !important;
}


/*Spot Date Tab*/
.mat-button-toggle-checked {
    background-color: var(--success-button-color) !important;
    color: #fff !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;
}

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

/*Hide Logo */
/* .ds-logo{
    display: none;
} */


.ds-logo.ds-t-center {
    border-bottom: 1px solid #ffffff;
    margin-bottom: 10px;
    background-color: rgb(255 255 255);
    padding: 30px 0;
    border-radius: 5px;
    display: none;
}



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

/* 
.mat-toolbar div:nth-child(1) > div:nth-child(1) {
    background-color: #fff;
    width: 329px !important;
} */



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

/*table head color*/
thead .ds-header:first-child th,
.ds-draw-down-trans th{
    background-color: var(--table-head-color) !important;
    color: #4D4F5C !important;
    font-weight: bold !important;
    padding: 1.2em 0.857em !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;
}

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

/*Payment Limit header color*/
.ds-pay-limit .ui-table-thead > tr > th{
    background-color: var(--picker-header-color) !important;
    color: #4D4F5C !important;
    font-weight: 600 !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-accent .mat-slider-track-fill, .mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label {
    background-color: #2c8062  !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;
}




/*Modal Header*/
.ds-modal-header, .ds-top-bar {
    background-color: var(--modal-header-color);
  }


  .ds-step1-child-button.ds-selected {
    background-color: var(--success-button-color) !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;
}



/*Switch Color*/
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #2c8062  !important;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color:  #2c806230 !important;
}

/*Radio Button Color*/
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #2c8062  !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:#2c8062  !important;
}

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

/*Beneficiary tab button*/
.ds-step1-button.ds-selected {
    background-color: var(--success-button-color) !important;
}

.ds-step1-button.ds-selected {
    background-color: var(--success-button-color) !important;
}

/*Checkbox*/
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background-color: #2c8062  !important;
}


/*Browse Button*/
.ds-upload-document div {
    background-color: var(--success-button-color) !important;
}


/*Manage Permission Header*/
.ds-content-2 .ds-main-module-name{
    background-color: #2c8062 ;
}

/*Manage Permission Organization Name*/
#permission-user .ds-top-bar label strong{
    color: #2c8062   !important;
}

/*Payment Grid icon*/
.payment-grid i.pi.pi-chevron-right, .payment-grid i.pi.pi-chevron-down {
    color: #2c8062 ;
}



/* .expanded .menu-icon {
    background-color: #4959ca !important;
    color: #ffffff !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;
}

.user-menu .mat-menu-item{
    background: #2c8062  !important;
}

#margin-summary .bb-1,
#margin-summary .bb-2{
    border-bottom: 1px solid #2c8062 ;
}


.ds-base-timer-path-remaining.default {
    color:#2c8062  !important;
  }
  
.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-middle-bar p {
    color: #2c8062 ;
}

.ds-search-routing .ds-manual-entry button.ds-anchor-button{
    color: #2c8062  !important;
}

.ds-search-routing .ds-manual-entry-clear button.ds-anchor-button{
    color: #575757  !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: #2c8062  !important;
    font-weight: 400;
}

.mat-tab-label-content {
    background-color: #383c48;
    color: #fff;
}

.mat-tab-label-active .mat-tab-label-content {
    color: #fff;
    background-color: #2c8062 ;
}



.ds-delete-dialog p b {
    color: #2a2a2a;
    font-weight: 500;
}

.custom-tooltip {
    color: #2c8062  !important;
}

.ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #2c8062  !important;
    background-color: #2c8062  !important;
    color: #ffffff !important;
}

.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
    color: #2a2a2a !important;
    background-color: rgb(232 247 253) !important;
}

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

.mat-stepper-vertical .mat-step-icon.mat-step-icon-selected.mat-step-icon-state-number {
    background-color: #2c8062  !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 #2c8062  !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: #2c8062 ;
}

.mat-datepicker-content .actions {
    background-color: #2c8062  !important;
}




.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-draw-down-trans td a mat-icon {
    color: #2c8062 ;
}

.ds-beneficiary-step-4 h2{
    border-left: 3px solid #2c8062 !important;
}

.ds-crm-main-container .ds-crm-content-container .ds-info-tabs span.badge.active {
    border-color: #2c8062  !important;
    color: #2c8062  !important;
}

  *{
    font-family: 'AvenirMedium';
  }


  .mat-card-subtitle, .mat-card-content, .ng-value b, .ng-option b, span.ng-value-label, span.mat-select-value-text, .mat-form-field input{
    font-family: 'AvenirMedium';
  }

  .mat-slide-toggle-content, .mat-menu-item, .ds-sub-module-name p{
    font-family:  'AvenirMedium' !important;
  }

  .ds-main-module-name p, .ds-permission-all p,
  #permission-user .ds-content-4 .ds-top-bar label{
    font-family:  'AvenirMedium';
  }

  .ds-dashboard-main-container h3, h3.ds-entity-name, .ds-info-tabs label.name, .tile h2,
  .ds-dashobard-info-card .top-header h4, .ds-horizontal-steppers.ds-hs h5, .ds-modal-header h2, .user-info h2, .ds-modal-header h3,
  .ds-info-tabs .ds-.custom-top-box span strong{
    font-family:  'AvenirMedium' !important 
  }

  
tr th, span.group-title {
    font-family:  'AvenirMedium' !important;
    font-weight: 500 !important;
}

.ds-payee-detals pre strong, .ds-funding-detals pre strong {
    color: #8b8b8b;
    font-family:  'AvenirMedium';
}

 

#ds-master-grid button.ds-search-button, .ds-draw-down-trans button.ds-search-button{
    background-color: #2c8062 ;
}

#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-color: #2c8062  !important;
}

.ds-beneficiary-step-1 .ds-step1-button {
    color: #2c8062  !important;
}

.ds-fee-box{
    color: #2c8062  !important;
}

i.pi.pi-eye::before{
    color: #2c8062  !important;
}

.ds-count, label.ds-funding-numbering, label.ds-settlement-numbering{
    border: 1px solid #2c8062  !important;
    color: #2c8062  !important;
}

.delete-alert{
    background: #2c8062  !important;
}

#draw-down .delete-alert::after{
    border-top: 1px solid #2c8062  !important;
    border-right: 1px solid #2c8062  !important;
}

.delete-alert:active{
    border-top: 1px solid #2c8062  !important;
    border-right: 1px solid #2c8062  !important;
}

.ds-step3-balance p{
    color: #2c8062  !important;
}

.ds-f.ds-dealnumber-summary span, .ds-f span.dealnumber{
    color: #2c8062 !important;
}

.ds-approval-notification .ds-modal-header mat-icon,
.ds-confirm-notification .ds-modal-header mat-icon{
    color: #2c8062 !important;
}

.ngx-foreground-spinner {
    color: #2c8062 !important;
}

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



.ds-no-records-dashobard h3 {
    background-color: #2c8062  !important;
}

.ds-delete-dialog.ds-dialog-with-success .dialog-action-buttons .ds-success-button{
    background-color: #2c8062  !important;
}
 
  
.ds-delete-dialog.ds-dialog-with-success span.material-icons {
    color: #2c8062  !important;
}

.advance-search tr.selected-row, .ds-routing-table .selected-row {
    background-color: #2c80620d !important;
}

p.ds-uninstructed-funding-amount,
.ds-extenstion-balance p{
    background-color: #2c80620d !important;
    color: #2c8062  !important;
}

mat-card-content .ds-draw-down-trans .ui-table .ui-table-tbody > tr.selected{
    background-color: #2c80620d !important;
}


.ds-modal-header-approval-history{
    color: #2c8062  !important;
}

.ds-confirm-notification .ds-modal-header h3, .ds-confirm-notification .ds-modal-header mat-icon{
    color: #2c8062  !important;
}

.ds-delete span.material-icons {
    color: #ED1C24;
}

.ds-csv, .ds-pdf {
    top: -3px;
}



.payment-grid tr.selected {
    background: #2c80620d !important;
}

.advance-search td.ds-select-row mat-icon {
    color: #2c8062  !important;
}

.ds-upload-recipient :hover span.material-icons{
    color: #2c8062  !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: #2c806233 !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: #383c48 !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: #2c8062  !important;
    color: #fff !important;
}


.app.indigo-light .breadcrumb a {
    color: #ffffff !important;
}

.ds-step4-balance p,
.ds-step3-balance p,
#draw-down .ds-drawdown-step-1 .multipleselectionon p  {
    color: #2c8062 !important;
    background-color: #2c80620d !important;
}

/*QA Fixing*/



/* Halo Theme*/

#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-master-grid .ds-print-button button.ds-add-new {
    position: relative;
    top: -3px;
}

.ds-print-button button.ds-add-new span.material-icons {
    top: 4px !important;
}

td i.pi.pi-plus-circle {
    color: #2c8062 ;
}
td i.pi.pi-minus-circle {
    color: #2c8062 ;
}


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

.ds-crm-main-container .ds-crm-content-container .ds-info-tabs label.name {
    color: #2c8062  !important;
}

.ds-recipient-instruction label.ds-recipient-numbering{
    border: 1px solid #2c8062  !important;
    color: #2c8062  !important;
}


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

#order-book .ds-btn-rate{
    color: #2c8062  !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: #2c8062  !important;
}


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


.ds-multi-entity .ds-multi-entity-heading{
    color: #2c8062  !important;
}

.ds-newsfeed-container .ds-newsfeed-row {
    border-left: 3px solid #2c8062  !important;
}

.ds-newsfeed-container .ds-newsfeed-row .ds-link {
    color: var(--anchor-color) !important;
}

.newsfeedpoweredby span {
    color: #2c8062 ;
}

#draw-down .ds-drawdown-step-1 .expanded-row td:nth-child(2) {
    color: #2c8062  !important;
}

#draw-down .ds-drawdown-step-1 .expanded-row td.ds-edit-amount-to-drawdown i {
    color: #2c8062  !important;
}

#assign-user-grid td.edit span.material-icons {
    color: #ED1C24;
}


/*New Login*/


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

.ds-scroll-height .main-container .ds-left {
    width: 50%;
    background-color: transparent;
    padding-top: 0;
    text-align: end;
    align-items: center;
    display: grid;
    padding-right: 1rem;
    position: relative;
    background-image: url(../img/logo-login-aston.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    box-sizing: border-box;
}

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

}

.ds-scroll-height .main-container .mat-drawer-content > .h-100 {
    place-content: end !important;
}

.ds-scroll-height .main-container .ds-newcustomer h3 {
    color: rgba(17, 87, 64, 1);
    font-size: 3rem;
    font-weight: 300;
    text-align: left;
    font-family: 'Domaine';
    margin: 3rem 0 2.5rem 0;
}

.ds-scroll-height .main-container .ds-newcustomer {
    position: relative;
    width: 450px;
    text-align: justify;
    line-height: 1.5;
    top: -35px;
}

.ds-scroll-height .main-container .ds-newcustomer a {
    border-radius: 9999px;
    background-color: rgba(249, 56, 34, 1) !important;
    font-size: 0.9rem;
    color: #fff;
    padding: 20px 35px;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Domaine';
}

.ds-scroll-height .main-container .ds-newcustomer p {
    color: rgba(17, 87, 64, 1);
    text-align: left;
    margin-bottom: 45px;
    line-height: 1.9;
    font-size: 1rem;
    font-family: 'Roboto';
    font-weight: 400;
}
  

.ds-scroll-height .main-container .ds-form {
    box-shadow: none !important;
    background-color: transparent !important;
    width: 30rem !important;
    margin-right: 5rem !important;
}

.ds-scroll-height .main-container .ds-language-menu {
    text-align: right;
    margin-top: 0 !important;
    position: absolute;
    top: 0;
    right: 5px;
    color: #fff;
    left: 50%;
}

.ds-scroll-height .main-container span.mat-button-wrapper span {
    font-family: 'Domaine' !important;
}

.ds-scroll-height .main-container input:-webkit-autofill,
.ds-scroll-height .main-container input:-webkit-autofill:hover,
.ds-scroll-height .main-container input:-webkit-autofill:focus,
.ds-scroll-height .main-container textarea:-webkit-autofill,
.ds-scroll-height .main-container textarea:-webkit-autofill:hover,
.ds-scroll-height .main-container textarea:-webkit-autofill:focus,
.ds-scroll-height .main-container select:-webkit-autofill,
.ds-scroll-height .main-container select:-webkit-autofill:hover,
.ds-scroll-height .main-container select:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #1a563f inset;
    transition: background-color 5000s ease-in-out 0s;
}

.ds-scroll-height .main-container .mat-form-field-appearance-legacy .mat-form-field-label,
.ds-scroll-height .main-container .secondary-text-color {
    color: #fff !important;
}

.ds-scroll-height .main-container .mat-form-field.mat-form-field-invalid .mat-form-field-label {
    color: #ffffff !important;
}

.ds-scroll-height .main-container .invalid-feedback {
    color: #fff  !important;
}

.ds-scroll-height .main-container .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.ds-scroll-height .main-container .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #fff !important;
}

.ds-scroll-height .main-container .mat-form-field-appearance-legacy .mat-form-field-underline{
    background-color: #3a7461 !important;
}

.ds-scroll-height .main-container .mat-form-field {
    margin-bottom: 16px;
}

.ds-scroll-height .main-container .ds-main-container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

.ds-scroll-height .main-container .h-100 {
    overflow-y: hidden;
}

.ds-scroll-height .main-container .mat-card-subtitle,
.ds-scroll-height .main-container .mat-card-content,
.ds-scroll-height .main-container .ng-value b,
.ds-scroll-height .main-container .ng-option b,
.ds-scroll-height .main-container span.ng-value-label,
.ds-scroll-height .main-container span.mat-select-value-text,
.ds-scroll-height .main-container .mat-form-field input{
    color: #ffffff !important;
}

.ds-scroll-height .main-container .mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon,
.ds-scroll-height .main-container .mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon {
    width: 1em;
    display: none;
}

.ds-scroll-height .main-container  .mat-form-field-label-wrapper {
    top: -1.3em !important;
    opacity: 0.9;
}

.ds-scroll-height .main-container .mat-form-field.mat-focused .mat-form-field-ripple{
    background-color: #3a7461 !important;
}

.ds-scroll-height .main-container app-validation-errors {
    position: relative;
    top: -30px !important;
    left: 0 !important;
    margin-bottom: 0;
    float: left;
}

.ds-scroll-height .main-container .ds-login-footer {
    padding: 0 !important;
    flex-direction: column !important;
    position: relative;
    top: -15px;
}

.ds-scroll-height .main-container .ds-forget-passowrd-link {
    justify-content: flex-end;
    margin-right: 0 !important;
}

.ds-scroll-height .main-container .ds-login-footer .mt-3 {
    margin-top: 0 !important;
    margin-bottom: 15px;
    color: #fff !important;
    opacity: 0.9;
    font-family: 'Domaine' !important;
}

.ds-scroll-height .main-container .ds-signin-button {
    align-items: flex-start !important;
}

.ds-scroll-height .main-container  .ds-success-button {
    background-color: #f93822 !important;
    color: #ffffff !important;
    border-radius: 9999px !important;
    font-weight: 600;
    font-size: 12px;
    padding: 7px 19px !important;
    font-family: 'Domaine' !important;
    box-shadow: none !important;
}

.ds-scroll-height .main-container  .ds-success-button:hover{
    background-color: #f93822 !important;
}

.ds-scroll-height .main-container  .mat-divider {
    display: none;
}

.ds-scroll-height .main-container .mat-select-arrow {
    color: #fff !important;
}

.ds-scroll-height .main-container .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
    color: #f44336 !important;
}

.ds-scroll-height {
    overflow-y: auto;
    height: 100vh;
    background: linear-gradient(to right, #1a563f 49.6%,#ffffff 49%) !important;
    display: flex;
}

.ds-scroll-height .main-container .ds-left p {
    color: #fff !important;
}

.ds-scroll-height .mat-drawer-content, .ds-scroll-height .mat-drawer-container{
    position: unset !important;
}

.ds-scroll-height .main-container .ds-reset-form .ds-signin-button,
.ds-scroll-height .main-container .ds-entity-forms .ds-signin-button
{
    margin-top: 30px;
}

.ds-scroll-height .main-container .ng-select .ng-select-container.ng-appearance-outline:after{
    border-color: #fff !important;
}

.ds-scroll-height .main-container .ng-select .ng-arrow-wrapper .ng-arrow{
    color: #fff !important;
}

.ds-scroll-height .main-container .ng-select .ng-select-container.ng-appearance-outline .ng-placeholder{
    color: #fff !important;
    background-color: transparent !important;
}

.ds-scroll-height  .main-container .ds-entity-forms .ds-form{
    position: unset !important;
}

.ds-scroll-height  .main-container .ds-login-forms .ds-resend-code span {
    color: #fff !important;
}

@media screen and (max-width: 1200px){
    .ds-scroll-height .main-container .ds-right {
      padding-left: 3rem;
    }
    .ds-scroll-height .main-container .ds-left{
      padding-right: 0;
    }

    .ds-scroll-height .main-container .mat-drawer-content > .h-100 {
        place-content: center !important;
    }

    .ds-scroll-height .main-container .ds-form {
        width: 100%;
        margin-right: 0rem !important;
    }
  }


  @media screen and (max-width: 1054px ){
    
    .ds-scroll-height .main-container .ds-form {
        width: 100% !important;
        margin-right: 0rem !important;
        padding: 1rem;
        box-sizing: border-box;
    }

    .ds-login-heading {
        font-size: 2rem;
        margin: 3rem 0 2.5rem 0;
    }

    .ds-scroll-height .main-container .ds-right {
        padding-left: 1rem;
    }
  }

  @media screen and (max-width: 800px ){
    .ds-scroll-height .main-container {
        display: block;
    }

    .ds-scroll-height .main-container .ds-left {
        width: 100%;
        background-color: #115740;
    }
    .ds-scroll-height .main-container .ds-right {
        width: 100%;
    }

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

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


  /*QA Fixing*/

  .ds-dashboard-main-container h3 {
    text-transform: uppercase !important;
    font-size: 13px !important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ds-context-menu-button.mat-menu-item:hover {
    background: rgb(46 132 102 / 12%) !important;
    color: rgba(0,0,0,0.87);
}

.ds-crm-main-container .ds-crm-content-container .ds-info-tabs .ds-.custom-top-box .ds-backspace-contactdetails{
    background-color: #2c8062 !important;
}