<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */


/* CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html { height:100%;
}
body {
	line-height: 1;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Scrollbarz*/
/* IEScrollBarz */
body{
scrollbar-base-color: #c9c9c9;
scrollbar-3dlight-color: #0000ff;
scrollbar-highlight-color: #000000;
scrollbar-track-color: #dddddd;
scrollbar-arrow-color: #575353;
scrollbar-shadow-color: #C0C0C0;
scrollbar-dark-shadow-color: #C0C0C0;
}

/* webkitScrollBarz */
::-webkit-scrollbar { width: 15px; height: 15px;}
::-webkit-scrollbar-button {  background-color: #414141; background-repeat:no-repeat; }
::-webkit-scrollbar-button:vertical:increment{background-image:url(../images/scrollarrowdown.png); }
::-webkit-scrollbar-button:vertical:decrement{background-image:url(../images/scrollarrowup.png); }
::-webkit-scrollbar-button:horizontal:increment{background-image:url(../images/scrollarrowright.png); }
::-webkit-scrollbar-button:horizontal:decrement{background-image:url(../images/scrollarrowleft.png); }
::-webkit-scrollbar-button:hover {  background-color: #dddddd;}
::-webkit-scrollbar-track {  background-color: #575353;}
::-webkit-scrollbar-track-piece { background-color: #575353;}
::-webkit-scrollbar-thumb { height: 30px; background-color: #414141;}
::-webkit-scrollbar-thumb:hover { background-color: #dddddd;}
::-webkit-scrollbar-corner { background-color: #414141;}}
::-webkit-resizer { background-color: #414141;}


/* No select */
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* chart types */
.ct_1{ background-image:url(../img/ct_1.gif); background-repeat:no-repeat;}
.ct_2{ background-image:url(../img/ct_2.gif);background-repeat:no-repeat;}
.ct_3{ background-image:url(../img/ct_3.gif);background-repeat:no-repeat;}
.ct_4{ background-image:url(../img/ct_4.gif);background-repeat:no-repeat;}
.ct_5{ background-image:url(../img/ct_5.gif);background-repeat:no-repeat;}
.ct_6{ background-image:url(../img/ct_6.gif);background-repeat:no-repeat;}
.ct_7{ background-image:url(../img/ct_7.gif);background-repeat:no-repeat;}
.ct_8{ background-image:url(../img/ct_8.gif);background-repeat:no-repeat;}
.ct_9{ background-image:url(../img/ct_9.gif);background-repeat:no-repeat;}

/* pallete */
.col_1 {background-color:#44aede;}
.col_2 {background-color:#669add;}
.col_3 {background-color:#d67ebb;}
.col_4 {background-color:#eb5e75;}
.col_5 {background-color:#f65f5c;}
.col_6 {background-color:#f15e38;}
.col_7 {background-color:#f48125;}
.col_8 {background-color:#f5b31f;}
.col_9 {background-color:#f0d61f;}
.col_10 {background-color:#f6e935;}
.col_11 {background-color:#acdf5a;}
.col_12 {background-color:#72cf7c;}
.col_13 {background-color:#57c7c1;}
.col_14 {background-color:#2181ad;}
.col_15 {background-color:#406fab;}
.col_16 {background-color:#a5568d;}
.col_17 {background-color:#b8394e;}
.col_18 {background-color:#c23a37;}
.col_19 {background-color:#bd3916;}
.col_20 {background-color:#c05806;}
.col_21 {background-color:#c18600;}
.col_22 {background-color:#bda500;}
.col_23 {background-color:#c2b614;}
.col_24 {background-color:#7fad35;}
.col_25 {background-color:#4b9e53;}
.col_26 {background-color:#339792;}



.symbolBucket{width:900px; display:inline-block; position:absolute; top:0; left:0;}
.symbolBlock{min-width:150px;display:inline-block; padding:0px; margin:0px; position:relative;}

.symbolBlock .deleteSymbol {width:16px; height:16px; color:#a3a2a2; position:absolute; top:0px; right:0px; line-height:16px; text-align:center; font-size:13px; font-style:normal; cursor:pointer;}
.symbolBlock .deleteSymbol:hover{color:#FFF;}




.symbolBlock .symbolNameBlock{ padding:10px; vertical-align:top;}
.symbolBlock .symbolNameBlock:hover{ background-color:#e7e7e7; cursor:pointer;}
.symbolBlock .symbolColor {display:inline-block; width:10px; height:27px; vertical-align:top;}
.symbolBlock .symbolName {display:inline-block; font-size:10px; line-height:14px; color:#282626; width:auto; }
.symbolBlock .symbolDescription { display:block; font-size:10px; line-height:12px; font-weight:bold; color:#282626; max-width:300px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}

.symbolProp{background-color:#575353; min-width:150px; min-height:150px;display:inline-block; padding:0px; margin:0px; position:absolute; top:0; left:0;border-bottom:solid #414141 2px;border-right:solid #414141 2px;}
.symbolProp .symbolNameBlock{ padding:10px; border-bottom:solid #414141 1px; vertical-align:top; max-width:300px; overflow:hidden;}
.symbolProp .symbolNameBlock:hover{ background-color:#575353; cursor: default; } */
.symbolProp .symbolColor {display:inline-block; width:10px; height:27px; vertical-align:top;}
.symbolProp .symbolName {display:inline-block; font-size:11px; line-height:14px; font-weight:bold; color:#FFF; width:auto; }
.symbolProp .symbolDescription { display:block; font-size:10px; line-height:12px; font-weight:normal; color:#999;max-width:160px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}

.symbolStyleHeader{ font-size:10px; color:#FFF; line-height:16px; border-bottom:solid #414141 1px; padding:8px 10px 4px 10px;}
.symbolGraphStyle{ padding:0px 10px 0px 10px;}
.symbolColorPicker{font-size:0px; padding:8px 10px 8px 10px; border-bottom:solid #414141 1px; clear:left; }

.symbolProp .colorBox { width:14px; height:15px; display:inline-block; border-style:solid; border-width:1px; border-color:#414141; cursor:pointer;}
.symbolProp .colorBox:hover{border-color:#FFFFFF; }

.symbolProp .chartTypeItemz{ display:block; width:19px; height:18px; font-size:0px; cursor:pointer; background-repeat:no-repeat; padding-left:3px; padding-top:3px; line-height:0px; float:left;}
.symbolProp .chartTypeItemz span{display:block; height:14px; width:15px;}
.symbolProp .chartTypeItemz:hover{ background-color:#414141;}
.symbolProp .chartTypeItemz .selected{ background-color:#414141;}


.studyNameBlock{ font-size:10px; color:#FFF; line-height:16px; border-bottom:solid #414141 1px; padding:10px 10px 2px 10px;}
.studyTypeItemz{ display:block; min-width:150px; line-height:20px; vertical-align:middle; font-size:10px; padding-left:10px; cursor:pointer; color:#c9c9c9; border-bottom:solid #414141 1px;}
.studyTypeItemz:hover{ background-color:#414141; color:#FFF;}

.deleteSymbolBlock{ font-size:10px; color:#FFF; line-height:16px; border-bottom:solid #414141 1px; padding:10px;}
.deleteSymbolButton { display:inline-block; padding:3px 6px; border:solid #414141 1px; color:#F1F1F1; cursor:pointer; font-size:11px; font-weight:bold;}
.deleteSymbolButton:hover { background-color:#414141; border:solid #414141 1px; color:#F1F1F1;}


/*CHART - main*/
.chart{ display:inline-block; border:none; position:relative; width:960px; height:570px; border:none;}
.chart .headerBlock{ position:absolute; top:0px; left:0px; right:0px; border:0px; z-index:250;}
.chart .headerBar{ background-color:#575353; height:30px;}
.chart .headerBar form{ display:inline-block; padding:0; margin:0;vertical-align:top;}


/* CHART header - search */
.searchInput{ border:4px solid #575353; width:260px; text-indent:8px; background: #ffffff; line-height:12x; color:#8c8c8c; height:20px; font-style:bold; font-style:italic; font-size:12px; text-transform: uppercase;}
.searchInput:hover{border:4px solid #414141;}
.searchlistholder{max-height:330px; width:400px; display:block; background:#575353; overflow:auto; border:2px #414141 solid; border-bottom:3px #414141 solid; border-right:3px #414141 solid; display:none;}
.symbolline{display:block; overflow:hidden; height:40px; padding-left:10px; padding-top:0px; cursor:pointer; text-overflow: ellipsis; white-space:nowrap; border-bottom:solid 1px #414141;}
.symbolline .symbolhash{ font-size:11px; color:#FFF; font-weight:bold; line-height:12px;}
.symbolline .symbolname{ font-size:10px; color:#e2dede; font-weight:bold; line-height:10px;}


.symbolline:hover .removeSelectedSymbol{color:#e06040;}
.symbolline:hover{ background:#414141;}


/* CHART header - date line */
#chartDateUl { display:inline-block;}
#chartDateUl li { color:#e7e7e7; line-height:30px; font-size:11px; font-weight:bold; display:block; float:left; height:30px; padding:0 10px; cursor:pointer;}
#chartDateUl li:hover { background-color:#414141;}
#chartDateUl .selected { background-color:#414141; color:#F1F1F1; font-weight:bold;}


/* GRAPH */
.graphBucket { display:inline-block; position:absolute; top:30px; left:0;}



/* SYMBOL INFO BUCKET */
.symbolInfoBucket{ position:absolute; display:none; max-width:600px; background-color:#575353;}
.symbolInfoBlock{min-width:150px;display:block; padding:6px; margin:0px; border-bottom:solid #414141 1px; background-color:#575353;}
.symbolInfoBlock .symbolColor {display:inline-block; width:10px; height:10px; vertical-align:middle;}
.symbolInfoBlock .symbolName {display:inline-block; font-size:10px; line-height:14px; color:#FFF; width:auto; padding-left:3px; padding-right:6px; }

/*********************************/
/* DARK */
/*********************************/

.dark .symbolBucket{width:900px; display:inline-block; position:absolute; top:0; left:0;}
.dark .symbolBlock{min-width:150px;display:inline-block; padding:0px; margin:0px; position:relative;}

.dark .symbolBlock .deleteSymbol {width:16px; height:16px; color:#CCCCCC; position:absolute; top:0px; right:0px; line-height:16px; text-align:center; font-size:13px; font-style:normal; cursor:pointer;}
.dark .symbolBlock .deleteSymbol:hover{color:#FFF;}


.dark .symbolBlock .symbolNameBlock{ padding:10px; vertical-align:top;}
.dark .symbolBlock .symbolNameBlock:hover{ background-color:#161616; cursor:pointer;}
.dark .symbolBlock .symbolColor {display:inline-block; width:10px; height:27px; vertical-align:top;}
.dark .symbolBlock .symbolName {display:inline-block; font-size:10px; line-height:14px; color:#EEEEEE; width:auto; }
.dark .symbolBlock .symbolDescription { display:block; font-size:10px; line-height:12px; font-weight:bold; color:#CCCCCC; max-width:300px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}

.dark .symbolProp{background-color:#161616; min-width:150px; min-height:150px;display:inline-block; padding:0px; margin:0px; position:absolute; top:0; left:0;border-bottom:solid #090909 2px;border-right:solid #090909 2px;}
.dark .symbolProp .symbolNameBlock{ padding:10px; border-bottom:solid #090909 1px; vertical-align:top; max-width:300px; overflow:hidden;}
.dark .symbolProp .symbolNameBlock:hover{ background-color:#090909; cursor: default; } */
.dark .symbolProp .symbolColor {display:inline-block; width:10px; height:27px; vertical-align:top;}
.dark .symbolProp .symbolName {display:inline-block; font-size:11px; line-height:14px; font-weight:bold; color:#EEEEEE; width:auto; }
.dark .symbolProp .symbolDescription { display:block; font-size:10px; line-height:12px; font-weight:normal; color:#CCCCCC;max-width:160px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}

.dark .symbolStyleHeader{ font-size:10px; color:#EEEEEE; line-height:16px; border-bottom:solid #090909 1px; padding:8px 10px 4px 10px;}
.dark .symbolGraphStyle{ padding:0px 10px 0px 10px;}
.dark .symbolColorPicker{font-size:0px; padding:8px 10px 8px 10px; border-bottom:solid #090909 1px; clear:left; }

.dark .symbolProp .colorBox { width:14px; height:15px; display:inline-block; border-style:solid; border-width:1px; border-color:#090909; cursor:pointer;}
.dark .symbolProp .colorBox:hover{border-color:#090909; }

.dark .symbolProp .chartTypeItemz{ display:block; width:19px; height:18px; font-size:0px; cursor:pointer; background-repeat:no-repeat; padding-left:3px; padding-top:3px; line-height:0px; float:left;}
.dark .symbolProp .chartTypeItemz span{display:block; height:14px; width:15px;}
.dark .symbolProp .chartTypeItemz:hover{ background-color:#090909;}
.dark .symbolProp .chartTypeItemz .selected{ background-color:#090909;}


.dark .studyNameBlock{ font-size:10px; color:#EEEEEE; line-height:16px; border-bottom:solid #090909 1px; padding:10px 10px 2px 10px;}
.dark .studyTypeItemz{ display:block; min-width:150px; line-height:20px; vertical-align:middle; font-size:10px; padding-left:10px; cursor:pointer; color:#CCCCCC; border-bottom:solid #090909 1px;}
.dark .studyTypeItemz:hover{ background-color:#090909; color:#EEEEEE;}

.dark .deleteSymbolBlock{ font-size:10px; color:#EEEEEE; line-height:16px; border-bottom:solid #090909 1px; padding:10px;}
.dark .deleteSymbolButton { display:inline-block; padding:3px 6px; border:solid #090909 1px; color:#EEEEEE; cursor:pointer; font-size:11px; font-weight:bold;}
.dark .deleteSymbolButton:hover { background-color:#090909; border:solid #090909 1px; color:#2ba5c1;}











/*CHART - main*/
 .dark .chart {display:inline-block; border:none; position:relative; width:960px; height: 570px;}
 .dark .chart .headerBlock{ position:absolute; top:0px; left:0px; right:0px; border:0px; z-index:250;}
 .dark .chart .headerBar{ background-color:#1c5f82; height:30px;}
 .dark .chart .headerBar form{ display:inline-block; padding:0; margin:0;vertical-align:top;}

/* CHART header - search */
 .dark .searchInput{ border:4px solid #090909; width:260px; text-indent:8px; background: #161616; line-height:12x; color:#CCCCCC; height:20px; font-style:bold; font-style:italic; font-size:12px; text-transform: uppercase; outline:0;}
 .dark .searchInput:hover{background-color:#090909; color:#EEEEEE;}
 .dark .searchlistholder{max-height:330px; width:400px; display:block; background:#161616; overflow:auto; border:2px #090909 solid; border-bottom:3px #090909 solid; border-right:3px #090909 solid; display:none;}
 .dark .symbolline{display:block; overflow:hidden; height:40px; padding-left:10px; padding-top:0px; cursor:pointer; text-overflow: ellipsis; white-space:nowrap; border-bottom:solid 1px #090909;}
 .dark .symbolline .symbolhash{ font-size:11px; color:#EEEEEE; font-weight:bold; line-height:12px;}
 .dark .symbolline .symbolname{ font-size:10px; color:#CCCCCC; font-weight:bold; line-height:10px;}

 .dark .symbolline:hover .removeSelectedSymbol{color:#e06040;}
 .dark .symbolline:hover{ background:#090909;}


/* CHART header - date line */
 .dark #chartDateUl { display:inline-block;}
 .dark #chartDateUl li { color:#EEEEEE; line-height:30px; font-size:11px; font-weight:bold; display:block; float:left; height:30px; padding:0 10px; cursor:pointer;}
 .dark #chartDateUl li:hover { background-color:#14455e;}
 .dark #chartDateUl .selected { background-color:#090909; color:#EEEEEE; font-weight:bold;}


/* GRAPH */
 .dark .graphBucket { display:inline-block; position:absolute; top:30px; left:0;}



/* SYMBOL INFO BUCKET */
 .dark .symbolInfoBucket{ position:absolute; display:none; max-width:600px; background-color:#161616;}
 .dark .symbolInfoBlock{min-width:150px;display:block; padding:6px; margin:0px; border-bottom:solid #090909 1px; background-color:#161616;}
 .dark .symbolInfoBlock .symbolColor {display:inline-block; width:10px; height:10px; vertical-align:middle;}
 .dark .symbolInfoBlock .symbolName {display:inline-block; font-size:10px; line-height:14px; color:#EEEEEE; width:auto; padding-left:3px; padding-right:6px; }


/*************************************************************/
/*DARK*/
/*************************************************************/








/* NENAD */
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
 /* display: none; */
}

.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.line:hover {
	stroke: brown;
	
  stroke-width: 1.5px;
}

.area {
   opacity: 0.5;
    stroke-width: 0;
}

.bar {
	margin-right: 10px;
}

.bar:hover {
  fill: brown;
}


.text {
	background: orange;
}

.overlay {
  fill: none;
  pointer-events: all;
}

.focus circle {
  fill: none;
  stroke: steelblue;
}

.grid .tick {	
    shape-rendering: crispedges;
    stroke: lightgrey;
    stroke-dasharray: 3, 3;
    opacity: 0.7;
}

.dark .grid .tick {	
    stroke: #000000;
}


.grid path {
      stroke-width: 0;
}



.imgDiv {
	cursor: pointer;

}

.unselectable {
	unselectable: on;
	-moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
	-ms-user-select: none;
   user-select: none;
   cursor: pointer;
   pointer-events: none;
}

.tooltip {
	position: absolute;
	text-align: left;
	width: auto;
	height: auto;
	padding: 10px 10px 10px 10px; /* left, top, right, bottom */
	font: 12px Arial;
	font-weigh: bold;
	background: lightsteelblue;
	border: 0px;
	border-radius: 8px;
	pointer-events: none;


}

.cursorClass {
	cursor: pointer;
	pointer-events: none;
}

.cleaner {
	fill:  white;
}

.dark .cleaner {
	fill: #232323;
}

.textAxis { 
     fill:#797979;
} 
 
.dark .textAxis { 
     fill:#d5d5d5;
}


/* LOADING GIF */
#loading { position:fixed; top:600px; left:850px; z-index:601; display: none;}

#blocker{height:100%; width:100%; background-color:rgba(0, 0, 0, 0.5); position:fixed; top:0;left:0; display:none; z-index:600;}
#popupclose {width:16px; height:16px; color:#a3a2a2; position:absolute; top:0px; right:0px; line-height:16px; text-align:center; font-size:13px; font-style:normal; cursor:pointer;}
#popupclose:hover{color:#FFF;}
/* POPUP */
/* #blocker{height:100%; width:100%; background-color:rgba(0, 0, 0, 0.34); position:fixed; top:0;left:0; display:none; z-index:600;} 
#popup {position:fixed; top:170px; left:290px; z-index:601; display:block; width:320px; -moz-box-shadow: 0 0 60px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 60px 10px rgba(0,0,0,0.4); box-shadow: 0 0 60px 10px rgba(0,0,0,0.);}
#popupholder { background-color:#575353; font-family:Arial, Helvetica, sans-serif;position:relative; display:inline-block;}

.popupheader{display:block; padding:9px; margin:0px; margin-bottom:18px; background-color:#414141;}
.popupheader .symbolColor {display:inline-block; width:10px; height:50px; vertical-align:top;}

.popupheader #popupheaderTitle{display:inline-block; font-size:16px; line-height:22px; color:#FFF;  vertical-align: top; font-weight:bold; width:90%; }

#combo{width:160px;height:15px; overflow:hidden; position:relative; margin-left:8px; margin-top:0px; display:inline-block; vertical-align:middle; background: url(../img/bg.png) no-repeat right bottom #fff;}
#combo select { background: transparent; width: 170px; padding: 0px; font-size: 10px; line-height: 1;  border: 0; border-radius: 0; height: 15px; -webkit-appearance: none;}
#combo:hover { background: url(../img/bg.png) no-repeat right top #fff;}

#popup input {width:160px; margin-left:12px; text-indent:4px; background: #ffffff; line-height:11px;height:13px; font-style:normal; font-size:10px; color:#000; border:none;}
#popupclose {width:16px; height:16px; color:#a3a2a2; position:absolute; top:0px; right:0px; line-height:16px; text-align:center; font-size:13px; font-style:normal; cursor:pointer;}
#popupclose:hover{color:#FFF;}
#popupbackground{z-index:1; display:none; position: fixed; height:100%; width:100%; background:#000000; top:0px; left:0px; display:none;}

.popupLabels {font-size:12px; font-weight:bold; color:#FFF; display:inline-block;vertical-align:middle; line-height:14px; margin-left:12px; min-width:80px;}

.textInput { padding:12px 12px 0px 0px;}
.popupButtonsBlock { display:block; padding:25px 15px 15px 15px; overflow:hidden;}
#popupok { color:#FFF; display:inline-block; height:18px; color:#f1f1f1; float:right; line-height:11px; text-align:center; font-weight:bold; font-size:11px; cursor:pointer; padding:8px 18px 0px 18px; border:1px solid #414141; margin-left:6px;}
#popupok:hover{  background-color:#414141;}*/






</pre></body></html>