/*!
 *   AdminLTE v2.3.5 Expansion CSS
 *   Author: T.Yoshioka
!*/

/*
 * Headerの高さ
 */
.main-header {
  height: 45px;
}
/*
 * Header（ロゴ）の背景色、文字色
 */
.skin-blue .main-header .logo {
  background-color: #ffffff;
  color: #337ab7;
}
/*
 * Header（メイン）の背景色、文字色
 */
.skin-blue .main-header .navbar {
  background-color: #ffffff;
}
/*
 * ロゴのマウスオーバー時の背景色
 */
.skin-blue .main-header .logo:hover {
  background-color: #ffffff;
}
/*
 * サイドメニュー treeview のフォントサイズ
 */
ul.sidebar-menu .treeview a span {
  font-size: 15px;
}
/*
 * サイドメニュー treeview-menu のフォントサイズ
 */
ul.sidebar-menu .treeview-menu a {
  font-size: 15px;
}
/*
 * ヘッダー部の文字色、フォント、行高さ
 */
.skin-blue .main-header .navbar .nav>div {
  color: black;
  font-size: 15px;
  line-height: 50px;
}
/*
 * ヘッダー部の機能名の文字色、フォント
 */
.skin-blue .main-header .navbar .nav .title {
    color: black;
    font-size: 18px;
}
/*
 * ヘッダー部の環境識別子の文字色、フォント
 */
.skin-blue .main-header .navbar .nav .stage {
    color: red;
    font-size: 20px;
}

/*
 * ヘッダー部のログアウトの文字色、フォント
 */
.skin-blue .main-header .navbar .nav .logout {
    color: #72afd2;
}

.skin-blue .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
@media (max-width: 767px) {
  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #ffffff;
  }
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
  color: #ffffff;
}
.skin-blue .sidebar-menu > li.header {
  color: #f39700;
  background: #1a2226;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
  color: #f39700;
  background: #1e282c;
  border-left-color: #3c8dbc;
}
.skin-blue .sidebar a {
  color: #ffffff;
}
.skin-blue .treeview-menu > li > a {
  color: #ffffff;
}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
  color: #f39700;
}