/* Google Fonts - Noto Sans JP */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/* CSS Variables - Sutemiru Color Palette */
:root {
  /* sutemiruカラーパレット（統一用） */
  --main-color: #00AAFF;        /* C100 */
  --button-color: #80D4FF;      /* C50 */
  --table-medium: #BFEAFF;      /* C25 */
  --table-light: #E5F6FF;       /* C10 */
  --text-color: #707070;        /* 統一テキスト色 */
  --accent-color: #FFCC33;      /* アクセント色 */
  
  /* 既存色（互換性維持） */
  --yasuda-main: #5bb7ae;
  --yasuda-secondary: #d2b48c;
  --yasuda-text: #222;
}

/* 段階的移行用のクラス */
.sutemiru-style {
  color: var(--text-color);
  font-family: 'Noto Sans JP', sans-serif;
}

body {
  color: var(--text-color); /* sutemiruテキスト色に統一 */
  background-color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem;
}

main {
  width: 100%;
}

a {
  color: #222;
  text-decoration:none;
}

a:hover{
  color: #222;
  text-decoration:underline;
}

h1 {
  margin: 0px;
  font-size: 1.2rem;
  font-weight:bold;
}

h2 {
  margin: 0px;
  font-size: 1.1rem;
  font-weight:bold;
}

nav .btn-sm {
  font-size: 0.875rem;
}

.nav-title {
  color: #fff;
  font-size: 1.4rem;
  font-weight:bold;
}

.nav-title a {
  color: #fff;
  text-decoration:none;
}

.subheader {
  padding: 0.5em 0em;
  background: #ddd;
}

table {
  font-size: 0.75rem;
}

table .btn-sm {
  font-size: 0.75rem;
}

tr {
  page-break-inside: avoid;
  page-break-after: auto;
}

.table th {
  vertical-align: middle;
}

.table td {
  vertical-align: middle;
  /* ...で表示 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.show-text {
  vertical-align: middle;
  /* 全て表示 */
  overflow: visible !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  word-break: break-all;
}

