:root {
    --login-title-order: 3;
    --login-logo-order: 1;
    --login-description-order: 2;
    --login-form-field-border-radius: 5px;
    --login-background-color: #ffffff;
    --login-background-size: cover;
    --login-background-position: left center;
    --login-form-background-color: rgba(255, 255, 255, 0.8);
    --login-form-width: 360px;
    --login-form-position-vertical: center;
    --login-form-position-horizontal: end;
    --login-form-logo-display: block;
    --login-form-title-text-size: 19px;
    --login-form-subtitle-text-size: 16px;
    --footer-align-items: unset;
    --footer-flex-direction: unset;
    --footer-logos-justify: unset;
    --footer-extra-text-align: unset;
    --footer-logos-section-display: none;
    --footer-logo1-display: none;
    --footer-logo2-display: none;
    --footer-logo3-display: none;
    --footer-logo4-display: none;
    --footer-logo5-display: none;
    --footer-extra-text: block;
    --login-form-right-half: 40%;
    --login-copyright-position: right;
    --login-copyright-text-color: #000;
    --login-form-border-raduis: 20px;
    --login-form-blur-rate: -5px;
    --login-form-text-color: #000000;
    --login-form-text-weight: 600;
    --login-form-error-color: #b94a48;
    --login-separator-color: rgba(0, 82, 140, .3);
    --login-display: flex;

    --shell-header-logo-height: 54px;

    .sis-login__form {
        margin: 0 calc((var(--login-form-right-half) - var(--login-form-width)) / 1.7) !important;
    }

    .sis-login__description {
        text-transform: none !important;
        font-weight: 500 !important;
    }

    .sis-login__common-action {
        background-color: #ffc726;
        color: #893700 !important;
        margin-top: 24px !important;
    }

    .sis-login-form__alternative-message-text {
        margin-top: 14px;
    }

    @media (max-width: 1680px) {
        .sis-login {
            background-position: 50% center !important;
        }

    }

    @media (max-width: 1024px) {
        .sis-login {
            background-position: 60% center !important;
        }

        .sis-login__form {
            margin: 0 calc(40% - 360px / 1) !important;
        }
    }

    .ejustice-simple-table tbody td div {
        width: auto !important;
    }

    .page-view-content {
        background-color: #e6e6f4 !important;
    }

    .sis-form-container:has(#ejusticeOverviewMain),
    .sis-form-main-container:has(#ejusticeOverviewMain),
    mat-card:has(#ejusticeOverviewMain),
    #ejusticeOverviewMain.ejustice-overview {
        background-color: #e6e6f4;
    }

    .sis-inline-table .sis-inline-table__row--selected .sis-inline-table__button:before,
    .sis-popup-table .sis-popup-table__row--selected .sis-popup-table__button--active:before{
        background-color: #ffc726 !important;
    }


    .sis-inline-table .sis-inline-table__button{
        max-width: 32px !important;
        min-width: 32px !important;
    }

    .sis-popup-table__button,
    .ejustice-simple-table__action .ejustice-simple-table__action-button{
        color: inherit !important;
        padding: 0;
        max-width: 32px !important;
        min-width: 32px !important;
        line-height: 32px;
        opacity: 1 !important;
    }

    .sis-popup-table__button:hover,
    .sis-popup-table__button:focus,
    .ejustice-simple-table__action .ejustice-simple-table__action-button:hover{
        color: #fff !important;
        transition: none !important;
    }

    .sis-popup-table td.sis-popup-table__action:not(.sis-popup-table__action--visible){
        transform: none !important;
    }

    .sis-popup-table__button:before,
    .sis-popup-table .sis-popup-table__row--selected .sis-popup-table__button--active{
        color: #fff !important;
    }

    .sis-popup-table td.sis-popup-table__action:not(.sis-popup-table__action--visible),
    .sis-popup-table__button:hover:before,
    .sis-popup-table__button:focus:before,
    .ejustice-simple-table__action .ejustice-simple-table__action-button:hover:before{
        opacity: 1 !important;
    }

    .ejustice-simple-table__action .ejustice-simple-table__action-button:before{
        background-color: #ffc726;
        content: '';
        position: absolute;
        width: 32px !important;
        height: 32px !important;
        border-radius: 3px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        color: #fff !important;
    }

    .ejustice-simple-table__action .ejustice-simple-table__action-button .mat-ripple,
    .ejustice-simple-table__action .ejustice-simple-table__action-button .mat-button-focus-overlay {
        display: none !important;
    }

    .ejustice-simple-table{
        table-layout: inherit !important;
    }

    #selenium-test-bulk-picker-project-contacts-delete-action{
        color: #f40000;
    }


    .ejustice-popup-table td:has(.ejustice-table-with-popup__action),
    .ejustice-simple-table td:has(.ejustice-simple-table__action) {
        padding: 8px !important;
    }

    .ejustice-table-with-popup__action .ejustice-popup-table__action-button,
    .ejustice-simple-table__action .ejustice-simple-table__action-button {
        margin-left: 4px;
    }

    .ejustice-bulk-picker-size.mat-dialog-container{
        max-height: inherit !important;
        min-height: auto !important;
    }

    .ejustice-bulk-picker-popup-drawer--with-search{
        height: auto !important;
    }

    mat-dialog-container .ejustice-bulk-picker-search-container {
        margin-bottom: 24px !important;
        padding-right: 0;
        gap: 8px;
    }

    mat-dialog-container .ejustice-bulk-picker-search-container:has(sds-button) {
        padding-right: 38px;
    }

    mat-dialog-container .ejustice-bulk-picker-title .ejustice-form__label {
        font: inherit !important;
        color: inherit !important;
    }

    .quick-filter-menu.mat-menu-panel {
        min-width: 100px !important;
    }

    ejustice-overview sds-grid-col .ejustice-overview__card {
        border: 1px solid #C7C7E7;
        border-radius: 6px;
    }

    ejustice-overview sds-grid-col .ejustice-overview__card > sds-toolbar:first-child::part(sds-toolbar) {
        border-bottom: 5px solid #00267F;
    }

    ejustice-overview sds-grid-col .ejustice-overview__card:hover > sds-toolbar:first-child::part(sds-toolbar) {
        background: rgba(6, 84, 250, 0.1);
        color: #00267f !important;
    }

    .sis-shell-nav {
        background: #DEDEE6;
        color: #333333 !important;
    }

    .sis-shell-nav .mat-expansion-panel {
        background: #DEDEE6;
    }

    .sis-shell-nav.sis-shell-nav--opened .sis-shell-nav__item:not(.sis-shell-nav__item--selected) .sis-shell-nav__item-title,
    .sis-shell-nav.sis-shell-nav--opened .sis-shell-nav__item:not(.sis-shell-nav__item--selected) .sis-shell-nav__item-icon {
        color: #333333 !important;
    }

    ejustice-base-portfolio sds-layout > sds-card, ejustice-base-portfolio sds-layout sds-grid-container,
    ejustice-hierarchical-table-section sds-card,
    brb-pims-demo-projects-export sds-layout > sds-card {
        border: 1px solid #C7C7E7 !important;
        border-radius: 6px !important;
    }

    ejustice-hierarchical-table-section sds-card {
        margin: 8px;
    }

    .ejustice-hierarchical-tree-container sds-tree {
        border-radius: 0 0 6px 6px;
    }

    .ejustice-hierarchical-tree-container sds-tree::part(sds-tree) {
        overflow-x: hidden;
    }

    sds-layout::part(sds-layout-content) {
        background: #e6e6f4 !important;
    }

    .sis-portfolio-toolbar {
        border-radius: 10px 10px 0 0 !important;
        height: 56px !important;
    }

    .sis-portfolio-toolbar .sis-portfolio-toolbar__chip-list .mat-chip-list-wrapper .mat-chip {
        background: rgba(6, 84, 250, 0.1);
        color: #00267f;
        font-weight: 600;
    }

    .sis-portfolio-toolbar .sis-portfolio-toolbar__chip-list .mat-chip-list-wrapper .mat-chip:hover {
        color: #00267f;
    }

    table:not(.mat-calendar-table, .sis-tabrep__table) tr {
        height: 48px;
    }

    table:not(.mat-calendar-table, .sis-tabrep__table) th, table:not(.mat-calendar-table, .sds-table-tree table) td {
        border-top: 1px solid #C7C7E7 !important;
        border-bottom: 1px solid #C7C7E7 !important;
        padding: 8px 12px !important;
    }

    table:not(.mat-calendar-table) th {
        background: #F3F3FA !important;
        color: #333333 !important;
        font-weight: 600 !important;
    }

    table:not(.mat-calendar-table) th:not(:last-child) {
        border-right: 1px solid #C7C7E7 !important;
    }

    .rc-table sds-tree-heading-cell::part(sds-tree__heading-left-border),
    .rc-table sds-tree-heading-cell::part(sds-tree-heading-cell),
    .rc-table sds-tree-heading-cell::part(sds-tree__heading-right-border),
    .ejustice-hierarchical-tree-container sds-tree-heading-cell::part(sds-tree__heading-left-border),
    .ejustice-hierarchical-tree-container sds-tree-heading-cell::part(sds-tree-heading-cell),
    .ejustice-hierarchical-tree-container sds-tree-heading-cell::part(sds-tree__heading-right-border){
        background: #F3F3FA !important;
        border-top: 1px solid #C7C7E7 !important;
        border-bottom: 1px solid #C7C7E7 !important;
    }

    .rc-table sds-tree-heading-cell::part(sds-tree__heading-right-border) {
        border-inline-end: 1px solid #C7C7E7 !important;
    }

    .ejustice-hierarchical-tree-container sds-tree-heading-cell::part(sds-tree__heading-right-border) {
        border-inline-end: none;
        cursor: default;
    }


    table:not(.mat-calendar-table) td a {
        color: #2C79E7 !important;
    }

    .sds-table th, .sds-table td {
        border-top: 1px solid #C7C7E7 !important;
        border-bottom: 1px solid #C7C7E7 !important;
        padding: 8px 12px !important;
        box-shadow: none !important;
    }

    .sds-table th:not(:first-child), .sds-table td:not(:first-child) {
        border-left: 1px solid #C7C7E7 !important;
    }

    .sds-table th {
        background: #F3F3FA !important;
        color: #333333 !important;
        font-weight: 600 !important;
    }

    .sds-table td a {
        color: #2C79E7 !important;
    }

    sds-tabs sds-tab-title:not([aria-selected=true]):not([error]):not([disabled]) {
        color: inherit !important;
    }

    #selenium-test-AmountAdvanced-validation.sis-error,
    #selenium-test-AmountJustified-validation.sis-error,
    #selenium-test-AmountToBeJustified-validation.sis-error {
        margin-top: 10px;
    }

    .ejustice-overview__card .ejustice-overview__card-title {
        white-space: nowrap;
    }

    #export_from_project_overview,
    ejustice-header-comment sds-button,
    ejustice-header header-export-button .sis-icon {
        scale: 1.4;
    }

    #export_from_project_overview::part(sds-button) {
        color: #333333 !important;
    }

    .sis-popup-table td, .sis-inline-table td {
        vertical-align: middle !important;
    }

    sis-table .sis-popup-table th.sis-popup-table__action:nth-last-child(2) {
        border-right: 0 !important;
    }

    sis-table .sis-popup-table .sis-popup-table__action:nth-last-child(2) {
        padding-left: 12px !important;
        padding-right: 0 !important;
    }

    sis-table:has(.sis-popup-table__button-group) .sis-popup-table .sis-popup-table__action:last-child {
        padding-left: 4px !important;
    }

    sis-table .sis-popup-table .sis-popup-table__action:last-child {
        padding-left: 8px !important;
    }

    sis-table:has(.sis-popup-table__button-group) #selenium-test-Disbursements.sis-popup-table th.sis-popup-table__action:last-child,
    sis-table:has(.sis-popup-table__button-group) #selenium-test-Expenditures.sis-popup-table th.sis-popup-table__action:last-child{
        display: table-cell;
    }

    #selenium-test-Disbursements.sis-popup-table th.sis-popup-table__action:last-child,
    #selenium-test-Expenditures.sis-popup-table th.sis-popup-table__action:last-child{
        display: none;
    }

    .sis-inline-table .sis-inline-table__action {
        padding: 8px !important;
    }

    #selenium-test-Supplementary.sis-inline-table col {
        min-width: 240px !important;
    }

    #selenium-test-DisbursementPerFundingAgency.sis-inline-table{
        table-layout: inherit !important;
    }

    #selenium-test-DisbursementPerFundingAgency.sis-inline-table th:first-child {
        width: 48px;
    }

    #selenium-test-DisbursementPerFundingAgency.sis-inline-table .sis-inline-table__col:nth-child(4) {
        padding: 12px !important;
    }

    #selenium-test-DisbursementPerFundingAgency.sis-inline-table .sis-inline-table__col:nth-child(7) ejustice-metafield-control,
    .sis-inline-table .sis-inline-table__no-data,
    .sis-popup-table .sis-popup-table__no-data{
        color: rgba(0, 0, 0, .24) !important;
        font-size: 10px !important;
        font-weight: 700;
        text-transform: uppercase;
    }

    #selenium-test-DisbursementPerFundingAgency.sis-inline-table .sis-inline-table__col:nth-child(7) ejustice-metafield-control:has(.sis-numeric-text) {
        color: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        text-transform: inherit !important;
        white-space: nowrap;
    }

    /*
    #w69044658+ng-component .sis-inline-table .sis-inline-table__col .sis-accounting{
        padding: 24px 0 12px;
    }
    */

    .sis-accounting sis-amount .sis-form-field .mat-form-field-prefix {
        width: auto !important;
        left: 8px !important;
    }

    .sis-amount .mat-input-hint-wrapper {
        height: 26px !important;
    }

    .sds-tabs-in-form-layout .sis-form-drawer-container .sis-form-grid__column sis-dynamic-accounting .sis-accounting .sis-amount .sis-amount__hint-text,
    .sis-inline-table .sis-inline-table__col .sis-accounting .sis-amount .sis-amount__hint-text,
    .sis-form-popup__content .sis-accounting .sis-amount .sis-amount__hint-text {
        font-size: 11px !important;
        flex-basis: 0 !important;
    }

    .sis-form-popup__content .sis-accounting .sis-amount .sis-amount__hint-amount,
    .sds-tabs-in-form-layout .sis-form-drawer-container .sis-form-grid__column sis-dynamic-accounting .sis-accounting .sis-amount .sis-amount__hint-amount,
    .sis-inline-table .sis-inline-table__col .sis-accounting .sis-amount .sis-amount__hint-amount {
        font-size: 11px !important;
        flex-basis: 100% !important;
    }

    .sds-tabs-in-form-layout .sis-form-drawer-container .sis-form-grid__column sis-dynamic-accounting .sis-accounting .sis-rate .sis-rate__hint,
    .sis-inline-table .sis-inline-table__col .sis-accounting .sis-rate .sis-rate__hint,
    .sis-form-popup__content .sis-accounting .sis-rate .sis-rate__hint {
        font-size: 11px !important;
    }

    .sis-inline-table .sis-inline-table__row .sis-amount__hint {
        padding-right: 0 !important;
    }

    .sis-inline-table .sis-inline-table__row .sis-rate__hint,
    .sis-inline-table .sis-inline-table__row .sis-amount__hint-amount {
        opacity: 1 !important;
    }

    .sis-inline-table .sis-inline-table__row:hover .sis-rate__hint,
    .sis-inline-table .sis-inline-table__row:hover .sis-amount__hint-amount {
        box-shadow: none !important;
    }

    .sis-inline-table .sis-inline-table__col .sis-accounting {
        flex-wrap: nowrap !important;
        align-items: center;
    }

    .sis-inline-table .sis-inline-table__col .sis-accounting:has(.sis-rate) {
        margin-top: 24px !important;
        margin-bottom: 16px;
    }

    .sis-inline-table .sis-inline-table__col .sis-accounting .sis-rate > div {
        flex-basis: 50%;
    }

    .sis-inline-table .sis-inline-table__col .sis-accounting .sis-accounting__field {
        flex-basis: 50% !important;
    }

    .sis-inline-table .sis-inline-table__col .sis-accounting .sis-accounting__field:first-child {
        margin-right: 0 !important;
    }

    /*.sis-inline-table .sis-inline-table__col .sis-accounting .sis-accounting__field:last-child {
        padding-top: 16px;
        padding-bottom: 16px;
    }*/

    .sis-inline-table .sis-inline-table__col .sis-accounting .sis-accounting__field:only-child {
        padding-top: 0;
        padding-bottom: 0;
    }

    .sis-inline-table .sis-inline-table__col .sis-accounting .sis-datepicker,
    .sis-inline-table .sis-inline-table__col .sis-accounting .sis-datepicker__field {
        min-width: 120px !important;
    }

    .sis-inline-table .sis-inline-table__col .sis-accounting .sis-rate__field {
        min-width: 100px !important;
    }

    @media screen and (max-width: 1536px) and (min-width: 1024px) {
        .sis-inline-table .sis-inline-table__col .sis-accounting {
            display: inherit !important;
        }

        .sis-inline-table .sis-inline-table__col .sis-accounting .sis-accounting__field,
        .sis-inline-table .sis-inline-table__col .sis-accounting .sis-currency {
            margin-right: 0 !important;
        }

        /*.sis-inline-table .sis-inline-table__col .sis-accounting .sis-accounting__field:last-child {
            padding-top: 16px !important;
            padding-bottom: 0 !important;
        }*/
        .sis-inline-table .sis-inline-table__col .sis-accounting sis-amount {
            flex-basis: 100% !important;
        }

        .sis-inline-table .sis-inline-table__col .sis-accounting .sis-rate {
            margin-top: 36px !important;
            margin-bottom: 16px;
        }

        .sis-inline-table .sis-inline-table__col .sis-accounting [dir=ltr] .sis-rate {
            margin-left: 0 !important;
        }

        .sis-inline-table .sis-inline-table__col .sis-accounting [dir=rtl] .sis-rate {
            margin-right: 0 !important;
        }

        .sis-inline-table .sis-inline-table__col .sis-accounting .sis-rate > div:not(:last-child) {
            flex-basis: 50%;
        }
    }

    .sis-form-popup__content .sis-accounting{
        flex-wrap: inherit !important;
    }

    .sis-form-container .sis-form-grid__column sis-dynamic-accounting .sis-accounting sis-currency-combo,
    .sis-form-popup__content .sis-accounting sis-currency-combo{
        flex-basis: 0 !important;
    }

    .sis-form-container .sis-form-grid__column sis-dynamic-accounting .sis-accounting sis-amount,
    .sis-form-popup__content .sis-accounting sis-amount{
        flex-basis: 100% !important;
    }

    .sis-form-container .sis-form-grid__column sis-dynamic-accounting .sis-accounting .sis-currency,
    .sis-form-container .sis-form-grid__column sis-dynamic-accounting .sis-accounting .sis-accounting__field:last-child,
    .sis-form-popup__content .sis-accounting .sis-currency,
    .sis-form-popup__content .sis-accounting .sis-accounting__field:last-child{
        margin-right: 0 !important;
    }

    .sis-form-container .sis-form-grid__column sis-dynamic-accounting .sis-accounting .sis-accounting__field,
    .sis-form-popup__content .sis-accounting .sis-accounting__field{
        flex: 1 1 50%;
        box-sizing: border-box;
        max-width: 50%;
    }

    .sis-form-container .sis-form-grid__column sis-dynamic-accounting .sis-accounting .sis-rate > div:not(:last-child),
    .sis-form-container .sis-form-grid__column sis-dynamic-accounting .sis-accounting .sis-accounting__field:not(:last-child),
    .sis-form-popup__content .sis-accounting .sis-rate > div:not(:last-child),
    .sis-form-popup__content .sis-accounting .sis-accounting__field:not(:last-child){
          margin-right: 16px !important;
    }

    .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
        background-color: rgba(255, 199, 38, 0.5) !important;
    }

    .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
        background-color: #ffc726 !important;
    }

    ejustice-hierarchical-table-section sds-card{
        margin: 8px 16px;
    }

    .ejustice-hierarchical-tree-title {
        white-space: normal !important;
        overflow: inherit !important;
        text-overflow: inherit !important;
    }

    .ejustice-hierarchical-tree-text-ellipsis{
        white-space: normal !important;
        overflow: inherit !important;
        text-overflow: inherit !important;
        -webkit-line-clamp: none !important;
        word-break: normal !important;
    }

    sds-button::part(sds-button):focus-visible:after {
        border: none !important;
    }

}