/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
  font-size: inherit;
}

.jsgrid-cell {
  word-wrap: break-word
}

.page-header {
  color: #fff;
  font-size: 30px;
}

.page-footer {
  padding-top: 0px;
  padding-bottom: 0px;
  align-items: center;
}

.menu-margin {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 0px;
}

.material-icons {
  font-size: 30px;
}

.is-hidden {
  display: none
}

.small-modal {
  max-width: 450px;
}

.opacity-btn {
  background-color: orange;
  opacity: 0.5;
}

.reset-date {
  width: 0%;
  margin-left: auto;
}

.page-header-user {
  padding-right: 5px;
  font-size: 15px;
}

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

.narrow-container {
  margin: 0 auto;
  max-width: 1280px;
  width: 70%;
}

.jsgrid-grid-header {
  overflow-x: auto;
}

.win .jsgrid-grid-header::-webkit-scrollbar:horizontal {
  height: 20px;
}

.win .jsgrid-grid-header::-webkit-scrollbar-track:horizontal {
  background: #fafafa;
  border-left: solid 1px #ececec;
}

.win .jsgrid-grid-header::-webkit-scrollbar-thumb:horizontal {
  background: #ccc;
  border-radius: 0px;
  box-shadow: inset 0 0 0 3px #fafafa;
}

.mac .jsgrid-grid-header::-webkit-scrollbar-track:horizontal {
  background: #fafafa;
  border-left: solid 1px #ececec;
}

.mac .jsgrid-grid-header::-webkit-scrollbar-thumb:horizontal {
  background: #ccc;
  border-radius: 10px;
  box-shadow: inset 0 0 0 3px #fafafa;
}

a.manual_link {
  text-decoration: underline;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

/* Materialize.css が jsgrid.css を上書きするため、jsgrid.cssと同じ内容で強制上書き */
.jsgrid-invalid input,
.jsgrid-invalid select,
.jsgrid-invalid textarea {
  background: #ffe3e5 !important;
  border: 1px solid #ff808a !important;
}

/* サーバエラーが発生したセルも赤くできるようカスタマイズ */
.jsgrid-row>.jsgrid-invalid {
  background: #ffe3e5 !important;
  border: 1px solid #ff808a !important;
}

.disabled .card-action {
  background: #f5f5f5 !important;
}

.disabled .card-content {
  background: #f5f5f5 !important;
}

.disabled a {
  pointer-events: none !important;
  color: #9e9e9e !important;
}

.collapsible li.disabled .collapsible-body {
  display: none !important;
}

.collapsible li.disabled .collapsible-header h6 {
  color: #9e9e9e !important;
}

/* ヘッダーの利用規約とプライバシーポリシーを横並びにする */
ul.footer-link li {
  display: inline-block;
  margin-right: 10px;
}

ul.footer-link li a {
  text-decoration: underline;
}

/* ツールチップの設定を上書き */
.material-tooltip {
  width: 250px;
  text-align: left;
  font-size: 12px;
}

.user-icon {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

/* フィルタ指定している行の設定 */
.jsgrid-filter-row>.filtering-column {
  background-color: aliceblue;
}

.grid-width-optimisation {
  max-width: 100%;
}

/* material-iconsの拡張 */
/* アイコンサイズ */
.material-icons.md-36 {
  font-size: 36px;
}

#btn_google_signin {
  padding: 0;
  border: none;
  background: transparent;
}

#btn_google_signin img {
  display: block;
}

/* 表上部のメッセージ余白 */
.table-message {
  padding-top: 20px;
}

/* ページタイトルの余白 */
.page-title {
  margin: 0;
}

/* Tooltipの左余白 */
.csv-tooltip-indent {
  margin-left: 30px;
}

/* Systems画面のボタン幅 */
.systems-button {
  width: 165px;
}

/* ひとつ前に戻るボタンのスタイル */
.back-button {
  cursor: pointer;
  margin-bottom: 20px;
}

/* 要素下部の余白削除 */
.no-margin {
  margin-bottom: 0px;
}

/* 規約ポリシー上部の余白 */
.policy-padding {
  padding-top: 1px;
}

/* AUライセンス不足数の表示 */
.notenough-au-license {
  border-bottom: 1px solid #9e9e9e;
  padding-top: 1em;
  padding-bottom: 0.5em;
  font-size: 16px;
}

/* jsGridの_scrollBarWidthのclass定義 */
.jsgrid-scrollbar-measure {
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  top: -10000px;
  left: -10000px;
}

.jsgrid-scrollbar-measure.auto {
  overflow-y: auto;
}

.jsgrid-scrollbar-inner {
  height: 100px;
}