.menu-item {
  font-size: 18px;
  width: 150px;
  height: 110px;
  text-align: center;
  display: table;
  padding: 0.5em 1.0em;
  margin: 0.5em;
  background: #f4f4f4;
  border-left: solid 6px #5bb7ae;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

.menu-item p {
  display: table-cell;
  vertical-align: middle;
}

.w25 {
  width: 25px;
}

.w50 {
  width: 50px;
}

.w75 {
  width: 75px;
}

.w85 {
  width: 85px;
}

.w100 {
  width: 100px;
}

.w125 {
  width: 125px;
}

.w150 {
  width: 150px;
}

.w175 {
  width: 175px;
}

.w200 {
  width: 200px;
}

.w250 {
  width: 250px;
}

.w300 {
  width: 300px;
}

.mw100 {
  max-width: 100px;
}

.mw125 {
  max-width: 125px;
}

.mw150 {
  max-width: 150px;
}

.mw175 {
  max-width: 175px;
}

.mw200 {
  max-width: 200px;
}

.mw250 {
  max-width: 250px;
}

.mw300 {
  max-width: 300px;
}

.pagination a,
.pagination a:visited,
.pagination a:hover,
.pagination a:active {
  color: #5f9ea0;
}
.pagination button,
.pagination button:visited,
.pagination button:hover,
.pagination button:active {
  color: #5f9ea0;
}

.datepicker{
  z-index: 9999 !important;
  position: absolute;
}

/* テーブルスタイルの統一 - sutemiruデザイン */

table {
  font-size: 0.75rem;
}

table .btn-sm {
  font-size: 0.75rem;
}

/* 基本的なテーブルセル設定 */
.table td {
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: middle;
  color: var(--text-color); /* 明示的にテキスト色を指定 */
  font-weight: 500; /* 少し太字に */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 通常のテーブル（ストライプなし）の背景 */
.table:not(.table-striped) td {
  background-color: var(--table-light); /* 背景をC10に */
}

/* ストライプテーブルの背景設定 */
.table-striped tbody tr:nth-of-type(odd) td {
  background-color: var(--table-light) !important; /* C10 */
}

.table-striped tbody tr:nth-of-type(even) td {
  background-color: var(--table-medium) !important; /* C25 */
}

/* テーブルのヘッダー（th）も統一 */
.table th,
.table thead th {
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: middle;
  background-color: var(--main-color); /* 背景をC100に */
  color: #fff; /* 文字を白に */
}

/* rowspan対応ストライプテーブル用のクラス */
.table-striped-rowspan {
  /* 基本設定は既存のtableスタイルを継承 */
  font-size: 0.75rem;
}

.table-striped-rowspan td {
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: middle;
  color: var(--text-color);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* rowspan対応ストライプテーブルの奇数行グループ */
.table-striped-rowspan .stripe-odd td {
  background-color: var(--table-light) !important; /* C10 */
}

/* rowspan対応ストライプテーブルの偶数行グループ */
.table-striped-rowspan .stripe-even td {
  background-color: var(--table-medium) !important; /* C25 */
}

/* floatThead用のヘッダー固定スタイル */
.fix-head th {
  background-color: #fff;
}

.handsontable th {
  font-size: 13px;
}
.handsontable td {
  padding: 5px 10px 5px 10px;
  font-size: 13px;
}
.handsontable .force-padding {
  padding: 5px 10px 5px 10px !important;
}
.handsontable .fontBlack {
  color: #222;
}
.handsontable .bgWhite {
  background-color: #fff;
}
.handsontable .bgGray {
  background-color: #eee;
}

/* ヘッダーナビの調整 */
header nav {
  position: relative;
  z-index: 10;
}

/* ロゴを浮かせる設定 - sutemiruスタイルに統一 */
.header-logo {
  position: absolute;
  top: 5px; /* より上に移動してスペースを確保 */
  left: 50%;
  transform: translateX(-50%); /* 完全に中央配置 */
  z-index: 20; /* ナビより前面に */
  background: transparent; /* 背景を透明に変更 */
  padding: 10px 20px; /* パディングを増やしてスペース確保 */
}

.header-logo img {
  height: 60px; /* ロゴをより大きく */
  width: auto;
}

/* 斜めボックス（ヘッダー用）- sutemiruスタイルに変更 */
.skew-box {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.skew-box::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--button-color); /* sutemiruのC50に変更 */
  transform: skewX(-30deg);
  transform-origin: bottom left;
  z-index: -1;
}

.skew-box a {
  position: relative;
  z-index: 1;
  color: var(--text-color); /* テキスト色を統一 */
  text-decoration: none;
}

.skew-box a:hover {
  color: var(--text-color); /* ホバー時も統一 */
  text-decoration: underline;
}

.menu-box:hover {
  color: #006400;
}
.menu-box:hover .circle{
  background-color: #67b94c;
}
.menu-box-yellow:hover {
  color: #ff8c00;
}
.menu-box-yellow:hover .circle-yellow{
  background-color: #ffa500;
}
.circle {
  width: 150px;
  height: 150px;
  margin: 30px 30px;
  border-radius: 50%;
  background-color: #d8e9b8;
  box-shadow: 0 1.9px 2.5px rgb(0 0 0 / 6%), -10px 9px 6.1px rgb(0 0 0 / 8%), 0 10.1px 11.4px rgb(0 0 0 / 9%), -7px 8px 15px 11px rgb(0 0 0 / 9%);
}
.circle-yellow {
  width: 150px;
  height: 150px;
  margin: 30px 30px;
  border-radius: 50%;
  background-color: #ffd700;
  box-shadow: 0 1.9px 2.5px rgb(0 0 0 / 6%), -10px 9px 6.1px rgb(0 0 0 / 8%), 0 10.1px 11.4px rgb(0 0 0 / 9%), -7px 8px 15px 11px rgb(0 0 0 / 9%);
}
.circle-img {
  width: 180px;
  margin-top: -10px;
  margin-left: -20px;
}

.dragging {
  width: 100%;
  z-index: 9999; /* 前面表示 */
  opacity: 0.7; /* 半透明 */
  background-color: #ffeeba; /* ドラッグ中の背景色 */
  border: none;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.5); /* 影を追加 */
}

/* ========================================
   Login Pages Styles (Sutemiru Design)
   ======================================== */

/* 共通ログインコンテナ */
.login-clean {
  padding-top: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.login-clean .logo {
  text-align: center;
  margin-bottom: 10px;
}

.login-clean .logo img {
  width: 380px;
  max-width: 90vw;
  height: auto;
}

.login-clean form {
  max-width: 320px;
  width: 90%;
  padding: 40px;
  color: var(--text-color); /* 統一変数名に修正 */
}

/* ログインフォーム要素 */
.login-form-control {
  background: var(--table-light) !important; /* 統一変数名に修正 */
  border: none !important;
  border-bottom: 1px solid #dfe7f1 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--text-color) !important; /* 統一変数名に修正 */
  text-align: center;
  font-size: smaller;
  height: 42px;
}

/* ログインボタンスタイル - より具体的なセレクター */
.login-clean form .btn-primary.login-btn-primary {
  background: var(--button-color) !important; /* C50 - 薄い青 */
  border: none !important;
  border-radius: 30px !important;
  margin-top: 26px;
  text-shadow: none !important;
  outline: none !important;
  color: #fff !important;
}

.login-clean form .btn-primary.login-btn-primary:hover {
  background: var(--main-color) !important; /* C100 - 濃い青（ホバー時） */
}

.login-clean form .btn-primary.login-btn-primary:active {
  background: var(--main-color) !important; /* C100 - 濃い青（アクティブ時） */
  transform: translateY(1px);
}

/* 既存の.login-btn-primaryスタイルも維持 */
.login-btn-primary {
  background: var(--button-color) !important;
  border: none !important;
  border-radius: 30px !important;
  margin-top: 26px;
  text-shadow: none !important;
  outline: none !important;
  color: #fff !important;
}

.login-btn-primary:hover {
  background: var(--main-color) !important;
}

.login-btn-primary:active {
  background: var(--main-color) !important;
  transform: translateY(1px);
}

/* タブレットログイン専用 */
.dapp-login-container {
  background-color: #fff;
  width: 400px;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dapp-login-container .logo img {
  width: 300px; /* タブレット用サイズ */
  max-width: 90vw;
  height: auto;
}

/* ログインページ共通のタイトル */
.login-ttl {
  font-size: small;
  text-align: center;
  height: 10px;
}

/* sutemiruメニュースタイルの統合 */
.main-menu-title {
  text-align: center;
  margin-bottom: 3rem;
}

.main-menu-title h1 {
  font-size: 2.0em;
  font-weight: bold;
  letter-spacing: 0.2em;
  margin-bottom: 0.2em;
  color: var(--text-color);
}

.main-menu-title p {
  font-size: 1.0em;
  color: var(--text-color);
  margin: 0;
}

.main-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2em 1em;
  margin: 1.0em;
  width: 200px;
  height: 150px;
  background: #fff;
  border: 0 !important;
  outline: none !important;
  text-decoration: none;
  color: var(--text-color);
  transition: all 0.3s ease;
  position: relative;
  overflow: visible; /* hover時の背景画像が切れないように変更 */
}

.main-menu-item:hover {
  text-decoration: none;
  color: var(--text-color);
}

/* sutemiruスタイルのhoverエフェクト - アイコン背景画像 */
.main-menu-item:hover .icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  background-image: url('/img/icon_00.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 1; /* アイコン画像の後ろに */
}

/* sutemiruスタイルのhoverエフェクト - タイトルテキスト */
.main-menu-item:hover .title {
  color: var(--main-color); /* C100カラー */
  text-decoration: underline;
}

.main-menu-item .icon {
  width: 90px;
  height: 90px;
  margin-bottom: 15px;
  position: relative;
  z-index: 3;
}

.main-menu-item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2; /* 背景画像より前面に */
}

.main-menu-item .title {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  position: relative;
  z-index: 3;
}

.menu-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 900px;
  margin: 0 auto 1rem auto;
}

