/**
 * menus/css/style.css
 *
 * @author Noriko Arai <arai@nii.ac.jp>
 * @author Shohei Nakajima <nakajimashouhei@gmail.com>
 * @link http://www.netcommons.org NetCommons Project
 * @license http://www.netcommons.org/license.txt NetCommons License
 * @copyright Copyright 2014, NetCommons Project
 */

/* 20211110 del
.menu-tree-0 {
}
.menu-tree-1 {
	margin-left: 10px;
}
.menu-tree-2 {
	margin-left: 20px;
}
.menu-tree-3 {
	margin-left: 30px;
}
.menu-tree-4 {
	margin-left: 40px;
}
.menu-tree-5 {
	margin-left: 50px;
}
.menu-tree-6 {
	margin-left: 60px;
}
.menu-tree-7 {
	margin-left: 70px;
}
.menu-tree-8 {
	margin-left: 80px;
}
.menu-tree-9 {
	margin-left: 90px;
}*/
/*
.menu-footer-tabs .menu-tree-0 {
	margin-left: 0px;
}
.menu-footer-tabs .menu-tree-1 {
	margin-left: 10px;
}
.menu-footer-tabs .menu-tree-2 {
	margin-left: 20px;
}
.menu-footer-tabs .menu-tree-3 {
	margin-left: 30px;
}
.menu-footer-tabs .menu-tree-4 {
	margin-left: 40px;
}
.menu-footer-tabs .menu-tree-5 {
	margin-left: 50px;
}
.menu-footer-tabs .menu-tree-6 {
	margin-left: 60px;
}
.menu-footer-tabs .menu-tree-7 {
	margin-left: 70px;
}
.menu-footer-tabs .menu-tree-8 {
	margin-left: 80px;
}
.menu-footer-tabs .menu-tree-9 {
	margin-left: 90px;
}*/

.menu-edit-tree {
	margin-left: 20px;
}

.breadcrumb .menu-tree-1 ,
.breadcrumb .menu-tree-2 ,
.breadcrumb .menu-tree-3 ,
.breadcrumb .menu-tree-4 ,
.breadcrumb .menu-tree-5 ,
.breadcrumb .menu-tree-6 ,
.breadcrumb .menu-tree-7 ,
.breadcrumb .menu-tree-8 ,
.breadcrumb .menu-tree-9 {
	margin-left: 0px;
}

.menu-list-item {
	padding-top: 6px;
	padding-bottom: 6px;
}
.menu-list-item .checkbox-inline {
	padding-left: 0px;
}
.menu-list-item .dropdown-menu {
	padding: 0px;
}
.menu-list-item .radio {
	margin: 8px;
	/*margin-bottom: 4px;*/
}

.plugin-menus .menu-header.navbar-default {
	background-color: transparent;
	border: none;
}

.plugin-menus .menu-header.navbar-default .navbar-toggle {
	margin-right: 0px;
}

.plugin-menus .menu-header.navbar-default > .navbar-collapse {
	padding-left: 0px;
	padding-right: 0px;
	border-color: transparent;
}

.list-group-item > span.pull-left {
	max-width: 80%;
}

/**
 * ヘッダー or フッターメニュー
 */
.menu-header-tabs ul.dropdown-menu > li > a,
.menu-header-tabs ul.dropdown-menu > li.dropdown-header,
.menu-footer-tabs ul.dropdown-menu > li > a,
.menu-footer-tabs ul.dropdown-menu > li.dropdown-header {
	padding: 4px 16px;
	/*white-space: nowrap;*/
}

.menu-header-tabs.nav-justified > li > a{
	text-align: center;
}
.menu-footer-tabs.nav-justified > li > a {
	text-align: center;
	/*white-space: nowrap;*/
	color: white; /*20210921 add */
}

/**
 * ヘッダーメニュー
 */
