<div class="card card-rounded">
    <div class="card-content">
        <div class="card-body">
            <div class="nav-tabs-boxed">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item">
                        <a href="#" id="btn_tabs_bobot" onclick="load_tab_sub_content('bobot')" class="sub_tab nav-link px-2 text-dark">
                            Bobot KPI
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#" id="btn_tabs_predikat" onclick="load_tab_sub_content('predikat')" class="sub_tab nav-link px-2 text-dark">
                            Predikat KPI
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#" id="btn_tabs_approver" onclick="load_tab_sub_content('approver')" class="sub_tab nav-link px-2 text-dark">
                            Approver
                        </a>
                    </li>
                </ul>
            </div>
            <div class="row mt-2">
            <div class="modal-body" id="loading_tab_sub_content" style="display: none;"><div class="text-center"><div class="custom-lds-ring"><div></div><div></div><div></div></div></div></div>
                <div id="tab_content_pengaturan" class="col-md-12"></div>
            </div>
        </div>
    </div>
</div>