/* /Components/Components/FileList.razor.rz.scp.css */
.file-info[b-so7ub66wib] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal[b-so7ub66wib] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.modal-content[b-so7ub66wib] {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 400px; /* Sesuaikan lebar modal */
    width: 100%;
    text-align: center;
}

.modal-buttons[b-so7ub66wib] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.btn[b-so7ub66wib] {
    padding: 10px;
    cursor: pointer;
    border-radius: 3px;
    margin: 3px;
}

.btn-yes[b-so7ub66wib],
.btn-cancel[b-so7ub66wib] {
    margin: 5px;
}
.btn-yes[b-so7ub66wib] {
    flex: 1; /* Tombol "Ya" mengambil sebagian besar ruang */
    background-color: #28a745; /* Warna hijau */
    color: white;
    /*margin-right: 5px;*/ /* Jarak antara tombol "Ya" dan "Batal" */
}

.btn-cancel[b-so7ub66wib] {
    flex: 1; /* Tombol "Batal" mengambil sebagian besar ruang */
    background-color: #007bff; /* Warna biru */
    color: white;
   /* margin-left: 5px;*/ /* Jarak antara tombol "Ya" dan "Batal" */
}

/* /Components/Components/ModalDisplayImageComponent.razor.rz.scp.css */

.file-drop-zone[b-2s0tm0zkl8] {
    display: flex;
    width: 100%;
    border: 3px dotted #fb275d;
    align-items: center;
    margin-bottom: 2px;
}

.hover[b-2s0tm0zkl8] {
    border-style: solid;
    background-color: #00ca71;
}

.image-container[b-2s0tm0zkl8] {
    display: flex;
    justify-content: center;
}

    .image-container img[b-2s0tm0zkl8] {
        width: 80%;
    }

[b-2s0tm0zkl8] input[type=file] {
    width: 100%;
    padding: 20px;
}

.error-message-container[b-2s0tm0zkl8] {
    color: red;
    text-align: center;
}
/* /Components/Components/Penjualan/DataGridJualDivisiPertahunComponent.razor.rz.scp.css */
.table-wrapper[b-xsrftjjqyb] {
    overflow: auto;
    max-width: 100%;
    height: 430px;
    position: relative;
}

.sticky-col[b-xsrftjjqyb] {
    position: sticky;
    left: 0;
    background-color: #fff;
    z-index: 2;
}


.sticky-row[b-xsrftjjqyb] {
    position: sticky;
    top: 0;
    background-color: #f2f2f2;
    z-index: 2;
}

.table-striped tbody tr:nth-of-type(odd)[b-xsrftjjqyb] {
    background-color: #f8f9fa;
}

.table-hover tbody tr:hover[b-xsrftjjqyb] {
    background-color: #e9ecef;
}

.table td[b-xsrftjjqyb],
.table th[b-xsrftjjqyb] {
    white-space: nowrap;
}

.table th[b-xsrftjjqyb] {
    position: sticky;
    background-color: #fff;
    top: 0;
    z-index: 3;
}

    .table td:first-child[b-xsrftjjqyb],
    .table th:first-child[b-xsrftjjqyb] {
        z-index: 4;
    }

    .table td.sticky-row[b-xsrftjjqyb],
    .table th.sticky-row[b-xsrftjjqyb] {
        background-color: #fff;
    }

        .table td.sticky-row[b-xsrftjjqyb]:before,
        .table th.sticky-row[b-xsrftjjqyb]:before {
            content: "";
            position: absolute;
            top: -1px;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #ddd;
        }


/* /Components/Components/Toast.razor.rz.scp.css */
/* Komponen Toast */
.toast-container[b-uwrcip0imu] {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

.toast[b-uwrcip0imu] {
    padding: 10px 20px;
    background-color: #f8f8f8;
    color: #333;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

    .toast.error[b-uwrcip0imu] {
        background-color: #f44336;
        color: #fff;
    }

    .toast.success[b-uwrcip0imu] {
        background-color: #4caf50;
        color: #fff;
    }

    .toast.warning[b-uwrcip0imu] {
        background-color: #ff9800;
        color: #fff;
    }

    .toast.info[b-uwrcip0imu] {
        background-color: #2196f3;
        color: #fff;
    }

.toast-header[b-uwrcip0imu] {
    font-weight: bold;
}

.toast-content[b-uwrcip0imu] {
    margin-top: 5px;
}

.toast.hidden[b-uwrcip0imu] {
    display: none;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-aq95ehpsha] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.app-shell[b-aq95ehpsha] {
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 24%),
        linear-gradient(180deg, #f8fafc 0%, #eef3fb 100%);
}

.main-shell[b-aq95ehpsha] {
    flex: 1;
    min-width: 0;
}

.sidebar-shell[b-aq95ehpsha] {
    background: linear-gradient(180deg, #0f172a 0%, #1d4ed8 55%, #1e293b 100%);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.08);
}

.top-row[b-aq95ehpsha] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.topbar[b-aq95ehpsha] {
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 1rem 1.25rem;
    margin: 1rem 1rem 0;
    min-height: 4.5rem;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1rem;
    backdrop-filter: blur(12px);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.topbar-copy[b-aq95ehpsha] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.topbar-eyebrow[b-aq95ehpsha] {
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.topbar-title[b-aq95ehpsha] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    font-weight: 700;
    line-height: 1.15;
}

.topbar-subtitle[b-aq95ehpsha] {
    color: #64748b;
    font-size: 0.95rem;
}

.topbar-actions[b-aq95ehpsha] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.topbar[b-aq95ehpsha]  .topbar-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.65rem 1rem;
    color: #0f172a;
    font-weight: 600;
    text-decoration: none;
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 999px;
    transition: all 0.2s ease;
}

.topbar[b-aq95ehpsha]  .topbar-link.active,
.topbar[b-aq95ehpsha]  .topbar-link:hover {
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    border-color: transparent;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.2);
}

.content-shell[b-aq95ehpsha] {
    padding: 1rem;
}

@media (max-width: 640.98px) {
    .topbar[b-aq95ehpsha] {
        margin: 0.75rem 0.75rem 0;
        padding: 1rem;
    }

    .topbar-actions[b-aq95ehpsha] {
        width: 100%;
    }

    .topbar[b-aq95ehpsha]  .topbar-link {
        flex: 1 1 auto;
    }

    .content-shell[b-aq95ehpsha] {
        padding: 0.75rem;
    }
}

@media (min-width: 641px) {
    .page[b-aq95ehpsha] {
        flex-direction: row;
    }

    .sidebar-shell[b-aq95ehpsha] {
        width: 290px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .content-shell[b-aq95ehpsha] {
        padding: 1rem 1rem 1.5rem;
    }
}

#blazor-error-ui[b-aq95ehpsha] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-aq95ehpsha] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-lwesb88yod] {
    display: inline-flex;
    appearance: none;
    cursor: pointer;
    width: 3rem;
    height: 3rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.95rem;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.88%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.6rem rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.2);
}

.navbar-toggler-state[b-lwesb88yod] {
    display: none;
}

.nav-shell-header[b-lwesb88yod] {
    min-height: 4.75rem;
    padding: 1rem 1rem 0.75rem;
    background: transparent;
}

.nav-brand-wrap[b-lwesb88yod] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.1rem;
    background: rgba(15, 23, 42, 0.2);
    backdrop-filter: blur(10px);
}

.navbar-brand[b-lwesb88yod] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    color: #fff;
    text-decoration: none;
}

.brand-mark[b-lwesb88yod] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 800;
    border-radius: 0.9rem;
    background: linear-gradient(135deg, #f8fafc, #93c5fd);
    flex-shrink: 0;
}

.brand-copy[b-lwesb88yod] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.brand-title[b-lwesb88yod] {
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.1;
}

.brand-subtitle[b-lwesb88yod] {
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bi[b-lwesb88yod] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-lwesb88yod] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-lwesb88yod] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-lwesb88yod] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-lwesb88yod] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-lwesb88yod] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-lwesb88yod] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-lwesb88yod] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-lwesb88yod] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-lwesb88yod] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-lwesb88yod] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-lwesb88yod] {
        padding-bottom: 1rem;
    }

    .nav-item[b-lwesb88yod]  .nav-link {
        color: #dbe4f0;
        background: transparent;
        border: none;
        border-radius: 0.95rem;
        min-height: 3rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        line-height: 1.35;
        width: 100%;
        padding: 0.8rem 0.95rem;
        transition: all 0.2s ease;
    }

.nav-item[b-lwesb88yod]  a.active {
    background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(191,219,254,0.22));
    color: white;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.nav-item[b-lwesb88yod]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
    transform: translateX(2px);
}

.nav-section-toggle[b-lwesb88yod] {
    justify-content: flex-start;
    position: relative;
    font-weight: 600;
    text-align: left;
}

.nav-section-toggle[b-lwesb88yod]::after {
    content: "▾";
    margin-left: auto;
    color: rgba(226, 232, 240, 0.8);
    transition: transform 0.2s ease;
}

.nav-section-toggle.expanded[b-lwesb88yod]::after {
    transform: rotate(180deg);
}

.nav-divider[b-lwesb88yod] {
    height: 1px;
    margin: 1rem 1rem 0.75rem;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
}

.nav-account-block[b-lwesb88yod] {
    margin-top: 0.35rem;
}