.menu-row .main-menu-item {
  margin-right: 1em;
}

.menu-row .main-menu-item:nth-child(4n) {
  margin-right: 0;
}

/* サブメニュー用スタイル */
.submenu_area {
  width: 100%;
}

/* サブメニュー関連のスタイル修正 */
.submenu-circle-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 1em;
  text-decoration: none;
  color: var(--text-color); /* 統一変数名に修正 */
  width: 150px;
}

.submenu-circle-item:hover {
  text-decoration: none;
  color: var(--text-color); /* 統一変数名に修正 */
}

/* サブメニュー項目を左寄せにするためのスタイル */
.submenu-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 900px;
  margin: 0 auto;
}

.submenu-row .submenu-circle-item {
  margin-right: 1em;
}

/* 5つ目（右端）のアイテムの右マージンを削除 */
.submenu-row .submenu-circle-item:nth-child(5n) {
  margin-right: 0;
}

/* 円のサイズをメインメニューに合わせて調整 */
.submenu-circle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid var(--main-color); /* 統一変数名に修正 */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

/* ホバー時の円の背景色変更 */
.submenu-circle-item:hover .submenu-circle {
  background-color: var(--main-color); /* 統一変数名に修正 */
  border-color: var(--main-color); /* 統一変数名に修正 */
}

