body {
    padding-top: 85px;
    /*padding-bottom: 40px;*/
    padding-bottom: 60px;
}

.zf-green {
    color: #68b604;
}

.btn-success {
    background-color: #57a900;
    background-image: -moz-linear-gradient(top, #70d900, #57a900);
    background-image: -ms-linear-gradient(top, #70d900, #57a900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
    background-image: -webkit-linear-gradient(top, #70d900, #57a900);
    background-image: -o-linear-gradient(top, #70d900, #57a900);
    background-image: linear-gradient(top, #70d900, #57a900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #57a900;
}

div.container a.navbar-brand > img {
    display: inline;
    margin-right: 4px;
    margin-top: -2px;
}


/* add */
input[type="date"] {
  width: 11rem !important;
  /*width: auto;*/
}

input[type="time"] {
  width: 8rem !important;
  /*width: auto;*/
}
/* 添付ファイル */
a[name="attachment"] {
  /*font-size: 5rem;*/
  color: #919191;
}


/* 日付 文字色 */
.weekday-color {
  color: #00b7ce;
}

.day-color-blue, .saturday-color {
  color: #00b7ce;
}

.day-color-red, .sunday-color, .holiday-color {
  color: #ef4123;
}

/* 日付 ハイライト */
.weekday-highlight {
  color: #ffffff;
  background-color: #77a88d;
}

.saturday-highlight {
  color: #ffffff;
  background-color: #00b7ce;
}

.sunday-highlight, .holiday-highlight {
  color: #ffffff;
  background-color: #ef4123;
}


/* 読み取り専用項目 */
.bg-readonly {
  /*background-color: #a6dcef !important;*/
  background-color: #ddf3f5 !important;
}
span.bg-readonly:not(:empty) {
  height: initial;
}


/* 検証成功時(枠線は通常時と同様とする。チェックのimgを表示しない) */
.was-validated .form-control:valid {
  border-color: #ced4da;
  background-image: initial;
}
.was-validated .custom-file-input:valid ~ .custom-file-label {
  border-color: #ced4da;
  background-image: initial;
}
.was-validated .form-check-input:valid ~ .form-check-label {
  color: #495057;
}

/* 検証成功時(フォーカス色は通常時と同様とする) */
.was-validated .form-control:valid:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* 下線表示 */
.under {
  /* margin-bottom: 0px;*/
  text-decoration: underline;
}

/*
2020/08/12 モックアップのkyoutuu.cssを下記に記述
*/


/* 共通部 */
/* アイコンカラー */
i {
  color: #31a0d0;
}

body {
  /*height: 100%*/
}

/* aタグ下線 */
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* ヘッダー */
header {
  /*bottom: 0;*/
  /*margin: 0;*/
  /*width: 100%;*/
  height: 55px;

  background: #31a0d0;
}

.header {
  /*background: #31a0d0;*/
  /*height: 55px;*/
}

/* svgアイコン用 */
.header-img {
  background-color: #ffffff;
  float: left;
  margin-top: 10px;
  /*margin-left: 10px;*/
  height: 40px;
  width: 40px;
  border: 1px solid #ffffff;
  border-radius: 10%;
}

/* iアイコン用 */
.header i {
  background-color: #ffffff;
  float: left;
  margin-top: 10px;
  /*margin-left: 10px;*/
  height: 40px;
  width: 40px;
  border: 1px solid #ffffff;
  border-radius: 10%;
  /*font-size: 35px;*/
  font-size: 2rem;
  padding-top: 1px;
}

/* ユーザ情報 */
.user-name {
  /*float: right;*/
  /*text-align: right;*/
  /*margin-top: 3px;*/
  /*margin-right: 10px;*/
  /*margin-bottom: 1px;*/
}

.user-name span {
  /*font-size: 13px;*/
  font-size: 0.75rem;
  /*margin: 0px;*/
}

/* 検索 */
.search {
  height: 30px;
  background-color: #e9ecef;
  top: 55px;
}

.search-img {
  /*height: 30px;*/
  /*width: 30px;*/
  /*background-color: #e9ecef;*/
  margin: 0px;
  padding: 0px;
  border: none;
}

.search-text {
  /*background-color: #e2e2e2;*/
  height: 30px;
}

/* メイン */
.main {
  /*padding-top: 55px;*/
  /*padding-bottom: 55px;*/
  /*height: 100%;*/
  /*width: 100%;*/
}

/* 一覧 */
.box {
  border-bottom: solid 1px #c9c9c9;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.box a {
  color: black;
  /* text-decoration: none; */
}

/* フッター */
footer {
  background: #31a0d0;
  /*position: absolute;*/ /*要素を浮かす*/
  /*bottom: 0;*/
  margin: 0;
  /*width: 100%;*/
  height: 55px;
  /*left: 0;*/
  display: flex;
}

.footer a {
  /*text-decoration: none;*/
}

.footer-menu {
  margin-right: auto;
  margin-left: auto;
  display: flex;
}

.footer-menu button {
  border: none;             /* 枠線を消す */
  outline: none;            /* クリックしたときに表示される枠線を消す */
  background: transparent;  /* 背景の灰色を消す */

  padding: 0px;
}

.footer-menu-btn {
  /*padding: 0px;*/
}

.footer-menu-btn-img {
  /*height: 80%;*/
  /*width: 80%;*/
  /*font-size: 15px;*/
  color: #31a0d0;
  background-color: #ffffff;
  width : 50px;
  height: 50px;
  /*border: 1px solid #31a0d0;*/

  margin: 1px;
}

.footer-link {
  /*font-size: 15px;*/
  /*color: #31a0d0;*/
  /*background-color: #ffffff;*/
  /*width : 50px;*/
  /*height: 50px;*/
  /*border: 1px solid #31a0d0;*/
}

/* モーダル設定 */
.modal-content {
  /*margin-top: 40px;*/
  /*margin-bottom: 60px;*/
}

.modal-body, .modal-footer {
  /*padding: 0px;*/
}

.modal-padding {
  /*padding: 10px;*/
  /*margin-top: 0px;*/
}

.modal-backdrop {
  /*z-index: 1020;*/
}

.btn-block+.btn-block {
  /*margin-top: 0px;*/
}

.logout {
  /*color: #ff0000;*/
}

.form-control {
  /*padding: 5px;*/
}