/*
 * style.css for Edu-ori 02
 */
body{
    padding-top: 50px;
    color:#000; /* 本文の文字の色 */
}
main.container, main.container-fluid {
    margin-top: 10px;
}
:root {
  /* メインテーマカラー (緑系) */
  --color01: #2e7d32; /* 濃い緑色、外枠やメイン of 文字色など var(--color01) */
  --color02: #a5d6a7; /* 薄い緑色、背景など var(--color02) */
  --color03: #e8f5e9; /* さらに薄い緑色、選択された背景 */

  /* 各種リンク */
  --link-color: #468CF0;
  --link-hover-color: #264269;

  /* 各種ボタンの配色定義 */
  /* デフォルトボタン (設定モード用など、グレー系) */
  --btn-default-bg: #646464;
  --btn-default-border: #646464;
  --btn-default-hover-bg: #444444;
  --btn-default-hover-border: #444444;
  --btn-default-text: #ffffff;

  /* プライマリボタン (濃い緑) */
  --btn-primary-bg: #2e7d32;
  --btn-primary-border: #2e7d32;
  --btn-primary-hover-bg: #1b5e20;
  --btn-primary-hover-border: #1b5e20;
  --btn-primary-text: #ffffff;

  /* インフォボタン (明るい緑/ミント) */
  --btn-info-bg: #81c784;
  --btn-info-border: #81c784;
  --btn-info-hover-bg: #66bb6a;
  --btn-info-hover-border: #66bb6a;
  --btn-info-text: #000000;

  /* サクセスボタン (中間の緑) */
  --btn-success-bg: #4caf50;
  --btn-success-border: #4caf50;
  --btn-success-hover-bg: #388e3c;
  --btn-success-hover-border: #388e3c;
  --btn-success-text: #ffffff;

  /* ワーニングボタン (黄緑) */
  --btn-warning-bg: #cddc39;
  --btn-warning-border: #cddc39;
  --btn-warning-hover-bg: #afb42b;
  --btn-warning-hover-border: #afb42b;
  --btn-warning-text: #000000;

  /* デンジャーボタン (赤/警告) */
  --btn-danger-bg: #e53935;
  --btn-danger-border: #e53935;
  --btn-danger-hover-bg: #c62828;
  --btn-danger-hover-border: #c62828;
  --btn-danger-text: #ffffff;

  --btn-link-color: #337ab7;
  --btn-link-hover-bg: #dddddd;
  --btn-link-hover-border: #dddddd;

  /* タブメニュー用グラデーション＆ボーダー */
  --menu-active-border: #2e7d32; /* 青から緑に変更 */
  --menu-active-grad-0: #e8f5e9;
  --menu-active-grad-10: #a5d6a7;
  --menu-active-grad-80: #81c784;
  --menu-active-grad-100: #388e3c;

  --menu-inactive-border: #0d5313; /* 青から緑に変更 */
  --menu-inactive-grad-0: #c8e6c9;
  --menu-inactive-grad-10: #81c784;
  --menu-inactive-grad-80: #4caf50;
  --menu-inactive-grad-100: #1b5e20;

  /* フッタータブアクティブ時テキスト色 */
  --footer-tab-active-text: #ffffff;

  /* デンジャーパネル (オレンジ・黄色系) */
  --panel-danger-heading-bg: #eea45b;
  --panel-danger-heading-text: #ffffff;
  --panel-danger-body-bg: #ffefc0;
}
/* header
--------------------*/
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:visited {
    color:#999999;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color:#444444;
}
.navbar-inverse {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    opacity:0.9;
}
.navbar-inverse .navbar-nav>li>a {
    color:#787878;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color:#000000;
}
/* Login button for smartphone to prevent from white out */
.navbar-inverse .navbar-toggle {
    border-color:#969696;
}
.navbar-toggle {
    background-color:#969696;
}
/* Make the system-header disapear when you don't login.
  To do this, two lines (below) commented out should be enable.
---------------------------------------------------------------------*/
header.nc-system-header-nologgedin {
	/* display: none; */
}
body.body-nologgedin {
	/* padding-top: 0; */
}
/* nc-system-footer
--------------------*/
#nc-system-footer{
    display:none;　/* ネットコモンズ標準のフッターを表示させない */
}
/* link
--------------------*/
a {
    color: var(--link-color);
    text-decoration: none;
}
a:hover, a:focus {
    color: var(--link-hover-color);
    text-decoration: underline;
}
/* Button テーマごとに変えてもいいかも
--------------------*/
a.btn-link, a.btn-link:hover { /* none */
    color: var(--btn-link-color); /* default link color */
}
.btn-default{
    color: var(--btn-default-text); /* on setting mode */
    background-color: var(--btn-default-bg);
    border-color: var(--btn-default-border);
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: var(--btn-default-text); /* on setting mode */
    background-color: var(--btn-default-hover-bg);
    border-color: var(--btn-default-hover-border);
}
a.btn-default, a.btn-default:hover {
    color: var(--btn-default-text);
}
.btn-default.frame-header-type-btn {
    color: var(--btn-default-bg);  /* without this, button 'none' will disapear on setting mode */
}
.btn-primary {
    background-color: var(--btn-primary-bg);
    border-color: var(--btn-primary-border);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: var(--btn-primary-hover-bg);
    border-color: var(--btn-primary-hover-border);
}
a.btn-primary, a.btn-primary:hover  {
    color: var(--btn-primary-text);
}
.btn-info {
    background-color: var(--btn-info-bg);
    border-color: var(--btn-info-border);
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: var(--btn-info-hover-bg);
    border-color: var(--btn-info-hover-border);
}
a.btn-info, a.btn-info:hover  {
    color: var(--btn-info-text);
}
.btn-success {
    background-color: var(--btn-success-bg);
    border-color: var(--btn-success-border);
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: var(--btn-success-hover-bg);
    border-color: var(--btn-success-hover-border);
}
a.btn-success, a.btn-success:hover  {
    color: var(--btn-success-text);
}

