html,body,a,p,b,td,th {
  max-width: 780px;
  height: 100%;
  margin: 0 auto; /* 0 auto: align = center */
  padding: 0;
  font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px;color: black; text-decoration:none
}

img {border-color:black; vertical-align:middle; margin:0}

input,textarea,select {
	font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px;
/*  margin:0px;
  padding:0px; */
  padding-left:2px;
	border:1px solid gray;
/*	vertical-align:middle; */
}

.inp_checkbox {
	border:1px solid gray;
  vertical-align:middle;
  margin:1px;
}

form {margin:0px; padding:0px}

h3 {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px;font-weight:bold}

h4 {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;font-weight:bold}

#wrapper
{
  max-width: 100%;
  height: 100%;
  margin: 0;  /* 0 auto: align = center */
  padding:0;
	border:0px solid black;
}

table {

/*	margin-left: auto; */	 /* table align = center */
  margin-right: auto;   /* table align = center */

/*	margin: 0% auto auto auto; */
	border-spacing: 1px;   /* cellspacing = 0 */
	padding: 1px;          /* cellpadding = 0 */
}

/* html {overflow-y: scroll;} */

/*
img.x {
	position:relative;
	left:auto;
	top:auto;
	z-index:-1}
*/

.my_info {
	font-weight:bold;
	background-color:#00bfff; /* deepskyblue */
	padding-left:4px;
	padding-right:4px}
.my_title {
	font-weight:bold;
	color:#f5f5f5;
	background-color:#483d8b; /* darkslateblue */
	padding-left:4px;
	padding-right:4px}
.my_tsch {
	font-weight:bold}
.my_dsbl {
	font-weight:bold;
	background-color:#a9a9a9; /* darkgray */
	padding-left:4px;
	padding-right:4px}

