.elementor-1643 .elementor-element.elementor-element-1b970d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1643 .elementor-element.elementor-element-5d04e6e{--spacer-size:50px;}.elementor-1643 .elementor-element.elementor-element-c699933{--spacer-size:250px;}.elementor-1643 .elementor-element.elementor-element-cd99e55{--display:flex;}.elementor-1643 .elementor-element.elementor-element-fba9108{--spacer-size:250px;}/* Start custom CSS for spacer, class: .elementor-element-c699933 *//* =====================================================
   TABLEPRESS 21 - DOKUMEN FAPERTA
   Style mirip tabel download sebelumnya
   Warna utama: #006732
===================================================== */

/* Wrapper TablePress */
#tablepress-21_wrapper,
div:has(> #tablepress-21) {
    width: 100%;
}

/* Sembunyikan caption edit TablePress di frontend */
#tablepress-21 caption {
    display: none !important;
}

/* Table utama */
#tablepress-21 {
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
    font-family: inherit !important;
}

/* Header */
#tablepress-21 thead {
    background: #006732 !important;
}

#tablepress-21 thead tr,
#tablepress-21 thead th {
    background: #006732 !important;
    color: #ffffff !important;
}

#tablepress-21 thead th {
    padding: 16px 18px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: left !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    white-space: nowrap !important;
}

/* Hilangkan efek sort bawaan yang terlalu mengganggu */
#tablepress-21 .dt-column-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}

#tablepress-21 .dt-column-order {
    opacity: 0.5 !important;
}

/* Body */
#tablepress-21 tbody td {
    padding: 16px 18px !important;
    font-size: 14px !important;
    color: #334155 !important;
    border: none !important;
    border-bottom: 1px solid #e5e7eb !important;
    vertical-align: middle !important;
    background: #ffffff !important;
    line-height: 1.5 !important;
}

/* Hover row */
#tablepress-21 tbody tr:hover td {
    background: #f8fafc !important;
}

/* Hilangkan border baris terakhir */
#tablepress-21 tbody tr:last-child td {
    border-bottom: none !important;
}

/* Sembunyikan baris kosong */
#tablepress-21 tbody tr.row-5 {
    display: none !important;
}

/* Kolom dokumen */
#tablepress-21 .column-1 {
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* Tambahkan ikon folder sebelum nama dokumen */
#tablepress-21 tbody .column-1::before {
    content: "📁";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    width: 34px;
    height: 34px;
    background: #e8f5ee;
    color: #006732;
    border-radius: 10px;
    font-size: 17px;
    vertical-align: middle;
}

/* Kolom aksi */
#tablepress-21 .column-3 {
    text-align: center !important;
    width: 150px !important;
}

/* Tombol aksi */
#tablepress-21 .column-3 a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #006732 !important;
    color: #ffffff !important;
    padding: 9px 15px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    border: none !important;
    box-shadow: none !important;
}

#tablepress-21 .column-3 a:hover {
    background: #00542a !important;
    color: #ffffff !important;
}

/* Hilangkan striping bawaan TablePress agar lebih bersih */
#tablepress-21.row-striping tbody tr:nth-child(odd) td,
#tablepress-21.row-striping tbody tr:nth-child(even) td {
    background: #ffffff !important;
}

#tablepress-21.row-striping tbody tr:hover td {
    background: #f8fafc !important;
}

/* =====================================================
   DESKTOP
   Semua kolom tampil penuh
===================================================== */
@media (min-width: 1025px) {
    #tablepress-21 {
        display: table !important;
        min-width: 800px !important;
    }

    #tablepress-21 thead {
        display: table-header-group !important;
    }

    #tablepress-21 tbody {
        display: table-row-group !important;
    }

    #tablepress-21 tr {
        display: table-row !important;
    }

    #tablepress-21 th,
    #tablepress-21 td {
        display: table-cell !important;
    }

    #tablepress-21 .column-1 {
        width: 30% !important;
    }

    #tablepress-21 .column-2 {
        width: 52% !important;
    }

    #tablepress-21 .column-3 {
        width: 18% !important;
    }
}

