body {
	margin: 1px;
}

#topline {
	min-height: 105px; 
}

.state {
	font-weight: bold;
}

.state_good {
	color: green;
}

.state_bad {
	color: red;
}

.logoff {
	text-align: center;
}

.logon {
	display: none;
}



.narrow_field {
	display: inline-block;
	width: 60px;
}

.title {
	font-weight: bold;
	font-size: bigger;
}

span {
	/*border: 1px dotted gray;*/
}
div {
	/*border: 1px dotted brown;*/
}

.databox {
	border: 1px solid black;
	margin: 1px;
	border-radius: 4px;
	background: #EEE;
	padding-bottom: 3px;	
	min-width: 48px;
	vertical-align: top;
}
.databox.wide {
	min-width: 70px;
}

.center {
	text-align: center;
}

.row:nth-child(even) {
	background: #EEE;
}
.row:nth-child(odd) {
	background: #DDD;
}

.topbox {
	text-align: center;

	border: 1px solid black;
	margin: 1px;
	min-height: 85px;
	min-width: 140px;
	border-radius: 4px;
	background: #EEE;
}

.right {
	float: right;
}
.left {
	float: left;
}

.detail {
  font-size: x-small;
}

.label {
	display: inline-block;
	width: 125px;
	font-weight: bold;
	text-align: center;
}

#longblock_voda .label {
	width: 80px;
}

.state_ok {
	color: green;
}


.state_on {
	color: green;
}

.state_off_normal {
	color: gray;
}


.state_off {
	color: red;
}

.state_error {
	color: red;
}

.state_warn {
	color: orange;
}

.state_blocked {
	color: gray;
}

.background_error {
	background-color: red;
}
.background_ok {
	background-color: green;
}


.val {
	font-weight: bold;
	display: inline-block;
	min-width: 80px;
	text-align: center;
}

.valbox {
	display: inline-block;
}
.bl_dx {
	min-width: 115px;
  display: inline-block;
}

.bl_d28 {
	min-width: 45px;
	display: inline-block;
}


.btn {
	margin: 2px;
	min-width: 100px;
	min-height: 34px;
	
	border-radius: 9px;
  background-color: burlywood;
  text-align: center;
  -webkit-user-select: none;
}
.btn.wide {
	min-width: 140px;
}

.title {
	background-color: black;
	color: white;
	font-weight: bold;
	text-align: center;
}

.main_title {
	font-weight: bold;
	font-size: xx-large;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 24px;
	padding-bottom: 25px;
	/*min-height: 45px;*/
}

.state_short {
}

.longblock {
	display: none;
	min-width: 300px;
}

.btn_command {
	text-transform: uppercase;
	font-weight: bold;
} 

.btn_start {
	background-color: green;
	float: left;
}

.btn_stop {
	background-color: red;
	float: right;
}

.btn_read_block {
	float: right;
	font-size: x-small;
}

.passive {
	color: gray;
}


.first_hidden {
	display: none;
}

.table_my {
	border: 1px solid black; 
	margin: 3px;	
}

.theader {
	background: black;
	color: white;
	font-weight: bold;
}

#users_tbl td {
	text-align: center;
}


.msg {
	border: 2px solid black;
  border-radius: 20px;
  padding: 3 7;	
}

.checkbox {
  height: 30px;
  width: 30px;
}

.btn_pressed {
	background-color: rgb(78, 78, 228);
/*	cursor: not-allowed;*/
}

.databox.opened {
/*	background-color: #EEE;*/
}
.databox.closed {
/*	background-color: #CCC;*/
}

.group_label {
  font-weight: bold;
  min-width: 72px;
  display: inline-block;
}

.event_field {
	margin-right: 8px;
}

#events_table {
	border: 1px solid black;
	text-align: center;
}

.big {
	font-size: x-large;
	font-weight: bold;
}

.events_detail {
	text-align: left;
}

.blk_state_NEG {
	background-color: orange;		
}
.blk_state_NEG .state_short:before {
  content: "!!!";
}

.blk_state_0 {
	background-color: gray;		
}
.blk_state_0 .state_short:before {
  content: "---";
}


.blk_state_1 {
	background-color: white;		
}
.blk_state_1 .state_short:before {
  content: "VYP";
}

.blk_state_2 {
	background-color: green;		
}
.blk_state_2 .state_short:before {
  content: "BĚŽÍ";
}


.blk_state_3 {
	background-color: red;		
}
.blk_state_3 .state_short:before {
  content: "POR";
}