.nav-account-link[b-lwesb88yod] {
    align-items: flex-start !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.nav-account-copy[b-lwesb88yod] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.nav-account-label[b-lwesb88yod] {
    color: rgba(226, 232, 240, 0.7);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.nav-account-name[b-lwesb88yod] {
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-action-link[b-lwesb88yod] {
    justify-content: flex-start;
}

.nav-scrollable[b-lwesb88yod] {
    display: none;
    padding: 0.25rem 0.75rem 1rem;
}

.navbar-toggler-state:checked ~ .nav-scrollable[b-lwesb88yod] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-lwesb88yod] {
        display: none;
    }

    .nav-scrollable[b-lwesb88yod] {
        display: block;
        height: calc(100vh - 5.2rem);
        overflow-y: auto;
        padding-bottom: 1.25rem;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-hero[b-16chxs1ell] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(239,246,255,0.92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.dashboard-eyebrow[b-16chxs1ell] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dashboard-hero-copy[b-16chxs1ell] {
    max-width: 48rem;
    color: #64748b;
}

.dashboard-status-card[b-16chxs1ell] {
    min-width: 240px;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: #0f172a;
    color: #fff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.2);
}

.dashboard-status-label[b-16chxs1ell] {
    display: block;
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.dashboard-status-value[b-16chxs1ell] {
    display: block;
    margin-top: 0.25rem;
    font-size: 1rem;
}

.dashboard-status-caption[b-16chxs1ell] {
    display: block;
    margin-top: 0.35rem;
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.82rem;
}

.dashboard-card[b-16chxs1ell] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dashboard-card:hover[b-16chxs1ell] {
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12) !important;
}

.dashboard-icon[b-16chxs1ell] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.summary-card[b-16chxs1ell] {
    position: relative;
    overflow: hidden;
}

.summary-card[b-16chxs1ell]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
}

.summary-card-bank[b-16chxs1ell]::before {
    background: #0d6efd;
}

.summary-card-piutang[b-16chxs1ell]::before {
    background: #198754;
}

.summary-card-hutang[b-16chxs1ell]::before {
    background: #dc3545;
}

.dashboard-panel[b-16chxs1ell] {
    overflow: hidden;
}

.dashboard-panel-header[b-16chxs1ell] {
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.gauge-container[b-16chxs1ell] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gauge-circle[b-16chxs1ell] {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.gauge-positive[b-16chxs1ell] {
    background: conic-gradient(#198754 0% 75%, #e9ecef 75% 100%);
    box-shadow: inset 0 0 0 25px #fff, 0 4px 15px rgba(25, 135, 84, 0.2);
}

.gauge-negative[b-16chxs1ell] {
    background: conic-gradient(#dc3545 0% 75%, #e9ecef 75% 100%);
    box-shadow: inset 0 0 0 25px #fff, 0 4px 15px rgba(220, 53, 69, 0.2);
}

.gauge-value[b-16chxs1ell] {
    background: #fff;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.aging-bar-group .progress[b-16chxs1ell] {
    border-radius: 4px;
}

.bg-orange[b-16chxs1ell] {
    background-color: #fd7e14 !important;
}

.quick-link-btn[b-16chxs1ell] {
    min-height: 100%;
    border-width: 1px;
    border-radius: 1rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.quick-link-btn:hover[b-16chxs1ell] {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
}

@media (max-width: 991.98px) {
    .dashboard-hero[b-16chxs1ell] {
        flex-direction: column;
    }

    .dashboard-status-card[b-16chxs1ell] {
        width: 100%;
        min-width: 0;
    }
}
/* /Components/Pages/ModuleAsset/Asset/AddAsset.razor.rz.scp.css */

.file-drop-zone[b-x9shhblg54] {
    display: flex;
    width: 100%;
    border: 3px dotted #fb275d;
    align-items: center;
    margin-bottom: 2px;
}

.hover[b-x9shhblg54] {
    border-style: solid;
    background-color: #00ca71;
}

.image-container[b-x9shhblg54] {
    display: flex;
    justify-content: center;
}

    .image-container img[b-x9shhblg54] {
        width: 50%;
    }

[b-x9shhblg54] input[type=file] {
    width: 100%;
    padding: 20px;
}

.error-message-container[b-x9shhblg54] {
    color: red;
    text-align: center;
}
/* /Components/Pages/ModuleAsset/Item/AddItem.razor.rz.scp.css */

.file-drop-zone[b-mha7ky86l7] {
    display: flex;
    width: 100%;
    border: 3px dotted #fb275d;
    align-items: center;
    margin-bottom: 2px;
}

.hover[b-mha7ky86l7] {
    border-style: solid;
    background-color: #00ca71;
}

.image-container[b-mha7ky86l7] {
    display: flex;
    justify-content: center;
}

    .image-container img[b-mha7ky86l7] {
        width: 50%;
    }

[b-mha7ky86l7] input[type=file] {
    width: 100%;
    padding: 20px;
}

.error-message-container[b-mha7ky86l7] {
    color: red;
    text-align: center;
}
/* /Components/Pages/ModuleAsset/Item/EditItem.razor.rz.scp.css */

.file-drop-zone[b-tlevxtvmin] {
    display: flex;
    width: 100%;
    border: 3px dotted #fb275d;
    align-items: center;
    margin-bottom: 2px;
}

.hover[b-tlevxtvmin] {
    border-style: solid;
    background-color: #00ca71;
}

.image-container[b-tlevxtvmin] {
    display: flex;
    justify-content: center;
}

    .image-container img[b-tlevxtvmin] {
        width: 50%;
    }

[b-tlevxtvmin] input[type=file] {
    width: 100%;
    padding: 20px;
}

.error-message-container[b-tlevxtvmin] {
    color: red;
    text-align: center;
}
/* /Components/Pages/ModuleBank/Printer/BuktiBayar.razor.rz.scp.css */
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
@page {
	size: 210mm 297mm;
	margin: 0 auto;
}

@media print {
	header[b-n3m875w2xt], footer[b-n3m875w2xt], aside[b-n3m875w2xt], form[b-n3m875w2xt],menu[b-n3m875w2xt],nav[b-n3m875w2xt] {
		display:none;
	}
	.dontprint[b-n3m875w2xt] {
		display: none !important;
	}

	.buktibayar-toolbar[b-n3m875w2xt] {
		display: none !important;
	}

	.buktibayar-toolbar__content[b-n3m875w2xt],
	.buktibayar-toolbar__summary[b-n3m875w2xt] {
		display: none !important;
	}

	body[b-n3m875w2xt] {
		background: #fff;
	}
}
/*body {
	width:100%!important;
	padding:0!important;
	margin:0!important;
}*/

*[b-n3m875w2xt] { margin: 0; padding: 0; }
body[b-n3m875w2xt] { font: 14px/1.4 Georgia, serif; }

.buktibayar-toolbar[b-n3m875w2xt] {
	display: block;
	max-width: 1180px;
	margin: 1.25rem auto 1rem;
}

.buktibayar-toolbar__content[b-n3m875w2xt] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	flex-wrap: wrap;
	padding: 1rem 1.25rem;
	border: 1px solid #dbe7f3;
	border-radius: 1rem;
	background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.buktibayar-toolbar__summary[b-n3m875w2xt] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 0.75rem;
	margin-top: 0.85rem;
}

.buktibayar-toolbar__summary > div[b-n3m875w2xt] {
	padding: 0.85rem 1rem;
	border: 1px solid #e5e7eb;
	border-radius: 0.85rem;
	background: #ffffff;
	box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.buktibayar-summary__label[b-n3m875w2xt] {
	display: block;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
	margin-bottom: 0.25rem;
}

.buktibayar-summary__value[b-n3m875w2xt] {
	font-size: 0.95rem;
	font-weight: 700;
	color: #0f172a;
	white-space: pre-line;
}

.buktibayar-surface[b-n3m875w2xt] {
	max-width: 1180px;
	margin: 0 auto 2rem;
	padding: 1.5rem;
	background: #ffffff;
	border-radius: 1rem;
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

#page-wrap[b-n3m875w2xt] { width: 100%; margin: 0 0; padding:0 10px }

textarea[b-n3m875w2xt] { border: 0; font: 14px Georgia, Serif; overflow: hidden; resize: none;  }
table[b-n3m875w2xt] { border-collapse: collapse; }
table td[b-n3m875w2xt], table th[b-n3m875w2xt] { border: 1px solid black; padding: -1px; }

#header[b-n3m875w2xt] { height: 26px; width: 100%; margin: 20px 0; background: none; text-align: center; color: black; font: bold 15px Helvetica, Sans-Serif; text-transform:uppercase; letter-spacing: 20px; padding: 8px 0px; }

#address[b-n3m875w2xt] { width: 450px; height: 100px; float: left; }
#customer[b-n3m875w2xt] { overflow: hidden; }

#logo[b-n3m875w2xt] { text-align: right; float: right; position: relative; margin-top: 25px; border: 1px solid #fff; max-width: 540px; max-height: 100px; overflow: hidden; }
#logo:hover[b-n3m875w2xt], #logo.edit[b-n3m875w2xt] { border: 1px solid #000; margin-top: 0px; max-height: 125px; }
#logoctr[b-n3m875w2xt] { display: none; }
#logo:hover #logoctr[b-n3m875w2xt], #logo.edit #logoctr[b-n3m875w2xt] { display: block; text-align: right; line-height: 25px; background: #eee; padding: 0 5px; }
#logohelp[b-n3m875w2xt] { text-align: left; display: none; font-style: italic; padding: 10px 5px;}
#logohelp input[b-n3m875w2xt] { margin-bottom: 5px; }
.edit #logohelp[b-n3m875w2xt] { display: block; }
.edit #save-logo[b-n3m875w2xt], .edit #cancel-logo[b-n3m875w2xt] { display: inline; }
.edit #image[b-n3m875w2xt], #save-logo[b-n3m875w2xt], #cancel-logo[b-n3m875w2xt], .edit #change-logo[b-n3m875w2xt], .edit #delete-logo[b-n3m875w2xt] { display: none; }
#customer-title[b-n3m875w2xt] { font-size: 20px; font-weight: bold; float: left; }

#meta[b-n3m875w2xt] { margin-top: 1px; width: 250px; float: right;}
#meta td[b-n3m875w2xt] { text-align: right;  }
#meta td.meta-head[b-n3m875w2xt] { text-align: left; background: #eee; }
#meta td textarea[b-n3m875w2xt] { width: 100%; height: 10px; text-align: right; }

#items[b-n3m875w2xt] { clear: both; width: 100%; margin: 30px 0 0 0; border: 1px solid black; }
#items th[b-n3m875w2xt] { background: #eee; text-align:center }
/*#items td {padding:1px}*/
#items textarea[b-n3m875w2xt] { width: 100px; height: 20px; }
#items tr.item-row td[b-n3m875w2xt] { border: 0; vertical-align: top; }
#items td.no[b-n3m875w2xt] {width: 5%; text-align:center	}
#items td.source[b-n3m875w2xt] {width: 5%;text-align:center}
#items td.jumlah[b-n3m875w2xt] { width: 15%; text-align:right }
#items td.description[b-n3m875w2xt] { width: 75%;}
#items td.item-name[b-n3m875w2xt] { width: 175px; }

#items td.description[b-n3m875w2xt],
#items .description-text[b-n3m875w2xt],
#items .keterangan-text[b-n3m875w2xt] {
	white-space: pre-wrap;
	word-break: break-word;
	overflow-wrap: anywhere;
}

#items .description-text[b-n3m875w2xt],
#items .keterangan-text[b-n3m875w2xt] {
	display: block;
	min-height: 20px;
	font: 14px Georgia, Serif;
	padding: 2px 4px;
}

#items .keterangan-text[b-n3m875w2xt] {
	min-height: 50px;
}

#items td.description[b-n3m875w2xt] {
	vertical-align: top;
}

	#items tr.item-footer td[b-n3m875w2xt] {
		border-bottom:0 ;
		border-top:0;
		
		vertical-align: top;
	}
#items td.total-line[b-n3m875w2xt] { border-right: 0; text-align:center }
#items td.total-value[b-n3m875w2xt] { border-left: 0; padding: 0px; text-align:right;background-color:lightgray }
#items td.total-value textarea[b-n3m875w2xt] { height: 20px; background: none; }
#items td.balance[b-n3m875w2xt] { background: #eee; }
#items td.blank[b-n3m875w2xt] { border: 0; }

#terms[b-n3m875w2xt] { text-align: center; margin: 20px 0 0 0; }
#terms h5[b-n3m875w2xt] { text-transform: uppercase; font: 13px Helvetica, Sans-Serif; letter-spacing: 10px; border-bottom: 1px solid black; padding: 0 0 8px 0; margin: 0 0 8px 0; }
#terms textarea[b-n3m875w2xt] { width: 100%; text-align: center;}

textarea:hover[b-n3m875w2xt], textarea:focus[b-n3m875w2xt], #items td.total-value textarea:hover[b-n3m875w2xt], #items td.total-value textarea:focus[b-n3m875w2xt], .delete:hover[b-n3m875w2xt] { background-color:#EEFF88; }

.delete-wpr[b-n3m875w2xt] { position: relative; }
.delete[b-n3m875w2xt] { display: block; color: #000; text-decoration: none; position: absolute; background: #EEEEEE; font-weight: bold; padding: 0px 3px; border: 1px solid; top: -6px; left: -22px; font-family: Verdana; font-size: 12px; }
/* /Components/Pages/ModuleBank/Printer/BuktiTrfAntarBank.razor.rz.scp.css */
body[b-b5yg6ragg3] {
}

.trfbank-toolbar[b-b5yg6ragg3] {
	display: block;
	max-width: 1180px;
	margin: 1.25rem auto 1rem;
}

.trfbank-toolbar__content[b-b5yg6ragg3] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	flex-wrap: wrap;
	padding: 1rem 1.25rem;
	border: 1px solid #dbe7f3;
	border-radius: 1rem;
	background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.trfbank-toolbar__summary[b-b5yg6ragg3] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 0.75rem;
	margin-top: 0.85rem;
}

.trfbank-toolbar__summary > div[b-b5yg6ragg3] {
	padding: 0.85rem 1rem;
	border: 1px solid #e5e7eb;
	border-radius: 0.85rem;
	background: #ffffff;
	box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.trfbank-summary__label[b-b5yg6ragg3] {
	display: block;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
	margin-bottom: 0.25rem;
}

.trfbank-summary__value[b-b5yg6ragg3] {
	font-size: 0.95rem;
	font-weight: 700;
	color: #0f172a;
	white-space: pre-line;
}

.trfbank-surface[b-b5yg6ragg3] {
	max-width: 1180px;
	margin: 0 auto 2rem;
	padding: 1.5rem;
	background: #ffffff;
	border-radius: 1rem;
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
	size: 210mm 297mm;
	margin: 0 auto;
}

@media print {
	header[b-b5yg6ragg3], footer[b-b5yg6ragg3], aside[b-b5yg6ragg3], form[b-b5yg6ragg3], menu[b-b5yg6ragg3], nav[b-b5yg6ragg3] {
		display: none;
	}

	.dontprint[b-b5yg6ragg3] {
		display: none;
	}

	.trfbank-surface[b-b5yg6ragg3] {
		max-width: none;
		margin: 0;
		padding: 0;
		box-shadow: none;
		border-radius: 0;
	}
}

p[b-b5yg6ragg3] {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 300;
	font-size: 10px;
}

@media (max-width: 768px) {
	.trfbank-surface[b-b5yg6ragg3] {
		padding: 1rem;
		border-radius: 0.75rem;
	}
}
/* /Components/Pages/ModuleBank/Printer/PrintSourceBank.razor.rz.scp.css */
body[b-790vg2y19q] {
}

.sourcebank-toolbar[b-790vg2y19q] {
    display: block;
    max-width: 1180px;
    margin: 1.25rem auto 1rem;
}

.sourcebank-toolbar__content[b-790vg2y19q] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.sourcebank-toolbar__summary[b-790vg2y19q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.sourcebank-toolbar__summary > div[b-790vg2y19q] {
    padding: 0.85rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.sourcebank-summary__label[b-790vg2y19q] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.sourcebank-summary__value[b-790vg2y19q] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    white-space: pre-line;
}

.sourcebank-surface[b-790vg2y19q] {
    max-width: 1180px;
    margin: 0 auto 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
    /* @bottom-right {
        font-family: sans-serif;
        font-weight: bold;
        font-size: 2em;
        content: counter(page);
    }*/
}


@media print {
    header[b-790vg2y19q], footer[b-790vg2y19q], aside[b-790vg2y19q], form[b-790vg2y19q], menu[b-790vg2y19q], nav[b-790vg2y19q] {
        display: none;
    }

    .dontprint[b-790vg2y19q] {
        display: none !important;
    }

    .sourcebank-toolbar[b-790vg2y19q],
    .sourcebank-toolbar__content[b-790vg2y19q],
    .sourcebank-toolbar__summary[b-790vg2y19q] {
        display: none !important;
    }

    .sourcebank-surface[b-790vg2y19q] {
        max-width: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }
}

p[b-790vg2y19q] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}

@media (max-width: 768px) {
    .sourcebank-surface[b-790vg2y19q] {
        padding: 1rem;
        border-radius: 0.75rem;
    }
}
/* /Components/Pages/ModuleBank/Printer/RekeningBank.razor.rz.scp.css */
body[b-zuvnxsmj08] {
}

.rekeningbank-toolbar[b-zuvnxsmj08] {
    display: block;
    max-width: 1180px;
    margin: 1.25rem auto 1rem;
}

.rekeningbank-toolbar__content[b-zuvnxsmj08] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.rekeningbank-toolbar__summary[b-zuvnxsmj08] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.rekeningbank-toolbar__summary > div[b-zuvnxsmj08] {
    padding: 0.85rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.rekeningbank-summary__label[b-zuvnxsmj08] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.rekeningbank-summary__value[b-zuvnxsmj08] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    white-space: pre-line;
}

.rekeningbank-surface[b-zuvnxsmj08] {
    max-width: 1180px;
    margin: 0 auto 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
    /* @bottom-right {
        font-family: sans-serif;
        font-weight: bold;
        font-size: 2em;
        content: counter(page);
    }*/
}


@media print {
    header[b-zuvnxsmj08], footer[b-zuvnxsmj08], aside[b-zuvnxsmj08], form[b-zuvnxsmj08], menu[b-zuvnxsmj08], nav[b-zuvnxsmj08] {
        display: none;
    }

    .dontprint[b-zuvnxsmj08] {
        display: none !important;
    }

    .rekeningbank-toolbar[b-zuvnxsmj08],
    .rekeningbank-toolbar__content[b-zuvnxsmj08],
    .rekeningbank-toolbar__summary[b-zuvnxsmj08] {
        display: none !important;
    }

    .rekeningbank-surface[b-zuvnxsmj08] {
        max-width: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }
}

p[b-zuvnxsmj08] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}

@media (max-width: 768px) {
    .rekeningbank-surface[b-zuvnxsmj08] {
        padding: 1rem;
        border-radius: 0.75rem;
    }
}
/* /Components/Pages/ModuleBeli/Printer/BuktiPI.razor.rz.scp.css */
body[b-nqaptjqty7] {
}

.buktipi-toolbar[b-nqaptjqty7] {
    display: block;
    max-width: 1180px;
    margin: 1.25rem auto 1rem;
}

.buktipi-toolbar__content[b-nqaptjqty7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.buktipi-toolbar__summary[b-nqaptjqty7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.buktipi-toolbar__summary > div[b-nqaptjqty7] {
    padding: 0.85rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.buktipi-summary__label[b-nqaptjqty7] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.buktipi-summary__value[b-nqaptjqty7] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    white-space: pre-line;
}

.buktipi-surface[b-nqaptjqty7] {
    max-width: 1180px;
    margin: 0 auto 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
}

@media print {
    header[b-nqaptjqty7], footer[b-nqaptjqty7], aside[b-nqaptjqty7], form[b-nqaptjqty7], menu[b-nqaptjqty7], nav[b-nqaptjqty7] {
        display: none;
    }

    .dontprint[b-nqaptjqty7] {
        display: none !important;
    }

    .buktipi-toolbar[b-nqaptjqty7],
    .buktipi-toolbar__content[b-nqaptjqty7],
    .buktipi-toolbar__summary[b-nqaptjqty7] {
        display: none !important;
    }

    .buktipi-surface[b-nqaptjqty7] {
        max-width: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }
}

p[b-nqaptjqty7] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}

@media (max-width: 768px) {
    .buktipi-surface[b-nqaptjqty7] {
        padding: 1rem;
        border-radius: 0.75rem;
    }
}
/* /Components/Pages/ModuleBeli/Printer/NotaPembelian.razor.rz.scp.css */
body[b-f5xgbysvdu] {
}

.notapembelian-toolbar[b-f5xgbysvdu] {
    display: block;
    max-width: 1180px;
    margin: 1.25rem auto 1rem;
}

.notapembelian-toolbar__content[b-f5xgbysvdu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.notapembelian-toolbar__summary[b-f5xgbysvdu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.notapembelian-toolbar__summary > div[b-f5xgbysvdu] {
    padding: 0.85rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.notapembelian-summary__label[b-f5xgbysvdu] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.notapembelian-summary__value[b-f5xgbysvdu] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    white-space: pre-line;
}

.notapembelian-surface[b-f5xgbysvdu] {
    max-width: 1180px;
    margin: 0 auto 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
}

@media print {
    header[b-f5xgbysvdu], footer[b-f5xgbysvdu], aside[b-f5xgbysvdu], form[b-f5xgbysvdu], menu[b-f5xgbysvdu], nav[b-f5xgbysvdu] {
        display: none;
    }

    .dontprint[b-f5xgbysvdu] {
        display: none !important;
    }

    .notapembelian-toolbar[b-f5xgbysvdu],
    .notapembelian-toolbar__content[b-f5xgbysvdu],
    .notapembelian-toolbar__summary[b-f5xgbysvdu] {
        display: none !important;
    }

    .notapembelian-surface[b-f5xgbysvdu] {
        max-width: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }
}

p[b-f5xgbysvdu] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}
/* /Components/Pages/ModuleBeli/Printer/NotaPI.razor.rz.scp.css */
body[b-pr2ijh36un] {
}

.notapi-toolbar[b-pr2ijh36un] {
    display: block;
    max-width: 1180px;
    margin: 1.25rem auto 1rem;
}

.notapi-toolbar__content[b-pr2ijh36un] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.notapi-toolbar__summary[b-pr2ijh36un] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.notapi-toolbar__summary > div[b-pr2ijh36un] {
    padding: 0.85rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.notapi-summary__label[b-pr2ijh36un] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.notapi-summary__value[b-pr2ijh36un] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    white-space: pre-line;
}

.notapi-surface[b-pr2ijh36un] {
    max-width: 1180px;
    margin: 0 auto 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
}

@media print {
    header[b-pr2ijh36un], footer[b-pr2ijh36un], aside[b-pr2ijh36un], form[b-pr2ijh36un], menu[b-pr2ijh36un], nav[b-pr2ijh36un] {
        display: none;
    }

    .dontprint[b-pr2ijh36un] {
        display: none !important;
    }

    .notapi-toolbar[b-pr2ijh36un],
    .notapi-toolbar__content[b-pr2ijh36un],
    .notapi-toolbar__summary[b-pr2ijh36un] {
        display: none !important;
    }

    .notapi-surface[b-pr2ijh36un] {
        max-width: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }
}

p[b-pr2ijh36un] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}

@media (max-width: 768px) {
    .notapi-surface[b-pr2ijh36un] {
        padding: 1rem;
        border-radius: 0.75rem;
    }
}
/* /Components/Pages/ModuleBeli/TransBeli/AddTransBeli.razor.rz.scp.css */
.purchase-form-page[b-racaupfl6q] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.purchase-form-header[b-racaupfl6q] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.purchase-form-eyebrow[b-racaupfl6q] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.purchase-form-grid[b-racaupfl6q] {
    display: grid;
    gap: 1.5rem;
}

.purchase-form-card[b-racaupfl6q] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.purchase-form-card-header[b-racaupfl6q] {
    margin-bottom: 1.25rem;
}

.purchase-select-row[b-racaupfl6q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.purchase-summary-card[b-racaupfl6q] {
    align-self: start;
}

.purchase-highlight-row[b-racaupfl6q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.purchase-highlight-box[b-racaupfl6q] {
    padding: 1rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: #fff;
}

.purchase-highlight-label[b-racaupfl6q] {
    display: block;
    margin-bottom: 0.35rem;
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.purchase-action-row[b-racaupfl6q] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.purchase-detail-card[b-racaupfl6q] {
    overflow: hidden;
}

@media (min-width: 992px) {
    .purchase-form-grid[b-racaupfl6q] {
        grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
        align-items: start;
    }
}

@media (max-width: 767.98px) {
    .purchase-select-row[b-racaupfl6q],
    .purchase-highlight-row[b-racaupfl6q] {
        grid-template-columns: 1fr;
    }

    .purchase-form-card[b-racaupfl6q],
    .purchase-form-header[b-racaupfl6q] {
        padding: 1rem;
    }

    .purchase-action-row[b-racaupfl6q] {
        justify-content: stretch;
    }

    .purchase-action-row .btn[b-racaupfl6q] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/ModuleBeli/TransBeli/EditTransBeli.razor.rz.scp.css */
.purchase-edit-page[b-mkgm0gxcfl] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.purchase-edit-header[b-mkgm0gxcfl] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.purchase-edit-eyebrow[b-mkgm0gxcfl] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.purchase-edit-grid[b-mkgm0gxcfl] {
    display: grid;
    gap: 1.5rem;
}

.purchase-edit-card[b-mkgm0gxcfl] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.purchase-edit-card-header[b-mkgm0gxcfl] {
    margin-bottom: 1.25rem;
}

.purchase-edit-select-row[b-mkgm0gxcfl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.purchase-edit-readonly[b-mkgm0gxcfl] {
    text-transform: uppercase;
    background-color: #eef2f7;
}

.purchase-edit-summary-card[b-mkgm0gxcfl] {
    align-self: start;
}

.purchase-edit-highlight-row[b-mkgm0gxcfl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.purchase-edit-highlight-box[b-mkgm0gxcfl] {
    padding: 1rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: #fff;
}

.purchase-edit-highlight-label[b-mkgm0gxcfl] {
    display: block;
    margin-bottom: 0.35rem;
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.purchase-edit-action-row[b-mkgm0gxcfl] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.purchase-edit-detail-card[b-mkgm0gxcfl] {
    overflow: hidden;
}

@media (min-width: 992px) {
    .purchase-edit-grid[b-mkgm0gxcfl] {
        grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
        align-items: start;
    }
}

@media (max-width: 767.98px) {
    .purchase-edit-select-row[b-mkgm0gxcfl],
    .purchase-edit-highlight-row[b-mkgm0gxcfl] {
        grid-template-columns: 1fr;
    }

    .purchase-edit-card[b-mkgm0gxcfl],
    .purchase-edit-header[b-mkgm0gxcfl] {
        padding: 1rem;
    }

    .purchase-edit-action-row[b-mkgm0gxcfl] {
        justify-content: stretch;
    }

    .purchase-edit-action-row .btn[b-mkgm0gxcfl] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/ModuleBeli/TransBeli/TransBeli.razor.rz.scp.css */
.purchase-list-page[b-3stfy8syaq] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.purchase-list-header[b-3stfy8syaq] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.purchase-list-eyebrow[b-3stfy8syaq] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.purchase-list-card[b-3stfy8syaq] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.purchase-list-card-header[b-3stfy8syaq] {
    margin-bottom: 1.25rem;
}

.purchase-list-action-row[b-3stfy8syaq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.purchase-list-action-row .btn[b-3stfy8syaq] {
    min-width: 140px;
}

.purchase-list-grid-card[b-3stfy8syaq] {
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .purchase-list-header[b-3stfy8syaq],
    .purchase-list-card[b-3stfy8syaq] {
        padding: 1rem;
    }

    .purchase-list-action-row .btn[b-3stfy8syaq] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/ModuleFinancial/Laporan/LaporanFinancial.razor.rz.scp.css */
[b-xklhl0eoy4] .row-detil {
    background-color: #fff3cd;
}

[b-xklhl0eoy4] .row-garis {
    background-color: #e9ecef;
}

[b-xklhl0eoy4] .row-cell {
    width: 5%;
}

.border-warning[b-xklhl0eoy4] {
    border-color: #ffc107 !important;
    border-width: 2px !important;
}
/* /Components/Pages/ModuleFinancial/Printer/PrintFinancialNeraca.razor.rz.scp.css */
body[b-nltfz5qtfd] {
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
    /* @bottom-right {
        font-family: sans-serif;
        font-weight: bold;
        font-size: 2em;
        content: counter(page);
    }*/
}


@media print {
    header[b-nltfz5qtfd], footer[b-nltfz5qtfd], aside[b-nltfz5qtfd], form[b-nltfz5qtfd], menu[b-nltfz5qtfd], nav[b-nltfz5qtfd] {
        display: none;
    }

    .dontprint[b-nltfz5qtfd] {
        display: none;
    }
}

p[b-nltfz5qtfd] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}
/* /Components/Pages/ModuleFinancial/Printer/PrintFinancialRugiLaba.razor.rz.scp.css */
body[b-w3bmwyrqgz] {
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
    /* @bottom-right {
        font-family: sans-serif;
        font-weight: bold;
        font-size: 2em;
        content: counter(page);
    }*/
}


@media print {
    header[b-w3bmwyrqgz], footer[b-w3bmwyrqgz], aside[b-w3bmwyrqgz], form[b-w3bmwyrqgz], menu[b-w3bmwyrqgz], nav[b-w3bmwyrqgz] {
        display: none;
    }

    .dontprint[b-w3bmwyrqgz] {
        display: none;
    }
}

p[b-w3bmwyrqgz] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}
/* /Components/Pages/ModuleFinancial/Printer/PrintNotaLedgerGL.razor.rz.scp.css */
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
@page {
	size: 210mm 297mm;
	margin: 0 auto;
}

@media print {
	header[b-lth4mpwise], footer[b-lth4mpwise], aside[b-lth4mpwise], form[b-lth4mpwise],menu[b-lth4mpwise],nav[b-lth4mpwise] {
		display:none;
	}
	.dontprint[b-lth4mpwise] {
		display: none;
	}
}
/*body {
	width:100%!important;
	padding:0!important;
	margin:0!important;
}*/

*[b-lth4mpwise] { margin: 0; padding: 0; }
body[b-lth4mpwise] { font: 14px/1.4 Georgia, serif; }
#page-wrap[b-lth4mpwise] { width: 100%; margin: 0 0; padding:0 10px }

textarea[b-lth4mpwise] { border: 0; font: 14px Georgia, Serif; overflow: hidden; resize: none;  }
table[b-lth4mpwise] { border-collapse: collapse; }
table td[b-lth4mpwise], table th[b-lth4mpwise] { border: 1px solid black; padding: -1px; }

#header[b-lth4mpwise] { height: 26px; width: 100%; margin: 20px 0; background: none; text-align: center; color: black; font: bold 15px Helvetica, Sans-Serif; text-transform:uppercase; letter-spacing: 20px; padding: 8px 0px; }

#address[b-lth4mpwise] { width: 450px; height: 100px; float: left; }
#customer[b-lth4mpwise] { overflow: hidden; }

#logo[b-lth4mpwise] { text-align: right; float: right; position: relative; margin-top: 25px; border: 1px solid #fff; max-width: 540px; max-height: 100px; overflow: hidden; }
#logo:hover[b-lth4mpwise], #logo.edit[b-lth4mpwise] { border: 1px solid #000; margin-top: 0px; max-height: 125px; }
#logoctr[b-lth4mpwise] { display: none; }
#logo:hover #logoctr[b-lth4mpwise], #logo.edit #logoctr[b-lth4mpwise] { display: block; text-align: right; line-height: 25px; background: #eee; padding: 0 5px; }
#logohelp[b-lth4mpwise] { text-align: left; display: none; font-style: italic; padding: 10px 5px;}
#logohelp input[b-lth4mpwise] { margin-bottom: 5px; }
.edit #logohelp[b-lth4mpwise] { display: block; }
.edit #save-logo[b-lth4mpwise], .edit #cancel-logo[b-lth4mpwise] { display: inline; }
.edit #image[b-lth4mpwise], #save-logo[b-lth4mpwise], #cancel-logo[b-lth4mpwise], .edit #change-logo[b-lth4mpwise], .edit #delete-logo[b-lth4mpwise] { display: none; }
#customer-title[b-lth4mpwise] { font-size: 20px; font-weight: bold; float: left; }

#meta[b-lth4mpwise] { margin-top: 1px; width: 250px; float: right;}
#meta td[b-lth4mpwise] { text-align: right;  }
#meta td.meta-head[b-lth4mpwise] { text-align: left; background: #eee; }
#meta td textarea[b-lth4mpwise] { width: 100%; height: 10px; text-align: right; }

#items[b-lth4mpwise] { clear: both; width: 100%; margin: 30px 0 0 0; border: 1px solid black; }
#items th[b-lth4mpwise] { background: #eee; text-align:center }
/*#items td {padding:1px}*/
#items textarea[b-lth4mpwise] { width: 100px; height: 20px; }
#items tr.item-row td[b-lth4mpwise] { border: 0; vertical-align: top; }
#items td.no[b-lth4mpwise] {width: 5%; text-align:center	}
#items td.source[b-lth4mpwise] {width: 10%;text-align:center}
#items td.jumlah[b-lth4mpwise] { width: 15%; text-align:right }
#items td.description[b-lth4mpwise] { width: 70%;}
#items td.item-name[b-lth4mpwise] { width: 175px; }
	#items tr.item-footer td[b-lth4mpwise] {
		border-bottom:0 ;
		border-top:0;
		
		vertical-align: top;
	}
	#items td.description textarea[b-lth4mpwise], #items td.item-name textarea #items td.no textarea #items td.source textarea #items td.jumlah textarea[b-lth4mpwise]  {
		width: 100%;
		
	}
#items textarea.keterangan[b-lth4mpwise] {
	height:50px;
}
#items td.total-line[b-lth4mpwise] { border-right: 0; text-align:center }
#items td.total-value[b-lth4mpwise] { border-left: 0; padding: 0px; text-align:right;background-color:lightgray }
#items td.total-value textarea[b-lth4mpwise] { height: 20px; background: none; }
#items td.balance[b-lth4mpwise] { background: #eee; }
#items td.blank[b-lth4mpwise] { border: 0; }

#terms[b-lth4mpwise] { text-align: center; margin: 20px 0 0 0; }
#terms h5[b-lth4mpwise] { text-transform: uppercase; font: 13px Helvetica, Sans-Serif; letter-spacing: 10px; border-bottom: 1px solid black; padding: 0 0 8px 0; margin: 0 0 8px 0; }
#terms textarea[b-lth4mpwise] { width: 100%; text-align: center;}

textarea:hover[b-lth4mpwise], textarea:focus[b-lth4mpwise], #items td.total-value textarea:hover[b-lth4mpwise], #items td.total-value textarea:focus[b-lth4mpwise], .delete:hover[b-lth4mpwise] { background-color:#EEFF88; }

.delete-wpr[b-lth4mpwise] { position: relative; }
.delete[b-lth4mpwise] { display: block; color: #000; text-decoration: none; position: absolute; background: #EEEEEE; font-weight: bold; padding: 0px 3px; border: 1px solid; top: -6px; left: -22px; font-family: Verdana; font-size: 12px; }
/* /Components/Pages/ModuleFinancial/Printer/PrintTrialBalance.razor.rz.scp.css */
body[b-lyvp77yobz] {
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
    /* @bottom-right {
        font-family: sans-serif;
        font-weight: bold;
        font-size: 2em;
        content: counter(page);
    }*/
}


@media print {
    header[b-lyvp77yobz], footer[b-lyvp77yobz], aside[b-lyvp77yobz], form[b-lyvp77yobz], menu[b-lyvp77yobz], nav[b-lyvp77yobz] {
        display: none;
    }

    .dontprint[b-lyvp77yobz] {
        display: none;
    }
}

p[b-lyvp77yobz] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}
/* /Components/Pages/ModuleHutang/Laporan/LaporanAgingHutang.razor.rz.scp.css */
body[b-9x2suyxzyp] {
}

.aging-print-toolbar[b-9x2suyxzyp] {
    display: block;
    margin: 1.25rem auto 1rem;
    max-width: 1180px;
}

.aging-print-toolbar__content[b-9x2suyxzyp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.aging-print-surface[b-9x2suyxzyp] {
    max-width: 1180px;
    margin: 0 auto 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

.aging-print-summary[b-9x2suyxzyp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.aging-print-summary > div[b-9x2suyxzyp] {
    padding: 0.85rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #f8fafc;
}

.aging-print-summary__label[b-9x2suyxzyp] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.2rem;
}

.aging-print-summary__value[b-9x2suyxzyp] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #0f172a;
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
}

@media print {
    header[b-9x2suyxzyp], footer[b-9x2suyxzyp], aside[b-9x2suyxzyp], form[b-9x2suyxzyp], menu[b-9x2suyxzyp], nav[b-9x2suyxzyp] {
        display: none;
    }

    .dontprint[b-9x2suyxzyp] {
        display: none;
    }

    .aging-print-surface[b-9x2suyxzyp] {
        max-width: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }
}

p[b-9x2suyxzyp] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}

@media (max-width: 768px) {
    .aging-print-surface[b-9x2suyxzyp] {
        padding: 1rem;
        border-radius: 0.75rem;
    }
}
/* /Components/Pages/ModuleHutang/Printer/BuktiBayarDPHutang.razor.rz.scp.css */
body[b-k1k1vid2oz] {
}

.dp-hutang-toolbar[b-k1k1vid2oz] {
	display: block;
	max-width: 1180px;
	margin: 1.25rem auto 1rem;
}

.dp-hutang-toolbar__content[b-k1k1vid2oz] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	flex-wrap: wrap;
	padding: 1rem 1.25rem;
	border: 1px solid #dbe7f3;
	border-radius: 1rem;
	background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.dp-hutang-toolbar__summary[b-k1k1vid2oz] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 0.75rem;
	margin-top: 0.85rem;
}

.dp-hutang-toolbar__summary > div[b-k1k1vid2oz] {
	padding: 0.85rem 1rem;
	border: 1px solid #e5e7eb;
	border-radius: 0.85rem;
	background: #ffffff;
	box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.dp-hutang-summary__label[b-k1k1vid2oz] {
	display: block;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
	margin-bottom: 0.25rem;
}

.dp-hutang-summary__value[b-k1k1vid2oz] {
	font-size: 0.95rem;
	font-weight: 700;
	color: #0f172a;
	white-space: pre-line;
}

.dp-hutang-surface[b-k1k1vid2oz] {
	max-width: 1180px;
	margin: 0 auto 2rem;
	padding: 1.5rem;
	background: #ffffff;
	border-radius: 1rem;
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
	size: 210mm 297mm;
	margin: 0 auto;
}

@media print {
	header[b-k1k1vid2oz], footer[b-k1k1vid2oz], aside[b-k1k1vid2oz], form[b-k1k1vid2oz], menu[b-k1k1vid2oz], nav[b-k1k1vid2oz] {
		display: none;
	}

	.dontprint[b-k1k1vid2oz] {
		display: none !important;
	}

	.dp-hutang-toolbar[b-k1k1vid2oz],
	.dp-hutang-toolbar__content[b-k1k1vid2oz],
	.dp-hutang-toolbar__summary[b-k1k1vid2oz] {
		display: none !important;
	}

	.dp-hutang-surface[b-k1k1vid2oz] {
		max-width: none;
		margin: 0;
		padding: 0;
		box-shadow: none;
		border-radius: 0;
	}
}

p[b-k1k1vid2oz] {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 300;
	font-size: 10px;
}

@media (max-width: 768px) {
	.dp-hutang-surface[b-k1k1vid2oz] {
		padding: 1rem;
		border-radius: 0.75rem;
	}
}
/* /Components/Pages/ModuleHutang/Printer/BuktiBayarHutang.razor.rz.scp.css */
body[b-v6yxnm9i77] {
}

.bayarhutang-toolbar[b-v6yxnm9i77] {
	display: block;
	max-width: 1180px;
	margin: 1.25rem auto 1rem;
}

.bayarhutang-toolbar__content[b-v6yxnm9i77] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	flex-wrap: wrap;
	padding: 1rem 1.25rem;
	border: 1px solid #dbe7f3;
	border-radius: 1rem;
	background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.bayarhutang-toolbar__summary[b-v6yxnm9i77] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 0.75rem;
	margin-top: 0.85rem;
}

.bayarhutang-toolbar__summary > div[b-v6yxnm9i77] {
	padding: 0.85rem 1rem;
	border: 1px solid #e5e7eb;
	border-radius: 0.85rem;
	background: #ffffff;
	box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.bayarhutang-summary__label[b-v6yxnm9i77] {
	display: block;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
	margin-bottom: 0.25rem;
}

.bayarhutang-summary__value[b-v6yxnm9i77] {
	font-size: 0.95rem;
	font-weight: 700;
	color: #0f172a;
	white-space: pre-line;
}

.bayarhutang-surface[b-v6yxnm9i77] {
	max-width: 1180px;
	margin: 0 auto 2rem;
	padding: 1.5rem;
	background: #ffffff;
	border-radius: 1rem;
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
	size: 210mm 297mm;
	margin: 0 auto;
}

@media print {
	header[b-v6yxnm9i77], footer[b-v6yxnm9i77], aside[b-v6yxnm9i77], form[b-v6yxnm9i77], menu[b-v6yxnm9i77], nav[b-v6yxnm9i77] {
		display: none;
	}

	.dontprint[b-v6yxnm9i77] {
		display: none;
	}

	.bayarhutang-surface[b-v6yxnm9i77] {
		max-width: none;
		margin: 0;
		padding: 0;
		box-shadow: none;
		border-radius: 0;
	}
}

p[b-v6yxnm9i77] {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 300;
	font-size: 10px;
}

@media (max-width: 768px) {
	.bayarhutang-surface[b-v6yxnm9i77] {
		padding: 1rem;
		border-radius: 0.75rem;
	}
}
/* /Components/Pages/ModuleHutang/Printer/NotaHutang.razor.rz.scp.css */
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
@page {
	size: 210mm 297mm;
	margin: 0 auto;
}

@media print {
	header[b-96nhnlh05i], footer[b-96nhnlh05i], aside[b-96nhnlh05i], form[b-96nhnlh05i],menu[b-96nhnlh05i],nav[b-96nhnlh05i] {
		display:none;
	}
	.dontprint[b-96nhnlh05i] {
		display: none;
	}
}
/*body {
	width:100%!important;
	padding:0!important;
	margin:0!important;
}*/

*[b-96nhnlh05i] { margin: 0; padding: 0; }
body[b-96nhnlh05i] { font: 14px/1.4 Georgia, serif; }
#page-wrap[b-96nhnlh05i] { width: 100%; margin: 0 0; padding:0 10px }

textarea[b-96nhnlh05i] { border: 0; font: 14px Georgia, Serif; overflow: hidden; resize: none;  }
table[b-96nhnlh05i] { border-collapse: collapse; }
table td[b-96nhnlh05i], table th[b-96nhnlh05i] { border: 1px solid black; padding: -1px; }

#header[b-96nhnlh05i] { height: 26px; width: 100%; margin: 20px 0; background: none; text-align: center; color: black; font: bold 15px Helvetica, Sans-Serif; text-transform:uppercase; letter-spacing: 20px; padding: 8px 0px; }

#address[b-96nhnlh05i] { width: 450px; height: 100px; float: left; }
#customer[b-96nhnlh05i] { overflow: hidden; }

#logo[b-96nhnlh05i] { text-align: right; float: right; position: relative; margin-top: 25px; border: 1px solid #fff; max-width: 540px; max-height: 100px; overflow: hidden; }
#logo:hover[b-96nhnlh05i], #logo.edit[b-96nhnlh05i] { border: 1px solid #000; margin-top: 0px; max-height: 125px; }
#logoctr[b-96nhnlh05i] { display: none; }
#logo:hover #logoctr[b-96nhnlh05i], #logo.edit #logoctr[b-96nhnlh05i] { display: block; text-align: right; line-height: 25px; background: #eee; padding: 0 5px; }
#logohelp[b-96nhnlh05i] { text-align: left; display: none; font-style: italic; padding: 10px 5px;}
#logohelp input[b-96nhnlh05i] { margin-bottom: 5px; }
.edit #logohelp[b-96nhnlh05i] { display: block; }
.edit #save-logo[b-96nhnlh05i], .edit #cancel-logo[b-96nhnlh05i] { display: inline; }
.edit #image[b-96nhnlh05i], #save-logo[b-96nhnlh05i], #cancel-logo[b-96nhnlh05i], .edit #change-logo[b-96nhnlh05i], .edit #delete-logo[b-96nhnlh05i] { display: none; }
#customer-title[b-96nhnlh05i] { font-size: 20px; font-weight: bold; float: left; }

#meta[b-96nhnlh05i] { margin-top: 1px; width: 250px; float: right;}
#meta td[b-96nhnlh05i] { text-align: right;  }
#meta td.meta-head[b-96nhnlh05i] { text-align: left; background: #eee; }
#meta td textarea[b-96nhnlh05i] { width: 100%; height: 10px; text-align: right; }

#items[b-96nhnlh05i] { clear: both; width: 100%; margin: 30px 0 0 0; border: 1px solid black; }
#items th[b-96nhnlh05i] { background: #eee; text-align:center }
/*#items td {padding:1px}*/
#items textarea[b-96nhnlh05i] { width: 100px; height: 20px; }
#items tr.item-row td[b-96nhnlh05i] { border: 0; vertical-align: top; }
#items td.no[b-96nhnlh05i] {width: 5%; text-align:center	}
#items td.source[b-96nhnlh05i] {width: 10%;text-align:center}
#items td.jumlah[b-96nhnlh05i] { width: 15%; text-align:right }
#items td.description[b-96nhnlh05i] { width: 70%;}
#items td.item-name[b-96nhnlh05i] { width: 175px; }
	#items tr.item-footer td[b-96nhnlh05i] {
		border-bottom:0 ;
		border-top:0;
		
		vertical-align: top;
	}
	#items td.description textarea[b-96nhnlh05i], #items td.item-name textarea #items td.no textarea #items td.source textarea #items td.jumlah textarea[b-96nhnlh05i]  {
		width: 100%;
		
	}
#items textarea.keterangan[b-96nhnlh05i] {
	height:50px;
}
#items td.total-line[b-96nhnlh05i] { border-right: 0; text-align:center }
#items td.total-value[b-96nhnlh05i] { border-left: 0; padding: 0px; text-align:right;background-color:lightgray }
#items td.total-value textarea[b-96nhnlh05i] { height: 20px; background: none; }
#items td.balance[b-96nhnlh05i] { background: #eee; }
#items td.blank[b-96nhnlh05i] { border: 0; }

#terms[b-96nhnlh05i] { text-align: center; margin: 20px 0 0 0; }
#terms h5[b-96nhnlh05i] { text-transform: uppercase; font: 13px Helvetica, Sans-Serif; letter-spacing: 10px; border-bottom: 1px solid black; padding: 0 0 8px 0; margin: 0 0 8px 0; }
#terms textarea[b-96nhnlh05i] { width: 100%; text-align: center;}

textarea:hover[b-96nhnlh05i], textarea:focus[b-96nhnlh05i], #items td.total-value textarea:hover[b-96nhnlh05i], #items td.total-value textarea:focus[b-96nhnlh05i], .delete:hover[b-96nhnlh05i] { background-color:#EEFF88; }

.delete-wpr[b-96nhnlh05i] { position: relative; }
.delete[b-96nhnlh05i] { display: block; color: #000; text-decoration: none; position: absolute; background: #EEEEEE; font-weight: bold; padding: 0px 3px; border: 1px solid; top: -6px; left: -22px; font-family: Verdana; font-size: 12px; }
/* /Components/Pages/ModuleJual/Laporan/LaporanPenjualan.razor.rz.scp.css */
td[b-1bogqfyi0e] {
    position: relative;
}

    


.remarks[b-1bogqfyi0e] {
    background-color: lightgreen; /* Ganti dengan warna latar belakang yang Anda inginkan */
    color: black; /* Ganti dengan warna teks yang Anda inginkan */
    padding: 2px 5px; /* Sesuaikan dengan ukuran padding yang diinginkan */
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
    font-size: 12px;
}
/* /Components/Pages/ModuleJual/PdfKontrak/AddPdfKontrak.razor.rz.scp.css */
.custom-card[b-z848orpols] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.custom-header[b-z848orpols] {
    background-color: #007bff;
    color: #fff;
    padding: 15px;
    border-radius: 8px 8px 0 0;
}

.custom-body[b-z848orpols] {
    padding: 20px;
}

.custom-button[b-z848orpols] {
    margin-top: 10px;
}
/* /Components/Pages/ModuleJual/Printer/NotaInvoice.razor.rz.scp.css */
body[b-ysi5pk8fas] {
}

.invoice-print-toolbar[b-ysi5pk8fas] {
    display: block;
    max-width: 1180px;
    margin: 1.25rem auto 1rem;
}

.invoice-print-toolbar__content[b-ysi5pk8fas] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.invoice-print-toolbar__summary[b-ysi5pk8fas] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.invoice-print-toolbar__summary > div[b-ysi5pk8fas] {
    padding: 0.85rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.invoice-print-summary__label[b-ysi5pk8fas] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.invoice-print-summary__value[b-ysi5pk8fas] {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.invoice-print-surface[b-ysi5pk8fas] {
    max-width: 1180px;
    margin: 0 auto 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
}

@media print {
    header[b-ysi5pk8fas], footer[b-ysi5pk8fas], aside[b-ysi5pk8fas], form[b-ysi5pk8fas], menu[b-ysi5pk8fas], nav[b-ysi5pk8fas] {
        display: none;
    }

    .dontprint[b-ysi5pk8fas] {
        display: none;
    }

    #lunas[b-ysi5pk8fas] {
        display: none;
    }

    .invoice-print-surface[b-ysi5pk8fas] {
        max-width: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }
}

p[b-ysi5pk8fas] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}

#lunas[b-ysi5pk8fas] {
    top: 50%;
    left: 50%;
    width: 30em;
    height: 18em;
    margin-top: -10em;
    margin-left: -6em;
    /*border: 1px solid #666;*/
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: 600;
    color: #b9faac;
    position: fixed;
    transform: rotate(-20deg);
}
/* /Components/Pages/ModuleJual/Printer/OrderSales.razor.rz.scp.css */
body[b-89p8kunes2] {
}

.ordersales-toolbar[b-89p8kunes2] {
    display: block;
    max-width: 1180px;
    margin: 1.25rem auto 1rem;
}

.ordersales-toolbar__content[b-89p8kunes2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.ordersales-toolbar__summary[b-89p8kunes2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.ordersales-toolbar__summary > div[b-89p8kunes2] {
    padding: 0.85rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.ordersales-summary__label[b-89p8kunes2] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.ordersales-summary__value[b-89p8kunes2] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    white-space: pre-line;
}

.ordersales-surface[b-89p8kunes2] {
    max-width: 1180px;
    margin: 0 auto 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
}

@media print {
    header[b-89p8kunes2], footer[b-89p8kunes2], aside[b-89p8kunes2], form[b-89p8kunes2], menu[b-89p8kunes2], nav[b-89p8kunes2] {
        display: none;
    }

    .dontprint[b-89p8kunes2] {
        display: none !important;
    }

    .ordersales-toolbar[b-89p8kunes2],
    .ordersales-toolbar__content[b-89p8kunes2],
    .ordersales-toolbar__summary[b-89p8kunes2] {
        display: none !important;
    }

    .ordersales-surface[b-89p8kunes2] {
        max-width: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }

    #lunas[b-89p8kunes2] {
        display: none;
    }
}

p[b-89p8kunes2] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}

#lunas[b-89p8kunes2] {
    top: 50%;
    left: 50%;
    width: 30em;
    height: 18em;
    margin-top: -10em;
    margin-left: -6em;
    /*border: 1px solid #666;*/
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: 600;
    color: #b9faac;
    position: fixed;
    transform: rotate(-20deg);
}

@media (max-width: 768px) {
    .ordersales-surface[b-89p8kunes2] {
        padding: 1rem;
        border-radius: 0.75rem;
    }
}
/* /Components/Pages/ModuleJual/Printer/SuratJalan.razor.rz.scp.css */
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
@page {
    size: 210mm 297mm;
    margin: 0 auto;
}

@media print {
    header[b-7zmlregtsb], footer[b-7zmlregtsb], aside[b-7zmlregtsb], form[b-7zmlregtsb], menu[b-7zmlregtsb], nav[b-7zmlregtsb] {
        display: none;
    }

    .dontprint[b-7zmlregtsb] {
        display: none !important;
    }

    .suratjalan-toolbar[b-7zmlregtsb],
    .suratjalan-toolbar__content[b-7zmlregtsb],
    .suratjalan-toolbar__summary[b-7zmlregtsb] {
        display: none !important;
    }

    .suratjalan-surface[b-7zmlregtsb] {
        max-width: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }
}
/*body {
	width:100%!important;
	padding:0!important;
	margin:0!important;
}*/

*[b-7zmlregtsb] {
    margin: 0;
    padding: 0;
}

body[b-7zmlregtsb] {
    font: 14px/1.4 "Times New Roman", serif;
}

.suratjalan-toolbar[b-7zmlregtsb] {
    display: block;
    max-width: 1180px;
    margin: 1.25rem auto 1rem;
}

.suratjalan-toolbar__content[b-7zmlregtsb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.suratjalan-toolbar__summary[b-7zmlregtsb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.suratjalan-toolbar__summary > div[b-7zmlregtsb] {
    padding: 0.85rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.suratjalan-summary__label[b-7zmlregtsb] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.suratjalan-summary__value[b-7zmlregtsb] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    white-space: pre-line;
}

.suratjalan-surface[b-7zmlregtsb] {
    max-width: 1180px;
    margin: 0 auto 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

#page-wrap[b-7zmlregtsb] {
    width: 100%;
    margin: 0 0;
    padding: 0 10px
}

textarea[b-7zmlregtsb] {
    border: 0;
    font: 14px arial, Serif;
    overflow: hidden;
    resize: none;
}

table[b-7zmlregtsb] {
    border-collapse: collapse;
}

    table td[b-7zmlregtsb], table th[b-7zmlregtsb] {
        border: 1px solid black;
        padding: -1px;
    }

#header[b-7zmlregtsb] {
    height: 26px;
    width: 100%;
    margin: 0 0;
    background: none;
    text-align: center;
    color: black;
    font: bold 16px "Times New Roman", Sans-Serif;
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: 5px;
    padding: 0px 0px;
}

#address[b-7zmlregtsb] {
    width: 450px;
    height: 100px;
    float: left;
}

#customer[b-7zmlregtsb] {
    overflow: hidden;
}

#logo[b-7zmlregtsb] {
    text-align: right;
    float: right;
    position: relative;
    margin-top: 25px;
    border: 1px solid #fff;
    max-width: 540px;
    max-height: 100px;
    overflow: hidden;
}

    #logo:hover[b-7zmlregtsb], #logo.edit[b-7zmlregtsb] {
        border: 1px solid #000;
        margin-top: 0px;
        max-height: 125px;
    }

#logoctr[b-7zmlregtsb] {
    display: none;
}

#logo:hover #logoctr[b-7zmlregtsb], #logo.edit #logoctr[b-7zmlregtsb] {
    display: block;
    text-align: right;
    line-height: 25px;
    background: #eee;
    padding: 0 5px;
}

#logohelp[b-7zmlregtsb] {
    text-align: left;
    display: none;
    font-style: italic;
    padding: 10px 5px;
}

    #logohelp input[b-7zmlregtsb] {
        margin-bottom: 5px;
    }

