@charset "utf-8";
/**********************************************************************
**
** BCM-営業支援ツール
** 共通 CSS
**
** === history ===================================
** [V010] 2022/01/01 New!
**********************************************************************/

/*
 * コンテナ
 */
.container,.container-fluid {
 padding-top:80px;   /* ヘッダ分下げる */
 padding-bottom: 8px; /* 下を少し開ける */
}

/*
 * メイン
 */
main {
  padding-left: 160px; /* サイドメニュー分右に寄せる */
}

/*
 * メインメニュー
 */
.mainbar .nav-link {
  color: #333;
}

.mainbar .nav-link.active {
  font-weight: bold;
}

/*
 * サブメニュー
 */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 160px;
  z-index: 100;
  padding: 60px 8px 0 8px;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar .nav-link {
  color: #333;
}

.sidebar .nav-link.active {
  color: #0d6efd;
  font-weight: bold;
}


/*
 *  フッター
 */
.footer {
  z-index: 200;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1);
}

/*
 * テーブル共通
 */
/* ボタン用（小さい値を指定しておく） */
table th.buttons,
table td.buttons {
  width: 0.1rem;
}

/* 最小幅用（小さい値を指定しておく） */
table th.mins,
table td.mins {
  width: 0.1rem;
  white-space:nowrap;
}


/*
 * ログイン画面
 */
.form-signin {
  width: 100%;
  max-width: 500px;
  padding: 80px 15px 15px 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


/*
 * 案件進捗一覧（ブロック）
 */

#block-list li {
  padding: 0.25rem 0.5rem;
  min-height: 33px;
}

.block-arrow {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 64px;
  clip-path: polygon(0 25%, 80% 25%, 80% 0, 100% 50%, 80% 100%, 80% 75%, 0 75%);
  text-align: center;
  padding-top: 20px;
}

.block-square {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 64px;
  clip-path: polygon(0 20%, 100% 20%, 100% 80%, 0 80%);
  text-align: center;
  padding-top: 20px;
}

.block-arrow.block-arrow-lead {
  background-color: #B4C7E7;
  color: #FFFFFF;
}

.block-arrow.block-arrow-opportunity {
  background-color: #8FAADC;
  color: #FFFFFF;
}

.block-arrow.block-arrow-estimate {
  background-color: #2F5597;
  color: #FFFFFF;
}

.block-square.block-square-order {
  background-color: #203864;
  color: #FFFFFF;
}

.block-square.block-square-stagnant {
  background-color: #A9D18E;
  color: #FFFFFF;
}



/*
 * カレンダー
 */
/* 日曜日：赤 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7n + 1),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n + 1) {
    color: red;
}
/* 土曜日：青 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n) {
    color: blue;
}
/* テキスト幅 */
input.flatpickr {
  max-width: 7.2rem;
}


/*
 * 共通
 */
 /* 数値3桁 */
input.num3 {
  max-width: 4em;
  text-align: right;
}

/* 10字 */
input.str10 {
  width: 10.1rem;
}

/* 20字 */
input.str20 {
  width: 20.2rem;
}

/* 30字 */
input.str30 {
  width: 30.3rem;
}

/* 50字 */
input.str50 {
  width: 50.5rem;
}