/* PX THEMING */
/* YOU CAN ADD GLOBAL STYLES TO THIS FILE, AND ALSO IMPORT OTHER STYLE FILES */

/* IMPORT FONTS - INTER */

@import "https://fonts.googleapis.com/css2?family=Inter&display=swap";

/* COMMON COMPONENTS*/

body {
    /* BODY VARIABLES */
    /* FONT */
    --default-font-family: "Inter";
    --default-font-size: 14px;
    --font-weight-700: 700;
    /* COLORS */
    --color-black: #000000;
    --color-white: #FFFFFF;
    --primary-color-50: #F0FCFF;
    --primary-color-100: #F5F0FF;
    --primary-color-200: #EBE2FD;
    --primary-color-300: #DAC7FA;
    --primary-color-400: #C5A4F4;
    --primary-color-500: #B886EE;
    --primary-color-600: #7101DA;
    --primary-color-700: #540099;
    --primary-color-800: #30004D;
    --primary-color-900: #2C003D;
    --neutral-color-50: #F5F8FD;
    --neutral-color-100: #E2EAF6;
    --neutral-color-200: #C8D5EE;
    --neutral-color-300: #9CACCE;
    --neutral-color-400: #6E7C9E;
    --neutral-color-500: #38425E;
    --neutral-color-900: #322E38;
    --grey-color-100: #FCFCFD;
    --grey-color-200: #F7F7F8;
    --grey-color-300: #F0F0F2;
    --grey-color-400: #E4E3E8;
    --grey-color-500: #D7D6DC;
    --grey-color-600: #898792;
    --grey-color-700: #57535F;
    --grey-color-800: #433F4B;
    --grey-color-900: #322E38;
    --grey-color-1000: #1A151E;
    --error-color-50: #FFF3ED;
    --error-color-600: #BE2331;
    --error-color-800: #800F2C;
    --purple-color-600: #7C37BF;
    --info-color-50: #ECFBFF;
    --info-color-800: #031A3A;
    --success-color-50: #EBFFED;
    --success-color-600: #0FA669;
    --success-color-800: #06705B;
    --warn-color-50: #FFFBED;
    --warn-color-800: #935503;
    /* BODY STYLES */
    font-family: var(--default-font-family) !important;
    color: var(--grey-color-900) !important;
    letter-spacing: 0.01em !important;
    background-color: var(--color-white) !important;
}

/* TYPOGRAPHY */

strong {
    font-weight: var(--font-weight-700) !important;
}

/* TEXT LINKS */

a {
    color: var(--primary-color-600) !important;
    text-decoration: none !important;
    font-weight: var(--font-weight-700) !important;
}

a:hover {
    color: var(--primary-color-700) !important;
    text-decoration: underline !important;
}

a:visited,
a:active {
    color: var(--purple-color-600) !important;
    text-decoration: underline !important;
}

a[disabled] {
    color: var(--primary-color-300) !important;
    text-decoration: underline !important;
}


/* GRID */

/* AG-GRID */

.ag-theme-alpine {
    font-family: var(--default-font-family) !important;
    font-size: var(--default-font-size) !important;
    letter-spacing: 0.01em !important;
}

.ag-theme-alpine .ag-header {
    background-color: var(--grey-color-100) !important;
    min-height: 40px !important;
    height: 40px !important;
    border-bottom: 1px solid var(--grey-color-500) !important
}

.ag-theme-alpine .ag-header-icon {
    color: var(--primary-color-800) !important;
}

.ag-theme-alpine .ag-header-row {
    height: 100% !important;
}

.ag-theme-alpine .ag-header-cell-resize::after {
    width: 1px;
    height: 100% !important;
    top: 0 !important;
    left: calc(50% - 1px) !important;
    background-color: var(--primary-color-300) !important;
}

.ag-theme-alpine .ag-header-cell:last-child .ag-header-cell-resize::after {
    width: 0 !important;
}

.ag-theme-alpine .ag-cell {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-right: 1px solid var(--primary-color-300) !important;
    line-height: 1.8rem !important;
}

.ag-theme-alpine .ag-cell:last-child {
    border-right: none !important;
}