.edit #logohelp[b-7zmlregtsb] {
    display: block;
}

.edit #save-logo[b-7zmlregtsb], .edit #cancel-logo[b-7zmlregtsb] {
    display: inline;
}

.edit #image[b-7zmlregtsb], #save-logo[b-7zmlregtsb], #cancel-logo[b-7zmlregtsb], .edit #change-logo[b-7zmlregtsb], .edit #delete-logo[b-7zmlregtsb] {
    display: none;
}

#customer-title[b-7zmlregtsb] {
    font-size: 20px;
    font-weight: bold;
    float: left;
}

#meta[b-7zmlregtsb] {
    margin-top: 1px;
    width: 250px;
    float: right;
}

    #meta td[b-7zmlregtsb] {
        text-align: right;
    }

        #meta td.meta-head[b-7zmlregtsb] {
            text-align: left;
            background: #eee;
        }

        #meta td textarea[b-7zmlregtsb] {
            width: 100%;
            height: 10px;
            text-align: right;
        }

#items[b-7zmlregtsb] {
    clear: both;
    width: 100%;
    margin: 30px 0 0 0;
    border: 1px solid black;
    font-family:'Times New Roman', Times, serif;
}

    #items th[b-7zmlregtsb] {
        background: #eee;
        text-align: center
    }
    /*#items td {padding:1px}*/
    #items textarea[b-7zmlregtsb] {
        width: 100px;
        height: 15px;
    }

    #items tr.item-row td[b-7zmlregtsb] {
        border: 0;
        vertical-align: top;
        font: 13px "Times New Roman", Sans-Serif;
    }

    #items td.no[b-7zmlregtsb] {
        width: 5%;
        text-align: center
    }

    #items td.source[b-7zmlregtsb] {
        width: 20%;
        text-align: center
    }

    #items td.jumlah[b-7zmlregtsb] {
        width: 15%;
        text-align: right
    }

    #items td.description[b-7zmlregtsb] {
        width: 80%;
    }

    #items td.item-name[b-7zmlregtsb] {
        width: 175px;
    }

    #items tr.item-footer td[b-7zmlregtsb] {
        border-bottom: 0;
        border-top: 0;
        vertical-align: top;
    }

    #items td.description textarea[b-7zmlregtsb], #items td.item-name textarea #items td.no textarea #items td.source textarea #items td.jumlah textarea[b-7zmlregtsb] {
        width: 100%;
        font: 13px "Times New Roman", Sans-Serif;
    }

    #items td.keterangan textarea[b-7zmlregtsb] {
        width: 100%;
        font: bold 16px "Times New Roman", Sans-Serif;
    }

    #items textarea.keterangan[b-7zmlregtsb] {
        height: 40px;
        color: black;
        font: bold 16px "Times New Roman", Sans-Serif;
    }

    #items td.total-line[b-7zmlregtsb] {
        border-right: 0;
        text-align: center
    }

    #items td.total-value[b-7zmlregtsb] {
        border-left: 0;
        padding: 0px;
        text-align: right;
        background-color: lightgray
    }

        #items td.total-value textarea[b-7zmlregtsb] {
            height: 20px;
            background: none;
        }

    #items td.balance[b-7zmlregtsb] {
        background: #eee;
    }

    #items td.blank[b-7zmlregtsb] {
        border: 0;
    }

