@charset "UTF-8";
/*
* PCのみ、スタイル調整する場合
*/
/*
* モバイルのみスタイル調整
*/
/*
* PCのみ表示
*/
@media (max-width: 991px) {
  .only-pc {
    display: none !important;
  }
}
/*
* モバイルのみ表示
*/
@media (min-width: 992px) {
  .only-mobile {
    display: none !important;
  }
}
/* eof */
body {
  margin: 0;
  padding: 0;
  opacity: .5;
  transition: all .3s;
}
body.fadeIn {
  opacity: 1;
}
img {
  -webkit-backface-visibility: hidden;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
a {
  outline: none;
  color: #003894;
}
a:hover {
  color: rgba(0, 56, 148, 0.2);
}
a:focus,
*:focus {
  outline: none;
}
.font-min {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}
a.fade {
  transition: all .5s;
  opacity: 1;
}
a.fade:hover {
  opacity: .6;
}
.anchor {
  text-align: right;
  font-size: 12px;
  margin: 40px auto;
}
.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.2);
}
.mini-shadow {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
/* bootstrap4 radios */
.bs-check label,
.bs-radio label {
  padding: 10px;
  background-color: rgba(0, 56, 148, 0.2);
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
  /* CSS3 */
  -moz-user-select: none;
  /* Firefox */
  -webkit-user-select: none;
  /* Safari、Chromeなど */
  -ms-user-select: none;
  /* IE10かららしい */
}
.bs-check label.active,
.bs-radio label.active {
  background-color: rgba(0, 56, 148, 0.7);
  color: white;
}
/* jQuery UI 調整 */
.ui-widget-header {
  border: 0px !important;
  background: none !important;
  background-image: none !important;
  background-color: white;
}
.page-index {
  background-color: #66999a;
}
@media (max-width: 991px) {
  .page-index {
    zoom: 0.9;
    margin-top: -70px;
  }
}
.page-index .login-panel {
  width: 367px;
  /* ログインボタン  */
}
.page-index .login-panel .login-panel-body {
  background-image: url(/img/login/login-middle.png);
  padding-left: 30px;
  padding-top: 30px;
  padding-right: 35px;
}
.page-index .login-panel button[type="submit"] {
  background-color: #003894;
  border-color: #002561;
}
.page-index .login-panel button[type="submit"]:hover {
  background-color: rgba(0, 56, 148, 0.8);
}
.beepoch-logo {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 100px;
}
.beepoch-logo img {
  height: 75px;
}
.btn-submit {
  background-color: #003894;
  color: white;
  padding-left: 2em;
  padding-right: 2em;
}
.btn-submit:hover {
  color: white;
  background-color: rgba(0, 56, 148, 0.8);
}
/* LESS Document */
/*
* WBGT 警告色
*/
.wbgt-level {
  color: white;
}
.wbgt-level1 {
  background-color: #89C662;
}
.wbgt-level2 {
  background-color: #F89034;
}
.wbgt-level3 {
  background-color: #EE2C2A;
}
.wbgt-level4 {
  background-color: #B4282E;
}
.wbgt-text-level1 {
  color: #89C662;
}
.wbgt-text-level2 {
  color: #F89034;
}
.wbgt-text-level3 {
  color: #EE2C2A;
}
.wbgt-text-level4 {
  color: #B4282E;
}
.influenza-level1 {
  background-color: #99CCFF;
}
.influenza-level2 {
  background-color: #CCFFFF;
}
.influenza-level3 {
  background-color: #FFFF99;
}
.influenza-level4 {
  background-color: #FF99CC;
}
/*
* バッテリー残量アイコンカラー
*/
.battery-level-1 {
  color: #CC0000;
}
.battery-level-2 {
  color: #FF9900;
}
.battery-level-3 {
  color: #FFCC00;
}
.battery-level-4 {
  color: #99CC00;
}
.battery-level-5 {
  color: #339900;
}
/*


	wbg eg-keeper


*/
a {
  outline: none;
  color: #003894;
}
a:hover {
  color: rgba(0, 56, 148, 0.2);
}
.btn-submit {
  background-color: #003894;
}
.btn-submit:hover {
  background-color: rgba(0, 56, 148, 0.8);
}
.btn-download {
  background-color: #00112e;
  color: white;
}
.btn-download:hover {
  background-color: #00112e;
  color: white;
}
.pagination {
  margin-bottom: 0;
}
.pagination .active .page-link {
  background-color: #003894;
  border-color: #003894;
}
.page-item.active .page-link {
  z-index: 0;
}
.page-index {
  background-color: #66999a;
}
.page-index .login-panel {
  width: 367px;
  /* ログインボタン  */
}
.page-index .login-panel .login-panel-body {
  background-image: url("/img/login/login-middle.png");
  padding-left: 30px;
  padding-top: 30px;
  padding-right: 35px;
}
.page-index .login-panel button[type="submit"] {
  background-color: #003894;
  border-color: #002561;
}
.page-index .login-panel button[type="submit"]:hover {
  background-color: rgba(0, 56, 148, 0.8);
}
.page {
  background-color: rgba(128, 128, 128, 0.1);
  min-height: 65rem;
  padding-top: 8rem;
  padding-bottom: 3rem;
  /* サイドバーのパネル */
}
.page .title-logo {
  background-color: white;
  padding-bottom: 10px;
  padding-top: 10px;
}
.page .title-logo .container {
  position: relative;
}
.page .title-logo .container .site-logo {
  width: 210px;
}
.page .title-logo .container .powerd {
  position: absolute;
  right: 0;
  top: 0px;
  right: 20px;
  height: 50px;
}
.page .navbar-brand {
  margin: 0;
  padding: 0;
}
.page .navbar-usersite {
  background-color: #003894;
}
.page .navbar-usersite .nav-item {
  margin-right: .5em;
}
.page .navbar-usersite .nav-item a {
  display: inline-block;
  background-color: rgba(0, 56, 148, 0.9);
  padding: 4px 12px;
  border-radius: 4px;
}
.page .midashi {
  font-size: 1.3rem;
  border-left: 12px solid #003894;
  text-align: left;
  padding-left: 10px;
}
.page a[href="/index/alert"] i {
  color: #c00;
}
.page .card-active {
  -webkit-box-shadow: inset 0 0 0px 4px #003894;
  box-shadow: inset 0 0 0px 4px #003894;
}
.page .panel {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  padding: 15px 15px;
}
.page .dev-info {
  border: 2px solid #003894;
  border-radius: 5px;
}
.page .dev-info .dev-label {
  background-color: #003894;
  color: white;
}
.page .dev-info .dev-label span {
  display: inline-block;
  padding: 7px 12px;
}
.page .dev-info .dev-name {
  letter-spacing: 2px;
}
.page .badge-mask {
  font-size: 2rem;
}
.page .temperature {
  font-size: 2rem;
  font-family: Oswald;
}
.page .temperature-danger {
  color: #c00;
}
.page .col-danger td,
.page .col-danger th {
  background-color: rgba(204, 0, 0, 0.2);
}
.page-dashboard .toolbar {
  position: fixed;
  bottom: 0;
  background-color: rgba(128, 128, 128, 0.5);
  padding: 10px;
}
.page-dashboard .toolbar .js-reload-pause {
  display: none;
}
.page-dashboard th {
  width: 200px;
  background-color: #eee;
  text-align: center;
  vertical-align: middle !important;
}
.page-dashboard td {
  vertical-align: middle !important;
}
.page-dashboard th.sub-header {
  background-color: #003894;
  color: white;
}
.page-dashboard .input-temperature {
  width: 130px;
}
.page-dashboard input[name="temperature"] {
  text-align: right;
}
.page-dashboard select[name="temperature_condi"] {
  width: 100px;
}
.page-dashboard input[name="start_date"],
.page-dashboard input[name="end_date"],
.page-dashboard input[name="certificateNumber"] {
  width: 130px;
  text-align: center;
}
.page-dashboard select[name="start_time"],
.page-dashboard select[name="end_time"] {
  width: 100px;
}
.page-dashboard .bs-radios label {
  margin-bottom: 0;
}
.page-dashboard .close-search-condi,
.page-dashboard .open-search-condi,
.page-dashboard .search-condi {
  display: none;
}
.page-dashboard .close-search-condi.active,
.page-dashboard .open-search-condi.active,
.page-dashboard .search-condi.active {
  display: block;
}
.page-dashboard .bs_radios label {
  background-color: rgba(0, 56, 148, 0.2);
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
}
.page-dashboard .bs_radios label.active {
  background-color: #c00;
  color: white;
}
.page-dashboard .btn-select-delete {
  background-color: rgba(204, 0, 0, 0.7);
  color: white;
  display: none;
}
.page-dashboard .btn-all-delete {
  background-color: #c00;
  color: white;
}
.page-alert th {
  width: 200px;
  background-color: #eee;
  text-align: center;
  vertical-align: middle !important;
}
.page-alert td {
  vertical-align: middle !important;
}
.page-alert th.sub-header {
  background-color: #003894;
  color: white;
}
.page-detail {
  background-color: white;
  padding: 0;
}
.page-detail th {
  background-color: #eee;
}
.page-detail th.sub-header {
  background-color: #003894;
  color: white;
}
.page-export .table-export th {
  background-color: rgba(0, 56, 148, 0.1);
  vertical-align: middle;
}
.page-export .table-export .input-group {
  width: 200px;
}
.page-export .table-export .timebelt label {
  width: 75px;
}
.page-setting .submit-after-msg {
  display: none;
}
.page-setting .egk-temperature {
  width: 140px;
}
.page-setting input[name="egk_alert_temperature"] {
  text-align: right;
}
.page-setting input[name="manager_password"] {
  max-width: 250px;
  display: inline-block;
  margin-right: 10px;
}
.page-setting .manager-password-error {
  display: none;
  color: darkred;
}
.page-setting textarea {
  height: 100px;
  max-width: 400px;
}
.page-setting .timebelt label {
  width: 75px;
}