/* Generated by AWAG  */
 html, body {
   font-family: "Hiragino Kaku Gothic ProN", YuGothic, "Meiryo", "Helvetica", sans-serif !important;
   background-color: #eee;
   font-size: 18px;
 }
.input-floating-label {
  color: rgb(63, 81, 181);
  font-size: 0.8rem;
  top: 4px;
  position: absolute;
}
.content-grid {
  max-width: 960px;
}
.white-space {
  margin: 8px;
}
.x-table {
  overFlow-x: auto;
}
.full-width {
  width: 100%;
}
.content-body {
  margin-left: 24px;
}

@media (max-width: 839px) {
  .myfitcard {
    margin: 8px;
    width: calc(100% - 16px);
  }
  .mdl-mega-footer {
    padding-left:0;
    padding-right:0;
    background-color: #ffffff;
    height: 216.8px; 
  }
  .footer-wrapper {
    padding-left: 16px;
  }
 /* 取引履歴照会時のテーブルの縦列の属性 */
  .historical_informationA{
    width: 27%;
  }
  .historical_informationB{
    width: 30%;
  }
  .historical_informationC{
    width: 43%;
  }
  .historical_information1{
    width: 40%;
  }
  .historical_information2{
    width: 60%;
  }
  /* エラーメッセージの位置も調整*/
  .error {
    color: red;
    width: fit-content;
  }
  /* 正常時メッセージ*/
  .complete{
    color: green;
    margin-left:20px;
    width: fit-content;
  } 
  /* アプリケーション一覧のテーブルの幅 */
  .application_table_layout{
    width: 100%;
  }
}
@media (min-width: 840px) {
  .myfitcard {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: auto;
    margin-left: auto;
    width: 824px;
  }
  .mdl-mega-footer {
    padding-top: 16px;
    padding-bottom: 8px;
    padding-left:0;
    padding-right:0;
    background-color: #ffffff;
    height: 216.8px; 
  }
  .footer-wrapper {
    width: 824px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
  }
 /* 取引履歴照会時のテーブルの縦列の属性 */
  .historical_informationA{
    width: 25%;
  }
  .historical_informationB{
    width: 22%;
  }
  .historical_informationC{
    width: 53%;
  }
  .historical_information1{
    width: 25%;
  }
  .historical_information2{
    width: 75%;
  }
 /* エラーメッセージの位置も調整*/
  .error {
    color: red;
    width: 824px;
    position: relative;
    left: calc(50% - 421px);
  }
 /* 正常時メッセージ*/
  .complete{
    color: green;
    margin-left:20px;
    width: 824px;
    position: relative;
    left: calc(50% - 421px);
  }
 /* アプリケーション一覧のテーブルの幅 */
  .application_table_layout{
    width: 50%;
  }
}

.mdl-textfield__output {
  border: none;
  border-bottom: 1px solid white;
  display: block;
  font-size: 16px;
  font-family: "Helvetica","Arial",sans-serif;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  background: 0 0;
  text-align: left;
  color: inherit;
  height: auto;
  word-wrap: break-word;
}
.height28 {
  height: 28px;
}

.card-title-text {
  font-size: 16px;
}
.awag-textfield__error {
  color: #d50000;
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  display: block;
}
.align-bottom {
  bottom: 20px;
  position: absolute;
}

/*エラーメッセージがスマホ幅が狭いと重なるため一律の対応*/
.mdl-cell {
  margin-top: 14px;
  margin-bottom: 0px;
}

/* AWAG標準のタブレット認識760px以上はいらない*/
@media screen and ( min-width:760px ){
    .mdl-cell {
      margin-top: 0px;
      margin-bottom: 0px;
    }
}

/* フロートボタンを実装するとしたらのお話*/
.absolute_button{
	position: fixed;
    z-index: 99 !important;
    width: 56px;
    height: 56px;
    right: 70px;
    bottom: 40px;
    cursor: pointer;
    background: #25ff36 !important; 
    color:#0080ff !important;
}

/* エラーアイコンの位置調整*/
.error_icon{
  vertical-align: bottom;
 }
 
/* 行間の調整 */
.mdl-card__supporting-text{
	line-height: 20px;
}

/* ヘッダーのロゴの位置を調整 */
.mdl-layout__header-row{
	position: absolute;
	left: 50%;
	/* ロゴのサイズに合わせて中央に表示 */
	transform: translateX(-50%) translateX(-24px);
	/* Safari用 */
	-webkit-transform: translateX(-50%) translateX(-24px);
}

 /* 登録アプリケーション欄の縦列の属性 */
  .application_information_select{
    width: 71.2px;
  }
  .application_information_servicename{
    /* Safariだと効かないので消す */
    /* width: calc(100% - 71.2px); */
  }