.ag-header-cell-text {
    font-weight: 700 !important;
    font-size: var(--default-font-size) !important;
    letter-spacing: 0.01em !important
}

.ag-theme-alpine .ag-root-wrapper {
    border: none !important;
    margin-top: 30px !important;
}

.ag-theme-alpine .ag-row-odd {
    background-color: var(--grey-color-100) !important;
}

.ag-theme-alpine .ag-row-hover {
    background-color: var(--grey-color-100) !important;
}

.ag-theme-alpine .ag-row-odd.ag-row-hover {
    background-color: var(--grey-color-100) !important;
}

.ag-theme-alpine .ag-row-selected {
	background-color: var(--primary-color-200) !important;
    border-right: 1px solid var(--primary-color-300) !important;
}

.ag-cell-value {
    font-size: var(--default-font-size) !important;
    letter-spacing: 0.01em !important
}

.ag-center-cols-viewport {
    width: 101% !important;
}

.ag-header-group-cell-label, .ag-header-cell-label {
    justify-content: center !important;
}

.ag-theme-alpine .ag-cell.ag-cell-last-left-pinned:last-child {
    border-right: 1px solid var(--primary-color-300) !important;
}

ag-grid-angular .mat-form-field {
    line-height: 0.8rem !important;
    padding: 2px !important;
}

ag-grid-angular#mas-wf-lib-modify-restrictions-security-search-grid,
ag-grid-angular#mas-wf-lib-modify-restrictions-selected-security-grid {
    margin-top: -30px !important;
}

.div-multi-select {
    border: 1px solid var(--primary-color-200) !important;
}

/* NG-SELECT */

ng-select.normal .ng-select-container {
    border: 1px solid var(--grey-color-600) !important;
}

.ng-select .ng-select-container:hover {
    box-shadow: none !important;
    border: 1px solid var(--primary-color-300) !important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: var(--primary-color-200) !important;
}

.ng-select.ng-select-disabled>.ng-select-container {
    background: var(--color-white);
    border: 1px solid var(--primary-color-200) !important;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    background-color: var(--primary-color-200) !important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
	background-color: var(--primary-color-200) !important;
}

/* MATERIAL */

/* MAT INPUT FIELD */

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: var(--grey-color-600) !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: var(--primary-color-300) !important;
}

