.elementor-20239 .elementor-element.elementor-element-6da5440{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20239 .elementor-element.elementor-element-4e0c357{--display:flex;}.elementor-20239 .elementor-element.elementor-element-3e8b324{--display:flex;}.elementor-20239 .elementor-element.elementor-element-09989ad{--display:flex;}.elementor-20239 .elementor-element.elementor-element-696130a{--display:flex;}.elementor-20239 .elementor-element.elementor-element-f622010{--display:flex;}.elementor-20239 .elementor-element.elementor-element-cee7a2e{--display:flex;}.elementor-20239 .elementor-element.elementor-element-3afac27{--display:flex;}.elementor-20239 .elementor-element.elementor-element-bdce008{--display:flex;}.elementor-20239 .elementor-element.elementor-element-4c1f3c1{--display:flex;}.elementor-20239 .elementor-element.elementor-element-4c1f3c1:not(.elementor-motion-effects-element-type-background), .elementor-20239 .elementor-element.elementor-element-4c1f3c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20239 .elementor-element.elementor-element-2b3b994{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 40px 0px;}.elementor-20239 .elementor-element.elementor-element-2b3b994.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#CE6161;}/* Start custom CSS for nested-tabs, class: .elementor-element-2b3b994 *//* ==================================
   WRAPPER
================================== */

.bkl-apbd-table-wrap {
    background: #FFFFFF;
    border: 0.5px solid #E5E7EB;
    border-radius: 16px;
    overflow: hidden;
    overflow-x: auto;
}

/* ==================================
   TABLE
================================== */

.bkl-apbd-table {
    width: 100%;
    min-width: 720px;
    border-collapse: separate;
    border-spacing: 0;
}

/* ==================================
   HEADER
================================== */

.bkl-apbd-table thead th {
    padding: 14px 20px;
    background: #C8102E;
    color: #FFFFFF;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.bkl-apbd-table thead th:first-child {
    width: 60px;
    text-align: center;
}

.bkl-apbd-table thead th:last-child {
    width: 140px;
    text-align: center;
}

/* ==================================
   SECTION ROW
================================== */

.bkl-apbd-table .section-row td {
    background: #FFF5F6;
    color: #C8102E;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    padding: 12px 20px;
    border-top: 0.5px solid #F7CDD3;
    border-bottom: 0.5px solid #F7CDD3;
}

/* ==================================
   ROW
================================== */

.bkl-apbd-table tbody td {
    padding: 14px 20px;
    border-bottom: 0.5px solid #EEF2F7;
    vertical-align: middle;
    font-size: 14px;
    transition: background .2s ease;
}

.bkl-apbd-table tbody tr:last-child td {
    border-bottom: none;
}

/* ==================================
   HOVER
================================== */

.bkl-apbd-table tbody tr:not(.section-row):hover {
    background: #FFF8F8;
}

/* ==================================
   ZEBRA
================================== */

.bkl-apbd-table tbody tr:nth-child(even):not(.section-row) {
    background: #FCFCFD;
}

/* ==================================
   NO
================================== */

.bkl-apbd-table tbody td:first-child {
    text-align: center;
    color: #C8102E;
    font-size: 13px;
    font-weight: 600;
}

/* ==================================
   DOKUMEN
================================== */

.bkl-apbd-table tbody td:nth-child(2) {
    color: #1E293B;
    line-height: 1.6;
}

/* ==================================
   ACTION
================================== */

.bkl-apbd-table tbody td:last-child {
    text-align: center;
}

/* ==================================
   BUTTON
================================== */

.bkl-apbd-table a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 8px;
    background: #C8102E;
    color: #FFFFFF !important;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: opacity .2s ease;
}

.bkl-apbd-table a:hover {
    opacity: 0.85;
}

/* ==================================
   SCROLLBAR
================================== */

.bkl-apbd-table-wrap::-webkit-scrollbar {
    height: 6px;
}

.bkl-apbd-table-wrap::-webkit-scrollbar-track {
    background: #F1F5F9;
}

.bkl-apbd-table-wrap::-webkit-scrollbar-thumb {
    background: #C8102E;
    border-radius: 20px;
}



/* ==================================
   TABLET
================================== */

@media (max-width: 1024px) {

    .bkl-apbd-table thead th,
    .bkl-apbd-table tbody td {
        padding: 12px 16px;
    }
}

/* ==================================
   MOBILE
================================== */

@media (max-width: 767px) {

    .bkl-apbd-table-wrap {
        border-radius: 12px;
    }

    .bkl-apbd-table {
        min-width: 600px;
    }

    .bkl-apbd-table tbody td {
        font-size: 13px;
    }

    .bkl-apbd-table a {
        padding: 6px 12px;
        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6da5440 *//* ==================================
   BKL NESTED TABS
================================== */

.bkl-tabs{
    width:100%;
}

/* HEADER TABS */

.bkl-tabs .e-n-tabs-heading{

    display:flex !important;

    flex-wrap:wrap !important;

    gap:12px !important;

    margin-bottom:30px !important;
}

/* TAB BUTTON */

.bkl-tabs .e-n-tab-title{

    background:#FFFFFF !important;

    border:1px solid #E5E7EB !important;

    border-radius:18px !important;

    padding:14px 24px !important;

    min-height:auto !important;

    color:#475569 !important;

    font-size:15px !important;

    font-weight:700 !important;

    transition:.3s ease !important;

    box-shadow:
        0 8px 25px rgba(15,23,42,.04) !important;
}

.bkl-tabs .e-n-tab-title:hover{

    border-color:#C8102E !important;

    color:#C8102E !important;

    transform:translateY(-2px);
}

/* TAB ACTIVE */

.bkl-tabs .e-n-tab-title[aria-selected="true"]{

    background:
    linear-gradient(
        135deg,
        #C8102E,
        #9E0D24
    ) !important;

    color:#FFFFFF !important;

    border-color:#C8102E !important;

    box-shadow:
        0 15px 35px rgba(200,16,46,.25) !important;
}

.bkl-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text{

    color:#FFFFFF !important;
}

/* CONTENT */

.bkl-tabs .e-n-tabs-content{

    background:#FFFFFF;

    border:1px solid #E5E7EB;

    border-radius:28px;

    padding:10px;

    box-shadow:
        0 20px 60px rgba(15,23,42,.05);
}

/* HILANGKAN BORDER DEFAULT */

.bkl-tabs .e-con{

    border:none !important;

    box-shadow:none !important;

    background:transparent !important;
}

/* RESPONSIVE */

@media(max-width:1024px){

    .bkl-tabs .e-n-tabs-heading{
        gap:10px !important;
    }

    .bkl-tabs .e-n-tab-title{

        padding:12px 18px !important;

        font-size:14px !important;
    }

}

@media(max-width:767px){

    .bkl-tabs .e-n-tabs-heading{

        display:grid !important;

        grid-template-columns:repeat(2,1fr);

        gap:10px !important;
    }

    .bkl-tabs .e-n-tab-title{

        width:100%;

        justify-content:center;

        text-align:center;

        border-radius:16px !important;

        padding:12px !important;
    }

    .bkl-tabs .e-n-tabs-content{

        border-radius:22px;

        padding:5px;
    }

}/* End custom CSS */