a.navig:link,a.navig:visited,a.navig:active {
	font-weight:bold;
	font-size:10px;
	color:#add8e6} /* lightblue */
a.navig:hover {
	font-weight:bold;
	font-size:10px;
	color:white}
.navig_set {font-weight:bold; font-size:10px; color:yellow}

a.my_blank:link {text-decoration:none}
a.my_blank:visited {text-decoration:none}
a.my_blank:hover {text-decoration:none}
a.my_blank:active {text-decoration:none}

a.my_blank_bold:link {font-weight:bold}
a.my_blank_bold:visited {font-weight:bold}
a.my_blank_bold:hover {font-weight:bold}
a.my_blank_bold:active {font-weight:bold}

.project_info {
	font-weight:bold;
	color:white;
	background-color:blue;
	padding-left:4px;
	padding-right:4px}

b.my_status {
	font-weight:normal;
	color:black;
	background-color:#00bfff} /* deepskyblue */
b.enable {
	font-weight:normal;
	color:black;
	background-color:lime}
b.enable_bold {
	font-weight:bold;
	color:black;
	background-color:lime}
b.disable {
	font-weight:normal;
	color:white;
	background-color:red}
b.disable_bold {
	font-weight:bold;
	color:white;
	background-color:red}
b.alarm_active {
	font-weight:bold;
	color:white;
	background-color:red}
b.alarm_active_memory {
	font-weight:bold;
	color:yellow;
	background-color:red}
b.my_index {
	font-weight:bold;
	color:white;
	background-color:navy}

pre.my_pre {font-family:courier,courier-new,mono; font-size:9px}

a.my_blue:link,a.my_blue:visited,a.my_blue:hover,a.my_blue:active {
	color:white;
	background-color:blue}
a.my_silver:link,a.my_silver:visited,a.my_silver:hover,a.my_silver:active {
	color:white;
	background-color:silver}
a.alarm_active_memory:link,a.alarm_active_memory:visited,a.alarm_active_memory:hover,a.alarm_active_memory:active {
	color:yellow;
	background-color:red}
a.alarm_active:link,a.alarm_active:visited,a.alarm_active:hover,a.alarm_active:active {
	color:white;
	background-color:red}
a.alarm_memory:link,a.alarm_memory:visited,a.alarm_memory:hover,a.alarm_memory:active {
	color:black;
	background-color:#ffa500} /* orange */
a.my_index:link,a.my_index:visited,a.my_index:hover,a.my_index:active {
	font-weight:bold;
	color:white;
	background-color:navy}

table.my_border_table {border:1px solid black}
td.my_border_title {font-size:10px; font-weight:bold; border:1px solid black}
td.my_border_text {border:1px solid black}
td.my_number {
	font-weight:bold;
	color:black;
	background-color:#00ffff; /* cyan */
	border:1px solid #a9a9a9} /* darkgray */
td.my_enter_number {
	font-weight:bold;
	color:black;
	background-color:yellow;
	border:1px solid #a9a9a9} /* darkgray */
td.my_enable {
	background-color:lime;
	border:1px solid black;
	text-decoration:none}
td.my_disable {
	background-color:red;
	border:1px solid black;
	text-decoration:none}
td.my_online {
	background-color:lime;
	border:1px solid black;
	font-size:5px}
/*
	width:5px;}
	height:14px}
*/
td.my_offline {
	background-color:red;
	border:1px solid black;
	font-size:2px}
/*
	width:5px;}
	height:14px}
*/

.xblank {
	font-weight:bold;
	background-color:#d3d3d3; /* lightgray */
	text-align:center;
	border:1px solid black}
.ctrl_on {
	font-weight:bold;
	background-color:lime;
	text-align:center;
  display:inline-block;
	border:1px solid black}
.ctrl_off {
	font-weight:bold;
	background-color:#a9a9a9; /* darkgray */
	text-align:center;
  display:inline-block;
	border:1px solid black}
.xctrl_on {
	font-weight:bold;
	background-color:lime;
	text-align:center;
  display:inline-block;
  cursor:pointer;
	border:1px solid black}
.xctrl_off {
	font-weight:bold;
	background-color:#a9a9a9; /* darkgray */
	text-align:center;
  display:inline-block;
  cursor:pointer;
	border:1px solid black}
.xxctrl_on {
	font-weight:bold;
	background-color:lime;
	text-align:center;
	border:1px solid black;
	width:100%}
.xxctrl_off {
	font-weight:bold;
	background-color:#a9a9a9; /* darkgray */
	text-align:center;
	border:1px solid black;
	width:100%}

.xxai {
	font-weight:bold;
	background-color:#00ffff; /* cyan */
	text-align:right;
	padding-right:1px;
	border:1px solid #a9a9a9} /* darkgray */
.xxao {
	font-weight:bold;
	background-color:yellow;
	text-align:right;
	padding-right:1px;
	border:1px solid #a9a9a9} /* darkgray */
.xxaox {
	font-weight:bold;
	background-color:yellow;
	padding-right:1px;
	padding-left:3px;
	border:1px solid #a9a9a9} /* darkgray */

.xai {
	font-weight:bold;
	background-color:#00ffff; /* cyan */
	text-align:right;
	padding-right:4px;
	border-style:none}
.xao {
	font-weight:bold;
	background-color:yellow;
	text-align:right;
	padding-right:4px;
  display:inline-block;
  cursor:pointer;
	border-style:none}
.ao {
	font-weight:bold;
	background-color:yellow;
	text-align:right;
	padding-right:4px;
  display:inline-block;
	border-style:none}

.xdi_st_on {
	font-weight:bold;
	background-color:#00bfff; /* deepskyblue */
	text-align:center;
	border-style:none}
.xdi_st_off {
	font-weight:bold;
	background-color:#d3d3d3; /* lightgray */
	text-align:center;
	border-style:none}
.xdi_al_mem_on {
	font-weight:bold;
	background-color:red;
	color:yellow;
	text-align:center;
  display:inline-block;
  cursor:pointer;
	border-style:none}
.xdi_al_mem_off {
	font-weight:bold;
	background-color:#ffa500; /* orange */
	color:black;
	text-align:center;
  display:inline-block;
  cursor:pointer;
	border-style:none}
.xdi_al_on {
	font-weight:bold;
	background-color:red;
	color:white;
	text-align:center;
	border-style:none}
.xdi_al_off {
	font-weight:bold;
	background-color:#a9a9a9; /* darkgray */
	color:black;
	text-align:center;
	border-style:none}
.xdi_al_counting {
	font-weight:bold;
	background-color:#a9a9a9; /* darkgray */
	color:white;
	text-align:center;
	border-style:none}

.cfg_btn {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:bold;
	padding-left:4px;
	padding-right:4px;
	display: inline-block;
	cursor: pointer;
	border:1px solid black}

.cfg_btn_confirm {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	color:black;
	background-color:#CCFF99;
	font-weight:bold;
	padding-left:4px;
	padding-right:4px;
	display: inline-block;
	cursor: pointer;
	border:1px solid black}

.cfg_warn_btn {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	color:white;
	background-color:red;
	font-weight:bold;
	padding-left:4px;
	padding-right:4px;
	display: inline-block;
	cursor: pointer;
	border:1px solid black}

/*
.input_checkbox {
  border:none;
	vertical-align:middle;
	margin-bottom:2px}
*/

.input_checkbox {
	border:none;
	height:13px;
	width:13px;
	vertical-align:middle;
	margin-top:1px}

/* ------------------------------------------------------------------------- */

.w100 {
	width: 100px;
}

.my_btn1_a {
/*	width: 100px; */
	color: white;
 	background-color: #009999;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

.my_btn1_a:hover {
	background-color: #3399CC;
	text-decoration: none;
}

.my_btn1_a_edit {
/*	width: 100px; */
	color: white;
 	background-color: #0066CC;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

.my_btn1_a_edit:hover {
	background-color: #3399CC;
	text-decoration: none;
}

.my_btn1_a_delete {
/*	width: 100px; */
	color: white;
 	background-color: #CC0000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

.my_btn1_a_delete:hover {
	background-color: #FF3300;
	text-decoration: none;
}

.my_btn1_a_disable {
/*	width: 100px; */
	color: white;
	background-color: #3399CC;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: none;
	border-radius: 3px;
	pointer-events: none;   /*NOT EXISTS?*/
	cursor: none;
}

.my_btn1_a_table_edit {
/*	width: 100px; */
	color: white;
 	background-color: #0066CC;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 2px 4px 2px 4px;
	margin: 1px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

.my_btn1_a_table_edit:hover {
	background-color: #3399CC;
	text-decoration: none;
}


tr.my_tr_border td {
  border:1px solid gray;
}

/* ------------------------------------------------------------------------- */

#alarmFrame {
/*  text-align: center; */
  margin: 0;
  padding: 0;
/* background-color: yellow; */
  /* border: 1px solid black; */
  border: 0;
  /* position: absolute; */
  width: 0;
  height:0;
/*  visibility: hidden; */
  display:none;
/*
  width: 100px;
  height: 55px;
  visibility: visible;
  display: inline;
*/
  /* overflow-y: scroll; */
}

/* ------------------------------------------------------------------------- */

#alarmMsgFrame {
  text-align: center;
  margin: 0;
  padding: 0;
/*  background-color: #ff6699; */
  /* border: 1px solid black; */
  border: 0;
  /* overflow-y: scroll; */
  width: 100%;
  height: 55px;
}

/* ------------------------------------------------------------------------- */

#menuFrame {
  text-align: center;
  margin: 0;
  padding: 0;
/*  background-color: #00cc99; */
  /* border: 1px solid black; */
  border: 0;
  /* overflow-y: scroll; */
  width: 100%;
  height: 20px; /*1 line 20px */
}

/* ------------------------------------------------------------------------- */

#mainFrame {
  text-align: center;
  margin: 0;
  padding: 0;
/*  background-color: #0099ff; */
  /* border: 1px solid black; */
  border: 0;
  /* overflow-y: scroll; */
  width: 100%;
  height: 100%;
  overflow:hidden;
}

/* ------------------------------------------------------------------------- */

#reportFrame {
  text-align: center;
  margin: 0;
  padding: 0;
/*  background-color: #c2c2d6; */
  /* border: 1px solid black; */
  border: 0;
  /* overflow-y: scroll; */
  width: 100%;
  height: 100%;
  overflow:hidden;
}

/* ------------------------------------------------------------------------- */

#popupContainerFixedTop {
  position: fixed;
  margin: 0;  /* 0 auto: align = center (DEFAULT)*/
  /* left:0px; */
  top:0px;
  /* display: table-cell; */
  background-color: white;
  width:780px;
}

/* ------------------------------------------------------------------------- */

#popupContainerFixedMenu {
  position: fixed;
  margin: 0;  /* 0 auto: align = center (DEFAULT)*/
  /* left:0px; */
  top:0px;
  /* display: table-cell; */
  background-color: white;
  width:780px;
}

/* ------------------------------------------------------------------------- */

#report_loader {
  /* Absolute position */
  left: 0;
  position: absolute;
  top: 0;
  background-color: white;

  /* Take full size */
  height: 100%;
  width: 100%;

  /* Center */
  align-items: center;
  display: flex;
  justify-content: center;
}