<footer class="fixed-bottom bg-light">

    <nav class="d-flex justify-content-around">
        <a id="dashboardBottomNav" class="d-block w-100 text-center py-2 text-decoration-none text-secondary bottom-nav" href="javascript:CHK_Footer.goDashboard();">
            <img src="img/icon_dashboard_inactive.svg" data-inactive-src="img/icon_dashboard_inactive.svg" data-src="img/icon_dashboard.svg" alt="ダッシュボード" class="p-1">
            <div class="fs-7 multi-lang" data-msg="buttonDashboard">ダッシュボード</div>
        </a>
        <a id="operationListBottomNav" class="d-block w-100 text-center py-2 text-decoration-none text-primary bottom-nav" href="javascript:CHK_Footer.goOperationList();">
            <i class="fas fa-tasks fs-14 p-1"></i>
            <div class="fs-7 multi-lang" data-msg="buttonOperationList">作業一覧</div>
        </a>
        <a class="d-block w-100 text-center py-2 text-decoration-none text-secondary" href="javascript:CHK_L.sendAppCommand('goRelationContent');">
            <i class="fas fa-folder fs-14 p-1"></i>
            <div class="fs-7 multi-lang" data-msg="buttonRelatedContent">関連資料</div>
        </a>
        <!-- <a class="d-block w-100 text-center py-2 text-decoration-none text-secondary" href="javascript:CHK_L.sendAppCommand('goCommunication');">
            <i class="fas fa-comment-dots fs-14 p-1"></i>
            <div class="fs-7 multi-lang" data-msg="buttonCommunication">コミュニケーション</div>
        </a> -->
        <!--<a class="d-block w-100 text-center py-2 text-decoration-none text-secondary">
            <i class="fas fa-clipboard-list fs-14 p-1"></i>
            <div class="fs-7">帳票確認</div>
        </a>-->
        <a class="d-block w-100 text-center py-2 text-decoration-none text-secondary" href="javascript:CHK_L.sendAppCommand('goSetting');">
            <i class="fas fa-cog fs-14 p-1"></i>
            <div class="fs-7 multi-lang" data-msg="buttonSetting">設定</div>
        </a>
    </nav>

</footer>