#terms[b-7zmlregtsb] {
    text-align: center;
    margin: 20px 0 0 0;
}

    #terms h5[b-7zmlregtsb] {
        text-transform: uppercase;
        font: 13px "Times New Roman", Sans-Serif;
        letter-spacing: 10px;
        border-bottom: 1px solid black;
        padding: 0 0 8px 0;
        margin: 0 0 8px 0;
    }

    #terms textarea[b-7zmlregtsb] {
        width: 100%;
        text-align: center;
    }

textarea:hover[b-7zmlregtsb], textarea:focus[b-7zmlregtsb], #items td.total-value textarea:hover[b-7zmlregtsb], #items td.total-value textarea:focus[b-7zmlregtsb], .delete:hover[b-7zmlregtsb] {
    background-color: #EEFF88;
}

.delete-wpr[b-7zmlregtsb] {
    position: relative;
}

.delete[b-7zmlregtsb] {
    display: block;
    color: #000;
    text-decoration: none;
    position: absolute;
    background: #EEEEEE;
    font-weight: bold;
    padding: 0px 3px;
    border: 1px solid;
    top: -6px;
    left: -22px;
    font-family: "Times New Roman";
    font-size: 12px;
}

.kepala[b-7zmlregtsb] {
    display: block;
    width: 250px;
    font: 12px "Times New Roman", Sans-Serif;
    background-color: yellow;
    text-align: center;
    float: left;
}

.jthtempo[b-7zmlregtsb] {
    width: 150px;
    float: right;
    text-align: left;
    background-color: yellow;
}

.Judul[b-7zmlregtsb] {
    font-size: 16px;
}

.Judul2[b-7zmlregtsb] {
    font: 10px "Times New Roman", Sans-Serif;
}