.btn-warning {
    background-color: var(--btn-warning-bg);
    border-color: var(--btn-warning-border);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-color: var(--btn-warning-hover-bg);
    border-color: var(--btn-warning-hover-border);
}
a.btn-warning, a.btn-warning:hover  {
    color: var(--btn-warning-text);
}
.btn-danger {
    background-color: var(--btn-danger-bg);
    border-color: var(--btn-danger-border);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-color: var(--btn-danger-hover-bg);
    border-color: var(--btn-danger-hover-border);
}
a.btn-danger, a.btn-danger:hover  {
    color: var(--btn-danger-text);
}

.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link {
    background-color: var(--btn-link-hover-bg);
    border-color: var(--btn-link-hover-border);
    border-radius:4px;
    text-decoration:none;
}
/* For forgetting password */
.wizard-steps .btn-primary{
    background-color:transparent;
}
/* Large button , Button block*/
.btn-lg, .btn-block {
    border-radius:0px;
}

/* frame headings
--------------------*/
/* ボックス全般 */
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px; /* 角の丸み */
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: none;　/* フレームのボックス影削除 */
}

/* defaultのボック タイトル塗りつぶし枠無し、本文枠無し */
.panel-default > .panel-heading { /* ヘッダー部分 */
  color: #000;
  background-color: #f5f5f5; /* タイトルの背景色固定 */
  border-top: 4px solid var(--color01); /* 上のバーの色★ */
  border-radius: 0px; /* 角丸 */
}
.panel-default > .panel-heading > span {
  font-weight: bold;
  font-size: 140%
}
.panel-default > panel-body.block {
    border-color: transparent; /* 本文の枠は消す */
}