/* =====================================================
   TABLET
   Hanya tampil Dokumen + Aksi
===================================================== */
@media (min-width: 769px) and (max-width: 1024px) {
    #tablepress-21 {
        display: table !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #tablepress-21 thead {
        display: table-header-group !important;
        background: #006732 !important;
    }

    #tablepress-21 tbody {
        display: table-row-group !important;
    }

    #tablepress-21 tr {
        display: table-row !important;
    }

    #tablepress-21 th,
    #tablepress-21 td {
        display: none !important;
    }

    /* Tampilkan Dokumen */
    #tablepress-21 th.column-1,
    #tablepress-21 td.column-1 {
        display: table-cell !important;
        width: 70% !important;
        text-align: left !important;
    }

    /* Tampilkan Aksi */
    #tablepress-21 th.column-3,
    #tablepress-21 td.column-3 {
        display: table-cell !important;
        width: 30% !important;
        text-align: center !important;
    }

    #tablepress-21 th.column-1,
    #tablepress-21 th.column-3 {
        background: #006732 !important;
        color: #ffffff !important;
    }
}

/* =====================================================
   MOBILE
   Hanya tampil Dokumen + Aksi
===================================================== */
@media (max-width: 768px) {
    #tablepress-21 {
        display: table !important;
        width: 100% !important;
        min-width: 0 !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    #tablepress-21 thead {
        display: table-header-group !important;
        background: #006732 !important;
    }

    #tablepress-21 tbody {
        display: table-row-group !important;
    }

    #tablepress-21 tr {
        display: table-row !important;
    }

    #tablepress-21 th,
    #tablepress-21 td {
        display: none !important;
    }

    /* Tampilkan kolom Dokumen */
    #tablepress-21 th.column-1,
    #tablepress-21 td.column-1 {
        display: table-cell !important;
        width: 68% !important;
        padding: 14px 12px !important;
        text-align: left !important;
        vertical-align: middle !important;
    }

    /* Tampilkan kolom Aksi */
    #tablepress-21 th.column-3,
    #tablepress-21 td.column-3 {
        display: table-cell !important;
        width: 32% !important;
        padding: 14px 10px !important;
        text-align: center !important;
        vertical-align: middle !important;
    }

    /* Header mobile tetap hijau */
    #tablepress-21 th.column-1,
    #tablepress-21 th.column-3 {
        background: #006732 !important;
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }

    #tablepress-21 tbody .column-1 {
        font-size: 13px !important;
        line-height: 1.35 !important;
        font-weight: 800 !important;
    }

    #tablepress-21 tbody .column-1::before {
        width: 30px;
        height: 30px;
        margin-right: 8px;
        border-radius: 8px;
        font-size: 15px;
    }

    #tablepress-21 .column-3 a {
        padding: 8px 10px !important;
        font-size: 12px !important;
        border-radius: 8px !important;
        white-space: nowrap !important;
    }
}

/* =====================================================
   OPTIONAL: Style area pencarian dan pagination DataTables
===================================================== */

#tablepress-21_wrapper .dt-search,
#tablepress-21_wrapper .dt-length,
#tablepress-21_wrapper .dt-info,
#tablepress-21_wrapper .dt-paging {
    font-size: 14px !important;
    color: #475569 !important;
}

#tablepress-21_wrapper .dt-search input,
#tablepress-21_wrapper .dt-length select {
    border: 1px solid #d1d5db !important;
    border-radius: 9px !important;
    padding: 7px 10px !important;
    outline: none !important;
}

#tablepress-21_wrapper .dt-search input:focus,
#tablepress-21_wrapper .dt-length select:focus {
    border-color: #006732 !important;
    box-shadow: 0 0 0 3px rgba(0, 103, 50, 0.12) !important;
}

#tablepress-21_wrapper .dt-paging button,
#tablepress-21_wrapper .dt-paging a {
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
    background: #ffffff !important;
    color: #334155 !important;
    padding: 6px 10px !important;
    margin: 0 3px !important;
}

#tablepress-21_wrapper .dt-paging button.current,
#tablepress-21_wrapper .dt-paging a.current {
    background: #006732 !important;
    color: #ffffff !important;
    border-color: #006732 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b970d5 *//* =====================================================
   TABLEPRESS 21 - DOKUMEN FAPERTA
   Versi Aman: Tidak hide row dan tidak hide kolom
   Warna utama: #006732
