/*input type="number"の上下矢印を消す*/
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance:textfield;
}

/*列見出し固定用*/
.thlock{
 position: sticky;/*←これで追尾させる*/
 top: -2px;/*←top:0;だと隙間が開いてしまう為マイナス値で詰める*/
 z-index: 2;
}


/*行見出し固定用*/
.tdlock{
 position: sticky;
 left: 1px;
 background: #ffffff;

}


/* 全体を白に */
body{
  background-color: #fff;
}

/* 文字サイズ */
body, table, .btn, i{
  font-size:0.9em;
}

/* サイトタイトル */
.navbar-brand{
  /* font-size: 1rem; */
  font-size: 0.9rem;
}

/* テーブルのth文字を縦の真ん中に */
.table thead th {
    vertical-align: middle;
}

/*合計金額の背景は薄いピンク*/
.bg-total{
  background-color: rgb(252, 247, 247);
  pointer-events: none; /* ホバー動作なし */
}
/*総合計金額の背景*/
.bg-all-total{
  background-color: rgb(252, 247, 247);
  pointer-events: none; /* ホバー動作なし */
}
/* hover行は、trだけでなくtdをグレーに */
.table-hover tbody tr:hover td{
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}


/* カレントナビ（jsで付与）の文字 */
a.current-nav span{
    color: #aaa;
    border-bottom: solid 3px #aaa;
    padding-bottom: 5px;
}

/*白文字のリンク*/
.white-link{
  color:white !important;
}

.white-link:hover{
  color: #aaa !important;
}

/* 文字濃い青 */
.text-deep-blue{
  color: rgb(46, 93, 194)
}

/*背景濃いグレー*/
.bg-dark-gray{
  background-color: #333333;
}
/*背景グレー*/
.bg-gray{
  background-color: #ededed;
  pointer-events: none; /* ホバー動作なし */
}


/*前月翌月の切り替えボタン*/
a.swich_month:hover{
  text-decoration: none;
  color: #222 !important;
}

/* テーブル外枠 */
table {
  /* border: 4px solid #dee2e6 !important; */
}
table td{
  vertical-align: middle !important;
}