/* primaryのボックス タイトルのみ、本文枠無し */
.panel-primary > .panel-heading { /* ヘッダー部分 */
  color: #000; /* 文字黒固定 */
  border: 2px solid var(--color01); /* 枠の色★ */
  background-color: #f5f5f5; /* 背景グレー固定 */
  border-radius: 2px; /* 角丸 */
}
.panel-primary > .panel-heading > span {
  font-weight: bold;
  font-size: 140%
}
.panel-primary > panel-body.block {
    border-color: transparent; /* 本文の枠は消す */
}

/* infoのボックス */
.panel-info {
    border-color: transparent; /* ボックスの枠が透明 */
}
.panel-info > .panel-heading { /* ボックスヘッダー部分 */
  background-color: #f5f5f5; /* 背景の色固定 */
  border: 1px solid #d5d5d5; /* 枠の色固定 */
  border-radius: 2px; /* 角丸 */
}
.panel-info > .panel-heading > span {
  font-weight: bold;
  font-size: 140%
}
.panel-info > .panel-heading.clearfix > span:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 12px;
  height: 22px;
  margin: -5px 8px 0 0;/*アイコンの位置調整*/
  vertical-align: middle;/*アイコンの後ろの文字がそろう*/
  /*ベクターアイコンを入れる*/
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%232e7d32" d="M19 3V21H5V3H9Z" /></svg>');
}

/* successのボックス */
.panel-success > .panel-heading { /* ヘッダー部分 */
  border: transparent;
  color: #000; /* タイトルの文字色 */
  background-color: var(--color02); /* タイトルの背景色 ★ */
  border-radius: 0px; /* 角丸 */
}
.panel-success > .panel-heading > span {
  font-weight: bold;
  font-size: 140%
}
.panel-success > panel-body.block {
    border-color: transparent; /* 本文の枠は消す */
}

/* warningのボックス */
.panel-warning > .panel-heading { /* ヘッダー部分 */
  border-bottom: transparent; /* 下線消す */
  border-left: 5px solid var(--color01); /* 左線 ★ */
  color: #000; /* タイトルの文字色 */
  background-color: #ffffff; /* タイトルの背景色 */
  border-radius: 0px; /* 角丸 */
}

.panel-warning > .panel-heading > span {
  font-weight: bold;
  font-size: 140%
}

.panel-warning > panel-body.block {
  border-color: transparent; /* 本文の枠は消す */
}

/* dangerのボックス */
.panel-danger {
    border: transparent; /* タイトルの枠は消す */
    border-radius: 0px; /* 角丸なし */
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .5);
}
.panel-danger>.panel-heading {
    color: var(--panel-danger-heading-text); /* 文字は白 */
    background-color: var(--panel-danger-heading-bg); /* タイトル背景オレンジ */
    border-color: transparent; /* 本文の枠は消す */
    border-radius: 0px; /* 角丸 */
}
.panel-danger > .panel-heading > span {
  font-weight: bold;
  font-size: 140%
}
.panel-danger >.panel-body.block {
    border-color: transparent; /* 本文の枠は消す */
    background-color: var(--panel-danger-body-bg); /* 本文背景キイロ */
}
/* List menu(左カラムメニュー)
--------------------*/
a.list-group-item, a.list-group-item:hover {
    color:#000;
}
/* オーバーレイ時 */
.list-group-item {
    background-color: #ffffff; /* 背景の色 */
    border: 1px solid #cccccc; /* 境界線の色 */
}

