body {
    margin: 1px;
    background-color: #EEE;
    width: 100%;
}

#topline {}

.topline_normal {
    min-height: 105px;
}

.topline_tv {}

.topline_tv #login_area {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: white;
}

.topline_tv #login_area .r3 {
    display: none;
}

.topline_tv #logobox {
    /*	display: none;*/
}

.topline_tv #topbox_place {
    display: none;
}

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

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 {
    min-height: 45px;
}

.row.lowrow {
    min-height: 25px;
}

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

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

.row.title {
    background: black;
}

.topbox {
    text-align: center;
    border: 1px solid black;
    margin: 1px;
    min-width: 140px;
    border-radius: 4px;
    background: #EEE;
}

.topline_normal .topbox {
    min-height: 85px;
}

.right {
    float: right;
}

.left {
    float: left;
}

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

.label {
    display: inline-block;
    width: 12vw;
    /*125px;*/
    font-weight: bold;
    text-align: center;
}
.label.sub {
    font-weight: normal;
}

#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;
}

.btn {
    margin: 2px;
    min-width: 100px;
    min-height: 45px;
    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 {
    min-height: 20px;
}

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

.hidden {
    display: none;
}

.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;
    color: orange;
}

.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_scr_change {
    margin: 4px;
    font-size: x-large;
}

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

.boxtune_fullwidth {}

.sc0_title {
    display: inline-block;
    font-family: sans-serif;
    font-size: 30vw;
    /*font-size: 420px;*/
    vertical-align: top;
    /*  color: white;
  background-color: black;*/
    /*  width: 500px;*/
    /*	width: 35vw;*/
    width: 100%;
    text-align: center;
}

#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_part_index {
    display: inline-block;
    font-family: sans-serif;
    font-size: 180px;
    vertical-align: top;
    color: white;
    background-color: black;
    width: 210px;
    text-align: center;
}

.databox_data_part {
    display: inline-block;
    min-width: 300px;
    vertical-align: top;
    margin: 2px;
}

span.radio_on {
    color: green;
}

button.radio_on {
    background-color: green;
}

button.errors_present {
    background-color: red;
}

#water_conductivity:after {
    content: " \00B5S/cm";
}

.bl_d1 {
    text-transform: uppercase;
    font-size: large;
    border: 1px solid black;
    border-radius: 8px;
    padding: 5px;
    min-width: 150px;
    text-align: center;
    margin: 3px;
    font-weight: bold;
}

.title_stativ {
    font-size: xx-large;
    min-height: 72px;
}

.title_stativ .txt {
    display: inline-block;
    padding: 8px;
}

.bl_e19 div {
    max-width: 200px;
}

.btn_gigant {
    min-width: 141px;
    min-height: 64px;
}

.btn_fill {
    display: inline-block;
    min-height: 45px;
    margin: 2px;
}

.sc0_name {
    font-size: 55px;
    font-family: sans-serif;
    text-align: center;
    /*  min-width: 650px;
  max-width: 730px;*/
    display: inline-block;
}

.sc0_count {
    font-size: 180px;
    font-family: sans-serif;
    text-align: center;
    min-width: 650px;
    display: inline-block;
}

.sc0_target {
    font-size: 60px;
    font-family: sans-serif;
    text-align: center;
    min-width: 650px;
    display: inline-block;
}

.sc0_estimend {
    font-size: 25px;
    font-family: sans-serif;
    text-align: center;
    min-width: 650px;
    display: inline-block;
}

.sc0_tstart {
    font-size: 20px;
    font-family: sans-serif;
    text-align: center;
    min-width: 650px;
    display: inline-block;
}

.sc0_state {
    min-width: 650px;
    display: inline-block;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 55px;
    font-family: sans-serif;
    /*	    text-transform: uppercase;
    font-size: large;
    border-radius: 8px;
    padding: 5px;
    text-align: center;
    font-weight: bold;*/
}

.sc0_state span {
    font-size: 55px;
    font-family: sans-serif;
    padding: 10px;
}

.sc1_state {
    min-width: 650px;
    display: inline-block;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 55px;
    font-family: sans-serif;
    text-transform: uppercase;
    font-size: large;
    border: 1px solid black;
    border-radius: 8px;
    padding: 2px;
    min-width: 150px;
    text-align: center;
    margin: 0px;
    font-weight: bold;
    background-color: white;
}

.sc1_state span {
    font-size: 30px;
    font-family: sans-serif;
    padding: 10px;
}

#longblock_tv {
    width: 100%;
    background-color: black;
}

#tbl_tv {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    font-family: sans-serif;
}

#tbl_tv tr {
    border: 2px solid black;
}

#tbl_tv td {
    border: 2px solid black;
    min-width: 200px;
}

.tv_block {
    min-width: 270px;
    display: inline-block;
}

.tv_block_num {
    vertical-align: top;
    font-size: 100px;
    font-family: sans-serif;
    text-align: center;
    /*min-width: 1em; */
    /*201px;*/
    display: inline-block;
}

.tv_block_details {
    display: inline-block;
}

.tv_bl_det_row {
    display: block;
}

#tv_row_separator {
    background: black;
}

.tv_name {
    min-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    /*border: 1px solid black; */
    /*background: green;*/
}

.tv_name_short {
    font-size: 30px;
}

.tv_name_long {
    font-size: 20px;
}

.tv_cycle_cnt {
    font-size: 60px;
    max-width: 400px;
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.tv_cycle_tot {
    max-width: 400px;
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.tv_prg_cycles {
    width: 100%;
    border: 3px solid black;
    border-radius: 8px;
}

.tv_estim {
    max-width: 400px;
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.type_tv #content {
    position: absolute;
    bottom: 3px;
    right: 0px;
    left: 0px;
}

body.type_tv {
    margin: 0px;
    background-color: darkgray;
    overflow: hidden;
}

.type_tv .databox {
    border: 0px;
    margin: 0px;
    padding-bottom: 0px;
}

.rowfill {
    display: inline-block;
    background-color: inherit;
}

.sc0_errors {
    text-align: center;
    display: block;
}

.sc0_errors div {
    border: 1px solid black;
    display: inline-block;
    padding: 4px;
    border-radius: 5px;
    font-size: 20px;
    max-width: inherit;
    background: white;
    font-weight: bold;
    margin: 2px;
}

.canvas_drawing {
    width: 800;
    height: 500;
}

.canvas_tools {
    border: 1px solid black;
    border-radius: 5px;
}

.column {
    display: inline-block;
}