===================================================== */

/* Wrapper utama TablePress */
#tablepress-21_wrapper {
    width: 100% !important;
}

/* Sembunyikan caption edit TablePress di frontend */
#tablepress-21 caption {
    display: none !important;
}

/* Supaya tabel bisa scroll di layar kecil */
#tablepress-21_wrapper .dt-layout-table,
#tablepress-21_wrapper .dt-scroll,
#tablepress-21_wrapper .dt-scroll-body {
    width: 100% !important;
    overflow-x: auto !important;
}

/* Table utama */
#tablepress-21 {
    width: 100% !important;
    min-width: 760px !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
    font-family: inherit !important;
}

/* Pastikan semua row tampil */
#tablepress-21 tbody tr,
#tablepress-21 tbody tr[class^="row-"],
#tablepress-21 tbody tr[class*=" row-"] {
    display: table-row !important;
}

/* Pastikan semua kolom tampil */
#tablepress-21 th,
#tablepress-21 td {
    display: table-cell !important;
}

/* Header */
#tablepress-21 thead,
#tablepress-21 thead tr,
#tablepress-21 thead th {
    background: #006732 !important;
    color: #ffffff !important;
}

#tablepress-21 thead th {
    padding: 16px 18px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: left !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    white-space: nowrap !important;
}

/* Header title TablePress/DataTables */
#tablepress-21 thead th .dt-column-header,
#tablepress-21 thead th .dt-column-title,
#tablepress-21 thead th .dt-column-order {
    color: #ffffff !important;
}

/* Header alignment */
#tablepress-21 thead th.column-1,
#tablepress-21 thead th.column-2 {
    text-align: left !important;
}

#tablepress-21 thead th.column-3 {
    text-align: center !important;
}

/* DataTables header layout */
#tablepress-21 .dt-column-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}

#tablepress-21 th.column-1 .dt-column-header,
#tablepress-21 th.column-2 .dt-column-header {
    justify-content: flex-start !important;
}

#tablepress-21 th.column-3 .dt-column-header {
    justify-content: center !important;
}

#tablepress-21 .dt-column-order {
    opacity: 0.45 !important;
}

/* Body cell */
#tablepress-21 tbody td {
    padding: 16px 18px !important;
    font-size: 14px !important;
    color: #334155 !important;
    border: none !important;
    border-bottom: 1px solid #e5e7eb !important;
    vertical-align: middle !important;
    background: #ffffff !important;
    line-height: 1.5 !important;
}

/* Hover row */
#tablepress-21 tbody tr:hover td {
    background: #f8fafc !important;
}

/* Hilangkan border baris terakhir */
#tablepress-21 tbody tr:last-child td {
    border-bottom: none !important;
}

/* Hilangkan striping bawaan TablePress */
#tablepress-21.row-striping tbody tr:nth-child(odd) td,
#tablepress-21.row-striping tbody tr:nth-child(even) td {
    background: #ffffff !important;
}

#tablepress-21.row-striping tbody tr:hover td {
    background: #f8fafc !important;
}

/* Kolom 1: Dokumen */
#tablepress-21 .column-1 {
    width: 30% !important;
    text-align: left !important;
}

#tablepress-21 tbody td.column-1 {
    font-weight: 800 !important;
    color: #0f172a !important;
    text-align: left !important;
}

/* Ikon folder di kolom Dokumen */
#tablepress-21 tbody td.column-1::before {
    content: "📁";
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-right: 10px;
    background: #e8f5ee;
    color: #006732;
    border-radius: 10px;
    font-size: 17px;
    vertical-align: middle;
}

/* Kolom 2: Keterangan */
#tablepress-21 .column-2 {
    width: 52% !important;
    text-align: left !important;
}

#tablepress-21 tbody td.column-2 {
    text-align: left !important;
    color: #334155 !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

/* Kolom 3: Aksi */
#tablepress-21 .column-3 {
    width: 18% !important;
    text-align: center !important;
}

/* Tombol aksi */
#tablepress-21 .column-3 a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #006732 !important;
    color: #ffffff !important;
    padding: 9px 15px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    border: none !important;
    box-shadow: none !important;
}