.submenu-circle-text {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  color: var(--main-color); /* 統一変数名に修正 */
  padding: 15px;
  word-break: keep-all;
}

/* ホバー時のテキスト色変更 */
.submenu-circle-item:hover .submenu-circle-text {
  color: var(--accent-color); /* 統一変数名に修正 */
}

.submenu-title-text {
  font-size: 0.9em;
  font-weight: normal;
  text-align: center;
  color: var(--text-color); /* 統一変数名に修正 */
  margin-top: 5px;
}

/* サブメニューのホバー時にタイトルテキストにC100カラーと下線を適用 */
.submenu-circle-item:hover .submenu-title-text {
  color: var(--main-color); /* 統一変数名に修正 */
  text-decoration: underline;
}

/* サブメニュータイトル */
.submenu-title {
  text-align: center;
  margin-bottom: 2em;
}

.submenu-title h1 {
  font-size: 2.0em;
  font-weight: bold;
  color: var(--text-color); /* 統一変数名に修正 */
}

/* ボタンスタイルの統一 - sutemiruデザイン */

/* btn-info: メインカラー（C100） */
.btn-info {
  background-color: var(--main-color) !important; /* C100 */
  border-color: var(--main-color) !important;
  color: #fff !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active {
  background-color: var(--button-color) !important; /* C50でホバー・アクティブ */
  border-color: var(--button-color) !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* btn-primary: ライトカラー（C25） */
.btn-primary {
  background-color: var(--table-medium) !important; /* C25 */
  border-color: var(--table-medium) !important;
  color: var(--text-color) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: var(--table-light) !important; /* C10でホバー・アクティブ */
  border-color: var(--table-light) !important;
  color: var(--text-color) !important;
  box-shadow: none !important;
}

/* btn-success: アクセントカラー（黄色） */
.btn-success {
  background-color: var(--accent-color) !important; /* アクセント色 */
  border-color: var(--accent-color) !important;
  color: var(--text-color) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
  background-color: #E6B82E !important; /* アクセント色より少し暗く */
  border-color: #E6B82E !important;
  color: var(--text-color) !important;
  box-shadow: none !important;
}

/* アウトラインボタンスタイル - sutemiruデザイン */

/* btn-outline-info: メインカラーのアウトライン */
.btn-outline-info {
  color: var(--main-color) !important;
  border-color: var(--main-color) !important;
  background-color: transparent !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active {
  color: #fff !important;
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
  box-shadow: none !important;
}

/* バッジスタイルの統一 */

/* badge-info: アクセントカラー */
.badge-info {
  background-color: var(--accent-color) !important;
  color: var(--text-color) !important;
}

/* badge-primary: メインカラー */
.badge-primary {
  background-color: var(--main-color) !important;
  color: #fff !important;
}

/* badge-success: 緑系 */
.badge-success {
  background-color: #28a745 !important;
  color: #fff !important;
}

/* ナビゲーションスタイルの統一 - sutemiruデザイン */

/* 基本的なナビタイトル */
.nav-title {
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
}

.nav-title a {
  color: #fff;
  text-decoration: none;
}

/* タブナビゲーション（nav-pills）のスタイル */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--main-color) !important; /* C100の背景色 */
  color: #fff !important; /* 白文字 */
  border: none !important;
}

/* ホバー時もsutemiruカラーに */
.nav-pills .nav-link:hover {
  background-color: var(--button-color) !important; /* C50でホバー */
  color: #fff !important;
  border: none !important;
}

