@page {
  size: auto;
}
.data_server_alarm {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
  animation: blink 1s ease-in-out infinite alternate;
}
.data_server_normal {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
}
.dual_server_alarm {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
  animation: blink 1s ease-in-out infinite alternate;
}
.dual_server_normal {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
}
.postgres_alarm {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
  animation: blink 1s ease-in-out infinite alternate;
}
.postgres_primary {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
}
.postgres_standby {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #e8f5e9;
  background: #e8f5e9;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
}
.redis_alarm {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
  animation: blink 1s ease-in-out infinite alternate;
}
.redis_primary {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
}
.redis_standby {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #e8f5e9;
  background: #e8f5e9;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
}
.mongo_alarm {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
  animation: blink 1s ease-in-out infinite alternate;
}
.mongo_primary {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
}
.mongo_standby {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #e8f5e9;
  background: #e8f5e9;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
}
.emqx_alarm {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
  animation: blink 1s ease-in-out infinite alternate;
}
.emqx_primary {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
}
.emqx_standby {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #e8f5e9;
  background: #e8f5e9;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
}
.disk_space_alarm {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
  animation: blink 1s ease-in-out infinite alternate;
}
.disk_space_normal {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #000000;
  margin: 0px 2px;
  border-radius: 8px;
  height: 28px;
}
.device_alarm {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 8px;
  border-radius: 8px;
  height: 28px;
  animation: blink 1s ease-in-out infinite alternate;
}
.device_adjustment {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 8px;
  border-radius: 8px;
  height: 28px;
}
.device_normal {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 8px;
  border-radius: 8px;
  height: 28px;
}
.focus_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 8px;
  border-radius: 8px;
  height: 28px;
}
.focus_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 8px;
  border-radius: 8px;
  height: 28px;
}
.sosa_journal {
  color: #2196f3;
}
.sosa_journal_dark {
  color: #00fff3;
}
.auto_sosa_journal {
  color: #2196f3;
}
.state_on_journal {
  color: #d60077;
}
.state_off_journal {
  color: #4caf50;
}
.alarm_on_journal {
  color: #f44336;
}
.alarm_off_journal {
  color: #000000;
}
.alarm_off_journal_dark {
  color: #ffffff;
}
.state_on_history {
  color: #d60077;
}
.state_off_history {
  color: #4caf50;
}
.alarm_on_history {
  color: #f44336;
}
.alarm_off_history {
  color: #000000;
}
.alarm_off_history_dark {
  color: #ffffff;
}
.state_on_summary {
  color: #d60077;
}
.state_off_summary {
  color: #4caf50;
}
.alarm_on_summary {
  color: #f44336;
}
.alarm_off_summary {
  color: #000000;
}
.alarm_off_summary_dark {
  color: #ffffff;
}
.sosa_seig_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f44336;
  background: #f44336;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f44336;
  background: #f44336;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_3 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_4 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #2196f3;
  background: #2196f3;
  color: #ffffff;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_6 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_7 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f44336;
  background: #f44336;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #2196f3;
  background: #2196f3;
  color: #ffffff;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_10 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_11 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_12 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #80deea;
  background: #80deea;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_13 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_14 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_15 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_16 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_seig_32767 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #eeeeee;
  background: #eeeeee;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_kitei_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_kitei_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_kitei_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_kitei_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_kitei_3 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_kitei_4 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_kitei_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_kitei_6 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_kitei_7 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_kitei_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_kitei_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_kitei_10 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_htalarm_on {
  animation: blink 1s ease-in-out infinite alternate;
}
.sosa_state_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_state_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_state_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_state_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_state_3 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_state_4 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_state_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_state_6 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_state_7 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_state_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_state_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_state_10 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_alarm_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.sosa_alarm_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #eeeeee;
  background: #eeeeee;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.sosa_alarm_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.sosa_alarm_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.sosa_alarm_3 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.sosa_alarm_4 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.sosa_alarm_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.sosa_alarm_6 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.sosa_alarm_7 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.sosa_alarm_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.sosa_alarm_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.sosa_alarm_10 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.sosa_fudakake_input_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #bbdefb;
  background: #ffffff;
  color: #2196f3;
  margin: 0px 16px;
  border-radius: 16px;
}
.keis_nosensor_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.keis_nosensor_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #eeeeee;
  background: #eeeeee;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.keis_highlimit_on_0 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.keis_highlimit_on_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.keis_highlimit_on_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.keis_lowlimit_on_0 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #90caf9;
  background: #90caf9;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.keis_lowlimit_on_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #90caf9;
  background: #90caf9;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.keis_lowlimit_on_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #90caf9;
  background: #90caf9;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.settei_htalarm_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.settei_seig_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f44336;
  background: #f44336;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f44336;
  background: #f44336;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_3 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_4 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #2196f3;
  background: #2196f3;
  color: #ffffff;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_6 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_7 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f44336;
  background: #f44336;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #2196f3;
  background: #2196f3;
  color: #ffffff;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_10 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_11 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_12 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #80deea;
  background: #80deea;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_13 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_14 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_15 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_16 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.settei_seig_32767 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #eeeeee;
  background: #eeeeee;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.seki_highlimit_on_0 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.seki_highlimit_on_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.seki_highlimit_on_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.seki_highlimit_on_3 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.seki_highlimit_on_4 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.seki_highlimit_on_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.untn_highlimit_on_0 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.untn_highlimit_on_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.untn_highlimit_on_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.untn_highlimit_on_3 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;

  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.untn_highlimit_on_4 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.untn_highlimit_on_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.untn_highlimit_on_6 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.dosa_highlimit_on_0 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.dosa_highlimit_on_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.dosa_highlimit_on_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.dosa_highlimit_on_3 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.dosa_highlimit_on_4 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.dosa_highlimit_on_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.keiho_highlimit_on_0 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.keiho_highlimit_on_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.keiho_highlimit_on_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.keiho_highlimit_on_3 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.keiho_highlimit_on_4 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.keiho_highlimit_on_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.schlist_seig_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.schlist_seig_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.demand_contract {
  color: #4caf50;
}
.demand_target {
  color: #2196f3;
}
.demand_value {
  color: #afb42b;
}
.demand_yosoku {
  color: #e33371;
}
.demand_load_factor {
  color: #ff9800;
}
.demand_alarm_1 {
  color: #ff9872;
}
.demand_alarm_2 {
  color: #ff4848;
}
.demand_alarm_3 {
  color: #ff0000;
}
.demand_alarm_4 {
  color: #212121;
}
.demand_alarm_5 {
  color: #212121;
}
.demand_alarm_6 {
  color: #212121;
}
.demand_alarm_7 {
  color: #212121;
}
.demand_alarm_8 {
  color: #212121;
}
.demand_alarm_9 {
  color: #212121;
}
.demand_alarm_10 {
  color: #212121;
}
.demand_alarm_11 {
  color: #212121;
}
.demand_alarm_12 {
  color: #212121;
}
.demand_alarm_13 {
  color: #212121;
}
.demand_alarm_14 {
  color: #212121;
}
.demand_alarm_15 {
  color: #212121;
}
.demand_alarm_16 {
  color: #212121;
}
.demand_alarm_17 {
  color: #212121;
}
.demand_alarm_18 {
  color: #212121;
}
.demand_alarm_19 {
  color: #212121;
}
.demand_alarm_20 {
  color: #212121;
}
.demand_alarm_21 {
  color: #212121;
}
.demand_alarm_22 {
  color: #212121;
}
.demand_alarm_23 {
  color: #212121;
}
.demand_alarm_24 {
  color: #212121;
}
.demand_alarm_25 {
  color: #212121;
}
.demand_alarm_26 {
  color: #212121;
}
.demand_alarm_27 {
  color: #212121;
}
.demand_alarm_28 {
  color: #212121;
}
.demand_alarm_29 {
  color: #212121;
}
.demand_alarm_30 {
  color: #212121;
}

