@media only screen and (min-width : 993px) {
  .cake-debug {
    margin-left: 300px;
  }
  /*#NcpSearchForm .input-field{ background:rgba(160,160,160,.16);}*/
  #NcpSearchForm .input-field{ background:rgba(120,120,120,.48);}
}

/* add */
.ncp-subaction-btn.active{ background-color:rgba(0,0,0,.08);}
/* ncp-modal */
@media screen and (min-width: 641px) {
  /*
  .ncp-modal-wrapper {
    top: 3%!important;
    max-width: 820px!important;
    max-height: 94%!important;
  }
  .ncp-modal-footer {
    max-width: 820px!important;
  }
  */
}


/**
 * コンテナ
 */
/* PC */
@media only screen and (min-width: 993px) {
  .container.mypage {
    margin-bottom: 0;
  }
}

/* サイドメニュー タイトル */
/*
#SideMenu .site-title {
  background: black;
}
*/
#SideMenu .site-title>a {
  color: #d00;
  font-size: 1.2rem;
}
#SideMenu.sidenav li {
  line-height: 40px;
}
#SideMenu.sidenav li>a,
#SideMenu.sidenav li>a>i,
#SideMenu.sidenav li>a>[class^="mdi-"],
#SideMenu.sidenav li>a li>a>[class*="mdi-"],
#SideMenu.sidenav li>a>i.material-icons {
  height: 40px;
  line-height: 40px;
}
.sidenav li>a .fas,
.sidenav li>a .far,
.sidenav li>a .fab,
.sidenav li>a .fal,
.sidenav li>a .fad {
  font-size: 1.4rem;
}
#SideMenu.sidenav span.badge {
  margin-top: calc(20px - 11px);
}
.sidenav .collapsible, .sidenav.fixed .collapsible {
  box-shadow: 0 0 1px #aaa;
}


/*
 * Ncpタブ
 */
#homeTab .tab-user.pulse::before {
  z-index: 1;
}
#homeTab .tab .label {
  position: relative;
}
/* T0D0バッジ */
#badgeTodoCount {
  display: flex;
  align-items: center;
  justify-content: center;
  top: -35px;
  left: auto;
  right: -8px;
}


/* [PC] */
@media only screen and (min-width : 993px) {
  .tab-footer {
    /* 2021/9/9 mod furuyama margin-bottom: 24px; */
    margin-bottom: 16px;
  }
  /* TODOバッジ */
  #badgeTodoCount {
    top: -16px;
    left: auto;
    right: -24px;
  }
}
/* [SP] */
@media only screen and (max-width : 992px) {
  #badgeTodoCount {
    width: 22px;
    height: 22px;
    line-height: 9px;
    font-size: 1rem;
    /*padding-left: 6.5px;*/
    border-width: 4px;
    padding: 10px;
  }
}


/**
 * 顧客ブロック
 */
