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;
/*	box-sizing:border-box; */
/*	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}

/*
iframe {
  background-image:url('http://192.168.0.101/w3nexdb/media/ajax_loader_02_trans_45.gif');
  background-repeat:no-repeat;
}
*/

#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:2px 4px 1px 4px;
	vertical-align:middle;
	border:1px solid gray;
	border-radius:3px;}

.my_title_gold {
	font-weight:bold;
	background-color:#ffd700; /* gold */
	padding:2px 4px 1px 4px;
	vertical-align:middle;
	border:1px solid gray;
	border-radius:3px;}

.my_title_enable {
	font-weight:bold;
	background-color:lime;
	padding:2px 4px 1px 4px;
	vertical-align:middle;
	border:1px solid gray;
	border-radius:3px;}

.my_title_disable {
	font-weight:bold;
/*	color:white;
	background-color:red; */
	color:black;
  background-color:silver;
	padding:2px 4px 1px 4px;
	vertical-align:middle;
	border:1px solid gray;
	border-radius:3px;}

.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}

.xenable {
	font-weight:normal;
	color:black;
	background-color:lime;
  padding:0px;
  border:1px solid gray}
.xenable_bold {
	font-weight:bold;
	color:black;
	background-color:lime;
  padding:0px;
  border:1px solid gray}
.xdisable {
	font-weight:normal;
	color:white;
	background-color:red;
  padding:0px;
  border:1px solid gray}
.xdisable_bold {
	font-weight:bold;
	color:white;
	background-color:red;
  padding:0px;
  border:1px solid gray}

b.my_status {
	font-weight:bold;
	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_center_table {margin-left:auto;margin-right:auto;}
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}
*/
td.my_inoperable {
	background-color:silver;
	border:1px solid black;
	font-size:2px}

.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-radius:3px;
	border:1px solid black}
.xctrl_off {
	font-weight:bold;
	background-color:#a9a9a9; /* darkgray */
	text-align:center;
  display:inline-block;
  cursor:pointer;
	border-radius:3px;
	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%}

.xxxctrl_on {
	font-weight:bold;
	background-color:lime;
	text-align:center;
	border:1px solid black;
	width:98%}
.xxxctrl_off {
	font-weight:bold;
	background-color:#a9a9a9; /* darkgray */
	text-align:center;
	border:1px solid black;
	width:98%}

.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:3px 4px 2px 4px;
	display:inline-block;
	cursor:pointer;
	border:1px solid black;
	border-radius:3px;}

.cfg_btn_create {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	background-color:#FFFACD;
	font-weight:bold;
	padding:3px 4px 2px 4px;
	display:inline-block;
	cursor:pointer;
	border:1px solid black;
	border-radius:3px;}

.cfg_btn_create:hover {
	background-color:#FFFF00;}

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

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

.cfg_warn_btn:hover {
	color:yellow;}

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

.input_checkbox {
	border-style:none;
	height:12px;
	width:12px;
	vertical-align:text-bottom;}
/*
	margin-top:2px}
*/

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

.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-style: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-style: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-style:none;
	border-radius:3px;
	cursor:pointer;
}

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

/* NEPOUZITO */
.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-style: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-style: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;
}