.tengah[b-7zmlregtsb] {
    align-content: center;
    text-align: center;
    background-color: yellow;
}

#tandatangan[b-7zmlregtsb] {
    clear: both;
    width: 100%;
    margin: 20px 0 0 0;
    border: 1px solid black;
    font-family: 'Times New Roman', Times, serif;
}

    #tandatangan th[b-7zmlregtsb] {
        background: #eee;
        text-align: center
    }
    /*#items td {padding:1px}*/
    #tandatangan textarea[b-7zmlregtsb] {
        width: 100%;
        height: 17px;
    }

    #tandatangan tr.item-row td[b-7zmlregtsb] {
        border: 0;
        vertical-align: top;
        font: 13px "Times New Roman", Sans-Serif;
    }

#tandatangan td.penerima[b-7zmlregtsb] {
    width: 30%;
}

#tandatangan td.expedisi[b-7zmlregtsb] {
    width: 40%;
}

#tandatangan tr.item-footer td[b-7zmlregtsb] {
    border-bottom: 0;
    border-top: 0;
    vertical-align: top;
}

#tandatangan td.description textarea[b-7zmlregtsb], #tandatangan td.item-name textarea #tandatangan td.no textarea #items td.source textarea #tandatangan td.jumlah textarea[b-7zmlregtsb] {
    width: 100%;
    font: 13px "Times New Roman", Sans-Serif;
}
/* /Components/Pages/ModuleJual/TransJualNon/AddTransJualNon.razor.rz.scp.css */
.sales-form-page[b-daxzwtfezi] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sales-form-header[b-daxzwtfezi] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-form-eyebrow[b-daxzwtfezi] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sales-form-grid[b-daxzwtfezi] {
    display: grid;
    gap: 1.5rem;
}

.sales-form-card[b-daxzwtfezi] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-form-card-header[b-daxzwtfezi] {
    margin-bottom: 1.25rem;
}

.customer-select-row[b-daxzwtfezi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.sales-switch[b-daxzwtfezi] {
    padding: 0.85rem 1rem 0.85rem 2.75rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1rem;
    background: #f8fafc;
}

.sales-summary-card[b-daxzwtfezi] {
    align-self: start;
}

.sales-highlight-row[b-daxzwtfezi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.sales-highlight-box[b-daxzwtfezi] {
    padding: 1rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: #fff;
}

.sales-highlight-label[b-daxzwtfezi] {
    display: block;
    margin-bottom: 0.35rem;
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.sales-action-row[b-daxzwtfezi] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.sales-detail-card[b-daxzwtfezi] {
    overflow: hidden;
}

@media (min-width: 992px) {
    .sales-form-grid[b-daxzwtfezi] {
        grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
        align-items: start;
    }
}

@media (max-width: 767.98px) {
    .customer-select-row[b-daxzwtfezi],
    .sales-highlight-row[b-daxzwtfezi] {
        grid-template-columns: 1fr;
    }

    .sales-form-card[b-daxzwtfezi],
    .sales-form-header[b-daxzwtfezi] {
        padding: 1rem;
    }

    .sales-action-row[b-daxzwtfezi] {
        justify-content: stretch;
    }

    .sales-action-row .btn[b-daxzwtfezi] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/ModuleJual/TransJualNon/AddTransReturJualNon.razor.rz.scp.css */
.sales-return-page[b-lm970f9rxx] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sales-return-header[b-lm970f9rxx] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-return-eyebrow[b-lm970f9rxx] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sales-return-grid[b-lm970f9rxx] {
    display: grid;
    gap: 1.5rem;
}

.sales-return-card[b-lm970f9rxx] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-return-card-header[b-lm970f9rxx] {
    margin-bottom: 1.25rem;
}

.sales-return-select-row[b-lm970f9rxx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.sales-return-summary-card[b-lm970f9rxx] {
    align-self: start;
}

.sales-return-highlight-row[b-lm970f9rxx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.sales-return-highlight-box[b-lm970f9rxx] {
    padding: 1rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: #fff;
}

.sales-return-highlight-label[b-lm970f9rxx] {
    display: block;
    margin-bottom: 0.35rem;
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.sales-return-action-row[b-lm970f9rxx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.sales-return-detail-card[b-lm970f9rxx] {
    overflow: hidden;
}

@media (min-width: 992px) {
    .sales-return-grid[b-lm970f9rxx] {
        grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
        align-items: start;
    }
}

@media (max-width: 767.98px) {
    .sales-return-select-row[b-lm970f9rxx],
    .sales-return-highlight-row[b-lm970f9rxx] {
        grid-template-columns: 1fr;
    }

    .sales-return-card[b-lm970f9rxx],
    .sales-return-header[b-lm970f9rxx] {
        padding: 1rem;
    }

    .sales-return-action-row[b-lm970f9rxx] {
        justify-content: stretch;
    }

    .sales-return-action-row .btn[b-lm970f9rxx] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/ModuleJual/TransJualNon/EditTransJualNon.razor.rz.scp.css */
.sales-edit-page[b-fkvyjsjf6k] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sales-edit-header[b-fkvyjsjf6k] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-edit-eyebrow[b-fkvyjsjf6k] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sales-edit-grid[b-fkvyjsjf6k] {
    display: grid;
    gap: 1.5rem;
}

.sales-edit-card[b-fkvyjsjf6k] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-edit-card-header[b-fkvyjsjf6k] {
    margin-bottom: 1.25rem;
}

.sales-edit-select-row[b-fkvyjsjf6k] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.sales-edit-readonly[b-fkvyjsjf6k] {
    text-transform: uppercase;
    background-color: #eef2f7;
}

.sales-edit-switch[b-fkvyjsjf6k] {
    padding: 0.85rem 1rem 0.85rem 2.75rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1rem;
    background: #f8fafc;
}

.sales-edit-summary-card[b-fkvyjsjf6k] {
    align-self: start;
}

.sales-edit-highlight-row[b-fkvyjsjf6k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.sales-edit-highlight-box[b-fkvyjsjf6k] {
    padding: 1rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: #fff;
}

.sales-edit-highlight-label[b-fkvyjsjf6k] {
    display: block;
    margin-bottom: 0.35rem;
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.sales-edit-action-row[b-fkvyjsjf6k] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.sales-edit-detail-card[b-fkvyjsjf6k] {
    overflow: hidden;
}

@media (min-width: 992px) {
    .sales-edit-grid[b-fkvyjsjf6k] {
        grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
        align-items: start;
    }
}

@media (max-width: 767.98px) {
    .sales-edit-select-row[b-fkvyjsjf6k],
    .sales-edit-highlight-row[b-fkvyjsjf6k] {
        grid-template-columns: 1fr;
    }

    .sales-edit-card[b-fkvyjsjf6k],
    .sales-edit-header[b-fkvyjsjf6k] {
        padding: 1rem;
    }

    .sales-edit-action-row[b-fkvyjsjf6k] {
        justify-content: stretch;
    }

    .sales-edit-action-row .btn[b-fkvyjsjf6k] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/ModuleJual/TransJualNon/TransJualNon.razor.rz.scp.css */
.sales-list-page[b-crzid21a4x] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sales-list-header[b-crzid21a4x] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-list-eyebrow[b-crzid21a4x] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sales-list-card[b-crzid21a4x] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-list-card-header[b-crzid21a4x] {
    margin-bottom: 1.25rem;
}

.sales-list-action-row[b-crzid21a4x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.sales-list-action-row .btn[b-crzid21a4x] {
    min-width: 140px;
}

.sales-list-display-btn[b-crzid21a4x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.sales-list-spinner[b-crzid21a4x] {
    align-items: center;
}

.sales-list-grid-card[b-crzid21a4x] {
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .sales-list-header[b-crzid21a4x],
    .sales-list-card[b-crzid21a4x] {
        padding: 1rem;
    }

    .sales-list-action-row .btn[b-crzid21a4x] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/ModuleJual/TransJual/AddTransJual.razor.rz.scp.css */
.sales-form-page[b-na3xpbwqcl] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sales-form-header[b-na3xpbwqcl] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-form-eyebrow[b-na3xpbwqcl] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sales-form-grid[b-na3xpbwqcl] {
    display: grid;
    gap: 1.5rem;
}

.sales-form-card[b-na3xpbwqcl] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-form-card-header[b-na3xpbwqcl] {
    margin-bottom: 1.25rem;
}

.customer-select-row[b-na3xpbwqcl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.sales-switch[b-na3xpbwqcl] {
    padding: 0.85rem 1rem 0.85rem 2.75rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1rem;
    background: #f8fafc;
}

.sales-summary-card[b-na3xpbwqcl] {
    align-self: start;
}

.sales-highlight-row[b-na3xpbwqcl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.sales-highlight-box[b-na3xpbwqcl] {
    padding: 1rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: #fff;
}

.sales-highlight-label[b-na3xpbwqcl] {
    display: block;
    margin-bottom: 0.35rem;
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.sales-action-row[b-na3xpbwqcl] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.sales-detail-card[b-na3xpbwqcl] {
    overflow: hidden;
}

@media (min-width: 992px) {
    .sales-form-grid[b-na3xpbwqcl] {
        grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
        align-items: start;
    }
}

@media (max-width: 767.98px) {
    .customer-select-row[b-na3xpbwqcl],
    .sales-highlight-row[b-na3xpbwqcl] {
        grid-template-columns: 1fr;
    }

    .sales-form-card[b-na3xpbwqcl],
    .sales-form-header[b-na3xpbwqcl] {
        padding: 1rem;
    }

    .sales-action-row[b-na3xpbwqcl] {
        justify-content: stretch;
    }

    .sales-action-row .btn[b-na3xpbwqcl] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/ModuleJual/TransJual/AddTransReturJual.razor.rz.scp.css */
.sales-return-page[b-ffbjmjjvx4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sales-return-header[b-ffbjmjjvx4] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-return-eyebrow[b-ffbjmjjvx4] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sales-return-grid[b-ffbjmjjvx4] {
    display: grid;
    gap: 1.5rem;
}

.sales-return-card[b-ffbjmjjvx4] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-return-card-header[b-ffbjmjjvx4] {
    margin-bottom: 1.25rem;
}

.sales-return-select-row[b-ffbjmjjvx4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.sales-return-summary-card[b-ffbjmjjvx4] {
    align-self: start;
}

.sales-return-highlight-row[b-ffbjmjjvx4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.sales-return-highlight-box[b-ffbjmjjvx4] {
    padding: 1rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: #fff;
}

.sales-return-highlight-label[b-ffbjmjjvx4] {
    display: block;
    margin-bottom: 0.35rem;
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.sales-return-action-row[b-ffbjmjjvx4] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.sales-return-detail-card[b-ffbjmjjvx4] {
    overflow: hidden;
}

@media (min-width: 992px) {
    .sales-return-grid[b-ffbjmjjvx4] {
        grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
        align-items: start;
    }
}

@media (max-width: 767.98px) {
    .sales-return-select-row[b-ffbjmjjvx4],
    .sales-return-highlight-row[b-ffbjmjjvx4] {
        grid-template-columns: 1fr;
    }

    .sales-return-card[b-ffbjmjjvx4],
    .sales-return-header[b-ffbjmjjvx4] {
        padding: 1rem;
    }

    .sales-return-action-row[b-ffbjmjjvx4] {
        justify-content: stretch;
    }

    .sales-return-action-row .btn[b-ffbjmjjvx4] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/ModuleJual/TransJual/EditTransJual.razor.rz.scp.css */
.sales-edit-page[b-o9yv0h97yy] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sales-edit-header[b-o9yv0h97yy] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-edit-eyebrow[b-o9yv0h97yy] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sales-edit-grid[b-o9yv0h97yy] {
    display: grid;
    gap: 1.5rem;
}

.sales-edit-card[b-o9yv0h97yy] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-edit-card-header[b-o9yv0h97yy] {
    margin-bottom: 1.25rem;
}

.sales-edit-select-row[b-o9yv0h97yy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.sales-edit-readonly[b-o9yv0h97yy] {
    text-transform: uppercase;
    background-color: #eef2f7;
}

.sales-edit-switch[b-o9yv0h97yy] {
    padding: 0.85rem 1rem 0.85rem 2.75rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1rem;
    background: #f8fafc;
}

.sales-edit-summary-card[b-o9yv0h97yy] {
    align-self: start;
}

.sales-edit-highlight-row[b-o9yv0h97yy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.sales-edit-highlight-box[b-o9yv0h97yy] {
    padding: 1rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: #fff;
}

.sales-edit-highlight-label[b-o9yv0h97yy] {
    display: block;
    margin-bottom: 0.35rem;
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.sales-edit-action-row[b-o9yv0h97yy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.sales-edit-detail-card[b-o9yv0h97yy] {
    overflow: hidden;
}

@media (min-width: 992px) {
    .sales-edit-grid[b-o9yv0h97yy] {
        grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
        align-items: start;
    }
}

@media (max-width: 767.98px) {
    .sales-edit-select-row[b-o9yv0h97yy],
    .sales-edit-highlight-row[b-o9yv0h97yy] {
        grid-template-columns: 1fr;
    }

    .sales-edit-card[b-o9yv0h97yy],
    .sales-edit-header[b-o9yv0h97yy] {
        padding: 1rem;
    }

    .sales-edit-action-row[b-o9yv0h97yy] {
        justify-content: stretch;
    }

    .sales-edit-action-row .btn[b-o9yv0h97yy] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/ModuleJual/TransJual/TransJual.razor.rz.scp.css */
.sales-list-page[b-zpuyrtoa76] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sales-list-header[b-zpuyrtoa76] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-list-eyebrow[b-zpuyrtoa76] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sales-list-card[b-zpuyrtoa76] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.sales-list-card-header[b-zpuyrtoa76] {
    margin-bottom: 1.25rem;
}

.sales-list-action-row[b-zpuyrtoa76] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.sales-list-action-row .btn[b-zpuyrtoa76] {
    min-width: 140px;
}

.sales-list-display-btn[b-zpuyrtoa76] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.sales-list-spinner[b-zpuyrtoa76] {
    align-items: center;
}

.sales-list-grid-card[b-zpuyrtoa76] {
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .sales-list-header[b-zpuyrtoa76],
    .sales-list-card[b-zpuyrtoa76] {
        padding: 1rem;
    }

    .sales-list-action-row .btn[b-zpuyrtoa76] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/ModulePersediaan/CheckingPrice/CheckingPrice.razor.rz.scp.css */
.price-check-page[b-4rnn7vh0r3] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.price-check-header[b-4rnn7vh0r3] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.price-check-eyebrow[b-4rnn7vh0r3] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.price-check-grid[b-4rnn7vh0r3] {
    display: grid;
    gap: 1.5rem;
}

.price-check-card[b-4rnn7vh0r3] {
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.price-check-card-header[b-4rnn7vh0r3] {
    margin-bottom: 1.25rem;
}

.price-summary-card[b-4rnn7vh0r3] {
    overflow: hidden;
}

.price-summary-metrics[b-4rnn7vh0r3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.price-summary-box[b-4rnn7vh0r3] {
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1rem;
    background: #f8fafc;
}

.price-summary-box-muted[b-4rnn7vh0r3] {
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.8), rgba(248, 250, 252, 0.95));
}

.price-summary-label[b-4rnn7vh0r3] {
    display: block;
    margin-bottom: 0.5rem;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.price-check-action-row[b-4rnn7vh0r3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.price-detail-card[b-4rnn7vh0r3] {
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .price-check-header[b-4rnn7vh0r3],
    .price-check-card[b-4rnn7vh0r3] {
        padding: 1rem;
    }

    .price-check-action-row[b-4rnn7vh0r3] {
        justify-content: stretch;
    }

    .price-check-action-row .btn[b-4rnn7vh0r3] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/ModulePersediaan/Item/AddItem.razor.rz.scp.css */

.file-drop-zone[b-iy5t6l7l4z] {
    display: flex;
    width: 100%;
    border: 3px dotted #fb275d;
    align-items: center;
    margin-bottom: 2px;
}

.hover[b-iy5t6l7l4z] {
    border-style: solid;
    background-color: #00ca71;
}

.image-container[b-iy5t6l7l4z] {
    display: flex;
    justify-content: center;
}

    .image-container img[b-iy5t6l7l4z] {
        width: 50%;
    }

[b-iy5t6l7l4z] input[type=file] {
    width: 100%;
    padding: 20px;
}

.error-message-container[b-iy5t6l7l4z] {
    color: red;
    text-align: center;
}
/* /Components/Pages/ModulePersediaan/Item/EditItem.razor.rz.scp.css */

.file-drop-zone[b-icibk42emm] {
    display: flex;
    width: 100%;
    border: 3px dotted #fb275d;
    align-items: center;
    margin-bottom: 2px;
}

.hover[b-icibk42emm] {
    border-style: solid;
    background-color: #00ca71;
}

.image-container[b-icibk42emm] {
    display: flex;
    justify-content: center;
}

    .image-container img[b-icibk42emm] {
        width: 50%;
    }

[b-icibk42emm] input[type=file] {
    width: 100%;
    padding: 20px;
}

.error-message-container[b-icibk42emm] {
    color: red;
    text-align: center;
}
/* /Components/Pages/ModulePersediaan/Laporan/LaporanCurrentStock.razor.rz.scp.css */
body[b-r2dl7ptehu] {
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;

   /* @bottom-right {
        font-family: sans-serif;
        font-weight: bold;
        font-size: 2em;
        content: counter(page);
    }*/
}


@media print {
    header[b-r2dl7ptehu], footer[b-r2dl7ptehu], aside[b-r2dl7ptehu], form[b-r2dl7ptehu], menu[b-r2dl7ptehu], nav[b-r2dl7ptehu] {
        display: none;
    }

    .dontprint[b-r2dl7ptehu] {
        display: none;
    }

    .print-selected[b-r2dl7ptehu] {
        display: none;
    }

    .to-print[b-r2dl7ptehu] {
        display: table-row !important;
    }
 
}

p[b-r2dl7ptehu] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}

.btn-primary-custom[b-r2dl7ptehu] {
    /* Warna awal */
    background-color: blue;
}

    .btn-primary-custom.yellow[b-r2dl7ptehu] {
        /* Warna setelah diubah */
        background-color: yellow;
    }
/* /Components/Pages/ModulePersediaan/Printer/KartuStock.razor.rz.scp.css */
body[b-ngc37xm8nv] {
}

.kartustock-toolbar[b-ngc37xm8nv] {
    display: block;
    max-width: 1180px;
    margin: 1.25rem auto 1rem;
}

.kartustock-toolbar__content[b-ngc37xm8nv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.kartustock-toolbar__summary[b-ngc37xm8nv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.kartustock-toolbar__summary > div[b-ngc37xm8nv] {
    padding: 0.85rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.kartustock-summary__label[b-ngc37xm8nv] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.kartustock-summary__value[b-ngc37xm8nv] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    white-space: pre-line;
}

.kartustock-surface[b-ngc37xm8nv] {
    max-width: 1180px;
    margin: 0 auto 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
    /* @bottom-right {
        font-family: sans-serif;
        font-weight: bold;
        font-size: 2em;
        content: counter(page);
    }*/
}


@media print {
    header[b-ngc37xm8nv], footer[b-ngc37xm8nv], aside[b-ngc37xm8nv], form[b-ngc37xm8nv], menu[b-ngc37xm8nv], nav[b-ngc37xm8nv] {
        display: none;
    }

    .dontprint[b-ngc37xm8nv] {
        display: none !important;
    }

    .kartustock-toolbar[b-ngc37xm8nv],
    .kartustock-toolbar__content[b-ngc37xm8nv],
    .kartustock-toolbar__summary[b-ngc37xm8nv] {
        display: none !important;
    }

    .kartustock-surface[b-ngc37xm8nv] {
        max-width: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }
}

p[b-ngc37xm8nv] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}

@media (max-width: 768px) {
    .kartustock-surface[b-ngc37xm8nv] {
        padding: 1rem;
        border-radius: 0.75rem;
    }
}
/* /Components/Pages/ModulePersediaan/Printer/NotaCheckingPrice.razor.rz.scp.css */
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
@page {
    size: 210mm 297mm;
    margin: 0 auto;
}

@media print {
    header[b-qmms2eixmi], footer[b-qmms2eixmi], aside[b-qmms2eixmi], form[b-qmms2eixmi], menu[b-qmms2eixmi], nav[b-qmms2eixmi] {
        display: none;
    }

    .dontprint[b-qmms2eixmi] {
        display: none;
    }
}
/*body {
	width:100%!important;
	padding:0!important;
	margin:0!important;
}*/

*[b-qmms2eixmi] {
    margin: 0;
    padding: 0;
}

body[b-qmms2eixmi] {
    font: 14px/1.4 "Times New Roman", serif;
}

#page-wrap[b-qmms2eixmi] {
    width: 100%;
    margin: 0 0;
    padding: 0 10px
}

textarea[b-qmms2eixmi] {
    border: 0;
    font: 14px arial, Serif;
    overflow: hidden;
    resize: none;
}

table[b-qmms2eixmi] {
    border-collapse: collapse;
}

    table td[b-qmms2eixmi], table th[b-qmms2eixmi] {
        border: 1px solid black;
        padding: -1px;
    }

#header[b-qmms2eixmi] {
    height: 26px;
    width: 100%;
    margin: 0 0;
    background: none;
    text-align: center;
    color: black;
    font: bold 16px "Times New Roman", Sans-Serif;
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: 5px;
    padding: 0px 0px;
}

#address[b-qmms2eixmi] {
    width: 450px;
    height: 100px;
    float: left;
}

#customer[b-qmms2eixmi] {
    overflow: hidden;
}

#logo[b-qmms2eixmi] {
    text-align: right;
    float: right;
    position: relative;
    margin-top: 25px;
    border: 1px solid #fff;
    max-width: 540px;
    max-height: 100px;
    overflow: hidden;
}

    #logo:hover[b-qmms2eixmi], #logo.edit[b-qmms2eixmi] {
        border: 1px solid #000;
        margin-top: 0px;
        max-height: 125px;
    }

#logoctr[b-qmms2eixmi] {
    display: none;
}

#logo:hover #logoctr[b-qmms2eixmi], #logo.edit #logoctr[b-qmms2eixmi] {
    display: block;
    text-align: right;
    line-height: 25px;
    background: #eee;
    padding: 0 5px;
}

#logohelp[b-qmms2eixmi] {
    text-align: left;
    display: none;
    font-style: italic;
    padding: 10px 5px;
}

    #logohelp input[b-qmms2eixmi] {
        margin-bottom: 5px;
    }

.edit #logohelp[b-qmms2eixmi] {
    display: block;
}

.edit #save-logo[b-qmms2eixmi], .edit #cancel-logo[b-qmms2eixmi] {
    display: inline;
}

.edit #image[b-qmms2eixmi], #save-logo[b-qmms2eixmi], #cancel-logo[b-qmms2eixmi], .edit #change-logo[b-qmms2eixmi], .edit #delete-logo[b-qmms2eixmi] {
    display: none;
}

#customer-title[b-qmms2eixmi] {
    font-size: 20px;
    font-weight: bold;
    float: left;
}

#meta[b-qmms2eixmi] {
    margin-top: 1px;
    width: 250px;
    float: right;
}

    #meta td[b-qmms2eixmi] {
        text-align: right;
    }

        #meta td.meta-head[b-qmms2eixmi] {
            text-align: left;
            background: #eee;
        }

        #meta td textarea[b-qmms2eixmi] {
            width: 100%;
            height: 10px;
            text-align: right;
        }

#items[b-qmms2eixmi] {
    clear: both;
    width: 100%;
    margin: 30px 0 0 0;
    border: 1px solid black;
    font-family:'Times New Roman', Times, serif;
}

    #items th[b-qmms2eixmi] {
        background: #eee;
        text-align: center
    }
    /*#items td {padding:1px}*/
    #items textarea[b-qmms2eixmi] {
        width: 100px;
        height: 15px;
    }

    #items tr.item-row td[b-qmms2eixmi] {
        border: 0;
        vertical-align: top;
        font: 13px "Times New Roman", Sans-Serif;
    }

    #items td.no[b-qmms2eixmi] {
        width: 5%;
        text-align: center
    }

    #items td.source[b-qmms2eixmi] {
        width: 20%;
        text-align: center
    }

    #items td.jumlah[b-qmms2eixmi] {
        width: 15%;
        text-align: right
    }

    #items td.description[b-qmms2eixmi] {
        width: 80%;
    }

    #items td.item-name[b-qmms2eixmi] {
        width: 175px;
    }

    #items tr.item-footer td[b-qmms2eixmi] {
        border-bottom: 0;
        border-top: 0;
        vertical-align: top;
    }

    #items td.description textarea[b-qmms2eixmi], #items td.item-name textarea #items td.no textarea #items td.source textarea #items td.jumlah textarea[b-qmms2eixmi] {
        width: 100%;
        font: 13px "Times New Roman", Sans-Serif;
    }

    #items td.keterangan textarea[b-qmms2eixmi] {
        width: 100%;
        font: bold 16px "Times New Roman", Sans-Serif;
    }

    #items textarea.keterangan[b-qmms2eixmi] {
        height: 40px;
        color: black;
        font: bold 16px "Times New Roman", Sans-Serif;
    }

    #items td.total-line[b-qmms2eixmi] {
        border-right: 0;
        text-align: center
    }

    #items td.total-value[b-qmms2eixmi] {
        border-left: 0;
        padding: 0px;
        text-align: right;
        background-color: lightgray
    }

        #items td.total-value textarea[b-qmms2eixmi] {
            height: 20px;
            background: none;
        }

    #items td.balance[b-qmms2eixmi] {
        background: #eee;
    }

    #items td.blank[b-qmms2eixmi] {
        border: 0;
    }