.menu-header-tabs > li {
	border-radius: 4px 4px 0 0;
	vertical-align: middle;
	cursor: pointer
}
.menu-header-tabs > li:not(.active) {
	border-bottom: 1px solid #ddd;
}
.menu-header-tabs > li.active {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.menu-header-tabs.nav-justified > li > a,
.menu-header-tabs.nav-justified > .active > a,
.menu-header-tabs.nav-justified > .active > a:focus,
.menu-header-tabs.nav-justified > .active > a:hover {
	border: none;
	background-color: transparent;
}
.menu-header-tabs > li:not(.active):focus,
.menu-header-tabs > li:not(.active):hover {
	border-radius: 4px 4px 0 0;
	background-color: #eee;
}

/**
 * フッターメニュー
 */
.menu-footer-tabs > li {
	border: 1px solid #ddd;
	/* border-radius: 4px 4px 4px 4px; */ /* 20210803 変更*/
	vertical-align: middle;
	cursor: pointer
}
.menu-footer-tabs > li.active > a,
.menu-footer-tabs > li.active > a:focus,
.menu-footer-tabs > li.active > a:hover {
	background-color: transparent;
}
.menu-footer-tabs > li.active {
	/* border-radius: 4px 4px 4px 4px; */ /* 20210803 変更*/
	background-color: #337ab7;
}
.menu-footer-tabs > li:not(.active):focus,
.menu-footer-tabs > li:not(.active):hover {
	/* border-radius: 4px 4px 4px 4px; */ /* 20210803 変更*/
	background-color: #eee;
}

/**
 * 設定画面のページ表示有無
 */
.menu-tree-room,
.menu-tree-node-page,
.menu-tree-leaf-page {
	padding-left: 4px;
	margin-left: -20px;
}
.menu-tree-room {
	border-left: 3px #659ada solid;
}
.menu-tree-node-page,
.menu-tree-leaf-page {
	border-left: 3px #aca899 solid;
}
.menu-is-hidden-checkbox > span > input[type="checkbox"] {
	position: static;
	margin-left: 0px;
	margin-top: -2px;
	vertical-align: middle;
}

/* 20210803 add 角丸をなくす */
.panel {
    border-radius: 0px;
}

/* 20210804 add menu edit */
.menu-footer-tabs.nav-justified>.dropdown .dropdown-menu{
    border-radius: 0px;
    min-width: 100%;
	margin-top: 0px; /* 20211221 add */
}

/* 20210831 add メニュースマホ用調整 */
@media (min-width: 768px)  {
    .ng-scope.open>.dropdown-menu {
        display: none;
    }
    .plugin-menus ul li:hover ul{
        display: block;
    } 

    .plugin-menus ul li:checked ul{
        display: none;
    }

    /*20210902 add */
    .clearfix a:hover li{
        display: block;
    }

	/*20210907 add */
	.nav-justified>li{
		/*overflow: hidden;*/
    	float: left;
    	width: 14%;
	}
	.menu-footer-tabs>li>a{
		height: 4rem;
	}

	/*20211217 add menu文字制限対応 */
	.menu-footer-tabs.nav-justified>li>a>p{
		word-break: keep-all;
    	overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis;
	}

}

/*20211217 add menu対応 */
.menu-footer-tabs.nav-justified>li>a{
	padding: 7px 15px;
}

/*20210917 add */
.nav-pills>li+li {
	margin-left: 0px;
}

.nav-pills > li > a {
	border-radius: 0px;
	margin-bottom: 0px;
}

/*20211117 add ドロップダウンメニュー調整*/
.dropdown-submenu{
	position: relative;
}

.glyphicon-menu-right:before {
	content: "\e258";
}

.glyphicon-menu-down:before {
	content: "\e258";
}

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */ /* ※サブメニューが2階層以上ある場合の記述 */
/* ---------------------------------- */
ul.list-group li:hover > ul {
	display: block !important; /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* ----------------------------------- */
/* ▼3階層目以降(孫メニュー以降)の装飾 */ /* ※下ではなく横(右)に表示します。 */
/* ----------------------------------- */
ul.list-group ul ul {
	margin: 0px !important; /* ★サブメニュー外側の余白(ゼロ) */
	padding: 0px !important; /* ★サブメニュー内側の余白(ゼロ) */
	display: none !important; /* ★標準では非表示にする */
	position: absolute !important; /* ★絶対配置にする */
	top: -1px !important; /* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
	left: 100% !important; /* ★基準位置からの距離を親ボックスの幅100％にする */
	border-left: 1px solid pink !important; /* 左側に引く枠線(ピンク色で1pxの実線) */
}