.card.customer .card-action:not(.card-row-link-small) a {
  font-size: 1.2rem;
}
.card.customer .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.card.customer .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating)>.act-body {
  display: block;
  font-size: .96rem;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.card.customer .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating)>.act-body .act-mod{
  font-size: .8rem;
  margin-right: 16px;
}
.card.customer .card-image {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 12px 24px;
  min-height: 72px;
}
.card.customer .card-title {
  width: 100%;
  height: 100%;
  padding: inherit;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.card.customer .card-title.full-title {
  display: block;
  position: inherit;
  padding: 0!important;
  text-overflow: inherit;
  overflow: inherit;
  white-space: inherit;
  word-break: break-all;
}
.card.customer .card-title .in-label-wrap {
  width: 100%;
  font-size: .8rem;
}
.card.customer .card-title .in-label-wrap>.in-label {
  background: rgba(255,255,255,.8);
  padding: 1px 8px;
  border-radius: 12px;
  font-weight: bold;
}
.card.customer .project-entry {
  font-size: 1.3rem;
}


/**
 * 案件
 */
.card.anken .card-action:not(.card-row-link-small) a{ font-size:1.2rem;}
.card.anken .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating){
  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
}
.card.anken .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating)>.act-body{
  display:block; font-size:.96rem; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
}
.card.anken .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating)>.act-body .act-mod{
  font-size:.8rem;  margin-right:16px;
}
.card.anken .card-image{ display:flex; align-items:center; flex-direction:column; padding:12px 24px; min-height:72px;}
.card.anken .card-title{ width:100%; height:100%; padding:inherit; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.card.anken .card-title.full-title{ display:block; position:inherit; padding:0!important; text-overflow:inherit; overflow:inherit; white-space:inherit; word-break:break-all;}
.card.anken .card-title .in-label-wrap{ width:100%; font-size:.8rem;}
.card.anken .card-title .in-label-wrap>.in-label{ background:rgba(255,255,255,.8); padding:1px 8px; border-radius:12px; font-weight:bold;}
.card.anken .thread-entry {
  font-size: 1.3rem;
}
.card .card-content.card-content-small {
  padding: 8px 88px 8px 8px;
}
.card .card-content .card-title{ font-weight:bold;}
.card .card-content .btn-card-toolbar {
  display: inline-block;
  width: 48px;
  text-align: center;
}
.card .card-content .btn-action{ font-size:1.6rem; border-radius:50%; padding:8px; transition:.3s;}
.card .card-content .btn-action:hover{ background-color:rgba(0,0,0,.06); color:#333!important;}

/* 案件詳細 */
nav.has-color .sidenav-trigger,
nav.has-color .ncp-page-title .main {
  color: #fff;
}
.anken-detail,
.anken-detail .card-content,
.anken-detail .card-anken-search {
  display: flex;
}
.anken-detail .card-anken-search {
  width: 100%;
  margin: 0;
  padding: 8px 16px;
}
.anken-detail .card-anken-search input[type="search"] {
  width: 100%;
  border: 1px solid #888;
  border-radius: 24px;
  padding:0 24px;
  outline: none;
}

/* 案件詳細 タブ */
@media only screen and (min-width: 601px) {
  #TabThread,
  #TabThread .tab {
    height: 64px;
  }
  #TabThread .tab>a {
    height: 48px;
    border-radius: 8px;
  }
  #TabThread .indicator {
    display: none;
  }
}
#TabThread .tab>a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#TableProjectThread {
  overflow-x: scroll;
}
#TableProjectThread table {
  min-width: 800px;
}


/**
 * スレッド
 */
.project-detail-header {
  margin-top: -16px;
}
.row-thumb {
  width: 24px;
  max-height: 24px;
  margin-right: 8px;
}
.re-comment .materialize-textarea.border-textarea {
  width: 100%;
  height: 40px;
  min-height: inherit;
  padding: 8px;
  margin-bottom: 0;
}
.comment-title-time {
  display: flex;
  flex-direction: column;
  min-width: 100px;
}
/* 案件情報・返信メニュー */
.comment-menu,
.replay-menu {
  min-width: 200px;
}
/* URLコピー */
.comment-url {
  position: fixed;
  top: -200vw;
  left: 0;
}


/* googleカレンダー埋め込み */
.g-calender{ max-width:800px; min-width:300px; margin:2.0833% auto;}
.g-calender .g-calender-inner{ position:relative; padding-bottom:100%; min-height:460px; height:0; overflow:hidden;}
.g-calender .g-calender-inner iframe{ position:absolute; top:0; left:0; width:100%!important; height:100%!important;}
@media only screen and (min-width: 600px) {
  .googlecal { padding-bottom:75%;}
}

/* 開発環境 */
.sdev-list .ncp-list-item .title{ font-size:1.2rem; font-weight:bold;}

