@charset "utf-8";
/**********************************************************************
**
** OTS 新見積請求システム
** bootstrap5のカスタマイズCSS
**
** === history ===================================
** [V001] 2022/01/01 New!
**********************************************************************/

/*
 * bootstrap5 カスタマイズ
 */

 :root {
  --bs-primary:#165eca;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0077ff;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #074096;
  --bs-primary-rgb:22, 94, 202;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
}

/* */
main > .container {
  padding: 60px 15px 0;
}

/* table の thead 下の枠線を太くしない */
.table > :not(:first-child) {
  border-top: 1px solid;
}

/* table の tbody 単位で色を変える */
.table-striped-tbody > tbody:nth-of-type(odd) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
}

/* table の td が空の場合の高さ設定 */
table td:before {
  display: block;
  float: left;
  height: 24px;
  content: "";
}
/* table の 下線の色 */
tbody, td, tfoot, th, thead, tr {
  border-color: #d0d0d0;
}

/* ツールチップの幅を広げる */
.tooltip-inner {
  max-width: 1140px;
  text-align: left;
}


/* btn size */
.btn-lg, .btn-group-lg > .btn {
  padding: .8em 1rem;
}

/*
.btn-sm, .btn-group-sm > .btn {
  padding:.6em 0.5rem;
}
*/

/* モーダルサイズ */
/*
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
    max-width:900px;
  }
}
*/