#terms[b-qmms2eixmi] {
    text-align: center;
    margin: 20px 0 0 0;
}

    #terms h5[b-qmms2eixmi] {
        text-transform: uppercase;
        font: 13px "Times New Roman", Sans-Serif;
        letter-spacing: 10px;
        border-bottom: 1px solid black;
        padding: 0 0 8px 0;
        margin: 0 0 8px 0;
    }

    #terms textarea[b-qmms2eixmi] {
        width: 100%;
        text-align: center;
    }

textarea:hover[b-qmms2eixmi], textarea:focus[b-qmms2eixmi], #items td.total-value textarea:hover[b-qmms2eixmi], #items td.total-value textarea:focus[b-qmms2eixmi], .delete:hover[b-qmms2eixmi] {
    background-color: #EEFF88;
}

.delete-wpr[b-qmms2eixmi] {
    position: relative;
}

.delete[b-qmms2eixmi] {
    display: block;
    color: #000;
    text-decoration: none;
    position: absolute;
    background: #EEEEEE;
    font-weight: bold;
    padding: 0px 3px;
    border: 1px solid;
    top: -6px;
    left: -22px;
    font-family: "Times New Roman";
    font-size: 12px;
}

.kepala[b-qmms2eixmi] {
    display: block;
    width: 250px;
    font: 12px "Times New Roman", Sans-Serif;
    background-color: yellow;
    text-align: center;
    float: left;
}

.jthtempo[b-qmms2eixmi] {
    width: 150px;
    float: right;
    text-align: left;
    background-color: yellow;
}

.Judul[b-qmms2eixmi] {
    font-size: 16px;
}

.Judul2[b-qmms2eixmi] {
    font: 10px "Times New Roman", Sans-Serif;
}

.tengah[b-qmms2eixmi] {
    align-content: center;
    text-align: center;
    background-color: yellow;
}

#tandatangan[b-qmms2eixmi] {
    clear: both;
    width: 100%;
    margin: 20px 0 0 0;
    border: 1px solid black;
    font-family: 'Times New Roman', Times, serif;
}

    #tandatangan th[b-qmms2eixmi] {
        background: #eee;
        text-align: center
    }
    /*#items td {padding:1px}*/
    #tandatangan textarea[b-qmms2eixmi] {
        width: 100%;
        height: 17px;
    }

    #tandatangan tr.item-row td[b-qmms2eixmi] {
        border: 0;
        vertical-align: top;
        font: 13px "Times New Roman", Sans-Serif;
    }

#tandatangan td.penerima[b-qmms2eixmi] {
    width: 30%;
}

#tandatangan td.expedisi[b-qmms2eixmi] {
    width: 40%;
}

#tandatangan tr.item-footer td[b-qmms2eixmi] {
    border-bottom: 0;
    border-top: 0;
    vertical-align: top;
}

#tandatangan td.description textarea[b-qmms2eixmi], #tandatangan td.item-name textarea #tandatangan td.no textarea #items td.source textarea #tandatangan td.jumlah textarea[b-qmms2eixmi] {
    width: 100%;
    font: 13px "Times New Roman", Sans-Serif;
}
/* /Components/Pages/ModulePersediaan/Printer/stockCard.razor.rz.scp.css */
body[b-lhdupdq07c] {
}

.stock-card[b-lhdupdq07c] {
    width: 21cm; /* Ukuran A4 */
    /*border: 1px solid black;*/
    padding: 10px;
}

@media print {
   /* header, footer, aside, form, menu, nav {
        display: none;
    }
*/
    .dontprint[b-lhdupdq07c] {
        display: none;
    }
}

.header[b-lhdupdq07c], .footer[b-lhdupdq07c] {
    text-align: center;
    font-weight: bold;
}

.details[b-lhdupdq07c] {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 14px;
}

.details-row[b-lhdupdq07c] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.table[b-lhdupdq07c] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

    .table th[b-lhdupdq07c], .table td[b-lhdupdq07c] {
        border: 1px solid black;
        padding: 5px;
        text-align: center;
        height: 30px; /* Tinggi baris kosong */
    }
/* /Components/Pages/ModulePersediaan/Printer/SuratAdjustment.razor.rz.scp.css */
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
@page {
    size: 210mm 297mm;
    margin: 0 auto;
}

@media print {
    header[b-vnmwahedp0], footer[b-vnmwahedp0], aside[b-vnmwahedp0], form[b-vnmwahedp0], menu[b-vnmwahedp0], nav[b-vnmwahedp0] {
        display: none;
    }

    .dontprint[b-vnmwahedp0] {
        display: none !important;
    }

    .adjustment-toolbar[b-vnmwahedp0],
    .adjustment-toolbar__content[b-vnmwahedp0],
    .adjustment-toolbar__summary[b-vnmwahedp0] {
        display: none !important;
    }

    .adjustment-surface[b-vnmwahedp0] {
        max-width: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }
}
/*body {
	width:100%!important;
	padding:0!important;
	margin:0!important;
}*/

*[b-vnmwahedp0] {
    margin: 0;
    padding: 0;
}

body[b-vnmwahedp0] {
    font: 14px/1.4 "Times New Roman", serif;
}

.adjustment-toolbar[b-vnmwahedp0] {
    display: block;
    max-width: 1180px;
    margin: 1.25rem auto 1rem;
}

.adjustment-toolbar__content[b-vnmwahedp0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.adjustment-toolbar__summary[b-vnmwahedp0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.adjustment-toolbar__summary > div[b-vnmwahedp0] {
    padding: 0.85rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.adjustment-summary__label[b-vnmwahedp0] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.adjustment-summary__value[b-vnmwahedp0] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    white-space: pre-line;
}

.adjustment-surface[b-vnmwahedp0] {
    max-width: 1180px;
    margin: 0 auto 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

#page-wrap[b-vnmwahedp0] {
    width: 100%;
    margin: 0 0;
    padding: 0 10px
}

textarea[b-vnmwahedp0] {
    border: 0;
    font: 14px arial, Serif;
    overflow: hidden;
    resize: none;
}

table[b-vnmwahedp0] {
    border-collapse: collapse;
}

    table td[b-vnmwahedp0], table th[b-vnmwahedp0] {
        border: 1px solid black;
        padding: -1px;
    }

#header[b-vnmwahedp0] {
    height: 26px;
    width: 100%;
    margin: 0 0;
    background: none;
    text-align: center;
    color: black;
    font: bold 16px "Times New Roman", Sans-Serif;
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: 5px;
    padding: 0px 0px;
}

#address[b-vnmwahedp0] {
    width: 450px;
    height: 100px;
    float: left;
}

#customer[b-vnmwahedp0] {
    overflow: hidden;
}

#logo[b-vnmwahedp0] {
    text-align: right;
    float: right;
    position: relative;
    margin-top: 25px;
    border: 1px solid #fff;
    max-width: 540px;
    max-height: 100px;
    overflow: hidden;
}

    #logo:hover[b-vnmwahedp0], #logo.edit[b-vnmwahedp0] {
        border: 1px solid #000;
        margin-top: 0px;
        max-height: 125px;
    }

#logoctr[b-vnmwahedp0] {
    display: none;
}

#logo:hover #logoctr[b-vnmwahedp0], #logo.edit #logoctr[b-vnmwahedp0] {
    display: block;
    text-align: right;
    line-height: 25px;
    background: #eee;
    padding: 0 5px;
}

#logohelp[b-vnmwahedp0] {
    text-align: left;
    display: none;
    font-style: italic;
    padding: 10px 5px;
}

    #logohelp input[b-vnmwahedp0] {
        margin-bottom: 5px;
    }

.edit #logohelp[b-vnmwahedp0] {
    display: block;
}

.edit #save-logo[b-vnmwahedp0], .edit #cancel-logo[b-vnmwahedp0] {
    display: inline;
}

.edit #image[b-vnmwahedp0], #save-logo[b-vnmwahedp0], #cancel-logo[b-vnmwahedp0], .edit #change-logo[b-vnmwahedp0], .edit #delete-logo[b-vnmwahedp0] {
    display: none;
}

#customer-title[b-vnmwahedp0] {
    font-size: 20px;
    font-weight: bold;
    float: left;
}

#meta[b-vnmwahedp0] {
    margin-top: 1px;
    width: 250px;
    float: right;
}

    #meta td[b-vnmwahedp0] {
        text-align: right;
    }

        #meta td.meta-head[b-vnmwahedp0] {
            text-align: left;
            background: #eee;
        }

        #meta td textarea[b-vnmwahedp0] {
            width: 100%;
            height: 10px;
            text-align: right;
        }

#items[b-vnmwahedp0] {
    clear: both;
    width: 100%;
    margin: 30px 0 0 0;
    border: 1px solid black;
    font-family:'Times New Roman', Times, serif;
}

    #items th[b-vnmwahedp0] {
        background: #eee;
        text-align: center
    }
    /*#items td {padding:1px}*/
    #items textarea[b-vnmwahedp0] {
        width: 100px;
        height: 15px;
    }

    #items tr.item-row td[b-vnmwahedp0] {
        border: 0;
        vertical-align: top;
        font: 13px "Times New Roman", Sans-Serif;
    }

    #items td.no[b-vnmwahedp0] {
        width: 5%;
        text-align: center
    }

    #items td.source[b-vnmwahedp0] {
        width: 20%;
        text-align: center
    }

    #items td.jumlah[b-vnmwahedp0] {
        width: 15%;
        text-align: right
    }

    #items td.description[b-vnmwahedp0] {
        width: 65%;
    }

    #items td.item-name[b-vnmwahedp0] {
        width: 175px;
    }

    #items tr.item-footer td[b-vnmwahedp0] {
        border-bottom: 0;
        border-top: 0;
        vertical-align: top;
    }

    #items td.description textarea[b-vnmwahedp0], #items td.item-name textarea #items td.no textarea #items td.source textarea #items td.jumlah textarea[b-vnmwahedp0] {
        width: 100%;
        font: 13px "Times New Roman", Sans-Serif;
    }

    #items textarea.keterangan[b-vnmwahedp0] {
        height: 40px;
    }

