/*
 * CSS settings for new menu
 */

#menu {
  width: 100%;
  height: 100%;
  display: block;
  padding-top: 18px;
  box-sizing: border-box;  /* padding設定時にpadding値を要素サイズに加えないように指定 */
  overflow: auto;         /* メニュー項目が長い場合、スクロールバーを表示 */
  white-space: nowrap;    /* メニュー項目が長い場合、折り返さず横に流す */
  
  text-decoration: none;
  font-size: 9pt;
  color: black;
}

#left-frame {
  white-space: nowrap;    /* メニュー項目が長い場合、折り返さず横に流す */
}

#root-label {
  padding-left: 12px;
}

.tree-root {
  list-style: none;
  margin: 0;
  padding-left: 10px;
}

.tree-item {
  display: block;
  margin: 0;
}

.tree-header {
  display: flex;
  align-items: center;
  line-height: 18px;
  height: 18px;
}

.tree-icon {
  width: 18px;
  height: 18px;
  margin-top: 1px;
}

.tree-children {
  list-style: none;
  padding-left: 0px;
  margin: 0;
  display: none;
}

.tree-item a {
  text-decoration: none;
  color: inherit;       /* 通常時は継承色（黒など） */
}

.tree-item a:hover {
  color: blue;          /* ホバー時に青字に */
  text-decoration: none;
}

.tree-item span {
  cursor: pointer;
}

.tree-item span,
.tree-item a {
  white-space: nowrap; /* 折り返さない */
  text-overflow: unset;
  overflow: visible;
  max-width: 100%;
}

.folder-active {
  color: blue;
}

iframe.iframe_menu {
    height: 100%;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
  }