/* 共通css */

body {
  font-size: 14px;
}

/* add t-kotone 2021-02-19 start */
/* ヘッダタイトル */
.header-title>a:link, .header-title>a:visited, .header-title>a:hover, .header-title>a:active {
  color: white;
  text-decoration: none;
}
/* add t-kotone 2021-02-19 end */

/* エースカラーの背景色（ヘッダで使用） */
.aceStyle {
  background-color: #ff4081 !important;
}

/* エースカラーのボタンスタイル */
.aceStyle-btn {
  /* ボタンの色がピンクで、文字は白*/
  background-color: #ff4081 !important;
  border-color: #ff4081 !important;
  box-shadow: 0px 3px 1px -1px rgba(0, 0, 0, 0.2),
    1px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
  width: 130px;
  height: 50px;
}
.aceStyle-btn:hover {
  background-color: #ff669a !important;
}

/* エースカラーのボタンスタイル（メニュー画面のボタン） */
.aceStyle-btn-large {
  /* ボタンの色がピンクで、文字は白*/
  background-color: #ff4081 !important;
  border-color: #ff4081 !important;
  box-shadow: 0px 3px 1px -1px rgba(0, 0, 0, 0.2),
    1px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
  width: 500px;
  height: 50px;
}
.aceStyle-btn-large:hover {
  background-color: #ff669a !important;
}

/* エラーメッセージエリアのスクロールバー表示 */
.overflow-auto::-webkit-scrollbar {
  height: 10px;
}
.overflow-auto::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 5px;
}
.overflow-auto::-webkit-scrollbar-track-piece {
  background: #efefef;
}

/* 承認ボタンの上にアイコンを設定 */
.noticeIcon{
  position: absolute;/*絶対配置*/
  font-size: 25px;
  color: yellow;
  right: 7px;
}

/* テーブルのヘッダーは改行しない設定 */
.th-nowrap {
  white-space: nowrap;
}