/*! Saros 19th March 2014
*     CSS formatting for waveform viewer application
**/
:root{--blast-chart-yaxis-width:92px;--blast-chart-info-width:264px;--blast-chart-bottom-height:64px;--blast-chart-xaxis-offset:16px;--blast-chart-event-colour:NAVY;--blast-chart-histo-colour:ForestGreen;--blast-chart-pickitems-title-width:140px;--blast-chart-pickitems-maxwidth:700px;--blast-chart-general-width:400px}div#blast-chart{flex-direction:column;min-width:1600px;min-height:500px;display:flex}div#blast-chart div.chartdisplay{background:#f0fff0;flex-direction:column;width:calc(100% - 8px);height:calc(100% - 8px);margin:4px;display:flex;position:relative}div#blast-chart div.chartdisplay canvas{width:100%;height:100%}div#blastchart{background:#fff;border:thin solid #000;flex-direction:column;width:calc(100% - 8px);height:calc(100% - 8px);padding:4px;display:flex}div#blastchart div.chart-top{flex-direction:row;flex-grow:1;height:300px;display:flex}div#blastchart>div.chart-top>div.chart-yaxis,div#blastchart>div.chart-bottom>div.chart-yaxis{width:var(--blast-chart-yaxis-width);flex-direction:row;flex-grow:0;flex-shrink:0;display:flex}div#blastchart>div.chart-top>div.chart-yaxis>div.chart-yaxis-title{writing-mode:vertical-lr;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;width:32px;font-size:10pt;display:flex;transform:rotate(180deg)}div#blastchart>div.chart-top>div.chart-yaxis>div.chart-yaxis-labels{flex-grow:1;flex-shrink:0;width:48px}div#blastchart>div.chart-top>div.chart-window{background:#fff;flex-grow:1;width:64px}div#blastchart>div.chart-top>div.chart-info,div#blastchart>div.chart-bottom>div.chart-info{width:var(--blast-chart-info-width);flex-direction:column;flex-grow:0;flex-shrink:0;padding:4px;display:flex}div#blastchart>div.chart-top>div.chart-info>div{color:#000;white-space:nowrap;background-color:#fff;border:4px solid #000;border-radius:8px;flex-direction:column;flex-grow:0;height:100px;padding:4px;font-family:Verdana;font-size:8pt;display:flex;overflow:hidden}div#blastchart>div.chart-top>div.chart-info>div.chart-legend{flex-grow:1;margin-bottom:8px}div#blastchart>div.chart-bottom{height:var(--blast-chart-bottom-height);flex-direction:row;flex-grow:0;flex-shrink:0;display:flex}div#blastchart>div.chart-bottom>div.chart-yaxis{width:calc(var(--blast-chart-yaxis-width) - var(--blast-chart-xaxis-offset))}div#blastchart>div.chart-bottom>div.chart-info{width:calc(var(--blast-chart-info-width) - var(--blast-chart-xaxis-offset))}div#blastchart>div.chart-bottom>div.chart-xaxis{flex-direction:column;flex-grow:1;width:16px;display:flex}div#blastchart>div.chart-bottom>div.chart-xaxis>div.chart-xaxis-labels{flex-grow:1;flex-shrink:0;height:28px}div#blastchart>div.chart-bottom>div.chart-xaxis>div.chart-xaxis-title{flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;height:24px;font-size:10pt;display:flex}div#blastchart>div.chart-loading{z-index:90;background:#00000080 url(/saros-libraries/images/uploading.gif) 50% 0/160px 160px no-repeat;position:absolute;inset:0}div#blastchart div.chart-legend div.saros-legendtitle,div#blastchart div.chart-stats div.saros-legendtitle{color:#000;text-align:center;margin-bottom:0;font-family:Verdana;font-size:12pt;font-weight:700}div#blastchart div.chart-legend div.saros-legendsubtitle{color:#000;text-align:left;margin-top:4px;font-family:Verdana;font-size:10pt;font-weight:700}div#blastchart div.chart-legend div.saros-legendmlocs{margin:0}div#blastchart div.chart-legend div.saros-legendclass{color:#000;font-family:Verdana;font-size:8pt}div#blastchart div.chart-legend div.saros-legendul{margin:0}div#blastchart div.chart-legend li.bchart_wavepeak{text-align:left;color:var(--blast-chart-event-colour);font-family:Verdana;font-size:10pt}div#blastchart div.chart-legend li.bchart_histopeak{text-align:left;color:var(--blast-chart-histo-colour);font-family:Verdana;font-size:10pt}div#blastchart div.chart-stats>div{width:100%}div#blastchart div.chart-stats div.saros-statsline{border:none;flex-flow:row;display:flex}div#blastchart div.saros-statsline>div{white-space:nowrap;flex-grow:0;justify-content:flex-start;align-items:center;width:40px;display:flex;overflow:hidden}div#blastchart div.chart-stats div.saros-statstitle{justify-content:flex-end;width:116px}div#blastchart div.chart-stats div.saros-statsdata{flex-grow:1;padding-left:4px}div#blastchart div.chart-stats div.saros-statsper{white-space:nowrap;text-align:right;border:none;width:48px;overflow:hidden}div#blastchartoptions{flex-direction:column;flex-grow:0;min-width:1600px;height:280px;display:flex}div#blastchartoptions div.maintitle{width:100%;height:26px;color:var(--menu-back);max-width:calc(var(--blast-chart-pickitems-maxwidth)*2 + var(--blast-chart-general-width));justify-content:center;align-items:center;font-size:12pt;display:flex}div#blastchartoptions div.chartoptions{flex-direction:row;flex-grow:1;height:80px;display:flex}div#blastchartoptions div.chartgeneral{width:var(--blast-chart-general-width);flex-grow:0}div#blastchartoptions div.chartpickitems{max-width:var(--blast-chart-pickitems-maxwidth);border:thin solid #000;flex-direction:column;flex-grow:1;margin:4px;display:flex}div#blastchartoptions div.chartgeneral div.chartddoption,div#blastchartoptions div.chartgeneral div.daterow{flex-direction:row;height:24px;display:flex}div#blastchartoptions div.chartgeneral div.chartddoption>div{align-items:center;width:128px;margin-right:8px;display:flex}div#blastchartoptions div.chartgeneral div.chartddoption>div:first-of-type{flex-grow:0;justify-content:flex-end}div#blastchartoptions div.chartgeneral div.chartddoption>div:not(:first-of-type){flex-grow:1}div#blastchartoptions div.chartgeneral div.chartddoption input[type=checkbox]{margin-left:0}div#blastchartoptions div.chartgeneral div.chartddoption select{width:calc(100% - 8px)}div#blastchartoptions div.chartgeneral div.daterow>div{flex-grow:1;align-items:center;margin-right:8px;display:flex}div#blastchartoptions div.chartgeneral div.daterow>div:first-of-type{flex-grow:0;justify-content:flex-end;width:132px}div#blastchartoptions div.chartgeneral div.daterow>div:nth-of-type(2){flex-grow:0;width:100px}div#blastchartoptions div.chartgeneral div.daterow>div:nth-of-type(2) input{width:68px}div#blastchartoptions div.chartgeneral div.typenote{flex-direction:column;margin-left:8px;font-size:9pt;display:flex}div#blastchartoptions div.chartgeneral div.typenote ul{margin:0}div#blastchartoptions div.chartgeneral div.typenote ul li{margin-top:4px}div#blastchartoptions div.chartpickitems div.titlerow{flex-direction:row;flex-grow:0;height:28px;display:flex}div#blastchartoptions div.chartpickitems div.titlerow>div{width:var(--blast-chart-pickitems-title-width);align-items:center;margin-right:8px;display:flex}div#blastchartoptions div.chartpickitems div.titlerow div:first-of-type{flex-grow:0;justify-content:flex-end}div#blastchartoptions div.chartpickitems div.titlerow div:not(:first-of-type){flex-grow:1;justify-content:flex-start}div#blastchartoptions div.chartpickitems div.listrow{flex-direction:row;flex-grow:1;height:28px;display:flex}div#blastchartoptions div.chartpickitems div.listrow>div{width:var(--blast-chart-pickitems-title-width);margin-right:8px;display:flex}div#blastchartoptions div.chartpickitems div.listrow>div:first-of-type{flex-grow:0;justify-content:flex-end}div#blastchartoptions div.chartpickitems div.listrow>div:not(:first-of-type){background-color:#fff;border:thin solid #000;flex-direction:column;flex-grow:1;height:100%;overflow-y:auto}div#blastchartoptions div.chartpickitems div.listrow div.checkoption{flex-grow:0;flex-shrink:0;align-items:center;height:19px;display:flex}div#blastchartoptions div.chartpickitems div.listrow input[type=checkbox]{margin:4px 12px 2px}div#blastchartoptions div.chartpickitems div.noterow{flex-grow:0;justify-content:center;align-items:center;height:28px;font-size:9pt;display:flex}button.bcoptions_update{border-radius:5px;width:120px;margin:8px auto;padding:4px 8px;box-shadow:0 0 3px}