#tablepress-21 .column-3 a:hover {
    background: #00542a !important;
    color: #ffffff !important;
}

/* =====================================================
   DATATABLES / TABLEPRESS CONTROL
===================================================== */

#tablepress-21_wrapper .dt-layout-row {
    margin-bottom: 12px !important;
}

#tablepress-21_wrapper .dt-search,
#tablepress-21_wrapper .dt-length,
#tablepress-21_wrapper .dt-info,
#tablepress-21_wrapper .dt-paging {
    font-size: 14px !important;
    color: #475569 !important;
}

#tablepress-21_wrapper .dt-search label,
#tablepress-21_wrapper .dt-length label {
    font-weight: 600 !important;
    color: #334155 !important;
}

#tablepress-21_wrapper .dt-search input,
#tablepress-21_wrapper .dt-length select {
    border: 1px solid #d1d5db !important;
    border-radius: 9px !important;
    padding: 7px 10px !important;
    outline: none !important;
    background: #ffffff !important;
    color: #111827 !important;
}

#tablepress-21_wrapper .dt-search input:focus,
#tablepress-21_wrapper .dt-length select:focus {
    border-color: #006732 !important;
    box-shadow: 0 0 0 3px rgba(0, 103, 50, 0.12) !important;
}

/* Pagination */
#tablepress-21_wrapper .dt-paging button,
#tablepress-21_wrapper .dt-paging a {
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
    background: #ffffff !important;
    color: #334155 !important;
    padding: 6px 10px !important;
    margin: 0 3px !important;
    font-weight: 700 !important;
}

#tablepress-21_wrapper .dt-paging button.current,
#tablepress-21_wrapper .dt-paging a.current,
#tablepress-21_wrapper .dt-paging button:hover,
#tablepress-21_wrapper .dt-paging a:hover {
    background: #006732 !important;
    color: #ffffff !important;
    border-color: #006732 !important;
}

/* =====================================================
   TABLET
   Semua kolom tetap tampil, tabel scroll horizontal
===================================================== */

@media (min-width: 769px) and (max-width: 1024px) {
    #tablepress-21 {
        width: 100% !important;
        min-width: 760px !important;
    }

    #tablepress-21 thead,
    #tablepress-21 thead tr,
    #tablepress-21 thead th {
        background: #006732 !important;
        color: #ffffff !important;
    }

    #tablepress-21 th,
    #tablepress-21 td {
        display: table-cell !important;
    }

    #tablepress-21 tbody tr {
        display: table-row !important;
    }

    #tablepress-21 tbody td {
        padding: 15px 16px !important;
        font-size: 14px !important;
    }

    #tablepress-21 .column-3 a {
        padding: 8px 13px !important;
        font-size: 13px !important;
    }
}

/* =====================================================
   MOBILE
   Semua kolom tetap tampil, tabel scroll horizontal
===================================================== */

@media (max-width: 768px) {
    #tablepress-21_wrapper {
        width: 100% !important;
        overflow-x: auto !important;
    }

    #tablepress-21 {
        width: 100% !important;
        min-width: 720px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    #tablepress-21 thead,
    #tablepress-21 thead tr,
    #tablepress-21 thead th {
        background: #006732 !important;
        color: #ffffff !important;
    }

    #tablepress-21 th,
    #tablepress-21 td {
        display: table-cell !important;
    }

    #tablepress-21 tbody tr {
        display: table-row !important;
    }

    #tablepress-21 thead th {
        padding: 14px 12px !important;
        font-size: 13px !important;
    }

    #tablepress-21 tbody td {
        padding: 14px 12px !important;
        font-size: 13px !important;
    }

    #tablepress-21 tbody td.column-1::before {
        width: 30px;
        height: 30px;
        margin-right: 8px;
        border-radius: 8px;
        font-size: 15px;
    }

    #tablepress-21 .column-3 a {
        padding: 8px 10px !important;
        font-size: 12px !important;
        border-radius: 8px !important;
    }

    #tablepress-21_wrapper .dt-search,
    #tablepress-21_wrapper .dt-length,
    #tablepress-21_wrapper .dt-info,
    #tablepress-21_wrapper .dt-paging {
        font-size: 13px !important;
    }
}/* End custom CSS */