body {
    background-color: lightblue;
    width: 100%;
    font-family: 'PT Sans', Tahoma, sans-serif;
}

table { font-size: inherit; }

.webix_view {
    font-family: 'PT Sans', Tahoma, Roboto, sans-serif;
    letter-spacing: 0.1px;
}

#dom_webixbase {
    margin: 0; padding: 0;
    width: 100%; height: 100%;
}
#webixbody,#webixhead {
    margin: 0; padding: 0;
    width: 100%;
}
#webixfoot {
    margin: 100pt 0 0 25%;
    padding: 0;
    width: 50%;
}
.unpadded { padding: 0; margin: 0; }

/* Toolbar */
.webix_el_counter { font-family: inherit; }
.webix_el_counter .webix_inp_counter_value { width: 5ex; }
.webix_el_counter .webix_inp_counter_prev,
.webix_el_counter .webix_inp_counter_next {
    width: 1ex;
    font-size: 12px;
    padding-left: 0;
}

.locationlist .webix_list_item { padding: 2px 2px; }
.locationlist tr { vertical-align: middle; }
.locationlist th { font-weight: inherit; font-family: monospace; width: 1.3em; }
.locationlist td { padding-right: 2px; }
.locationlist .webix_selected td { font-weight: bold; }
.webix_view .webix_list .webix_list_item.webix_selected { padding: 2px 2px; }
.locationlist .webix_list_item.webix_selected { background: lightblue; }

.devicelist .webix_column.datatable_rowheader {
    font-weight: bold;
    background-color: rgba(70,130,180,0.7);
    color: white;
}
.devicelist .webix_column.datatable_rowheader .webix_row_select {
    font-stretch: expanded;
    background-color: rgba(70,130,180,0.3);
    color: white;
}
.devicelist .webix_column > div.webix_row_select {
    background: lightblue;
}

.goby_devicelist_multi .webix_cell { font-size: 12px; }
.goby_devicelist_multi .webix_topcell { padding-left: 0; }
.goby_devicelist_multi .webix_topcell .bg_organics { background: rgba(10,190,60,0.3); }
.goby_devicelist_multi .webix_topcell .bg_cardboard { background: rgba(125,80,60,0.3); }
.goby_devicelist_multi .webix_topcell .bg_test { background: rgba(0,0,0,0.2); }

.goby_devicelist_multi .webix_topcell th.arrow { line-height: 100%; font-size: 130%; }
.goby_devicelist_multi .webix_topcell td { line-height: 100%; }
.goby_devicelist_multi .webix_topcell td.locationName { font-weight: bold; font-size: 120%; }
.goby_devicelist_multi .webix_topcell td.functionImage { font-size:130%; text-shadow:2px 2px 4px gray; }

.spanbutton {
    width:80px;
    text-align: center;
    font-weight:bold;
    float:right;
    background-color:steelblue;
    color:white;
    border-radius:3px;
}

#gobyheader {
    font-size: xx-large;
    font-weight: bolder;
    color: black;
    text-align: center;
    width: 100%;
}
.header_left {
    max-width: 50%;
    margin-left: 15px;
}
.header_right {
    float: right;
    margin-right: 15px;
    text-align: right;
    font-size: smaller;
    font-stretch: condensed;
}

.monowrap { font-family:monospace; white-space:pre-wrap }

.grayback { background-color: inherit; }
.greenback {
    background-color: rgba(150,255,150,0.2);
    /*color: black;*/
}
.redback {
    background-color: rgba(255,010,010,0.9);
    color: white;
    font-weight: bold;
}
.dimback { background-color: dimgray; }

.rg { color: white; }
.rg_0 { background-color: rgba(255,000,000,0.9); }
.rg_1 { background-color: rgba(240,000,000,0.9); }
.rg_2 { background-color: rgba(220,050,000,0.9); }
.rg_3 { background-color: rgba(210,100,000,0.9); }
.rg_4 { background-color: rgba(200,150,000,0.9); }
.rg_5 { background-color: rgba(150,200,000,0.9); }
.rg_6 { background-color: rgba(100,210,000,0.9); }
.rg_7 { background-color: rgba(050,220,000,0.9); }
.rg_8 { background-color: rgba(000,240,000,0.9); }
.rg_9 { background-color: rgba(000,250,000,0.9); }
.rg_X { background-color: rgba(000,255,050,1.0); color: black; }

.gobymobile {
    font-size: xx-large;
}

.device_grid div { }

/*.webix_topcell {*/
    /*font-size: 1.2em;*/
    /*font-weight: bold;*/
    /*border-top: 1px solid #666;*/
/*}*/
.cell_subtitle {
    font-size: 0.8em;
    font-style: italic;
    float: right;
    padding-right: 15px;
}