/* バリデーションエラー */
.error {
    color: #ff4000 !important;
    font-weight: normal;
}
input.error, select.error {
    border: #ff4000 1px solid !important;

}

/* ボタンをリンクタグに変更する */
.destroyBtn {
    border: none;
    background: #fff;
    color: #3c8dbc;
    font-weight: normal;
    padding: 0;
  }

/* スマホ対応 日報一覧テーブル */
.table-box-report table, .table-box-report th, .table-box-report td {
    background: #fff;
}
.table-box-report thead tr th {
  position: sticky;
  top: 0;
  background: #fff;
}
.table-box-report thead tr th:first-child {
  z-index: 10000;
  position: sticky;
  left: 0;
  background: #eee;
}
.table-box-report tbody tr th {
  position: sticky;
  left: 0;
  background: #eee;
}
.table-box-report {
  height: 500px;
  overflow: scroll;
  padding: 0px;
  margin: 10px;
}
@media screen and (max-width: 600px) {
    .table-box-dashboard {
      display: none;
    }
    .table-box-dashboard-mobile {
      display: block;
    }
    .hidden-item-mobile {
      display: none;
      margin: 0px;
      padding: 0px;
    }
  }
@media screen and (min-width: 600px) {
  .table-box-dashboard {
    display: block;
  }
  .table-box-dashboard-mobile {
    display: none;
  }
  .hidden-item-mobile {
    display: inline;
    margin: 0px;
    padding: 0px;
  }
}
.table-box-dashboard thead tr th:first-child {
  z-index: 10000;
  left: 0;
  background: #eee;
}
.table-box-dashboard tbody tr th {
  left: 0;
  background: #eee;
}
.table-box-dashboard-mobile h4 {
  margin-left: 8px;
}
.table-box-dashboard-mobile h5 {
  margin-left: 16px;
}
label.required::before {
  content: "*";
  color: #ff4000;
  font-weight: normal;
  margin-right: 2px;
}
.datepicker-days th.dow:first-child,
.datepicker-days td:first-child {
    color: red;
}
.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
    color: blue;
}

.CreateReport__error_massage {
    color: red !important;
}

/** headerの色を変更 **/
header {
    background: #ffbd00 !important;
    background: linear-gradient(to right, #ffb600 0%, #ff8500 100%) !important;
}
.main-header {
    background: #ffbd00 !important;
    background: linear-gradient(to right, #ffb600 0%, #ff8500 100%) !important;
}
.navbar {
    background: none !important;
}
.logo{
    background: none !important;
}
.main-header .navbar .sidebar-toggle:hover {
    background: none !important;

}


.btn {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px !important;
}
.btn:hover {
    background: #e67802;
    border-color: #e67802;
}
button:hover, button:active, button:focus, button:disabled {
    background: #e67802 !important;
    border-color: #e67802 !important;
}
.btn-primary{
    background-color:#ff9800;
    background: linear-gradient(to right, #ff9800 0%, #ff8500 100%);
    border-color:#ffb600;
}
.box.box-warning {
    border-image: linear-gradient(to right, #ffb600 0%, #ff8500 100%);
    border-image-slice: 1;
}
a {
    color: #ff8500;
}
a:hover, a:active, a:focus {
    color: #ff992b
}


.content-wrapper {
    background: url("/img/bg_white_paper.jpg") !important;
}

.box {
    border-top: none;
    border-radius: 8px !important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px !important;
}
header {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px !important;
}


.login-box-body, input, button, select {
    border-radius: 8px !important;
}

.form-control:focus {
    border-color: #ff9800;
    box-shadow: 0 0 5px 1px rgba(255, 119, 0, .5);
}