@media (max-width: 768px) {
    .adjustment-surface[b-vnmwahedp0] {
        padding: 1rem;
        border-radius: 0.75rem;
    }
}

    #items td.total-line[b-vnmwahedp0] {
        border-right: 0;
        text-align: center
    }

    #items td.total-value[b-vnmwahedp0] {
        border-left: 0;
        padding: 0px;
        text-align: right;
        background-color: lightgray
    }

        #items td.total-value textarea[b-vnmwahedp0] {
            height: 20px;
            background: none;
        }

    #items td.balance[b-vnmwahedp0] {
        background: #eee;
    }

    #items td.blank[b-vnmwahedp0] {
        border: 0;
    }

#terms[b-vnmwahedp0] {
    text-align: center;
    margin: 20px 0 0 0;
}

    #terms h5[b-vnmwahedp0] {
        text-transform: uppercase;
        font: 13px "Times New Roman", Sans-Serif;
        letter-spacing: 10px;
        border-bottom: 1px solid black;
        padding: 0 0 8px 0;
        margin: 0 0 8px 0;
    }

    #terms textarea[b-vnmwahedp0] {
        width: 100%;
        text-align: center;
    }

textarea:hover[b-vnmwahedp0], textarea:focus[b-vnmwahedp0], #items td.total-value textarea:hover[b-vnmwahedp0], #items td.total-value textarea:focus[b-vnmwahedp0], .delete:hover[b-vnmwahedp0] {
    background-color: #EEFF88;
}

.delete-wpr[b-vnmwahedp0] {
    position: relative;
}

.delete[b-vnmwahedp0] {
    display: block;
    color: #000;
    text-decoration: none;
    position: absolute;
    background: #EEEEEE;
    font-weight: bold;
    padding: 0px 3px;
    border: 1px solid;
    top: -6px;
    left: -22px;
    font-family: "Times New Roman";
    font-size: 12px;
}

.kepala[b-vnmwahedp0] {
    display: block;
    width: 250px;
    font: 12px "Times New Roman", Sans-Serif;
    background-color: yellow;
    text-align: center;
    float: left;
}

.jthtempo[b-vnmwahedp0] {
    width: 150px;
    float: right;
    text-align: left;
    background-color: yellow;
}

.Judul[b-vnmwahedp0] {
    font-size: 16px;
}

.Judul2[b-vnmwahedp0] {
    font: 10px "Times New Roman", Sans-Serif;
}

.tengah[b-vnmwahedp0] {
    align-content: center;
    text-align: center;
    background-color: yellow;
}

#tandatangan[b-vnmwahedp0] {
    clear: both;
    width: 100%;
    margin: 20px 0 0 0;
    border: 1px solid black;
    font-family: 'Times New Roman', Times, serif;
}

    #tandatangan th[b-vnmwahedp0] {
        background: #eee;
        text-align: center
    }
    /*#items td {padding:1px}*/
    #tandatangan textarea[b-vnmwahedp0] {
        width: 100%;
        height: 17px;
    }

    #tandatangan tr.item-row td[b-vnmwahedp0] {
        border: 0;
        vertical-align: top;
        font: 13px "Times New Roman", Sans-Serif;
    }

#tandatangan td.penerima[b-vnmwahedp0] {
    width: 30%;
}

#tandatangan td.expedisi[b-vnmwahedp0] {
    width: 40%;
}

#tandatangan tr.item-footer td[b-vnmwahedp0] {
    border-bottom: 0;
    border-top: 0;
    vertical-align: top;
}

#tandatangan td.description textarea[b-vnmwahedp0], #tandatangan td.item-name textarea #tandatangan td.no textarea #items td.source textarea #tandatangan td.jumlah textarea[b-vnmwahedp0] {
    width: 100%;
    font: 13px "Times New Roman", Sans-Serif;
}
/* /Components/Pages/ModulePersediaan/Printer/SuratMutasi.razor.rz.scp.css */
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
@page {
    size: 210mm 297mm;
    margin: 0 auto;
}

@media print {
    header[b-k5ixxya3sb], footer[b-k5ixxya3sb], aside[b-k5ixxya3sb], form[b-k5ixxya3sb], menu[b-k5ixxya3sb], nav[b-k5ixxya3sb] {
        display: none;
    }

    .dontprint[b-k5ixxya3sb] {
        display: none !important;
    }

    .mutasi-toolbar[b-k5ixxya3sb],
    .mutasi-toolbar__content[b-k5ixxya3sb],
    .mutasi-toolbar__summary[b-k5ixxya3sb] {
        display: none !important;
    }

    .mutasi-surface[b-k5ixxya3sb] {
        max-width: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }
}
/*body {
	width:100%!important;
	padding:0!important;
	margin:0!important;
}*/

*[b-k5ixxya3sb] {
    margin: 0;
    padding: 0;
}

body[b-k5ixxya3sb] {
    font: 14px/1.4 "Times New Roman", serif;
}

.mutasi-toolbar[b-k5ixxya3sb] {
    display: block;
    max-width: 1180px;
    margin: 1.25rem auto 1rem;
}

.mutasi-toolbar__content[b-k5ixxya3sb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.mutasi-toolbar__summary[b-k5ixxya3sb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.mutasi-toolbar__summary > div[b-k5ixxya3sb] {
    padding: 0.85rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.mutasi-summary__label[b-k5ixxya3sb] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.mutasi-summary__value[b-k5ixxya3sb] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    white-space: pre-line;
}

.mutasi-surface[b-k5ixxya3sb] {
    max-width: 1180px;
    margin: 0 auto 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

#page-wrap[b-k5ixxya3sb] {
    width: 100%;
    margin: 0 0;
    padding: 0 10px
}

textarea[b-k5ixxya3sb] {
    border: 0;
    font: 14px arial, Serif;
    overflow: hidden;
    resize: none;
}

table[b-k5ixxya3sb] {
    border-collapse: collapse;
}

    table td[b-k5ixxya3sb], table th[b-k5ixxya3sb] {
        border: 1px solid black;
        padding: -1px;
    }

#header[b-k5ixxya3sb] {
    height: 26px;
    width: 100%;
    margin: 0 0;
    background: none;
    text-align: center;
    color: black;
    font: bold 16px "Times New Roman", Sans-Serif;
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: 5px;
    padding: 0px 0px;
}

#address[b-k5ixxya3sb] {
    width: 450px;
    height: 100px;
    float: left;
}

#customer[b-k5ixxya3sb] {
    overflow: hidden;
}

#logo[b-k5ixxya3sb] {
    text-align: right;
    float: right;
    position: relative;
    margin-top: 25px;
    border: 1px solid #fff;
    max-width: 540px;
    max-height: 100px;
    overflow: hidden;
}

    #logo:hover[b-k5ixxya3sb], #logo.edit[b-k5ixxya3sb] {
        border: 1px solid #000;
        margin-top: 0px;
        max-height: 125px;
    }

#logoctr[b-k5ixxya3sb] {
    display: none;
}

#logo:hover #logoctr[b-k5ixxya3sb], #logo.edit #logoctr[b-k5ixxya3sb] {
    display: block;
    text-align: right;
    line-height: 25px;
    background: #eee;
    padding: 0 5px;
}

#logohelp[b-k5ixxya3sb] {
    text-align: left;
    display: none;
    font-style: italic;
    padding: 10px 5px;
}

    #logohelp input[b-k5ixxya3sb] {
        margin-bottom: 5px;
    }

.edit #logohelp[b-k5ixxya3sb] {
    display: block;
}

.edit #save-logo[b-k5ixxya3sb], .edit #cancel-logo[b-k5ixxya3sb] {
    display: inline;
}

.edit #image[b-k5ixxya3sb], #save-logo[b-k5ixxya3sb], #cancel-logo[b-k5ixxya3sb], .edit #change-logo[b-k5ixxya3sb], .edit #delete-logo[b-k5ixxya3sb] {
    display: none;
}

#customer-title[b-k5ixxya3sb] {
    font-size: 20px;
    font-weight: bold;
    float: left;
}

#meta[b-k5ixxya3sb] {
    margin-top: 1px;
    width: 250px;
    float: right;
}

    #meta td[b-k5ixxya3sb] {
        text-align: right;
    }

        #meta td.meta-head[b-k5ixxya3sb] {
            text-align: left;
            background: #eee;
        }

        #meta td textarea[b-k5ixxya3sb] {
            width: 100%;
            height: 10px;
            text-align: right;
        }

#items[b-k5ixxya3sb] {
    clear: both;
    width: 100%;
    margin: 30px 0 0 0;
    border: 1px solid black;
    font-family:'Times New Roman', Times, serif;
}

    #items th[b-k5ixxya3sb] {
        background: #eee;
        text-align: center
    }
    /*#items td {padding:1px}*/
    #items textarea[b-k5ixxya3sb] {
        width: 100px;
        height: 15px;
    }

    #items tr.item-row td[b-k5ixxya3sb] {
        border: 0;
        vertical-align: top;
        font: 13px "Times New Roman", Sans-Serif;
    }

    #items td.no[b-k5ixxya3sb] {
        width: 5%;
        text-align: center
    }

    #items td.source[b-k5ixxya3sb] {
        width: 20%;
        text-align: center
    }

    #items td.jumlah[b-k5ixxya3sb] {
        width: 15%;
        text-align: right
    }

    #items td.description[b-k5ixxya3sb] {
        width: 80%;
    }

    #items td.item-name[b-k5ixxya3sb] {
        width: 175px;
    }

    #items tr.item-footer td[b-k5ixxya3sb] {
        border-bottom: 0;
        border-top: 0;
        vertical-align: top;
    }

    #items td.description textarea[b-k5ixxya3sb], #items td.item-name textarea #items td.no textarea #items td.source textarea #items td.jumlah textarea[b-k5ixxya3sb] {
        width: 100%;
        font: 13px "Times New Roman", Sans-Serif;
    }

    #items textarea.keterangan[b-k5ixxya3sb] {
        height: 40px;
    }

@media (max-width: 768px) {
    .mutasi-surface[b-k5ixxya3sb] {
        padding: 1rem;
        border-radius: 0.75rem;
    }
}

    #items td.total-line[b-k5ixxya3sb] {
        border-right: 0;
        text-align: center
    }

    #items td.total-value[b-k5ixxya3sb] {
        border-left: 0;
        padding: 0px;
        text-align: right;
        background-color: lightgray
    }

        #items td.total-value textarea[b-k5ixxya3sb] {
            height: 20px;
            background: none;
        }

    #items td.balance[b-k5ixxya3sb] {
        background: #eee;
    }

    #items td.blank[b-k5ixxya3sb] {
        border: 0;
    }

#terms[b-k5ixxya3sb] {
    text-align: center;
    margin: 20px 0 0 0;
}

    #terms h5[b-k5ixxya3sb] {
        text-transform: uppercase;
        font: 13px "Times New Roman", Sans-Serif;
        letter-spacing: 10px;
        border-bottom: 1px solid black;
        padding: 0 0 8px 0;
        margin: 0 0 8px 0;
    }

    #terms textarea[b-k5ixxya3sb] {
        width: 100%;
        text-align: center;
    }

textarea:hover[b-k5ixxya3sb], textarea:focus[b-k5ixxya3sb], #items td.total-value textarea:hover[b-k5ixxya3sb], #items td.total-value textarea:focus[b-k5ixxya3sb], .delete:hover[b-k5ixxya3sb] {
    background-color: #EEFF88;
}

.delete-wpr[b-k5ixxya3sb] {
    position: relative;
}

.delete[b-k5ixxya3sb] {
    display: block;
    color: #000;
    text-decoration: none;
    position: absolute;
    background: #EEEEEE;
    font-weight: bold;
    padding: 0px 3px;
    border: 1px solid;
    top: -6px;
    left: -22px;
    font-family: "Times New Roman";
    font-size: 12px;
}

.kepala[b-k5ixxya3sb] {
    display: block;
    width: 250px;
    font: 12px "Times New Roman", Sans-Serif;
    background-color: yellow;
    text-align: center;
    float: left;
}

.jthtempo[b-k5ixxya3sb] {
    width: 150px;
    float: right;
    text-align: left;
    background-color: yellow;
}

.Judul[b-k5ixxya3sb] {
    font-size: 16px;
}

.Judul2[b-k5ixxya3sb] {
    font: 10px "Times New Roman", Sans-Serif;
}

.tengah[b-k5ixxya3sb] {
    align-content: center;
    text-align: center;
    background-color: yellow;
}

#tandatangan[b-k5ixxya3sb] {
    clear: both;
    width: 100%;
    margin: 20px 0 0 0;
    border: 1px solid black;
    font-family: 'Times New Roman', Times, serif;
}

    #tandatangan th[b-k5ixxya3sb] {
        background: #eee;
        text-align: center
    }
    /*#items td {padding:1px}*/
    #tandatangan textarea[b-k5ixxya3sb] {
        width: 100%;
        height: 17px;
    }

    #tandatangan tr.item-row td[b-k5ixxya3sb] {
        border: 0;
        vertical-align: top;
        font: 13px "Times New Roman", Sans-Serif;
    }

#tandatangan td.penerima[b-k5ixxya3sb] {
    width: 30%;
}

#tandatangan td.expedisi[b-k5ixxya3sb] {
    width: 40%;
}

#tandatangan tr.item-footer td[b-k5ixxya3sb] {
    border-bottom: 0;
    border-top: 0;
    vertical-align: top;
}

#tandatangan td.description textarea[b-k5ixxya3sb], #tandatangan td.item-name textarea #tandatangan td.no textarea #items td.source textarea #tandatangan td.jumlah textarea[b-k5ixxya3sb] {
    width: 100%;
    font: 13px "Times New Roman", Sans-Serif;
}
/* /Components/Pages/ModulePiutang/Laporan/AgingPiutangDashboard.razor.rz.scp.css */
.ar-page-shell[b-ziascew8hn] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px);
    overflow: hidden;
}

.ar-hero-bar[b-ziascew8hn] {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.ar-filter-card[b-ziascew8hn] {
    background: #f8fbff;
}

.ar-summary-card[b-ziascew8hn] {
    border: 1px solid transparent;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.ar-summary-card:hover[b-ziascew8hn] {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08);
}

.ar-summary-card-active[b-ziascew8hn] {
    border-color: rgba(13, 110, 253, 0.45);
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.12);
}

/* Scroll container untuk tab Overview, Alert, Collection */
.ar-scroll-tab[b-ziascew8hn] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.ar-table-host[b-ziascew8hn] {
    flex: 1 1 auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ar-table-wrapper[b-ziascew8hn] {
    flex: 1 1 auto;
    overflow: auto;
    position: relative;
}

.ar-scroll-area[b-ziascew8hn] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding-bottom: 1rem;
}

/* Sticky header */
.ar-table thead th[b-ziascew8hn] {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #343a40;
    color: #fff;
    border: 1px solid #495057;
    padding: 6px 8px;
    font-size: 0.8rem;
    white-space: nowrap;
}

.ar-table tbody td[b-ziascew8hn],
.ar-table tfoot td[b-ziascew8hn] {
    border: 1px solid #dee2e6;
    padding: 4px 8px;
    vertical-align: middle;
}

/* Sticky columns */
.ar-sticky-col-1[b-ziascew8hn] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 150px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ar-sticky-col-2[b-ziascew8hn] {
    position: sticky;
    left: 150px;
    z-index: 2;
    min-width: 130px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-left: 2px solid #adb5bd;
}

/* Ensure th sticky overrides data cells for col 1 & 2 */
.ar-table thead .ar-sticky-col-1[b-ziascew8hn],
.ar-table thead .ar-sticky-col-2[b-ziascew8hn] {
    z-index: 4;
    background: #343a40;
    color: #fff;
}

.ar-table tfoot .ar-sticky-col-1[b-ziascew8hn] {
    z-index: 2;
    position: sticky;
    left: 0;
}

/* Row hover */
.ar-table tbody tr:hover td[b-ziascew8hn] {
    filter: brightness(0.95);
}

/* Card header for customer tab */
.card-header[b-ziascew8hn] {
    font-size: 0.88rem;
}

/* ── Info Bayar badges ───────────────────────────────────────── */
.ar-badge[b-ziascew8hn] {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
    margin: 1px 1px;
    cursor: default;
}

/* Sudah cicilan */
.ar-badge-cicilan[b-ziascew8hn] {
    background: #cfe2ff;
    color: #084298;
    border: 1px solid #9ec5fe;
}

/* Belum bayar sama sekali */
.ar-badge-belum[b-ziascew8hn] {
    background: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}

/* Persen sudah bayar */
.ar-badge-bayar[b-ziascew8hn] {
    background: #d1e7dd;
    color: #0a3622;
    border: 1px solid #a3cfbb;
}

/* Terakhir bayar — baru (<= 30 hari) */
.ar-badge-baru[b-ziascew8hn] {
    background: #d1e7dd;
    color: #0a3622;
    border: 1px solid #a3cfbb;
}

/* Terakhir bayar — sedang (31-60 hari) */
.ar-badge-sedang[b-ziascew8hn] {
    background: #fff3cd;
    color: #664d03;
    border: 1px solid #ffda6a;
}