/* 図書室テーブル */
.library td.col-action{ width:64px; text-align:center;}
.library td.col-action .btn-action{ font-size:1.2rem; border-radius:50%; padding:8px; transition:.3s;}
.library td.col-action .btn-action:hover{ background-color:rgba(0,0,0,.06); color:#333!important;}

.lib-index{ display:inline-block; padding:0 8px; margin-left:16px; border-radius:20px; line-height:2.4rem; transition:.3s;}
a.lib-index:hover{ background:#f2f2f2;}

.lib-th{ padding:32px; text-align:center;}
.lib-td{ padding:16px; word-break:break-all;}
.lib-td>a{ display:block; width:100%; padding:16px 24px; border-radius:8px;}
.lib-td>a>span{ font-size:1.14rem; color:#4a4a4a; font-weight:bold; text-shadow:0px 1px 12px #fff;}
@media only screen and (max-width : 992px) {
  .lib-td{ padding:8px;}
  .lib-td>a{ padding:16px;}
}

/* タイムライン */
.ncp-list .ncp-list-item .ncp-list-col p.title.timeline-body{ width:100%; word-break:break-all;}
#tabAreaTime .ncp-list .ncp-list-item,
.type-timeline .ncp-list .ncp-list-item {
  padding: 8px;
}
/*
@media only screen and (max-width : 600px) {
  .ncp-list .ncp-list-item .ncp-list-col p.title.timeline-body{ display:contents; overflow:inherit; white-space:inherit; text-overflow:inherit;}
}
*/
.tl-user-noimage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.6rem;
  border-radius: 50%;
  opacity: .6;
}
.time-line-new-message {
  padding: 0!important;
  text-align: center;
  margin-bottom: 16px;
}
@media only screen and (max-width : 992px) {
  .time-line-new-message {
    margin-top: -16px;
  }
}
/* 目立つやつ */
.ncp-modal-thread.pulse {
  background-color: rgb(255, 224, 184);
}
@media only screen and (max-width : 992px) {
  .ncp-modal-thread.pulse {
    overflow-x: clip;
  }
}

/* マイページ ライブラリ */
.library-clip-project {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.library-clip-project .card.anken {
  min-width: 264px;
  width: 264px;
}
/* クリップした案件 */
.clip-thread-card {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px 8px 8px;
  margin-left: 8px;
  margin-right: 8px;
}
.clip-thread-card .first-char {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  padding: 4px;
  margin-right: 8px;
  background-color: rgba(255, 255, 255, .82);
  border-radius: 4px;
  font-size: 1.4rem;
}
.clip-thread-card .clip-thread-title {
  display: inline-block;
  max-width: calc(100vw - 80px - 372px);
  color: #333;
  /*text-shadow: 0 0 3px rgb(0, 0, 0, .7);*/
}
@media only screen and (max-width : 992px) {
  .clip-thread-card .clip-thread-title {
    max-width: calc(100vw - 104px);
  }
}


/* マイページ 勤怠 */
.mypage-attend .attend-date {
  margin: 0;
}
.mypage-attend .attend-date .week {
  color: #888;
  font-size: 1.2rem;
}
.mypage-calendar-date {
  display: flex;
  align-items: flex-end;
  min-height: 54px;
}

/* 勤怠カウントダウン */
.attendance-countdown {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.attendance-countdown .unit {
  font-size: 1rem;
}

/**
 * 勤怠カレンダー
 */
#AttendanceTableWrap {
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
#AttendanceTableWrap table,
#AttendanceTableWrap th,
#AttendanceTableWrap td {
  border: 1px solid #ddd;
}
#AttendanceTableWrap .at-day {
  width: 64px;
  min-width: 48px;
}
#AttendanceTableWrap .at-time {
  width: 64px;
  min-width: 64px;
}
#AttendanceTableWrap .at-type {
  width: 80px;
  min-width: 80px;
}
#AttendanceTableWrap .at-remark {
  min-width: 240px;
  border-left: double 3px #ddd;
  text-align: inherit;
}
#AttendanceTableWrap .w0 {
  color: #c50b0b;
}
#AttendanceTableWrap .w6 {
  color: #004de6;
}
#AttendanceTableWrap .at-bg-grey {
  background-color: #f8f8f8;
}
/* 編集 */
#AttendanceTableWrap .type-wrap,
#AttendanceTableWrap .time-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
#AttendanceTableWrap .type-wrap .input-field,
#AttendanceTableWrap .time-wrap .input-field {
  margin: 0;
  padding: 0;
}
#AttendanceTableWrap .time-wrap input {
  width: 64px;
  text-align: center;
  padding: 8px 4px;
}
/* 2020/10/9 mod 備考追加により削除
#AttendanceTableWrap.edit {
  max-width: 400px;
}
*/
#AttendanceTableWrap.edit>table {
  min-width: 800px; /* 20201009 add 備考欄追加により追加 */
}

.attendance-total {
  display: flex;
  justify-content: flex-end;
}
.attendance-total .time-all p {
  margin: 0;
}
.attendance-total .time-all .original {
  font-size: .8rem;
}


/**
 * スケジュール
 */