/* 非アクティブなタブの基本スタイル（枠線なし） */
.nav-pills .nav-link {
  color: var(--text-color) !important;
  background-color: transparent !important;
  border: none !important;
  transition: all 0.2s ease-in-out;
}

/* nav-itemの基本スタイル調整 */
.nav-pills .nav-item {
  margin-bottom: 5px;
}

/* タブ間のマージン調整 */
.nav-pills .nav-item:not(:last-child) {
  margin-right: 10px;
}

/* ステップナビゲーションスタイル - sutemiruデザイン */

.step {
  list-style-type: none;
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.step li {
  display: table-cell;
  position: relative;
  background: var(--main-color); /* メインカラー（濃い青）に変更 */
  padding: 1em 0.5em 1em 2em;
  color: #fff; /* 白文字 */
}

.step li a {
  color: #fff; /* 白文字 */
}

.step li:last-child {
  padding-right: 1em;
}

.step li:last-child:before,
.step li:last-child:after {
  display: none;
}

.step li:before,
.step li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}

.step li:before {
  top: -15px;
  right: -1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}

.step li:after {
  top: -15px;
  right: -.8em;
  border-style: solid;
  border-color: transparent transparent transparent var(--main-color); /* メインカラー（濃い青） */
  border-width: 40px 0 40px 1em;
  z-index: 10;
}

.step li.is-current {
  background: var(--accent-color); /* アクセントカラー（黄色系）に変更 */
  color: var(--text-color); /* グレー文字 */
  font-weight: bold;
}

.step li.is-current a {
  color: var(--text-color); /* グレー文字 */
}

.step li.is-current:after {
  border-color: transparent transparent transparent var(--accent-color); /* アクセントカラー */
}

/* 小さいステップナビゲーション */
.step-sm {
  list-style-type: none;
  display: table;
  width: 100%;
  font-size: 80%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.step-sm li {
  display: table-cell;
  position: relative;
  background: var(--main-color); /* メインカラー（濃い青） */
  padding: 0.5em 0.0em 0.5em 2.0em;
  color: #fff; /* 白文字 */
}

.step-sm li a {
  color: #fff; /* 白文字 */
}

.step-sm li:last-child {
  padding-right: 0.5em;
}

.step-sm li:last-child:before,
.step-sm li:last-child:after {
  display: none;
}

.step-sm li:before,
.step-sm li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}

.step-sm li:before {
  top: -15px;
  right: -1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}

.step-sm li:after {
  top: -15px;
  right: -.8em;
  border-style: solid;
  border-color: transparent transparent transparent var(--main-color); /* メインカラー（濃い青） */
  border-width: 40px 0 40px 1em;
  z-index: 10;
}

.step-sm li.is-current {
  background: var(--accent-color); /* アクセントカラー（黄色系） */
  color: var(--text-color); /* グレー文字 */
  font-weight: bold;
}

.step-sm li.is-current a {
  color: var(--text-color); /* グレー文字 */
}

.step-sm li.is-current:after {
  border-color: transparent transparent transparent var(--accent-color); /* アクセントカラー */
}

/* theadを持つ全テーブルに自動でストライプを適用 */
.table thead ~ tbody tr:nth-child(odd) td {
  background-color: var(--table-light) !important; /* C10 */
}

.table thead ~ tbody tr:nth-child(even) td {
  background-color: var(--table-medium) !important; /* C25 */
}

/* rowspan対応が必要なテーブルは .rowspan-table クラスで上書き */
/* JavaScriptで動的に stripe-odd / stripe-even を付与する */
.table.rowspan-table tbody tr td {
  background-color: transparent !important; /* CSS自動ストライプを無効化 */
}

.table.rowspan-table tbody tr.stripe-odd td {
  background-color: var(--table-light) !important; /* C10 */
}

.table.rowspan-table tbody tr.stripe-even td {
  background-color: var(--table-medium) !important; /* C25 */
}

/* ストライプを外すテーブル用 */
.table.no-stripe thead ~ tbody tr:nth-child(odd) td,
.table.no-stripe thead ~ tbody tr:nth-child(even) td,
.table.no-stripe.rowspan-table tbody tr.stripe-odd td,
.table.no-stripe.rowspan-table tbody tr.stripe-even td {
  background-color: var(--table-light) !important; /* C10 */
}