/* Terakhir bayar — lama (> 60 hari) */
.ar-badge-lama[b-ziascew8hn] {
    background: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}

/* Uang muka — ungu muda */
.ar-badge-uangmuka[b-ziascew8hn] {
    background: #e0cffc;
    color: #3d0a91;
    border: 1px solid #c5a3ff;
}
/* /Components/Pages/ModulePiutang/Laporan/LaporanAgingPiutang.razor.rz.scp.css */
body[b-nnqeuks7n1] {
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
}

@media print {
    header[b-nnqeuks7n1], footer[b-nnqeuks7n1], aside[b-nnqeuks7n1], form[b-nnqeuks7n1], menu[b-nnqeuks7n1], nav[b-nnqeuks7n1] {
        display: none;
    }

    .dontprint[b-nnqeuks7n1] {
        display: none;
    }
}

p[b-nnqeuks7n1] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}

/* /Components/Pages/ModulePiutang/Laporan/LaporanCustomer.razor.rz.scp.css */
body[b-ksozo4asaz] {
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
}

@media print {
    header[b-ksozo4asaz], footer[b-ksozo4asaz], aside[b-ksozo4asaz], form[b-ksozo4asaz], menu[b-ksozo4asaz], nav[b-ksozo4asaz] {
        display: none;
    }

    .dontprint[b-ksozo4asaz] {
        display: none;
    }
}

p[b-ksozo4asaz] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}
/* /Components/Pages/ModulePiutang/Laporan/LaporanPiutang.razor.rz.scp.css */
td[b-p8g8nknfpq] {
    position: relative;
}

    td span.badge[b-p8g8nknfpq] {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
    }


.remarks[b-p8g8nknfpq] {
    background-color: blue; /* Ganti dengan warna latar belakang yang Anda inginkan */
    color: white; /* Ganti dengan warna teks yang Anda inginkan */
    padding: 2px 5px; /* Sesuaikan dengan ukuran padding yang diinginkan */
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
    font-size: 12px;
}
/* /Components/Pages/ModulePiutang/Printer/BuktiBayarDPPiutang.razor.rz.scp.css */
body[b-d113f66yqb] {
}

.dp-piutang-toolbar[b-d113f66yqb] {
	display: block;
	max-width: 1180px;
	margin: 1.25rem auto 1rem;
}

.dp-piutang-toolbar__content[b-d113f66yqb] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	flex-wrap: wrap;
	padding: 1rem 1.25rem;
	border: 1px solid #dbe7f3;
	border-radius: 1rem;
	background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.dp-piutang-toolbar__summary[b-d113f66yqb] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 0.75rem;
	margin-top: 0.85rem;
}

.dp-piutang-toolbar__summary > div[b-d113f66yqb] {
	padding: 0.85rem 1rem;
	border: 1px solid #e5e7eb;
	border-radius: 0.85rem;
	background: #ffffff;
	box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.dp-piutang-summary__label[b-d113f66yqb] {
	display: block;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
	margin-bottom: 0.25rem;
}

.dp-piutang-summary__value[b-d113f66yqb] {
	font-size: 0.95rem;
	font-weight: 700;
	color: #0f172a;
	white-space: pre-line;
}

.dp-piutang-surface[b-d113f66yqb] {
	max-width: 1180px;
	margin: 0 auto 2rem;
	padding: 1.5rem;
	background: #ffffff;
	border-radius: 1rem;
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
	size: 210mm 297mm;
	margin: 0 auto;
}

@media print {
	header[b-d113f66yqb], footer[b-d113f66yqb], aside[b-d113f66yqb], form[b-d113f66yqb], menu[b-d113f66yqb], nav[b-d113f66yqb] {
		display: none;
	}

	.dontprint[b-d113f66yqb] {
		display: none !important;
	}

	.dp-piutang-toolbar[b-d113f66yqb],
	.dp-piutang-toolbar__content[b-d113f66yqb],
	.dp-piutang-toolbar__summary[b-d113f66yqb] {
		display: none !important;
	}

	.dp-piutang-surface[b-d113f66yqb] {
		max-width: none;
		margin: 0;
		padding: 0;
		box-shadow: none;
		border-radius: 0;
	}
}

p[b-d113f66yqb] {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 300;
	font-size: 10px;
}

@media (max-width: 768px) {
	.dp-piutang-surface[b-d113f66yqb] {
		padding: 1rem;
		border-radius: 0.75rem;
	}
}
/* /Components/Pages/ModulePiutang/Printer/BuktiBayarPiutang.razor.rz.scp.css */
body[b-ibmpxd80v5] {
}

.bayarpiutang-toolbar[b-ibmpxd80v5] {
	display: block;
	max-width: 1180px;
	margin: 1.25rem auto 1rem;
}

.bayarpiutang-toolbar__content[b-ibmpxd80v5] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	flex-wrap: wrap;
	padding: 1rem 1.25rem;
	border: 1px solid #dbe7f3;
	border-radius: 1rem;
	background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.bayarpiutang-toolbar__summary[b-ibmpxd80v5] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 0.75rem;
	margin-top: 0.85rem;
}

.bayarpiutang-toolbar__summary > div[b-ibmpxd80v5] {
	padding: 0.85rem 1rem;
	border: 1px solid #e5e7eb;
	border-radius: 0.85rem;
	background: #ffffff;
	box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.bayarpiutang-summary__label[b-ibmpxd80v5] {
	display: block;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
	margin-bottom: 0.25rem;
}

.bayarpiutang-summary__value[b-ibmpxd80v5] {
	font-size: 0.95rem;
	font-weight: 700;
	color: #0f172a;
	white-space: pre-line;
}

.bayarpiutang-surface[b-ibmpxd80v5] {
	max-width: 1180px;
	margin: 0 auto 2rem;
	padding: 1.5rem;
	background: #ffffff;
	border-radius: 1rem;
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
	size: 210mm 297mm;
	margin: 0 auto;
}

@media print {
	header[b-ibmpxd80v5], footer[b-ibmpxd80v5], aside[b-ibmpxd80v5], form[b-ibmpxd80v5], menu[b-ibmpxd80v5], nav[b-ibmpxd80v5] {
		display: none;
	}

	.dontprint[b-ibmpxd80v5] {
		display: none;
	}

	.bayarpiutang-surface[b-ibmpxd80v5] {
		max-width: none;
		margin: 0;
		padding: 0;
		box-shadow: none;
		border-radius: 0;
	}
}

p[b-ibmpxd80v5] {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 300;
	font-size: 10px;
}

@media (max-width: 768px) {
	.bayarpiutang-surface[b-ibmpxd80v5] {
		padding: 1rem;
		border-radius: 0.75rem;
	}
}
/* /Components/Pages/ModulePiutang/Printer/NotaPiutang.razor.rz.scp.css */
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
@page {
	size: 210mm 297mm;
	margin: 0 auto;
}

@media print {
	header[b-u5namtze3f], footer[b-u5namtze3f], aside[b-u5namtze3f], form[b-u5namtze3f],menu[b-u5namtze3f],nav[b-u5namtze3f] {
		display:none;
	}
	.dontprint[b-u5namtze3f] {
		display: none;
	}
}
/*body {
	width:100%!important;
	padding:0!important;
	margin:0!important;
}*/

*[b-u5namtze3f] { margin: 0; padding: 0; }
body[b-u5namtze3f] { font: 14px/1.4 Georgia, serif; }

.notapiutang-toolbar[b-u5namtze3f] {
	display: block;
	max-width: 1180px;
	margin: 1.25rem auto 1rem;
}

.notapiutang-toolbar__content[b-u5namtze3f] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	flex-wrap: wrap;
	padding: 1rem 1.25rem;
	border: 1px solid #dbe7f3;
	border-radius: 1rem;
	background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.notapiutang-toolbar__summary[b-u5namtze3f] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 0.75rem;
	margin-top: 0.85rem;
}

.notapiutang-toolbar__summary > div[b-u5namtze3f] {
	padding: 0.85rem 1rem;
	border: 1px solid #e5e7eb;
	border-radius: 0.85rem;
	background: #ffffff;
	box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.notapiutang-summary__label[b-u5namtze3f] {
	display: block;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
	margin-bottom: 0.25rem;
}

.notapiutang-summary__value[b-u5namtze3f] {
	font-size: 0.95rem;
	font-weight: 700;
	color: #0f172a;
	white-space: pre-line;
}

.notapiutang-surface[b-u5namtze3f] {
	max-width: 1180px;
	margin: 0 auto 2rem;
	padding: 1.5rem;
	background: #ffffff;
	border-radius: 1rem;
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

#page-wrap[b-u5namtze3f] { width: 100%; margin: 0 0; padding:0 10px }

textarea[b-u5namtze3f] { border: 0; font: 14px Georgia, Serif; overflow: hidden; resize: none;  }
table[b-u5namtze3f] { border-collapse: collapse; }
table td[b-u5namtze3f], table th[b-u5namtze3f] { border: 1px solid black; padding: -1px; }

#header[b-u5namtze3f] { height: 26px; width: 100%; margin: 20px 0; background: none; text-align: center; color: black; font: bold 15px Helvetica, Sans-Serif; text-transform:uppercase; letter-spacing: 20px; padding: 8px 0px; }

#address[b-u5namtze3f] { width: 450px; height: 100px; float: left; }
#customer[b-u5namtze3f] { overflow: hidden; }

#logo[b-u5namtze3f] { text-align: right; float: right; position: relative; margin-top: 25px; border: 1px solid #fff; max-width: 540px; max-height: 100px; overflow: hidden; }
#logo:hover[b-u5namtze3f], #logo.edit[b-u5namtze3f] { border: 1px solid #000; margin-top: 0px; max-height: 125px; }
#logoctr[b-u5namtze3f] { display: none; }
#logo:hover #logoctr[b-u5namtze3f], #logo.edit #logoctr[b-u5namtze3f] { display: block; text-align: right; line-height: 25px; background: #eee; padding: 0 5px; }
#logohelp[b-u5namtze3f] { text-align: left; display: none; font-style: italic; padding: 10px 5px;}
#logohelp input[b-u5namtze3f] { margin-bottom: 5px; }
.edit #logohelp[b-u5namtze3f] { display: block; }
.edit #save-logo[b-u5namtze3f], .edit #cancel-logo[b-u5namtze3f] { display: inline; }
.edit #image[b-u5namtze3f], #save-logo[b-u5namtze3f], #cancel-logo[b-u5namtze3f], .edit #change-logo[b-u5namtze3f], .edit #delete-logo[b-u5namtze3f] { display: none; }
#customer-title[b-u5namtze3f] { font-size: 20px; font-weight: bold; float: left; }

#meta[b-u5namtze3f] { margin-top: 1px; width: 250px; float: right;}
#meta td[b-u5namtze3f] { text-align: right;  }
#meta td.meta-head[b-u5namtze3f] { text-align: left; background: #eee; }
#meta td textarea[b-u5namtze3f] { width: 100%; height: 10px; text-align: right; }

#items[b-u5namtze3f] { clear: both; width: 100%; margin: 30px 0 0 0; border: 1px solid black; }
#items th[b-u5namtze3f] { background: #eee; text-align:center }
/*#items td {padding:1px}*/
#items textarea[b-u5namtze3f] { width: 100px; height: 20px; }
#items tr.item-row td[b-u5namtze3f] { border: 0; vertical-align: top; }
#items td.no[b-u5namtze3f] {width: 5%; text-align:center	}
#items td.source[b-u5namtze3f] {width: 10%;text-align:center}
#items td.jumlah[b-u5namtze3f] { width: 15%; text-align:right }
#items td.description[b-u5namtze3f] { width: 70%;}
#items td.item-name[b-u5namtze3f] { width: 175px; }
	#items tr.item-footer td[b-u5namtze3f] {
		border-bottom:0 ;
		border-top:0;
		
		vertical-align: top;
	}
	#items td.description textarea[b-u5namtze3f], #items td.item-name textarea #items td.no textarea #items td.source textarea #items td.jumlah textarea[b-u5namtze3f]  {
		width: 100%;
		
	}
#items textarea.keterangan[b-u5namtze3f] {
	height:50px;
}
#items td.total-line[b-u5namtze3f] { border-right: 0; text-align:center }
#items td.total-value[b-u5namtze3f] { border-left: 0; padding: 0px; text-align:right;background-color:lightgray }
#items td.total-value textarea[b-u5namtze3f] { height: 20px; background: none; }
#items td.balance[b-u5namtze3f] { background: #eee; }
#items td.blank[b-u5namtze3f] { border: 0; }

#terms[b-u5namtze3f] { text-align: center; margin: 20px 0 0 0; }
#terms h5[b-u5namtze3f] { text-transform: uppercase; font: 13px Helvetica, Sans-Serif; letter-spacing: 10px; border-bottom: 1px solid black; padding: 0 0 8px 0; margin: 0 0 8px 0; }
#terms textarea[b-u5namtze3f] { width: 100%; text-align: center;}

textarea:hover[b-u5namtze3f], textarea:focus[b-u5namtze3f], #items td.total-value textarea:hover[b-u5namtze3f], #items td.total-value textarea:focus[b-u5namtze3f], .delete:hover[b-u5namtze3f] { background-color:#EEFF88; }

.delete-wpr[b-u5namtze3f] { position: relative; }
.delete[b-u5namtze3f] { display: block; color: #000; text-decoration: none; position: absolute; background: #EEEEEE; font-weight: bold; padding: 0px 3px; border: 1px solid; top: -6px; left: -22px; font-family: Verdana; font-size: 12px; }

.header-wrap[b-u5namtze3f] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 20px;
}

.company-info[b-u5namtze3f] {
	width: 60%;
	font-size: 13px;
	line-height: 0.6;
	white-space: pre-line;
}


.doc-title[b-u5namtze3f] {
	width: 35%;
	text-align: right;
}

@media (max-width: 768px) {
	.notapiutang-surface[b-u5namtze3f] {
		padding: 1rem;
		border-radius: 0.75rem;
	}
}
/* /Components/Pages/ModulePiutang/TransInfo/TransInfoAging.razor.rz.scp.css */
body[b-qmdz6w76xs] {
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar[b-qmdz6w76xs] {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}

    /* Show the snackbar when clicking on a button (class added with JavaScript) */
    #snackbar.show[b-qmdz6w76xs] {
        visibility: visible; /* Show the snackbar */
        /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein-b-qmdz6w76xs 0.5s, fadeout-b-qmdz6w76xs 0.5s 2.5s;
    }

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein-b-qmdz6w76xs {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout-b-qmdz6w76xs {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}
/* /Components/Pages/ModuleRetail/PaymentBank/SetupPaymentBank.razor.rz.scp.css */
table[b-2y9th7olnu] {
    width: 100%;
    border-collapse: collapse;
}

    table th[b-2y9th7olnu], table td[b-2y9th7olnu] {
        padding: 0.6rem 1rem;
        vertical-align: middle;
        border-bottom: 1px solid #dee2e6;
    }

    table th[b-2y9th7olnu] {
        background-color: #f8f9fa;
        text-align: left;
        font-weight: 600;
    }

    table td[b-2y9th7olnu] {
        font-size: 0.95rem;
    }

td.text-right[b-2y9th7olnu] {
    text-align: right;
}

button.btn[b-2y9th7olnu] {
    margin-right: 0.4rem;
}

    button.btn:last-child[b-2y9th7olnu] {
        margin-right: 0;
    }
/* /Components/Pages/ModuleRetail/Printer/NotaRetail.razor.rz.scp.css */
body[b-09kebh34cw] {
}

.notaretail-toolbar[b-09kebh34cw] {
    display: block;
    max-width: 1180px;
    margin: 1.25rem auto 1rem;
}

.notaretail-toolbar__content[b-09kebh34cw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.06);
}

.notaretail-toolbar__summary[b-09kebh34cw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.notaretail-toolbar__summary > div[b-09kebh34cw] {
    padding: 0.85rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.notaretail-summary__label[b-09kebh34cw] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.notaretail-summary__value[b-09kebh34cw] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    white-space: pre-line;
}

.notaretail-surface[b-09kebh34cw] {
    max-width: 1180px;
    margin: 0 auto 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

@page {
    size: 210mm 297mm;
    margin: 0 auto;
}

@media print {
    header[b-09kebh34cw], footer[b-09kebh34cw], aside[b-09kebh34cw], form[b-09kebh34cw], menu[b-09kebh34cw], nav[b-09kebh34cw] {
        display: none;
    }

    .dontprint[b-09kebh34cw] {
        display: none !important;
    }

    .notaretail-toolbar[b-09kebh34cw],
    .notaretail-toolbar__content[b-09kebh34cw],
    .notaretail-toolbar__summary[b-09kebh34cw] {
        display: none !important;
    }

    .notaretail-surface[b-09kebh34cw] {
        max-width: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }

    #lunas[b-09kebh34cw] {
        display: none;
    }
}

p[b-09kebh34cw] {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 10px;
}

#lunas[b-09kebh34cw] {
    top: 50%;
    left: 50%;
    width: 30em;
    height: 18em;
    margin-top: -10em;
    margin-left: -6em;
    /*border: 1px solid #666;*/
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: 600;
    color: #b9faac;
    position: fixed;
    transform: rotate(-20deg);
}
/* /Components/Pages/ModuleRetail/TransRetail/AddTransRetail.razor.rz.scp.css */

label[b-16oxwr92x1] {
    width: 100%;
    font-weight: bold;
    margin-top: 8px;
}

.form-group[b-16oxwr92x1] {
    margin-bottom: 1rem;
}

table th[b-16oxwr92x1], table td[b-16oxwr92x1] {
    padding: 8px;
    vertical-align: middle;
}

.btn[b-16oxwr92x1] {
    min-width: 100px;
}