/**
 * bootstrapのカスタマイズ方法
 * https://getbootstrap.jp/docs/5.3/customize/sass/
 */

// bootstrapをimportするより前に変数定義を宣言する必要がある
@import "./variables";
@import '~bootstrap/scss/bootstrap';
@import "./google";
@import "./forms";
@import "./list-tables";

.#{yoyaku} {
  h1 {
    font-size: 23px;
    font-weight: 400;
    margin: 0 5px 0 0;
    padding: 9px 0 4px;
    line-height: 1.3;
  }

  h2 {
    font-size: 20px;
    margin: 0 5px 0 0;
  }

  p {
    font-size: var(--bs-body-font-size);
  }

  .sent-status-icon {
    padding-right: 5px;
    position: relative;
    top: -2px;
  }

  .sort-icon {
    padding-left: 8px;
    position: relative;
    top: -2px;
  }

  .detail-card-wrap {
    margin: 1rem 0 0 0;
  }

  // settings のタブ
  .nav-item {
    margin-bottom: 0;
  }
}