@import '_content/TX.Web.Client.UI/TX.Web.Client.UI.bundle.scp.css';

/* /Components/Dashboard/FinancialOperations/DashboardCounterpartyLoans.razor.rz.scp.css */
.hatched-cell[b-lzpgpaktnn] {
    background: #f2f2f2;
}

.primary-table-cell[b-lzpgpaktnn] {
    background: #CCCCCC;
    color: var(--text-color);
}

.secondary-table-cell[b-lzpgpaktnn] {
    background: var(--secondary-color);
    color: var(--text-color);
}

.tertiary-table-cell[b-lzpgpaktnn] {
    background: #EDEDED;
    color: var(--text-color);
}
/* /Components/Dashboard/FinancialOperations/DashboardFacilityUsageGroupedByBankAndCountry.razor.rz.scp.css */
.hatched-cell[b-1pmycbycbh] {
    background: #f2f2f2;
}

.primary-table-cell[b-1pmycbycbh] {
    background: var(--primary-color);
    color: #fff;
}
/* /Components/Dashboard/FinancialOperations/DashboardIntercompanyLoans.razor.rz.scp.css */
.primary-table-cell[b-gf0m2yoch8] {
    background-color: #CCCCCC;
}
/* /Components/Dashboard/FinancialOperations/FacilityUsageDynamicColumns.razor.rz.scp.css */
.hatched-cell[b-x4manay3mp] {
    background: #f2f2f2;
}

.primary-table-cell[b-x4manay3mp] {
    background: var(--primary-color);
    color: #fff;
}
/* /Components/Dashboard/FinancialOperations/FacilityUsageGrouped.razor.rz.scp.css */
.hatched-cell[b-9q2zo3ltii] {
    background: #f2f2f2;
}

.primary-table-cell[b-9q2zo3ltii] {
    background: var(--primary-color);
    color: #fff;
}
/* /Components/Dashboard/FinancialOperations/GlobalCreditLimitUtilization.razor.rz.scp.css */
.hatched-cell[b-862cq9b1pn] {
    background: #f2f2f2;
}

.primary-table-cell[b-862cq9b1pn] {
    background: var(--primary-color);
    color: #fff;
}
/* /Components/FinancialOperations/InstrumentPaymentAudit/InstrumentPaymentAudit.razor.rz.scp.css */
.audit-timeline-separator[b-hzur814yqm] {
    background-color: #00000099;
    width: 1px;
    height: 2.5rem;
}
/* /Components/FinancialOperations/InstrumentPaymentAudit/InstrumentPaymentAuditItem.razor.rz.scp.css */
.instrument-payment-audit-header-text[b-ivi2f5199t] {
    font-size: 20px;
}

.instrument-payment-audit-body-text[b-ivi2f5199t] {
    font-size: 15px;
}

.instrument-payment-audit-detail-text[b-ivi2f5199t] {
    font-size: 14px;
    color: #000000;
}

.no-word-break[b-ivi2f5199t] {
    word-break: keep-all;
}
/* /Components/FinancialOperations/LetterAuditComponent.razor.rz.scp.css */
.audit-timeline-separator[b-3i6ah4ntrt] {
    background-color: #00000099;
    width: 3px;
    height: 2.5rem;
}
/* /Pages/CashPosition/CashPositionActionPanel.razor.rz.scp.css */
.action-panel-unfocus[b-pxnd40dprj] {
    width: 100%;
    height: 100%;
    z-index: 9;
    position: absolute;
}

.action-panel-item-image[b-pxnd40dprj] {
    width: 24px;
}

.action-panel-list-text[b-pxnd40dprj] {
    font-size: 16px;
    margin-bottom: -4px
}

.action-panel-list-subtext[b-pxnd40dprj] {
    font-size: 10px;
    color: var(--gray)
}

.action-panel-list[b-pxnd40dprj] {
    margin-bottom: 3px;
    box-shadow: 0px 2px 5px 1px var(--form-control-border-color);
    border-radius: 2px;
    background-color: var(--white);
    font-size: 16px;
    color: var(--button-primary-hover-background-color);
    font-weight: bold;
    margin-right: 86px;
}