.schedule-title-wrap {
  display: flex;
}
.schedule-title-wrap .current-month {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.schedule-page-title {
  align-items: flex-end;
  margin: 0;
}
.schedule-page-title .number {
  /* 2021/9/9 del furuyama ボタン縮小 font-size: 1.2rem; */
  margin-right: 2px;
}
.schedule-page-title .number+span {
  /* 2021/9/9 mod furuyama ボタン縮小 font-size: .8rem; */
  font-size: .5rem;
}
#BtnScheduleSelect {
  margin: 0;
  min-height: 32px;
}
#BtnSchedulePrev,
#BtnScheduleNext {
  padding: 0 12px;
  box-shadow: none;
  border-radius: 50%;
}
/* PC */
@media only screen and (min-width: 993px) {
  #btnScheduleEntry {
    width: 100%;
  }
}
/* スケジュール年月選択モダール */
#ModalScheduleSelect {
  max-width: 400px;
}
#ModalScheduleSelect .dropdown-content.select-dropdown {
  max-height: 136px;
}
/* 入力系 */
#StartTimeHour+.dropdown-content,
#StartTimeMinute+.dropdown-content,
#EndTimeHour+.dropdown-content,
#EndTimeMinute+.dropdown-content {
  max-height: 50vh;
}
/* カレンダー */
/* PC */
@media only screen and (min-width: 993px) {
  #ScheduletableWrap .ncp-calendar {
    overflow-y: scroll;
    max-height: calc(100vh - 280px);
  }
}
#ScheduletableWrap .ncp-calendar .calendar-item {
  border-color: #efefef;
}
#ScheduletableWrap .schedule-line {
  position: absolute;
  top: 3em;
  display: flex;
  align-items: center;
  height: 2em;
  width: calc(14.28% - 5px);
  padding: 0 4px;
  color: white;
  font-size: .8em;
  line-height: 1em;
  border-radius: 5px;
  overflow: hidden;
  /*filter: brightness(.85) contrast(1.2);*/
}
#ScheduletableWrap .schedule-line:hover {
  opacity: .8;
  transition: inherit;
}
#ScheduletableWrap .schedule-line.schedule-finished:not(:hover) {
  opacity: .45;
}
#ScheduletableWrap .schedule-line .schedule-line-time {
  margin-right: 4px;
}
#ScheduletableWrap .schedule-line .schedule-line-img-wrap {
  display: flex;
  align-items: center;
  max-width: 12px;
  max-height: 12px;
  margin-right: 2px;
}
#ScheduletableWrap .schedule-line .schedule-line-img {
  max-width: inherit;
  max-height: inherit;
}
#ScheduletableWrap .schedule-line .tl-user-noimage {
  width: 12px;
  height: 12px;
  font-size: .5rem;
}
#ScheduletableWrap .schedule-line .schedule-line-title {
  overflow: hidden;
  /*text-overflow: ellipsis;*/
  white-space: nowrap;
}
#ScheduletableWrap .schedule-line .schedule-line-time,
#ScheduletableWrap .schedule-line .schedule-line-title {
  filter: contrast(.8);
}
/* 1日予定モーダル */
#ModalScheduleDay .ncp-modal-body {
  padding-top: 1px;
}
#ModalScheduleDay .day-week {
  font-size: 1.4rem;
}
#ModalScheduleDay .day-content .collection {
  border-radius: 4px;
}
#ModalScheduleDay .day-content .collection-item {
  background-color: inherit;
}
#ModalScheduleDay .day-content .collection-item .title-wrap {
  display: flex;
}
#ModalScheduleDay .day-content .collection-item .txt {
  filter: contrast(.8);
}
#ModalScheduleDay .day-content .collection-item .icon {
  filter: contrast(.65);
}
#ModalScheduleDay .day-content .day-content-user-image {
  max-width: 32px;
  max-height: 32px;
}
#ModalScheduleDay .day-content .day-content-user-image>img {
  max-width: inherit;
  max-height: inherit;
}
#ModalScheduleDay .day-content .day-content-user-image .tl-user-noimage {
  width: 32px;
  height: 32px;
  font-size: 1.2rem;
}
#ModalScheduleDay .day-content .day-content-title {
  margin: 0;
  line-height: 1.4rem;
}
#ModalScheduleDay .day-content .day-content-att-badge {
  background-color: rgba(33, 33, 33, .08);
  color: #333;
}
/* 詳細モーダル */
#ModalScheduleDetail .detail-user-image {
  max-width: 24px;
  max-height: 24px;
  margin-right: 8px;
}
#ModalScheduleDetail .detail-user-image>img {
  max-width: inherit;
  max-height: inherit;
}
#ModalScheduleDetail .detail-user-image>.tl-user-noimage {
  max-width: inherit;
  max-height: inherit;
  font-size: .8rem;
}
/* 特権管理者用 */
/*
#ScheduletableWrap .schedule-line.super-user,
#ModalScheduleDay .day-content .collection.super-user {
  border-color: rgb(64, 64, 64) !important;
  color: rgb(64, 64, 64) !important;
  background-color: rgba(128, 128, 128, .12) !important;
}
#ModalScheduleDay .day-content .collection.super-user .day-content-title .ncp-badge {
  background-color: rgb(64, 64, 64) !important;
}
*/


