@charset "utf-8";

html {
  position: relative;
  min-height: 100%;
}

body {
  padding: 0px 10px 50px 10px;
}

/******************************************************************************/
/* ヘッダー */
/******************************************************************************/
#header {
  width: 100%;
}

.logo {
  position: absolute;
  text-align: left;
}

.title {
  font-weight: bold;
  font-size: 2rem;
}

.confidentioal {
  font-weight: bold;
  color: red;
  margin-top: auto;
  margin-left: auto;
  margin-right: 5px;
}

/******************************************************************************/
/* メイン */
/******************************************************************************/
main {
  margin-top: 15px;
}

/******************************************************************************/
/* ログイン */
/******************************************************************************/
.error-message {
  color: red;
  /* エラーメッセージのテキスト色 */
}

table.login {
  margin: auto;
}

table.login td {
  padding: 5px;
}

#checkPassword {
  display: none;
}

/* Edgeの場合のパスワード表示ボタンは非表示 */
::-ms-reveal {
  display: none;
}

.hideEye {
  display: none;
}

#password {
  border: none;
  outline: none;
  display: inline;
}

.togglePassword {
  display: inline-block;
  border: 1px solid;
  border-radius: 2px;
  width: 220px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}


/******************************************************************************/
/* ポップアップ通知 */
/******************************************************************************/
.modalBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(99, 99, 99, 0.5);
}

.modalWrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  Height: 160px;
  width: 380px;
  padding: 10px 30px;
  background-color: #fff;
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}

.modalContents {
  height: 100%;
}

.modalContents div {
  display: flex;
  height: 100%;
  align-items: flex-end;
  justify-content: center
}

p.space {
  line-height: 1.5;
}

/******************************************************************************/
/* jquery.tablesorter */
/******************************************************************************/
.tablesorter-default {
  width: 100%;
  /*font: 12px/18px Arial, Sans-serif;*/
  color: #333;
  background-color: #fff;
  border-spacing: 0;
  margin: 10px 0 15px;
  text-align: left
}

.tablesorter-default th,
.tablesorter-default thead td {
  /*font-weight: 700;*/
  color: #000;
  background-color: #fff;
  border-collapse: collapse;
  border-bottom: #ccc 2px solid;
  padding: 0
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: normal;
  padding: 4px 20px 4px 4px
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc,
.tablesorter-default thead .tablesorter-headerSortUp {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
  border-bottom: #000 2px solid
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc,
.tablesorter-default thead .tablesorter-headerSortDown {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
  border-bottom: #000 2px solid
}

.tablesorter-default thead .sorter-false {
  background-image: none;
  cursor: default;
  padding: 4px
}

.tablesorter-default td {
  background-color: #fff;
  border-bottom: #ccc 1px solid;
  padding: 4px;
  vertical-align: top
}

.tablesorter-default tbody>tr.even:hover>td,
.tablesorter-default tbody>tr.hover>td,
.tablesorter-default tbody>tr.odd:hover>td,
.tablesorter-default tbody>tr:hover>td {
  background-color: #fff;
  color: #000
}

.tablesorter-default .tablesorter-processing {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=) !important
}

/******************************************************************************/
/* 死活監視一覧表示 */
/******************************************************************************/
table thead {
  z-index: 10;
}
.table-striped thead tr th {
  background-color: #4F81BD;
  color: white;
}

.table-striped tbody tr td {
  vertical-align: middle;
}

.table-striped tbody tr:nth-child(odd) td {
  background-color: #D0D8E8;
}

.table-striped tbody tr:nth-child(even) td {
  background-color: #E9EDF4;
}

.table-striped tbody tr.notComfirmed td {
  background-color: #FF6347; opacity:0.65; !important;
  color: white !important;
}

#btnHistory {
  padding: 10px;
  border: none;
}

.updateTime {
  margin-left: 15px;
  margin-right: 15px;
}

.scroll {
  overflow: auto;
  width: 100%;
  min-height: 400px;
  margin: 10px auto;
}

.scroll table {
  border-collapse: collapse;
}

.scroll thead {
  position: sticky;
  top: 0;
  left: 0;
}

#resultList {
  min-width: 1470px;
}

#resultList col.hatsudensyoId {
  min-width: 90px;
  max-width: 90px;
}

#resultList col.hatsudensyoName {
  min-width: 300px;
}

#resultList col.actinometerData {
  min-width: 90px;
  max-width: 90px;
}

#resultList col.stopPcsCount {
  min-width: 110px;
  max-width: 110px;
}

#resultList col.stopDcSensorCount {
  min-width: 140px;
  max-width: 140px;
}

#resultList col.stopConfirmationDate {
  min-width: 125px;
  max-width: 125px;
}

#resultList col.pcsCount {
  min-width: 90px;
  max-width: 90px;
}

#resultList col.confirmationColumn {
  min-width: 80px;
  max-width: 80px;
}

.confirmationColumn {
  transform: scale(2);
}

#resultList col.confirmationDate {
  min-width: 125px;
  max-width: 125px;
}

#resultList col.confirmationContent {
  min-width: 120px;
}

#resultList col.memo {
  min-width: 370px;
}

textarea.memo {
  resize: none;
  display: block;
  border: none;
  min-height: 35px;
  background-color: transparent;
  overflow: hidden;
  word-break: break-all;
}

select.confirmationContent {
  border: none;
  min-width: 100%;
  background-color: transparent;
}

span.hatsudensyoName {
  word-break: break-all;
}

span.memo {
  word-break: break-all;
}

/******************************************************************************/
/* 死活監視履歴 */
/******************************************************************************/
#historyList {
  min-width: 1620px;
}

#historyList col.historyDate {
  min-width: 140px;
  max-width: 140px;
}

#historyList col.hatsudensyoId {
  min-width: 90px;
  max-width: 90px;
}

#historyList col.hatsudensyoName {
  min-width: 300px;
}

#historyList col.actinometerData {
  min-width: 90px;
  max-width: 90px;
}

#historyList col.stopPcsCount {
  min-width: 100px;
  max-width: 100px;
}

#historyList col.stopDcSensorCount {
  min-width: 140px;
  max-width: 140px;
}

#historyList col.stopConfirmationDate {
  min-width: 140px;
  max-width: 140px;
}

#historyList col.pcsCount {
  min-width: 80px;
  max-width: 80px;
}

#historyList col.confirmationColumn {
  min-width: 80px;
  max-width: 80px;
}

#historyList col.confirmationDate {
  min-width: 140px;
  max-width: 140px;
}

#historyList col.confirmationContent {
  min-width: 120px;
}

#historyList col.memo {
  min-width: 370px;
}