@charset "UTF-8";
/* -------------------------- */
/* テンプレートカスタマイズ   */
/* -------------------------- */
/* メイン背景 */
.app-theme-white.app-container {
}
.app-theme-white .app-footer .app-footer__inner, .app-theme-white .app-header {
    background: #ffffff;
}
/* ヘッダー */
.app-header__logo {
  height: 60px;
  width: 294px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  transition: width .2s; 
  line-height: 130%;
}
.app-sidebar__heading {
    text-transform: none;
    font-size: medium;
}
.app-header__logo .logo-src {
  margin-bottom: 16px;
  background: none;
}

.hamburger.is-active .hamburger-inner.hamburger-color,
.hamburger.is-active .hamburger-inner.hamburger-color::before,
.hamburger.is-active .hamburger-inner.hamburger-color::after {
  background-color: #333366; 
}
.hamburger-inner.hamburger-color, 
.hamburger-inner.hamburger-color::before, 
.hamburger-inner.hamburger-color::after {
  background-color: #333366; 
}
.nav-link-color {
  color: #333366;
}
.nav-link {
  color: #333366;
}
.nav-tabs .nav-link.active {
  font-weight: bold; 
}
.nav-tabs {
    border-bottom: 1px solid #b3b3b3;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  background-color: #ffffff;
  border-color: #b3b3b3 #b3b3b3 #ffffff;
}

/* サイドメニュー */
.app-sidebar {
    width: 294px;
}
.app-theme-white .app-sidebar {
    background: #ffffff;
}
.vertical-nav-menu i.metismenu-state-icon,
.vertical-nav-menu i.metismenu-icon {
	opacity: 1;
}
.vertical-nav-menu ul > li > a.accent-color-mm-active {
  color: #333366;
  background: #dee9ef;
  font-weight: bold; 
}
.vertical-nav-menu ul > li > a.mm-active ,
.vertical-nav-menu li a.mm-active {
    color: #333366;
    background: #dee9ef;
    font-weight: bold;
}
.vertical-nav-menu ul > li > a:hover,
.vertical-nav-menu li > a:hover {
    color: #333366; 
    background: #dee9ef;
}
/* メイン */
.fixed-sidebar .app-main .app-main__outer {
    padding-left: 294px;
}
.closed-sidebar.fixed-sidebar .app-main__outer {
    padding-left: 80px;
}
/* ページタイトル */
.app-theme-white .app-page-title{
    background: #dee9ef;
}

/* card */
.card-header {
  background: #f1f6fd;
}
.card {
  border: 1px solid #cccccc;
}
/* tables */
.table {
	border-color: #cccccc;
}
.table thead th {
  background: #f1f6fd;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: #fafafa;
}
.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color); 
}
/* dataTables */
div.dataTables_wrapper .table  {
    border: solid #cccccc;
    border-width: 1px;
    border-collapse: collapse !important;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0em;
	line-height: 2.4;    
    white-space: nowrap;
}
div.dataTables_wrapper .table thead th {
  background: #f1f6fd;
  background-clip: padding-box;
}
div.dataTables_wrapper .table tbody td {
  background-clip: padding-box;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative; 
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  display: block;
  opacity: 0.125;
  right: 10px;
  line-height: 9px;
  font-size: 0.7em;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  bottom: 50%;
  content: "▲";
  margin-top: -11px;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  top: 50%;
  content: "▼";
  margin-top: 0;
}
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1; 
}
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0; 
}

/* form-control */
.form-control {
  border: 1px solid #bbbbbb;
}
**/
/* -------------------------- */
/* 追加                       */
/* -------------------------- */
p {
  margin-top: 2px;
  margin-bottom: 2px; 
}
.app-main__inner button,
.app-main__inner a.btn {
	min-width: 100px;
}
.header-btn {
	background: #0099cc;
	color: #ffffff;
}
.footer-top {
	background-color: #707070;
	color: #ffffff;
	font-size: 90%;
}
.footer-bottom {
	background-color: #484848;
	color: #ffffff;
	font-size: 80%;
}
.todo-list-wrapper .cannds-todo-indicator {
  position: absolute;
  width: 4px;
  height: 80%;
  border-radius: 0.3rem;
  left: 0.5rem;
  top: 10%;
  opacity: .6;
  transition: opacity .2s; 
}

/* card-accordion */
.card-accordion-button, 
.card-accordion-button:not(.collapsed) {
	background-color: #f1f6fd;
	color: inherit !important ;
    background-clip: border-box;
    box-shadow: none !important;
}

/* link */
a.link-style {
	text-decoration: underline !important;
	cursor: pointer;
}

/* メタデータ一覧 */
.accordion-button.metadata-list,
.accordion-button.metadata-list:not(.collapsed){
	background-color: transparent;
	color: #3f6ad8;
    box-shadow: none !important;
}

/* メタデータ検索 プルダウンリスト */
.meta-search-dropdown {
	max-height: 300px !important;
}
.meta-search-sticky-input{
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
}