/* オフィス */
/*
.office-user-list .ncp-list-item .thumb {
  box-shadow: 0 0 0 3px #bbb;
  border: 1px solid #fff;
}
.office-user-list .ncp-list-item .thumb.active {
  box-shadow: 0 0 0 3px #31bf59;
}
*/
.office-user-list .ncp-list-item .thumb-status {
  position: absolute;
  width: 48px;
  height: 48px;
  z-index: 1;
}
.office-user-list .ncp-list-item .thumb-status .icon {
  display: none;
  position: absolute;
  right: -2px;
  bottom: 0;
  height: 16px;
  width: 16px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.office-user-list .ncp-list-item .thumb-status.active .icon {
  display: block;
  background: #31bf59;
}
.office-user-list .ncp-list-item .thumb-status.active .icon.type2 {
  background: #42b8f1;
}


/** 汎用 **/
.border-bottom{ border-bottom:1px solid #ddd;}
.text-nowrap{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* mceエディタ */
.mce-content-body p {
  margin: 0;
  line-height: 1.2rem;
}

/* mce表示エリア */
.mce-area p {
  margin-block-start: .1rem!important;
  margin-block-end: .1rem!important;
}
#tinymce code,
.mce-area code {
  display: block;
  padding: 8px;
  margin: 8px 0;
  background-color: #4f4f4f;
  color: #3ffb55;
  border: 1px solid #333;
  border-radius: 5px;
  word-break: normal;
  overflow-x: auto;
}


/* date picker */
.datepicker-date-display {
  display: none;
}
.datepicker-table td.is-today {
  background-color: #e2e2e2;
}
@media only screen and (min-width: 601px) {
  .datepicker-modal {
    max-width: 368px;
  }
}


/* 職権乱用 */
#TablePDCA tbody td {
  position: relative;
}
#TablePDCA tbody td:before {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 42px;
  font-weight: bold;
  pointer-events: none;
}
#TablePDCA tbody td:nth-child(3n):before {
  content: "課題";
  color: rgb(242, 36, 36, .05);
}
#TablePDCA tbody td:nth-child(4n):before {
  content: "Plan";
  color: rgb(245, 185,15, .1);
}
#TablePDCA tbody td:nth-child(5n):before {
  content: "Do";
  color: rgb(23, 210, 0, .08);
}
#TablePDCA tbody td:nth-child(6n):before {
  content: "Check";
  color: rgb(15, 107, 245, .05);
}
#TablePDCA tbody td:nth-child(7n):before {
  content: "Action";
  color: rgb(245, 15, 227, .05);
}


/**
 * 顧客管理
 */
#TableContract {
  overflow-x: scroll;
}
#TableContract table {
  min-width: 480px;
}


/**
 * 社員詳細
 */
#ProfileTabWrap .tab-col {
  padding-top: 24px;
  padding-bottom: 24px;
}
#UserProfile .card {
  max-height: 144px;
}
#UserProfile .card-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 144px;
  min-width: 144px;
  height: 144px;
  background-color: #f8f8f8;
  overflow: hidden;
}
#UserProfile .card-image .profile-image {
  width: auto;
  height: inherit;
  max-width: none;
}
#UserProfile .card-image .no-image {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-width: inherit;
  background-color: #f2f2f2;
  color: #e0e0e0;
  font-size: 9rem;
  overflow: hidden;
}
#UserProfile .card .content-info {
  margin: 0;
  max-width: calc(100vw - 112px);
}
@media only screen and (max-width : 992px) {
  #UserProfile .card-image {
    width: 48px;
    min-width: inherit;
  }
}