.action-panel[b-pxnd40dprj] {
    position: sticky;
    bottom: 35px;
    min-width: 50px;
    min-height: 30px;
    z-index: 10;
    width: fit-content;
    padding: 0;
    align-items: center;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    border-radius: 2px;
    background-color: transparent;
    font-size: 16px;
}

.action-panel-box[b-pxnd40dprj] {
    box-shadow: 0px 2px 5px 1px var(--form-control-border-color);
    background-color: var(--light-background);
}

.action-panel-item:hover[b-pxnd40dprj] {
    background-color: var(--disabled-color);
}

.action-panel-item[b-pxnd40dprj] {
    cursor: pointer;
    padding: 10px 65px 10px 20px;
}

.action-panel-button:hover[b-pxnd40dprj] {
    background-color: var(--disabled-color);
}

.action-panel-menu-button[b-pxnd40dprj] {
    width: 32px;
    cursor: pointer;
}

    .action-panel-menu-button:hover[b-pxnd40dprj] {
        background-color: var(--disabled-color);
    }

.action-panel-button[b-pxnd40dprj] {
    flex: 1;
    padding: 7px 10px;
    color: var(--button-primary-hover-background-color);
    font-weight: bold;
    cursor: pointer;
}

.count-box[b-pxnd40dprj] {
    width: 24px;
    border-radius: 12px;
    background-color: var(--button-primary-border-color);
    color: white;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: initial;
    font-size: 14px;
}
/* /Pages/FinancialOperations/Facilities/Facility.razor.rz.scp.css */
[b-tc3921d11j] .facility-grid-udf {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0 30px;
}
/* /Pages/Payment/PaymentHub/ApprovePayments.razor.rz.scp.css */
@keyframes pulse-b-s5kgkt51xh {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }

    50% {
        transform: scale(1.15);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0.8;
        opacity: 0.8;
    }
}
.fraud-emoji[b-s5kgkt51xh] {
    max-width: 200px;
    height: 200px; 
    object-fit: contain; 
    animation: pulse-b-s5kgkt51xh 1.5s infinite;
    display: block;
    margin: 0 auto;
}

@keyframes fadeIn-b-s5kgkt51xh {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Button styling (as you like) */
.trigger-btn[b-s5kgkt51xh] {
    position: fixed; /* e.g. always visible */
    top: 20px;
    right: 20px;
    padding: 0.5rem 1rem;
    background: #28a745;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* Full-page overlay centered flexibly */
.overlay[b-s5kgkt51xh] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5); /* dim behind */
    z-index: 999;
}

    /* Image initial state: hidden/zero scale */
    .overlay img[b-s5kgkt51xh] {
        max-width: 80%;
        max-height: 80%;
        transform: scale(0);
        animation: zoomFade-b-s5kgkt51xh 2s forwards;
        transform-origin: center center;
    }

/* Keyframes: zoom in, then fade out */
@keyframes zoomFade-b-s5kgkt51xh {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    60% {
        transform: scale(0.5);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

/* 2) Apply the animation */
.fade-in-box[b-s5kgkt51xh] {
    opacity: 0; /* start invisible */
    animation: fadeIn-b-s5kgkt51xh 1s ease-out forwards;
}

.my-separator[b-s5kgkt51xh] {
    border: none;
    height: 1px;
    background-color: #ccc;
    margin: 6px -40px 10px 50px;
    width: 80%;
    text-align: center;
}
/* /Shared/503Error.razor.rz.scp.css */

#notfound[b-kv20j4ifvy] {
    position: relative;
    height: 100vh;
}

    #notfound .notfound[b-kv20j4ifvy] {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        #notfound .notfound .notfound-404[b-kv20j4ifvy] {
            position: absolute;
            height: 100px;
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: -1;
        }

            #notfound .notfound .notfound-404 .text-h1[b-kv20j4ifvy] {
                color: #ececec;
                font-weight: 900;
                font-size: 276px;
                margin: 0px;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

        #notfound .notfound h1[b-kv20j4ifvy] {
            margin: 0px;
        }

        #notfound .notfound p[b-kv20j4ifvy] {
            color: var(--text-color, "#333333");
            margin-top: 16px;
            font-size: 16px;
        }