/* ユーザアカウント用オーバービュータブだけ黄色にする */
/*.nav-tabs .nav-link[data-drupal-link-system-path$="userrealdata"] {*/
/*  background-color: #ffeb3b;*/
/*  color: #000;*/
/*  font-weight: bold;*/
/*}*/


/* 【通常時】 */
.nav-tabs .nav-link[data-drupal-link-system-path$="userrealdata"] {
  background-color: lightyellow !important;  /* 好きな黄色に */
  color: deepskyblue !important;
  font-weight: bold;
}

/* 【アクティブ時】 */
.nav-tabs .nav-link.active[data-drupal-link-system-path$="userrealdata"],
.nav-tabs .nav-link.is-active[data-drupal-link-system-path$="userrealdata"] {
  background-color: #ffeb3b !important;
  color: deepskyblue !important;
  font-weight: bold;
}

/* 【通常時】 */
.nav-tabs .nav-link[data-drupal-link-system-path$="usernote"] {
  background-color: pink !important;  /* 好きな黄色に */
  color: deepskyblue !important;
}

/* 【アクティブ時】 */
.nav-tabs .nav-link.active[data-drupal-link-system-path$="usernote"],
.nav-tabs .nav-link.is-active[data-drupal-link-system-path$="usernote"] {
  background-color: hotpink !important;
  color: deepskyblue !important;
  font-weight: bold;
}

/* 【通常時】 */
.nav-tabs .nav-link[data-drupal-link-system-path$="networkcamera"] {
  background-color: lightcyan !important;  /* 好きな黄色に */
  color: deepskyblue !important;
  font-weight: bold;
}

/* 【アクティブ時】 */
.nav-tabs .nav-link.active[data-drupal-link-system-path$="networkcamera"],
.nav-tabs .nav-link.is-active[data-drupal-link-system-path$="networkcamera"] {
  background-color: cyan !important;
  color: deepskyblue !important;
  font-weight: bold;
}

/* 【通常時】 */
.nav-tabs .nav-link[data-drupal-link-system-path$="iotdevice"] {
  background-color: lightcyan !important;  /* 好きな黄色に */
  color: deepskyblue !important;
  font-weight: bold;
}

/* 【アクティブ時】 */
.nav-tabs .nav-link.active[data-drupal-link-system-path$="iotdevice"],
.nav-tabs .nav-link.is-active[data-drupal-link-system-path$="iotdevice"] {
  background-color: cyan !important;
  color: deepskyblue !important;
  font-weight: bold;
}

/* 【通常時】 */
.nav-tabs .nav-link[data-drupal-link-system-path$="option"] {
  background-color: lightgray !important;  /* 好きな黄色に */
  color: deepskyblue !important;
  font-weight: bold;
}

/* 【アクティブ時】 */
.nav-tabs .nav-link.active[data-drupal-link-system-path$="option"],
.nav-tabs .nav-link.is-active[data-drupal-link-system-path$="option"] {
  background-color: darkslategray !important;
  color: deepskyblue !important;
  font-weight: bold;
}

/* 【通常時】 */
.nav-tabs .nav-link[data-drupal-link-system-path$="settings"] {
  background-color: lightgray !important;  /* 好きな黄色に */
  color: deepskyblue !important;
  font-weight: bold;
}

/* 【アクティブ時】 */
.nav-tabs .nav-link.active[data-drupal-link-system-path$="settings"],
.nav-tabs .nav-link.is-active[data-drupal-link-system-path$="settings"] {
  background-color: darkslategray !important;
  color: deepskyblue !important;
  font-weight: bold;
}