/*!*********************************************************************************************************************
*     CSS formatting for Live Fume Monitors
*       layout is in a tabbed Notebook format with tabs for "Summary" and then each device along the top
***********************************************************************************************************************/
:root{--fumedevicelist-left:140px;--fume-chart-chead-back:var(--menu-back);--fume-chart-chead-fore:var(--menu-fore);--fume-chart-chead-act-back:powderblue;--fume-chart-chead-act-fore:black}div#fumeview-title{border-bottom:thin solid #000;flex-direction:row;display:flex}div#fumeview-title>div#fumetitle{flex-grow:1;justify-content:center;align-items:center;width:180px;display:flex}div#fumeview-title>div#fumedevicelist{width:180px;margin-top:2px;margin-left:var(--fumedevicelist-left);color:#fff;cursor:pointer;background:#696969;border-top-left-radius:12px;border-top-right-radius:12px;justify-content:center;align-items:center;height:100%;font-size:12pt;display:flex;position:relative}div#fumeview-title>div#fumedevicelist>img{height:20px;position:absolute;bottom:0;right:0}div#fumedropdown{left:var(--fumedevicelist-left);z-index:20;background:#dcdcdc;border-bottom:thin solid #696969;border-right:thin solid #696969;flex-direction:column;width:180px;max-height:200px;display:none;position:absolute;top:28px;overflow:hidden auto}div#fumedropdown div.fumelocn{cursor:pointer;justify-content:flex-start;align-items:center;height:20px;padding:4px 8px;font-size:10pt;display:flex}div#fumedropdown div.fumelocn:nth-of-type(2n){background:#f8f8ff}div#fumedropdown div.fumelocn:not:last-of-type{border-bottom:thin solid #696969}div#fumedropdown div.fumelocn.selected{background:var(--item-selected-back);color:var(--item-selected-fore)}div#fumedropdown div.fumelocn:hover{background:var(--item-over-back);color:var(--item-over-fore)}div#fume-details{flex-grow:1;height:180px;margin:0;padding:0;display:flex}div#fume-details div.summary{flex-direction:column;height:100%;display:flex}div#fume-details div.options{background:#dcdcdc;border:inset;flex-direction:row;justify-content:center;align-items:center;height:40px;padding:0;display:flex}div#fume-details div.options>div{margin:0 8px}div#fume-details div.channels{flex-direction:column;flex-grow:1;height:180px;margin:0 8px;display:flex}div#fume-details div.channels div.displaych{flex-direction:row;flex-grow:1;align-items:center;height:180px;min-height:180px;display:flex}div#fume-details div.channels div.displaych:not(:last-of-type){border-bottom:thin solid #696969}div#fume-details div.channels div.displayg{width:180px;height:180px}div#fume-details div.channels div.channelchart{flex-grow:1;width:100px;margin:0 8px;position:relative}div#fume-details div.channels div.channellocn{border:thin solid #000;border-color:gray #000 #000 gray;flex-direction:column;width:240px;height:calc(100% - 8px);min-height:184px;display:flex;overflow-y:auto}div.channellocn div.title{justify-content:center;align-items:center;height:18px;display:flex}div.channellocn div.list{flex-direction:column;flex-grow:1;height:100px;display:flex;overflow-y:auto}div.channellocn div.list div.locn{flex-direction:row;display:flex}div.channellocn div.list div.locn:not(:last-of-type){border-bottom:thin solid #dcdcdc;margin-bottom:4px;padding-bottom:4px}div.channellocn div.list div.locn div.cb{justify-content:center;align-items:center;width:24px;display:flex}div.channellocn div.list div.locn div.txt{flex-direction:column;flex-grow:1;width:24px;font-size:8pt;display:flex}div.channellocn div.list div.locn div.lastdata.error{color:#b22222}div.channellocn div.list div.locn.olddata{background:#ffe4e1}div.channellocn div.list div.locn div.lastdata.olddata{color:#ff4500}div.channellocn div.list div.locn div.val{justify-content:center;align-items:center;width:60px;font-size:10pt;display:flex}div#fume-details div.fumelocation{flex-direction:row;height:100%;display:flex}div#fume-details div.fumelocation div.live{flex-direction:column;width:600px;display:flex}div#fume-details div.fumelocation div.live div.info{border-bottom:thin solid #000;flex-direction:row;height:34px;display:flex}div#fume-details div.fumelocation div.info div.lastupdate{color:#228b22;background:#f0fff0;flex-grow:1;justify-content:center;align-items:center;width:100px;display:flex}div#fume-details div.fumelocation div.info div.lastupdate.olddata{color:#ff4500;background:#fff5ee}div#fume-details div.fumelocation div.info div.lastupdate.error{color:#b22222;background:#ffe4e1}div#fume-details div.fumelocation div.live div.gauges{flex-flow:wrap;flex-grow:0;justify-content:space-evenly;height:540px;display:flex}div#fume-details div.fumelocation div.chartdisplay{flex-direction:column;flex-grow:1;width:200px;display:flex}div#fume-details div.chartdisplay div.chartopts{flex-direction:column;height:84px;padding-left:16px;display:flex}div#fume-details div.chartdisplay div.chartopts>div{flex-direction:row;flex-grow:1;align-items:center;height:20px;display:flex}div#fume-details div.chartopts div.newchart>div,div#fume-details div.chartopts div.period>div{margin:0 8px}div#fume-details div.chartdisplay div.charts{background:#dcdcdc;flex-direction:column;flex-grow:1;height:84px;display:flex;overflow-y:auto}div#fume-details div.fumelocation div.gauges div.displayg{flex-grow:0;flex-shrink:0;width:180px;height:180px}div#fume-details div.bf-chart-strip{background:#fff;flex-grow:1;height:220px;min-height:220px;max-height:360px;margin:4px}div#fume-details div.bf-chart-display{background:#696969;width:100%;height:calc(100% - 28px);margin:0;padding:0;position:relative}div#fume-details div.bf-chart-header{background:var(--fume-chart-chead-back);color:var(--fume-chart-chead-fore);flex-direction:row;height:32px;margin:0;padding:0;display:flex}div#fume-details div.bf-chart-header>div{flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}div#fume-details div.bf-chart-header div.title{flex-grow:1;width:80px}div#fume-details div.bf-chart-header div.actions{background:var(--fume-chart-chead-act-back);color:var(--fume-chart-chead-act-fore);border:2px inset;justify-content:space-evenly;width:80px;margin:2px}div#fume-details div.bf-chart-header div.actions img{height:20px}div#fume-details div.bf-chart-header div.bfoptions{width:120px}