/******************************************************
 *
 * ダークモード
 *
 *****************************************************/
:root {

  /* 背景色（common同様にすること） */
  --dark-bg-color: #252525;
  --dark-bg-l-color: #282828;
  /* [汎用] 背景色より明るい（common同様にすること） */
  --dark-bg-light-1: #3d3d3d;
  --dark-bg-light-2: #474747;

  /* Greyラベル */
  --dark-grey-color: #3d3d3d;

  /* ボタン */
  --dark-btn-color: #2f2f2f;
  --dark-btn-hover: #353535;
}


/**
 * 共通
 */
[data-mode='dark'] .col.grey.lighten-3 {
  background-color: #565656!important;
}


/**
 * ページネート
 */
[data-mode='dark'] .ncp-pagination .grey-text.text-darken-4 {
  color: #a4a4a4!important;
}
[data-mode='dark'] .pagination li.disabled span {
  color: #4c4c4c;
}
[data-mode='dark'] .pagination li.active {
  background-color: #3f3f3f;
}


/**
 * 入力
 */
[data-mode='dark'] [type="checkbox"].filled-in:checked+span:not(.lever):after {
  filter: invert(.2);
}
[data-mode='dark'] .switch label input[type=checkbox]:checked+.lever:after {
  background-color: var(--dark-btn-hover);
}
[data-mode='dark'] input:not([type]):focus:not([readonly])+label,
[data-mode='dark'] input[type=text]:not(.browser-default):focus:not([readonly])+label,
[data-mode='dark'] input[type=password]:not(.browser-default):focus:not([readonly])+label,
[data-mode='dark'] input[type=email]:not(.browser-default):focus:not([readonly])+label,
[data-mode='dark'] input[type=url]:not(.browser-default):focus:not([readonly])+label,
[data-mode='dark'] input[type=time]:not(.browser-default):focus:not([readonly])+label,
[data-mode='dark'] input[type=date]:not(.browser-default):focus:not([readonly])+label,
[data-mode='dark'] input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
[data-mode='dark'] input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
[data-mode='dark'] input[type=tel]:not(.browser-default):focus:not([readonly])+label,
[data-mode='dark'] input[type=number]:not(.browser-default):focus:not([readonly])+label,
[data-mode='dark'] input[type=search]:not(.browser-default):focus:not([readonly])+label,
[data-mode='dark'] textarea.materialize-textarea:focus:not([readonly])+label {
  color: #aaa;
}


/**
 * ボタン
 */
[data-mode='dark'] .btn,
[data-mode='dark'] .btn-large,
[data-mode='dark'] .btn-small {
  background-color: var(--dark-btn-color);
}
[data-mode='dark'] .btn:hover,
[data-mode='dark'] .btn-large:hover,
[data-mode='dark']  .btn-small:hover {
  background-color: var(--dark-btn-hover);
}
[data-mode='dark'] .ncp-subaction-btn .icon>.fas,
[data-mode='dark'] .ncp-subaction-btn .icon>.far,
[data-mode='dark'] .ncp-subaction-btn .icon>.fal,
[data-mode='dark'] .ncp-subaction-btn .icon>.fab,
[data-mode='dark'] .ncp-subaction-btn .icon>.fad {
  color: #777 !important;
}
/* SP */
@media only screen and (max-width: 992px) {
  [data-mode='dark'] .ncp-subaction-btn.btn-floating .icon>.fas,
  [data-mode='dark'] .ncp-subaction-btn.btn-floating .icon>.far,
  [data-mode='dark'] .ncp-subaction-btn.btn-floating .icon>.fal,
  [data-mode='dark'] .ncp-subaction-btn.btn-floating .icon>.fab,
  [data-mode='dark'] .ncp-subaction-btn.btn-floating .icon>.fad {
    color: #ddd !important;
  }
}


/**
 * ヘッダ
 */
[data-mode='dark'] .header-backlink-wrapper .header-backlink .fas,
[data-mode='dark'] .header-backlink-wrapper .header-backlink .far,
[data-mode='dark'] .header-backlink-wrapper .header-backlink .fal,
[data-mode='dark'] .header-backlink-wrapper .header-backlink .fab,
[data-mode='dark'] .header-backlink-wrapper .header-backlink .fad {
  color: #aaa!important;
}
[data-mode='dark'] nav.has-color .nav-wrapper {
  backdrop-filter: brightness(.5) contrast(1.5);
}