.blk_state_4 {
	background-color: #EE82EE;		
}
.blk_state_4 .state_short:before {
  content: "STOP";
}

.blk_state_5 {
	background-color: blue;		
}
.blk_state_5 .state_short:before {
	font-size: small;
  content: "KONEC";
}

.el_state_0 {
	color: gray;		
}

/*
var ARR_D1 = {
	0:	{txt: 'Nevyužito'},
	1:	{txt: 'Vypnuto'},
	2:	{txt: 'Zkouška probíhá'},
	3:	{txt: 'Porucha'},
	4:	{txt: 'Přerušeno'},
	5:	{txt: 'Dokončeno'}
};
*/

.el_state_0 {
	color: black;		
}

.el_state_0 .state_short:before {
  content: "---";
}


.el_state_1 {
	color: black;		
}
.el_state_1 .state_short:before {
  content: "VYP";
}

.el_state_2 {
	color: green;		
}
.el_state_2 .state_short:before {
  content: "BĚŽÍ";
}


.el_state_3 {
	color: red;		
}
.el_state_3 .state_short:before {
  content: "POR";
}


.el_state_4 {
	color: #EE82EE;		
}
.el_state_4 .state_short:before {
  content: "STOP";
}


.el_state_5 {
	color: blue;		
}
.el_state_5 .state_short:before {
	font-size: small;
  content: "KONEC";
}

.el_state_OK {
	color: green;		
}

.el_state_NOK {
	color: red;		
}




.btn_edit {
	float: right;
	margin: 4px;
	font-size: x-large;
}

.edit_on {
	display: none;
}



.topcolumn {
	float: left;
}

#topbox_place {
	white-space-collapsing: discard;
}

.window {
	float: left;
}


#sa_n {
	font-size: small;
}

.deluser_td {
	display: none;
}

progress {
	width: 100px;
}


.ev_plc_time {
	min-width: 5em;
}


.ev_plc_prm {
	font-size: small;
}


#main_logo {
  margin: 2px;
}

#logobox {
background-color: white;
}

.bl_e19 div {
	text-transform: uppercase;
}

#voda_states_list div {
	text-transform: uppercase;
}


#graph_load_progress {
/*	display: block;
  width: 90%;
  margin-left: 5%;*/
}

#longblock_graph {
	width: 98%;
}

.graph_title {
	page-break-before: auto;
	page-break-after: avoid;
	page-break-inside: avoid;
  text-align: center;
}

.graph_legend {
  text-align: center;	
}

.graph_legend table {
	margin-left: auto;
  margin-right: auto;
}

.graphdiv {
	width: 99%;
	margin-left: 0px;
	/*border: 1px solid black;*/
	background-color: white;
}

.graph {
	page-break-inside: avoid;
	page-break-before: avoid;
	page-break-after: avoid;
}

.graph_small {
	height: 150px;
}

.graph_mini {
	height: 150px;
}



.graph_middle {
	height: 300px;
}

#divgraph {
	background-color: white;
}

.graphblock {
	page-break-inside: avoid;
	page-break-before: auto;
	page-break-after: auto;
}

.print_pb {
	/*display: none;*/
	page-break-inside: auto;
	page-break-before: auto;
	page-break-after: auto;
}

@media print {
   #longblock_graph {
   	border: none;
   }
   
   .noprint {
   	display: none;
   }
   
   .print_pb {
   	display: block;
   }
}


.opclose.opened .state_short:before {
	font-size: small;
  content: '\a0\25e6\a0';
}
.opclose.closed .state_short:before {
	font-size: small;
  content: "\a0\2022\a0";
}

#table_place {
/*	border: 1px solid black;*/
}

#table_place td {
	text-align: center;
/*	border: 1px solid #BBB;*/
}

.tablerow {
	background: #EEE;	
}

.tablerow:nth-child(even) {
	background: #EEE;
}
.tablerow:nth-child(odd) {
	background: #DDD;
}

#table_export {
    margin: 2px;
    margin-top: 5px;
    min-width: 100px;
    min-height: 34px;
    border-radius: 9px;
    background-color: burlywood;
    text-align: center;
    -webkit-user-select: none;
    /* -webkit-appearance: button; */
    text-decoration: none;
    color: black;
    padding: 6px;
    border: outset;
    border-width: 2px;
    border-color: gray;
}

.editMode {
	background-color: lightsalmon;
}

.user_input_error {
	background-color: orange;
}

.databox.longblock.boxtune div {
	width: 100%;
}