.rikiritu_kvar {
  color: #e91e63;
}
.rikiritu_pf {
  color: #2196f3;
}
.rikiritu_object {
  color: #4caf50;
}
.rikiritu_on {
  color: #115293;
}
.rikiritu_off {
  color: #f44336;
}

.onepoint_line {
  color: #4caf50;
}
.onepoint_analog {
  color: #4caf50;
}
.onepoint_analog_high_0 {
  color: #f47236;
}
.onepoint_analog_high_1 {
  color: #f44336;
}
.onepoint_analog_high_2 {
  color: #e91e63;
}
.onepoint_analog_low_0 {
  color: #36e7f4;
}
.onepoint_analog_low_1 {
  color: #2196f3;
}
.onepoint_analog_low_2 {
  color: #115293;
}
.onepoint_sekisan_0 {
  color: #4caf50;
}
.onepoint_sekisan_1 {
  color: #2196f3;
}
.onepoint_sekisan_2 {
  color: #afa04c;
}
.onepoint_sekisan_3 {
  color: #4caf9e;
}
.onepoint_sekisan_4 {
  color: #a74caf;
}
.onepoint_sekisan_5 {
  color: #a5af4c;
}
.onepoint_sekisan_6 {
  color: #af4c75;
}
.onepoint_sekisan_7 {
  color: #6a4caf;
}
.onepoint_sekisan_8 {
  color: #af744c;
}
.onepoint_sekisan_9 {
  color: #4c98af;
}
.onepoint_sekisan_high {
  color: #e91e63;
}
.blackout_state_normal {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.blackout_state_stop {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.blackout_state_wait {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.blackout_control_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.blackout_control_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.power_load_state_inactive {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.power_load_state_active {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.power_load_onstate_over {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.power_load_offstate_over {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.power_load_control_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.power_load_control_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.fire_state_normal {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.fire_state_stop {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.fire_state_wait {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.fire_control_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.fire_control_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.saiteki_onstate_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.saiteki_onstate_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.saiteki_offstate_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.saiteki_offstate_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.saiteki_control_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.saiteki_control_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.quantity_onstate_over {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.quantity_offstate_over {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.quantity_control_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.quantity_control_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.season_control_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.season_control_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.script_seig_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.script_seig_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.script_alarm_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffeb3b;
  background: #ffeb3b;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
  animation: blink 1s ease-in-out infinite alternate;
}
.script_alarm_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #eeeeee;
  background: #eeeeee;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.mail_address_seig_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.mail_address_seig_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.schedule_enable_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.schedule_enable_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.login_enable_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.login_enable_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.certificate_enable_off {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8bc34a;
  background: #e8f5e9;
  color: #4caf50;
  margin: 0px 16px;
  border-radius: 16px;
}
.certificate_enable_on {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f8bbd0;
  background: #f8bbd0;
  color: #000000;
  margin: 0px 16px;
  border-radius: 16px;
}
.rikiritu_cells {
  display: inline;
}

.half {
  opacity: 0.5;
}

.blink {
  animation: blink 1s ease-in-out infinite alternate;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.test {
  transform: scale(-1, 1);
}