/**
 * サイドメニュー
 */
[data-mode='dark'] #SideMenu li.active>.sidenav-link>.fas:not(.has-color),
[data-mode='dark'] #SideMenu li.active>.sidenav-link>.far:not(.has-color),
[data-mode='dark'] #SideMenu li.active>.sidenav-link>.fal:not(.has-color),
[data-mode='dark'] #SideMenu li.active>.sidenav-link>.fab:not(.has-color),
[data-mode='dark'] #SideMenu li.active>.sidenav-link>.fad:not(.has-color) {
  color: #e8e8e8!important;
}
[data-mode='dark'] .sidenav li.active {
  background-color: rgba(255, 255, 255,.09);
}


/**
 * タイムライン
 */
[data-mode='dark'] .time-line-new-message {
  color: #333!important;
}
[data-mode='dark'] .timeline-item .timeline-body .ncp-badge {
  background-color: var(--dark-grey-color)!important;
}
[data-mode='dark'] .timeline-item .sub-label .ncp-badge {
  background-color: var(--dark-grey-color)!important;
  color: #e2e2e2!important;
}


/**
 * ライブラリ
 */
/* TODO */
[data-mode='dark'] #AreaLibTodo .sub-text .ncp-badge {
  color: #000;
  filter: brightness(.92);
}
[data-mode='dark'] #AreaLibTodo .sub-label .ncp-badge {
  background-color: var(--dark-grey-color)!important;
  color: #cecece!important;
}
/* クリップ案件 ＋ 案件情報 */
[data-mode='dark'] .card .card-content,
[data-mode='dark'] .card-anken-search {
  background-color: #383838!important;
}
[data-mode='dark'] .card .card-content .btn-action {
  color: #8a8a8a!important;
}
[data-mode='dark'] .card .card-content .btn-action:hover {
  background-color: rgba(255,255,255,.16);
  color: #939393!important;
}
[data-mode='dark'] .card .card-content .btn-action.grey-text.text-darken-4 {
  color: #ddd;
}
[data-mode='dark'] .card.anken .card-title {
  backdrop-filter: brightness(.5) contrast(1.5);
}
[data-mode='dark'] .card.anken .card-title .in-label-wrap>.in-label {
  background-color: rgba(0,0,0,.4);
}
/* 案件情報一覧 */
[data-mode='dark'] #TabThread.tabs .tab a.active {
  color: #333!important;
}
[data-mode='dark'] #TableProjectThread .body-text .ncp-modal-thread {
  color: #ddd;
}
/* 目立つやつ */
[data-mode='dark'] .ncp-modal-thread.pulse {
  background-color: rgb(138, 56, 6);
}
/* クリップした案件 */
[data-mode='dark'] .clip-thread-card {
  background-color: rgba(128,128,128,.2);
}
[data-mode='dark'] .clip-thread-card .first-char {
  color: #333 !important;
}
[data-mode='dark'] .clip-thread-card .clip-thread-title {
  color: #ddd;
}

/**
 * オフィス
 */
[data-mode='dark'] .office-user-list .ncp-list-item .thumb-status .icon {
  border-color: #282828;
}
[data-mode='dark'] .tl-user-noimage {
  color: #111;
  filter: brightness(1.65);
}
[data-mode='dark'] .office-user-list .sub-text .ncp-badge {
  background-color: var(--dark-grey-color)!important;
}
[data-mode='dark'] .office-user-list .ncp-list-item .title .grey-text {
  color: #757575 !important;
}
[data-mode='dark'] .office-user-list .ncp-list-item .sub-text,
[data-mode='dark'] .office-user-list .ncp-list-item .sub-text .ncp-badge {
  color: #ddd !important;
}


/**
 * 勤怠
 */