/*ハンバーガーを白く*/
.navbar-light .navbar-toggler {
  border-color: rgba(255, 255, 255, 0);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* 濃い緑ボタン */
.btn-dark-green{
    color: #fff;
    background-color: #14774a;
    border-color: #14774a;
}
.btn-dark-green:hover{
    color: #fff;
    background-color: #03492a;
    border-color: #03492a;
}

/* 緑ボタン */
.btn-green{
  color: #fff;
  background-color: #22b273;
  border-color: #22b273;
}
.btn-green:hover{
  color: #fff;
  background-color: #05643b;
  border-color: #05643b;
}

/* 緑アウトラインボタン */
.btn-outline-green{
  color: #22b273;
  border-color: #22b273;
}
.btn-outline-green:hover{
  color: #fff;
  background-color: #22b273;
  border-color: #22b273;
}



/* 黄緑ボタン */
.btn-light-green{
  color: #fff;
  background-color: #2fb82d;
  border-color: #2fb82d;
}
.btn-light-green:hover{
  color: #fff;
  background-color: #2fb82d;
  border-color: #2fb82d;
}

/* 黄緑アウトラインボタン */
.btn-outline-light-green{
  color: #2fb82d;
  border-color: #2fb82d;
}
.btn-outline-light-green:hover{
  color: #fff;
  background-color: #2fb82d;
  border-color: #2fb82d;
}


/* ピンクボタン */
.btn-pink{
  color: #fff;
  background-color: #ff5db3;
  border-color: #ff5db3;
}
.btn-pink:hover{
  color: #fff;
  background-color: #ff5db3;
  border-color: #ff5db3;
}

/* ピンクアウトラインボタン */
.btn-outline-pink{
  color: #ff5db3;
  border-color: #ff5db3;
}
.btn-outline-pink:hover{
  color: #fff;
  background-color: #ff5db3;
  border-color: #ff5db3;
}

/* 紫ボタン */
.btn-purple{
  color: #fff;
  background-color: #a627e0;
  border-color: #a627e0;
}
.btn-purple:hover{
  color: #fff;
  background-color: #a627e0;
  border-color: #a627e0;
}

/* 紫アウトラインボタン */
.btn-outline-purple{
  color: #a627e0;
  border-color: #a627e0;
}
.btn-outline-purple:hover{
  color: #fff;
  background-color: #a627e0;
  border-color: #a627e0;
}

/* 黄色ボタン */
.btn-yellow{
  color: #fff;
  background-color: #9fa823;
  border-color: #9fa823;
}
.btn-yellow:hover{
  color: #fff;
  background-color: #9fa823;
  border-color: #9fa823;
}

/* 黄色アウトラインボタン */
.btn-outline-yellow{
  color: #9fa823;
  border-color: #9fa823;
}
.btn-outline-yellow:hover{
  color: #fff;
  background-color: #9fa823;
  border-color: #9fa823;
}


/* 深緑ボタン */
.btn-deep-green{
  color: #fff;
  background-color: #156e14;
  border-color: #156e14;
}
.btn-deep-green:hover{
  color: #fff;
  background-color: #156e14;
  border-color: #156e14;
}

/* 深緑アウトラインボタン */
.btn-outline-deep-green{
  color: #156e14;
  border-color: #156e14;
}
.btn-outline-deep-green2{
  color: #156e14;
  border-color: #156e14;
  min-width:205px;
}
.btn-outline-deep-green:hover{
  color: #fff;
  background-color: #156e14;
  border-color: #156e14;
}


/* オレンジボタン */
.btn-orange{
  color: #fff;
  background-color: #ec9600;
  border-color: #ec9600;
}
.btn-orange:hover{
  color: #fff;
  background-color: #ec9600;
  border-color: #ec9600;
}

/* オレンジアウトラインボタン */
.btn-outline-orange{
  color: #ec9600;
  border-color: #ec9600;
}
.btn-outline-orange:hover{
  color: #fff;
  background-color: #ec9600;
  border-color: #ec9600;
}


/* 濃いオレンジボタン */
.btn-deep-orange{
  color: #fff;
  background-color: #ec6400;/* ff7700 */
  border-color: #ec6400;
}
.btn-deep-orange:hover{
  color: #fff;
  background-color: #ec6400;
  border-color: #ec6400;
}

/* 濃いオレンジアウトラインボタン */
.btn-outline-deep-orange{
  color: #ec6400;
  border-color: #ec6400;
}
.btn-outline-deep-orange:hover{
  color: #fff;
  background-color: #ec6400;
  border-color: #ec6400;
}


/* 茶色ボタン */
.btn-brown{
  color: #fff;
  background-color: #a34201;
  border-color: #a34201;
}
.btn-brown:hover{
  color: #fff;
  background-color: #a34201;
  border-color: #a34201;
}

/* 茶色アウトラインボタン */
.btn-outline-brown{
  color: #a34201;
  border-color: #a34201;
}
.btn-outline-brown:hover{
  color: #fff;
  background-color: #a34201;
  border-color: #a34201;
}




/*吹き出し*/
.balloon {
    position: relative;
    display: inline;
}
.balloon span {
    position: absolute;
    width: 50px;
    color: #ffffff;
    background: #000000;
    height: 30px;
    line-height: 30px;
    text-align: center;
    visibility: hidden;
    border-radius: 4px;
}
.balloon span:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0; height: 0;
    border-bottom: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.balloon:hover span {
    visibility: visible;
    opacity: 1;
    top: 40px;
    left: 50%;
    margin-left: -25px;
    z-index: 999;
}





/* フォーム日付選択カレンダー */
input[type="date"] {
    width: 200px;
    position: relative;
}

input[type="date"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
}

input[type="date"]::-webkit-clear-button{
    -webkit-appearance: none;
}
input[type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
}
input[type=date]::-webkit-calendar-picker-indicator {
    /*省略*/
    opacity: 0;
}

/* 2020/11/16 エラー用に追加 */

.text-error {
  border: solid 1px #fc6c6c;
  background-color: #ffd9e1;
}