.mat-form-field-appearance-outline.mat-focused.mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid .mat-form-field-outline-thick {
    color: var(--primary-color-300) !important;
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick .mat-form-field-outline-gap,
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick .mat-form-field-outline-start {
    border-width: 1px !important;
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: var(--error-color-600) !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-flex {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-flex {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick {
    transition: opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.mat-form-field-disabled .mat-form-field-appearance-outline .mat-form-field-outline-start,
.mat-form-field-disabled .mat-form-field-appearance-outline .mat-form-field-outline-end {
    background: var(--color-white);
    border: 1px solid var(--primary-color-200);
}

.mat-form-field,
.mat-input-element {
    font-family: var(--default-font-family) !important;
    color: var(--grey-color-900) !important;
}

.mat-error,
.error {
    color: var(--error-color-600) !important;
    font-size: var(--default-font-size) !important;
}

.borderred .ng-select-container {
    color: var(--error-color-600) !important;
    border: 1px solid var(--error-color-600) !important;
}

.mat-option-text,
.mat-select-value-text,
.mat-select,
.mat-select-placeholder {
    font-size: var(--default-font-size) !important;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 10px 0 !important;
}

input[placeholder],
.mat-select-placeholder {
    color: var(--grey-color-900) !important;
}

.mat-option.mat-active {
	background: var(--primary-color-200) !important
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: var(--primary-color-200) !important
}

.mat-select-panel .mat-option:hover:not([disabled]) {
    background: var(--primary-color-100) !important
}

/* SPINNER*/
.mat-progress-spinner circle {
    stroke: var(--primary-color-400);
}

/* SNACK BAR - BOX AND TEXT */
.mat-snack-bar-container {
    border: 1px solid var(--primary-color-800);
    background: var(--primary-color-50);
    color: var(--primary-color-800);
}

/* SNACK BAR - BUTTON */
.mat-simple-snackbar-action .mat-button-wrapper {
    color: var(--primary-color-800) !important;
}

/* SNACK BAR - BUTTON:FOCUS */
button.mat-focus-indicator {
    box-shadow: none !important;
}

/* TOOL TIP */
.mat-tooltip-panel .mat-tooltip {
    background: var(--primary-color-50) !important;
    border: 1px solid var(--primary-color-800) !important;
    border-radius: 4px;
    letter-spacing: 0.01em;
    color: var(--primary-color-800) !important;
}

/* DIALOG - HEADER AND TITLE */
.dialog-header {
    background-color: var(--primary-color-500) !important;
    color: var(--color-white) !important;
    margin: -8px -16px 0 -16px !important;
}

/* DIALOG - CONTAINER */
.mat-dialog-container {
    background: var(--color-white) !important;
}

/* CALENDAR FIELD - CURRENT DATE */
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
    background-color: var(--primary-color-100) !important;
}

/* CALENDAR FIELD - SELECTED DATE */
.mat-calendar-body-selected {
    background-color: var(--primary-color-500) !important;
    color: var(--color-white);
}

/* CALENDAR FIELD - MONTH TEXT */
.mat-button:not([disabled]) .mat-button-wrapper {
    color: var(--color-black) !important;
}

/* CALENDAR FIELD - NEXT MONTH ARROW */
.mat-calendar-next-button.mat-icon-button {
    color: var(--color-black) !important;
}

/* CALENDAR FIELD - PREV MONTH ARROW */
.mat-calendar-previous-button.mat-icon-button:not([disabled]) {
    color: var(--color-black) !important;
}

/* RAISED BUTTON - STANDBY */
button.mat-raised-button:not([disabled]) {
    background-color: var(--primary-color-600) !important;
    color: var(--color-white) !important;
    font-weight: 500 !important;
    font-size: var(--default-font-size) !important;
}

/* RAISED BUTTON - HOVER */
button.mat-raised-button:hover {
    background-color: var(--primary-color-400) !important;
    color: var(--color-white) !important;
}

/* RAISED BUTTON - ACTIVE */
button.mat-raised-button:active {
    background-color: var(--primary-color-300) !important;
    color: var(--color-white) !important;
}

/* RAISED BUTTON - FOCUS */
button.mat-raised-button:focus:not([disabled]) {
    box-shadow: none !important;
}

/* DISABLED RAISED BUTTON - STANDBY */
button[disabled].mat-raised-button {
    background-color: var(--primary-color-100) !important;
    color: var(--color-white) !important;
    font-weight: 500;
    font-size: var(--default-font-size) !important;
    border-radius: 4px o !important;
}

/* DISABLED RAISED BUTTON - HOVER */
button[disabled].mat-raised-button:hover {
    background-color: var(--primary-color-100) !important;
    color: var(--color-white) !important;
}

/* DISABLED RAISED BUTTON - ACTIVE */
button[disabled].mat-raised-button:active {
    background-color: var(--primary-color-100) !important;
    color: var(--color-white) !important;
}

/* STROKED BUTTON - STANDBY */
button.mat-stroked-button:not([disabled]) {
    background-color: var(--color-white) !important;
    color: var(--primary-color-600) !important;
    border: 2px solid var(--primary-color-600) !important;
}

/* STROKED BUTTON - HOVER */
button.mat-stroked-button:hover {
    background-color: var(--primary-color-400) !important;
    color: var(--color-white) !important;
    border: 2px solid var(--grey-color-600) !important;
}

/* STROKED BUTTON - ACTIVE */
button.mat-stroked-button:active {
    background-color: var(--color-white) !important;
    color: var(--primary-color-300) !important;
    border: 2px solid var(--primary-color-300) !important;
}

/* TOAST- ALERT */
.alert-inpage {
    border-left-width: 1px !important;
    font-size: unset !important;
    font-weight: 700 !important;
}

/* TOAST- ALERT INFO*/
.alert-inpage.info {
    color: var(--info-color-800) !important;
    background: var(--info-color-50) !important;
    border: 1px solid var(--info-color-800) !important;
    border-radius: 4px !important;
}

/* TOAST- ALERT SUCCESS*/
.alert-inpage.confirm {
    color: var(--success-color-800) !important;
    background: var(--success-color-50) !important;
    border: 1px solid var(--success-color-600) !important;
    border-radius: 4px !important;
}

/* TOAST- ALERT WARNING*/
.alert-inpage.warn {
    color: var(--warn-color-800) !important;
    background: var(--warn-color-50) !important;
    border: 1px solid var(--warn-color-800) !important;
    border-radius: 4px !important;
}

/* TOAST- ALERT ERROR*/
.alert-inpage.error {
    color: var(--error-color-800) !important;
    background: var(--error-color-50) !important;
    border: 1px solid var(--error-color-600) !important;
    border-radius: 4px !important;
}

.alert-inpage.error p,
.alert-inpage.warn p,
.alert-inpage.confirm p,
.alert-inpage.info p {
    padding-left: 2.8rem !important;
    margin: 0.7rem 0 !important;
}

/* TOAST- ALERT ERROR LIST*/
ul.error-list {
    font-size: var(--default-font-size) !important;
    font-weight: 400 !important;
    list-style-type: none !important;
}

/* RADIO BUTTON - STANDBY */
.mat-radio-outer-circle {
    border: 1px solid var(--grey-color-600);
    border-radius: 16px !important;
    box-sizing: border-box !important;
}

/* RADIO BUTTON - FOCUS */
.mat-radio-outer-circle:focus {
    border: 1px solid var(--primary-color-400);
}

/* RADIO BUTTON - ACTIVE */
.mat-radio-outer-circle:active {
    border: 1px solid var(--primary-color-400);
}

/* RADIO BUTTON - SELECTED */
.mat-radio-button.mat-radio-checked .mat-radio-outer-circle {
    border-color: var(--primary-color-500) !important;
    background: var(--primary-color-500) !important;
}

/* RADIO BUTTON - SELECTED INNER CIRCLE */
.mat-radio-button.mat-accent .mat-radio-inner-circle {
    border: 1px solid var(--color-white);
    background: var(--color-white);
}

/* DISABLE RIPPLE EFFECT */
mat-radio-button.cdk-focused {
    display: none !important;
    background-color: transparent !important;
}

/* CHECKBOX - HOVER */
.ag-checkbox-input-wrapper:hover {
    border-color: 1px solid var(--primary-color-400) !important;
}

/* CHECKBOX - STANDBY */
.ag-checkbox-input-wrapper {
    overflow: auto;
    border-color: var(--grey-color-600) !important;
    border-radius: 2px !important;
}

/* CHECKBOX -SELECTED */
.ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked::after {
    color: var(--primary-color-600) !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background-color: var(--primary-color-600) !important;
}

/* TOGGLE- CONTAINER */
.mat-slide-toggle-thumb-container {
    top: 0px !important;
    left: 0px !important;
}

/* TOGGLE- THUMB */
.mat-slide-toggle-thumb {
    height: 18px !important;
    width: 18px !important;
    background-color: var(--color-white) !important;
}

/* TOGGLE- TOGGLE BAR */
.mat-slide-toggle-bar {
    height: 20px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    background-color: var(--primary-color-300) !important;
}

.mat-slide-toggle-bar:hover {
    border: 1px solid var(--primary-color-500) !important;
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: var(--primary-color-500) !important;
    border: 1px solid var(--primary-color-500) !important;
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: var(--color-white) !important;
}

/* MAT CHIP */
.mat-chip.mat-standard-chip {
    background-color: var(--primary-color-100) !important;
    color: var(--primary-color-500) !important;
    font-weight: var(--font-weight-700) !important;
}

/* ICONS */
.fa-user,
.fa-info-circle,
.fa-check-circle,
.fa-exclamation-circle,
.fa-search,
.fa-exclamation-triangle,
.alert-inpage.error p::before,
.alert-inpage.warn p::before,
.alert-inpage.confirm p::before,
.alert-inpage.info p::before {
    width: 24px !important;
    height: 24px !important;
    position: relative;
    overflow: hidden;
    font-size: 0 !important;
    box-sizing: border-box;
    margin-left: 0 !important;
}

/* ICON STYLES */

.fa-user {
    background: url("./images/sm-user.svg") no-repeat 0 center;
    top: 5px;
}

.fa-info-circle {
    background: url("./images/sm-info.svg") no-repeat 0 center;
    top: 8px;
}

.fa-check-circle {
    background: url("./images/sm-success.svg") no-repeat 0 center;
    top: 8px;
}

.fa-exclamation-circle {
    background: url("./images/sm-error.svg") no-repeat 0 center;
    top: 7px;
}

.fa-search {
    background: url("./images/sm-search.svg") no-repeat 0 center;
    top: 3px;
    position: absolute;
    right: 5px;
}

.fa-exclamation-triangle {
    background: url("./images/sm-warn.svg") no-repeat 0 center;
}

/* TOAST ICONS */

.alert-inpage.error p::before {
    background: url("./images/sm-error.svg") no-repeat 0 center;
    top: -2px;
    position: absolute;
    left: 0;
}

.alert-inpage.warn p::before {
    background: url("./images/sm-warn.svg") no-repeat 0 center;
    top: -2px;
    position: absolute;
    left: 0;
}

.alert-inpage.confirm p::before {
    background: url("./images/sm-success.svg") no-repeat 0 center;
    top: -2px;
    position: absolute;
    left: 0;
}

.alert-inpage.info p::before {
    background: url("./images/sm-info.svg") no-repeat 0 center;
    top: -2px;
    position: absolute;
    left: 0;
}

/* CUSTOM COMPONENTS */

/* HEADERS AND SECTIONS*/

.mas-wf-core-header {
    background-color: var(--primary-color-100) !important;
    padding: 24px 24px !important;
}

.mas-wf-core-account-header-icon,
.mas-wf-lib-account-header-icon {
    padding-right: 0 !important;
}

.mas-wf-core-header h2 {
    font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 30px !important;
    line-height: 36px !important;
    letter-spacing: 0.01em !important;
    color: var(--primary-color-900) !important;
}

.mas-wf-core-account-number-search .col-sm-2,
.mas-wf-lib-account-number-search .col-sm-2 {
    font-size: var(--default-font-size) !important;
}

.mas-wf-lib-account-header,
.mas-wf-core-account-header,
.mas-wf-lib-app-filter {
    padding: 24px !important;
    background: var(--primary-color-100) !important;
    border: none !important;
    margin-top: 32px !important;
    margin-bottom: 20 !important;
}

.mas-wf-lib-account-header-title,
.mas-wf-core-account-header-title {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 8px !important;
}

.mas-wf-lib-account-header-content-container,
.mas-wf-core-account-header-content-container {
    margin-top: 8px !important;
    margin-bottom: 24px !important;
}

.mas-wf-lib-account-header-title-text,
.mas-wf-core-account-header-title-text {
    font-family: var(--default-font-family) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: var(--grey-color-900) !important;
}

/* GROUPS AND SECTIONS */
.mat-list-base {
    padding: 0 !important;
}

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
    height: 60px !important;
}

mas-wf-lib-group-header .mat-list-item-content,
mas-wf-lib-section-header .mat-list-item-content {
    background: var(--primary-color-200) !important;
}

.mat-list-item {
    font-family: var(--default-font-family) !important;
    font-size: var(--default-font-size) !important;
    text-transform: uppercase;
    font-weight: var(--font-weight-700) !important;
    letter-spacing: 0.01em !important;
    color: var(--grey-color-900) !important;
}

.mas-wf-lib-account-header mas-wf-lib-section-header .mat-list {
    margin-right: -10px !important;
    margin-left: -10px !important;
}

mas-wf-lib-address-change mas-wf-lib-section-header .mat-list {
    margin-left: -20px !important;
    margin-right: -20px !important;
}

mas-wf-lib-group-header .mat-divider,
mas-wf-lib-section-header .mat-divider {
    display: none !important;
}

mas-wf-lib-group-header .mat-list-item-content .mas-wf-lib-group-header,
mas-wf-lib-section-header .mat-list-item-content .mas-wf-lib-section-header {
    font-weight: var(--font-weight-700) !important;
    font-size: var(--default-font-size) !important;
    letter-spacing: 0.01em !important;
    color: var(--grey-color-900) !important;
}

.mas-wf-lib-clear-both {
    margin: -20px -20px 0 -20px !important;
}

mas-wf-lib-section-header .mas-wf-lib-clear-both {
    margin: 0px -10px 0 -10px !important;
}

mas-wf-lib-investment-update-details .mas-wf-group-section .mas-wf-lib-clear-both {
    margin: -15px -20px 0 -20px !important;
}

.mas-wf-group,
.mas-wf-group-section {
    background: var(--color-white) !important;
    box-shadow: 0px 4px 6px -1px rgba(10, 16, 45, 0.1), 0px 2px 4px -2px rgba(10, 16, 45, 0.1) !important;
    margin: 0 0 32px 0 !important;
    padding: 20px !important;
}

.mas-wf-lib-section .mas-wf-lib-section-content-container {
    margin: 0 !important;
}

.mas-wf-core-account-header .mas-wf-lib-section-content-container .content-size {
    margin-top: -50px !important;
    margin-bottom: -30px !important;
}

.mas-wf-lib-section-content-container .content-size {
    margin: -30px -30px -15px -30px !important;
    width: calc(100% + 60px) !important;
}

.mas-wf-lib-section-content-container .content-size-review {
    margin: -25px 0px -45px -50px !important;
    width: calc(100% + 100px) !important;
}

mas-wf-lib-group-header+div .content-size {
    margin: -20px !important;
    width: 100% !important;
}

mas-nao-estimated-fee-summary .content-size {
    margin: 0px 0px -20px -10px !important;
    width: calc(100% + 20px) !important;
}

mas-wf-lib-service-order-summary .content-size .content-size {
    margin: -30px 0px 0px 0px !important;
    width: calc(100% + 40px) !important;
}

.div-multi-select .content-size,
.div-multi-select .content-size-220 {
    margin-top: -30px !important;
}

mas-wf-lib-tax-selling .margin-20 .height-100 {
    margin: -30px 0px 0px -40px !important;
    width: calc(100% + 80px) !important;
}

mas-wf-lib-order-detail ag-grid-angular.content-size.ag-theme-alpine {
    margin: -75px 0px 0px -10px !important;
    width: calc(100% + 20px) !important;
}

mas-wf-lib-advisor-model-summary .mas-wf-group,
mas-lib-nao-account-opening-report .mas-wf-group {
    margin: 0px -10px 0px -10px !important;
}

mas-wf-lib-advisor-model-summary .mas-wf-group .margin-20 .content-size {
    margin: -30px 0px -10px -40px !important;
    width: calc(100% + 80px) !important;
}

mas-wf-lib-investment-update-details .mas-wf-group .margin-20 .content-size {
    margin: -30px !important;
    width: calc(100% + 60px) !important;
}

mas-lib-nao-account-opening-report .mas-wf-group .margin-20 .content-size {
    margin: -30px 0px -10px -50px !important;
    width: calc(100% + 100px) !important;
}

mas-wf-lib-change-cons-fee ag-grid-angular.content-size.ag-theme-alpine {
    margin: -30px -30px -30px -40px !important;
    width: calc(100% + 80px) !important;
}

.mas-wf-lib-account-header,
.mas-wf-core-account-header {
    margin-bottom: 30px !important;
}

.mas-nao-lib-account-header-align-right a,
.mas-nao-core-account-header-align-right a {
    color: var(--primary-color-600) !important;
    font-weight: var(--font-weight-700) !important;
    text-decoration: none !important;
}

.mas-nao-lib-account-header-align-right a:hover,
.mas-nao-core-account-header-align-right a:hover {
    color: var(--primary-color-700) !important;
    text-decoration: none !important;
}

.mas-nao-lib-account-header-align-right a:visited,
.mas-nao-lib-account-header-align-right a:active,
.mas-nao-core-account-header-align-right a:visited,
.mas-nao-core-account-header-align-right a:active {
    color: var(--purple-color-600) !important;
    text-decoration: none !important;
}

#mas-wf-lib-file-upload {
    margin: 1.40% !important;
}

/* MENU */

.mas-wf-core-portal-header {
    background: var(--color-white) !important;
}

.mas-wf-core-portal-menu-heading {
    background: var(--color-white) !important;
    color: var(--primary-color-300) !important;
}

.mas-wf-core-portal-menu-nav-bar ul {
    background: var(--color-white) !important;
}

.mas-wf-core-portal-menu-nav-bar li a {
    text-decoration: none !important;
    background-color: var(--color-white) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0.01em;
    color: var(--grey-color-900) !important;
}

.mas-wf-core-portal-menu-heading-title {
    color: var(--grey-color-900) !important;
}

.mas-wf-core-portal-menu-nav-bar li a {
    border-bottom: 2px solid var(--color-white) !important;
}

.mas-wf-core-portal-menu-nav-bar li a:hover {
    text-decoration: none !important;
    background-color: var(--color-white) !important;
    color: var(--primary-color-600) !important;
}

.mas-wf-core-portal-menu-nav-bar li a:hover:not(.active) {
    background-color: var(--color-white) !important;
    border-bottom: 2px solid var(--primary-color-600) !important;
}

.mas-wf-core-portal-menu-nav-bar li a:hover:active {
    border-bottom: 2px solid var(--primary-color-600) !important;
}

.active {
    background-color: var(--primary-color-500) !important;
}

.mat-menu-item:hover {
    background-color: var(--primary-color-500) !important;
    color: var(--grey-color-900) !important;
}

.mat-menu-item:hover:not([disabled]), 
.mat-menu-item.cdk-program-focused:not([disabled]), 
.mat-menu-item.cdk-keyboard-focused:not([disabled]), 
.mat-menu-item-highlighted:not([disabled]) {
    background-color: var(--primary-color-200) !important;
    color: var(--grey-color-900) !important;
}

.fa-user-circle:before {
    color: var(--grey-color-900) !important;
}

/* ACM SEARCH */

.mas-wf-lib-acm-summary {
    background: var(--color-white) !important;
    border: none !important;
}

/* LEFT-NAV */

.mas-wf-core-side-navigation-step a {
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: var(--default-font-size);
    line-height: 20px !important;
    letter-spacing: 0.01em;
    background: var(--primary-color-700) !important;
    color: var(--color-white) !important;
}

.mas-wf-core-side-navigation-step a:hover {
    text-decoration: none !important;
    color: var(--primary-color-400) !important;
}

.mas-wf-core-side-navigation-step a:not(.active-navigation-step .link-default) {
    background-color: var(--color-white) !important;
    border-bottom: 2px solid var(--neutral-color-900) !important;
    color: var(--neutral-color-900) !important;
}

.active-navigation-step {
    background: var(--primary-color-700) !important;
    color: var(--color-white) !important;
}

.mas-wf-core-graphic-hint-main-text {
    color: var(--primary-color-300) !important;
}

.mao-GettingStarted_PurpleArrow {
    background: url("./images/mao_PurpleArrow.svg") no-repeat 0 center;
}

/* LOGIN */

.mas-wf-app-login {
    /* background: var(--primary-color-200) !important; */
}

.mas-wf-app-login-body {
    background: transparent !important;
}

.mas-wf-login-header {
    color: var(--grey-color-900) !important;
}

.fa-info-circle:before {
    color: var(--grey-color-900) !important;
}


/* for Billing Group */
.mat-dialog-title {
    color: var(--color-black) !important;
    background-color: var(--primary-color-100) !important;
    border-top: none !important;
    padding: 12px 8px !important;
    cursor: default !important;
}

.text-link {
    color: var(--primary-color-600) !important;
    text-decoration: none !important;
    font-weight: var(--font-weight-700) !important;
} 

.mat-ink-bar {
    background-color: var(--primary-color-600) !important
}

.mat-tab-list .mat-tab-label {
    color : var(--primary-color-600) !important;
}

.mat-tab-label:focus {
    box-shadow :   0px 0px 0px 2px var(--primary-color-600) !important;
}