/**
 * @fileOverview スマートロガー - 共通DatatablesカスタムCSS
 * @author Computer Engineering & Consulting ltd.
 * @version 3.3.6.0
 * @preserve Copyright 2022 Computer Engineering & Consulting, Ltd. All rights reserved.
 */

/*
  Datatablesのヘッダフォーカス
  ヘッダの背景色が紺色(黒系)なので白色のアウトラインで表示
*/
table.dataTable thead tr th:focus {
  outline: 1.5px solid white;
  outline-offset: -3.5px;
}

/*
  Datatablesの子行Datatablesのヘッダフォーカス
  子行内のDatatablesヘッダは背景色が白なので黒色のアウトラインで表示
*/
table.dataTable tbody table.dataTable thead tr th:focus {
  outline: 1.5px solid #1f2d3a;
  outline-offset: -1.5px;
}

/* 件数表示のフォーカスを強調 */
div.dataTables_wrapper div.dataTables_length label select:focus {
  outline: 1.5px solid #1f2d3a;
  outline-offset: -2px;
}

/* ページネーションのフォーカスを強調 */
div.dataTables_wrapper div.dataTables_paginate a.paginate_button:focus {
  outline: 1.5px solid #1f2d3a;
  outline-offset: -2px;
}