[data-mode='dark'] #BtnShukkin:not(.disabled) {
  background-color: #87d487!important;
  color: #333;
}
[data-mode='dark'] #BtnTaikin:not(.disabled) {
  background-color: #ff9494!important;
  color: #333;
}
[data-mode='dark'] #AttendanceTableWrap table,
[data-mode='dark'] #AttendanceTableWrap th,
[data-mode='dark'] #AttendanceTableWrap td {
  border-color: #4e4e4e;
}
[data-mode='dark'] #AttendanceTableWrap .w0 {
  color: #d75d5d;
}
[data-mode='dark'] #AttendanceTableWrap .w6 {
  color: #6191ef;
}
[data-mode='dark'] #AttendanceTableWrap .at-bg-grey {
  background-color: #343434;
}


/**
 * スケジュール
 */
[data-mode='dark'] #BtnScheduleSelect,
[data-mode='dark'] #BtnSchedulePrev,
[data-mode='dark'] #BtnScheduleNext {
  color: #d7d7d7 !important;
}
[data-mode='dark'] #BtnSchedulePrev,
[data-mode='dark'] #BtnScheduleNext {
  background-color: inherit;
}
[data-mode='dark'] #ScheduletableWrap .schedule-line {
  filter: inherit;
}
[data-mode='dark'] #ScheduletableWrap .ncp-calendar .calendar-item {
  border-color: inherit;
}
[data-mode='dark'] #ModalScheduleDay .grey.lighten-4 {
  background-color: var(--dark-grey-color) !important;
}
[data-mode='dark'] #ModalScheduleDay .day-content .day-content-att-badge {
  background-color: rgba(242, 242, 242, .7);
}
/* 特権管理者用 */
/*
[data-mode='dark'] #ScheduletableWrap .schedule-line.super-user,
[data-mode='dark'] #ModalScheduleDay .day-content .collection.super-user {
  border-color: rgb(192, 192, 192) !important;
  color: rgb(192, 192, 192) !important;
  background-color: rgba(255, 255, 255, .12) !important;
}
*/


/**
 * ホームタブ
 */
[data-mode='dark'] #homeTab .tab a:hover,
[data-mode='dark'] #homeTab .tab a.active {
  color: #d7d7d7!important;
}
[data-mode='dark'] #homeTab .tab a.white {
  background-color: --var(--dark-bg-color) !important;
}
[data-mode='dark'] #badgeTodoCount {
  background-color: #bd2020!important
}
/* SP */
@media only screen and (max-width: 992px) {
  [data-mode='dark'] #homeTab .tab a.white {
    background-color: --var(--dark-bg-light-1) !important;
  }
}


/**
 * 案件詳細
 */
[data-mode='dark'] #ModalThreadDetail .project-detail-header .ncp-badge {
  background-color: var(--dark-grey-color)!important;
  color: #cecece!important;
}
[data-mode='dark'] #ModalThreadDetail .grey.lighten-5 {
  background-color: #373737!important;
}
[data-mode='dark'] #ModalThreadDetail .c-clip-del {
  color: #ddd!important;
}
[data-mode='dark'] .thread-close-message {
  color: #000;
}


/**
 * 社員詳細
 */
[data-mode='dark'] #ProfileTab.tabs .tab a.active {
  color: #ddd;
  background-color: #555;
}


/**
 * 図書室
 */
[data-mode='dark'] .library .lib-th {
  background-color: #393939!important;
}
[data-mode='dark'] .lib-td>a {
  filter: brightness(.75);
}
[data-mode='dark'] .library td.col-action .btn-action:hover {
  background-color: rgba(255,255,255,.16);
  color: #939393!important;
}
[data-mode='dark'] a.lib-index:hover {
  background-color: #333;
}
/* レターパック追跡 */
[data-mode='dark'] .library tr.grey.lighten-4 {
  background-color: #2e2e2e!important;
}


/**
 * CSSレギュレーション
 */
[data-mode='dark'] .code-wrap {
  background-color: #fff;
}


/**
 * お問合せ管理
 */
[data-mode='dark'] .ncp-modal-contact:not(.unread),
[data-mode='dark'] .ncp-modal-contact:not(.unread) .sub-text {
  color: #676767;
}
[data-mode='dark'] .ncp-modal-contact .red-text.text-accent-4 {
  color: #b93a3a!important;
}


/**
 * その他
 */
[data-mode='dark'] .mce-area tr[style*="background-color:"] {
  color: #333;
}
/* NcpModal */
[data-mode='dark'] .ncp-modal-header .back-btn.back-btn-sp {
  color: rgb(232, 232, 232) !important;
}