/* アクティブ時 */
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    color: #000; /* 文字の色 */
    background-color: var(--color02); /* 背景の色 */
    border: 1px solid #cccccc; /* 境界線の色 */
}
/* nav-tabs(上にある横長メニュー、タブ)
--------------------*/
ul.nav-tabs.menu-header-tabs {
    margin-bottom:0;
}
/* 基本背景 */
.nav-tabs.menu-header-tabs > li {
    border-radius:0;
    background-color: #ffffff;
  background-image: -moz-linear-gradient(top, var(--menu-active-grad-0) 0%, var(--menu-active-grad-10) 10%, var(--menu-active-grad-80) 80%, var(--menu-active-grad-100) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--menu-active-grad-0)), color-stop(0.10, var(--menu-active-grad-10)), color-stop(0.80, var(--menu-active-grad-80)), color-stop(1, var(--menu-active-grad-100)));

}
/* 基本文字位置 */
.nav-tabs.menu-header-tabs > li > a{
    color: #000; /* 文字の色 */
    padding:10px 15px;
    margin:0px;
}
/* 選択されたページの背景 */
.nav-tabs.menu-header-tabs > li.active {
    border:solid 2px var(--menu-active-border); /* 選んだ方の枠線 ★ */
}
/* 選択されたページの文字 */
.nav-tabs.menu-header-tabs > li.active > a {
    color:#000;
    cursor: pointer !important;
    background-color:transparent;
}
/* 選択されてないページの背景 */
.nav-tabs.menu-header-tabs > li:not(.active) {
    border-radius:0;
    background-color: var(--menu-inactive-grad-10);
    border:solid 1px var(--menu-inactive-border); /* 選んでない方の枠線 ★ */
  background-image: -moz-linear-gradient(top, var(--menu-inactive-grad-0) 0%, var(--menu-inactive-grad-10) 10%, var(--menu-inactive-grad-80) 80%, var(--menu-inactive-grad-100) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--menu-inactive-grad-0)), color-stop(0.10, var(--menu-inactive-grad-10)), color-stop(0.80, var(--menu-inactive-grad-80)), color-stop(1, var(--menu-inactive-grad-100)));
}

/* 選択されてないページの文字 */
.nav-tabs.menu-header-tabs > li:not(.active) > a {
    color:#ffffff;
}
/* footer-menu (nav-pills)
--------------------------*/
/* アクティブのボックスの色など */
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #000;
    background-color: var(--color02);
    border-color: var(--color01);
}
.menu-footer-tabs.nav-pills.nav-justified > li {
	border: 1px solid var(--color01);
}
.menu-footer-tabs.nav-justified > li.active,
.menu-footer-tabs.nav-justified > li.active:focus,
.menu-footer-tabs.nav-justified > li.active:hover {
	background-color: var(--color01);
}
.menu-footer-tabs.nav-pills.nav-justified > li.active > a {
    color: var(--footer-tab-active-text);
}
.menu-footer-tabs.nav-pills.nav-justified > li:not(.active) > a {
    color:var(--color01);
}

/* bread crumb
--------------------*/
.breadcrumb {
    padding:4px 15px;
    border-radius:0;
    margin-bottom:0;
    background-color:transparent;
}
.breadcrumb a {
    color:var(--color01);
}
/* Site Manager
-----------------------------------------------------*/
.plugin-site-manager .nav {
    margin-bottom:1.2em;
}
/* .nav-tabs */
.plugin-site-manager .nav-tabs > li > a {
    border:none; /* 消し込み */
}
.plugin-site-manager .nav-tabs {
    border-radius:0;
    background-color: #646464;
    border-bottom:solid 3px var(--color01);
}
.plugin-site-manager .nav-tabs li.active > a {
    color:#000000;
    background-color:var(--color01);
    cursor: pointer !important;
    border:1px solid var(--color01);
    border-radius:0;
}
.plugin-site-manager .nav-tabs li:not(.active) > a {
    color:#c8c8c8;
}
.plugin-site-manager .nav-tabs li:not(.active) > a:hover {
    background-color:#848484;
    border-radius:0;
}
/* .nav-pills */
.plugin-site-manager .nav-pills > li > a {
    border-radius:0;    /* 消し込み */
    padding:8px 15px;
    color:#C8C8C8;
    background-color:#646464;
    margin-left:3px;
    border-bottom:4px solid var(--color01);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.plugin-site-manager .nav-pills > li.active > a {
    color:#000;
    background-color: var(--color01);
    border-bottom:4px solid #646464;
}
.plugin-site-manager .nav-pills li:not(.active) > a:hover {
    background-color:#848484;
}
/* Calendar
-----------------------------*/
.calendar-room-legend.panel-default {
    border-color:#ddd;
}