dark-unica.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896
  1. @import 'https://fonts.googleapis.com/css?family=Unica+One';
  2. .highcharts-title, .highcharts-subtitle {
  3. text-transform: uppercase;
  4. }
  5. .highcharts-tooltip text {
  6. fill: #F0F0F0;
  7. }
  8. .highcharts-range-selector-buttons text {
  9. fill: silver;
  10. }
  11. .highcharts-yaxis-grid {
  12. stroke-width: 1px;
  13. }
  14. .highcharts-axis-labels, .highcharts-axis-title {
  15. fill: #E0E0E3;
  16. }
  17. .highcharts-navigator .highcharts-navigator-handle {
  18. fill: #666;
  19. stroke: #aaa;
  20. }
  21. .highcharts-navigator .highcharts-navigator-outline {
  22. stroke: #CCC;
  23. }
  24. .highcharts-navigator .highcharts-navigator-xaxis .highcharts-grid-line {
  25. stroke: #505053;
  26. }
  27. .highcharts-scrollbar .highcharts-scrollbar-rifles {
  28. stroke: #fff;
  29. }
  30. .highcharts-scrollbar .highcharts-scrollbar-button {
  31. stroke: #606063;
  32. fill: #606063;
  33. }
  34. .highcharts-scrollbar .highcharts-scrollbar-arrow {
  35. fill: #CCC;
  36. }
  37. .highcharts-scrollbar .highcharts-scrollbar-thumb {
  38. fill: #808083;
  39. stroke: #808083;
  40. }
  41. .highcharts-contextbutton .highcharts-button-symbol {
  42. stroke: #DDDDDD;
  43. }
  44. /**
  45. * @license Highcharts
  46. *
  47. * (c) 2009-2016 Torstein Honsi
  48. *
  49. * License: www.highcharts.com/license
  50. */
  51. .highcharts-container {
  52. position: relative;
  53. overflow: hidden;
  54. width: 100%;
  55. height: 100%;
  56. text-align: left;
  57. line-height: normal;
  58. z-index: 0;
  59. /* #1072 */
  60. -webkit-tap-highlight-color: transparent;
  61. font-family: "Unica One", Arial, Helvetica, sans-serif;
  62. font-size: 12px;
  63. }
  64. .highcharts-root {
  65. display: block;
  66. }
  67. .highcharts-root text {
  68. stroke-width: 0;
  69. }
  70. .highcharts-strong {
  71. font-weight: bold;
  72. }
  73. .highcharts-emphasized {
  74. font-style: italic;
  75. }
  76. .highcharts-anchor {
  77. cursor: pointer;
  78. }
  79. .highcharts-background {
  80. fill: #2a2a2b;
  81. }
  82. .highcharts-plot-border, .highcharts-plot-background {
  83. fill: none;
  84. }
  85. .highcharts-label-box {
  86. fill: none;
  87. }
  88. .highcharts-button-box {
  89. fill: inherit;
  90. }
  91. /* Titles */
  92. .highcharts-title {
  93. fill: #E0E0E3;
  94. font-size: 20px;
  95. }
  96. .highcharts-subtitle {
  97. fill: #E0E0E3;
  98. }
  99. /* Axes */
  100. .highcharts-axis-line {
  101. fill: none;
  102. stroke: #707073;
  103. }
  104. .highcharts-yaxis .highcharts-axis-line {
  105. stroke-width: 0;
  106. }
  107. .highcharts-axis-title {
  108. fill: #E0E0E3;
  109. }
  110. .highcharts-axis-labels {
  111. fill: #E0E0E3;
  112. cursor: default;
  113. font-size: 0.9em;
  114. }
  115. .highcharts-grid-line {
  116. fill: none;
  117. stroke: #707073;
  118. }
  119. .highcharts-xaxis-grid .highcharts-grid-line {
  120. stroke-width: 0px;
  121. }
  122. .highcharts-tick {
  123. stroke: #707073;
  124. }
  125. .highcharts-yaxis .highcharts-tick {
  126. stroke-width: 0;
  127. }
  128. .highcharts-minor-grid-line {
  129. stroke: #505053;
  130. }
  131. .highcharts-crosshair-thin {
  132. stroke-width: 1px;
  133. stroke: #606063;
  134. }
  135. .highcharts-crosshair-category {
  136. stroke: #707073;
  137. stroke-opacity: 0.25;
  138. }
  139. /* Credits */
  140. .highcharts-credits {
  141. cursor: pointer;
  142. fill: #666;
  143. font-size: 0.7em;
  144. transition: fill 250ms, font-size 250ms;
  145. }
  146. .highcharts-credits:hover {
  147. fill: black;
  148. font-size: 1em;
  149. }
  150. /* Tooltip */
  151. .highcharts-tooltip {
  152. cursor: default;
  153. pointer-events: none;
  154. white-space: nowrap;
  155. transition: stroke 150ms;
  156. }
  157. .highcharts-tooltip text {
  158. fill: #E0E0E3;
  159. }
  160. .highcharts-tooltip .highcharts-header {
  161. font-size: 0.85em;
  162. }
  163. .highcharts-tooltip-box {
  164. stroke-width: 1px;
  165. fill: rgba(0, 0, 0, 0.85);
  166. fill-opacity: 0.85;
  167. }
  168. .highcharts-tooltip-box .highcharts-label-box {
  169. fill: rgba(0, 0, 0, 0.85);
  170. fill-opacity: 0.85;
  171. }
  172. .highcharts-selection-marker {
  173. fill: #335cad;
  174. fill-opacity: 0.25;
  175. }
  176. .highcharts-graph {
  177. fill: none;
  178. stroke-width: 2px;
  179. stroke-linecap: round;
  180. stroke-linejoin: round;
  181. }
  182. .highcharts-state-hover .highcharts-graph {
  183. stroke-width: 3;
  184. }
  185. .highcharts-state-hover path {
  186. transition: stroke-width 50;
  187. /* quick in */
  188. }
  189. .highcharts-state-normal path {
  190. transition: stroke-width 250ms;
  191. /* slow out */
  192. }
  193. /* Legend hover affects points and series */
  194. g.highcharts-series,
  195. .highcharts-point,
  196. .highcharts-markers,
  197. .highcharts-data-labels {
  198. transition: opacity 250ms;
  199. }
  200. .highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
  201. .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
  202. .highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
  203. .highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  204. opacity: 0.2;
  205. }
  206. /* Series options */
  207. /* Default colors */
  208. .highcharts-color-0 {
  209. fill: #2b908f;
  210. stroke: #2b908f;
  211. }
  212. .highcharts-color-1 {
  213. fill: #90ee7e;
  214. stroke: #90ee7e;
  215. }
  216. .highcharts-color-2 {
  217. fill: #f45b5b;
  218. stroke: #f45b5b;
  219. }
  220. .highcharts-color-3 {
  221. fill: #7798BF;
  222. stroke: #7798BF;
  223. }
  224. .highcharts-color-4 {
  225. fill: #aaeeee;
  226. stroke: #aaeeee;
  227. }
  228. .highcharts-color-5 {
  229. fill: #ff0066;
  230. stroke: #ff0066;
  231. }
  232. .highcharts-color-6 {
  233. fill: #eeaaee;
  234. stroke: #eeaaee;
  235. }
  236. .highcharts-color-7 {
  237. fill: #55BF3B;
  238. stroke: #55BF3B;
  239. }
  240. .highcharts-color-8 {
  241. fill: #DF5353;
  242. stroke: #DF5353;
  243. }
  244. .highcharts-color-9 {
  245. fill: #7798BF;
  246. stroke: #7798BF;
  247. }
  248. .highcharts-color-10 {
  249. fill: #aaeeee;
  250. stroke: #aaeeee;
  251. }
  252. .highcharts-area {
  253. fill-opacity: 0.75;
  254. stroke-width: 0;
  255. }
  256. .highcharts-markers {
  257. stroke-width: 1px;
  258. stroke: #2a2a2b;
  259. }
  260. .highcharts-point {
  261. stroke-width: 1px;
  262. }
  263. .highcharts-dense-data .highcharts-point {
  264. stroke-width: 0;
  265. }
  266. .highcharts-data-label {
  267. font-size: 0.9em;
  268. font-weight: bold;
  269. }
  270. .highcharts-data-label-box {
  271. fill: none;
  272. stroke-width: 0;
  273. }
  274. .highcharts-data-label text, text.highcharts-data-label {
  275. fill: #B0B0B3;
  276. }
  277. .highcharts-data-label-connector {
  278. fill: none;
  279. }
  280. .highcharts-halo {
  281. fill-opacity: 0.25;
  282. stroke-width: 0;
  283. }
  284. .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
  285. fill: #606063;
  286. stroke: #fff;
  287. }
  288. .highcharts-column-series rect.highcharts-point {
  289. stroke: #2a2a2b;
  290. }
  291. .highcharts-column-series .highcharts-point {
  292. transition: fill-opacity 250ms;
  293. }
  294. .highcharts-column-series .highcharts-point-hover {
  295. fill-opacity: 0.75;
  296. transition: fill-opacity 50ms;
  297. }
  298. .highcharts-pie-series .highcharts-point {
  299. stroke-linejoin: round;
  300. stroke: #2a2a2b;
  301. }
  302. .highcharts-pie-series .highcharts-point-hover {
  303. fill-opacity: 0.75;
  304. transition: fill-opacity 50ms;
  305. }
  306. .highcharts-funnel-series .highcharts-point {
  307. stroke-linejoin: round;
  308. stroke: #2a2a2b;
  309. }
  310. .highcharts-funnel-series .highcharts-point-hover {
  311. fill-opacity: 0.75;
  312. transition: fill-opacity 50ms;
  313. }
  314. .highcharts-funnel-series .highcharts-point-select {
  315. fill: inherit;
  316. stroke: inherit;
  317. }
  318. .highcharts-pyramid-series .highcharts-point {
  319. stroke-linejoin: round;
  320. stroke: #2a2a2b;
  321. }
  322. .highcharts-pyramid-series .highcharts-point-hover {
  323. fill-opacity: 0.75;
  324. transition: fill-opacity 50ms;
  325. }
  326. .highcharts-pyramid-series .highcharts-point-select {
  327. fill: inherit;
  328. stroke: inherit;
  329. }
  330. .highcharts-solidgauge-series .highcharts-point {
  331. stroke-width: 0;
  332. }
  333. .highcharts-treemap-series .highcharts-point {
  334. stroke-width: 1px;
  335. stroke: #707073;
  336. transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
  337. }
  338. .highcharts-treemap-series .highcharts-point-hover {
  339. stroke: #666;
  340. transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
  341. }
  342. .highcharts-treemap-series .highcharts-above-level {
  343. display: none;
  344. }
  345. .highcharts-treemap-series .highcharts-internal-node {
  346. fill: none;
  347. }
  348. .highcharts-treemap-series .highcharts-internal-node-interactive {
  349. fill-opacity: 0.15;
  350. cursor: pointer;
  351. }
  352. .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  353. fill-opacity: 0.75;
  354. }
  355. /* Legend */
  356. .highcharts-legend-box {
  357. fill: none;
  358. stroke-width: 0;
  359. }
  360. .highcharts-legend-item text {
  361. fill: #E0E0E3;
  362. font-weight: bold;
  363. font-size: 1em;
  364. cursor: pointer;
  365. stroke-width: 0;
  366. }
  367. .highcharts-legend-item:hover text {
  368. fill: #fff;
  369. }
  370. .highcharts-legend-item-hidden * {
  371. fill: #606063 !important;
  372. stroke: #606063 !important;
  373. transition: fill 250ms;
  374. }
  375. .highcharts-legend-nav-active {
  376. fill: #F0F0F3;
  377. cursor: pointer;
  378. }
  379. .highcharts-legend-nav-inactive {
  380. fill: #606063;
  381. }
  382. .highcharts-legend-title-box {
  383. fill: none;
  384. stroke-width: 0;
  385. }
  386. /* Loading */
  387. .highcharts-loading {
  388. position: absolute;
  389. background-color: #2a2a2b;
  390. opacity: 0.5;
  391. text-align: center;
  392. z-index: 10;
  393. transition: opacity 250ms;
  394. }
  395. .highcharts-loading-hidden {
  396. height: 0 !important;
  397. opacity: 0;
  398. overflow: hidden;
  399. transition: opacity 250ms, height 250ms step-end;
  400. }
  401. .highcharts-loading-inner {
  402. font-weight: bold;
  403. position: relative;
  404. top: 45%;
  405. }
  406. /* Plot bands and polar pane backgrounds */
  407. .highcharts-plot-band, .highcharts-pane {
  408. fill: #fff;
  409. fill-opacity: 0.05;
  410. }
  411. .highcharts-plot-line {
  412. fill: none;
  413. stroke: #666;
  414. stroke-width: 1px;
  415. }
  416. /* Highcharts More and modules */
  417. .highcharts-boxplot-box {
  418. fill: #2a2a2b;
  419. }
  420. .highcharts-boxplot-median {
  421. stroke-width: 2px;
  422. }
  423. .highcharts-bubble-series .highcharts-point {
  424. fill-opacity: 0.5;
  425. }
  426. .highcharts-errorbar-series .highcharts-point {
  427. stroke: #fff;
  428. }
  429. .highcharts-gauge-series .highcharts-data-label-box {
  430. stroke: #606063;
  431. stroke-width: 1px;
  432. }
  433. .highcharts-gauge-series .highcharts-dial {
  434. fill: #fff;
  435. stroke-width: 0;
  436. }
  437. .highcharts-polygon-series .highcharts-graph {
  438. fill: inherit;
  439. stroke-width: 0;
  440. }
  441. .highcharts-waterfall-series .highcharts-graph {
  442. stroke: #E0E0E3;
  443. stroke-dasharray: 1, 3;
  444. }
  445. .highcharts-sankey-series .highcharts-point {
  446. stroke-width: 0;
  447. }
  448. .highcharts-sankey-series .highcharts-link {
  449. transition: fill 250ms, fill-opacity 250ms;
  450. fill-opacity: 0.5;
  451. }
  452. .highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  453. transition: fill 50ms, fill-opacity 50ms;
  454. fill-opacity: 1;
  455. }
  456. /* Highstock */
  457. .highcharts-navigator-mask-outside {
  458. fill-opacity: 0;
  459. }
  460. .highcharts-navigator-mask-inside {
  461. fill: rgba(255, 255, 255, 0.1);
  462. /* navigator.maskFill option */
  463. fill-opacity: 0.25;
  464. cursor: ew-resize;
  465. }
  466. .highcharts-navigator-outline {
  467. stroke: #606063;
  468. fill: none;
  469. }
  470. .highcharts-navigator-handle {
  471. stroke: #606063;
  472. fill: #505053;
  473. cursor: ew-resize;
  474. }
  475. .highcharts-navigator-series {
  476. fill: #7798BF;
  477. stroke: #A6C7ED;
  478. }
  479. .highcharts-navigator-series .highcharts-graph {
  480. stroke-width: 1px;
  481. }
  482. .highcharts-navigator-series .highcharts-area {
  483. fill-opacity: 0.05;
  484. }
  485. .highcharts-navigator-xaxis .highcharts-axis-line {
  486. stroke-width: 0;
  487. }
  488. .highcharts-navigator-xaxis .highcharts-grid-line {
  489. stroke-width: 1px;
  490. stroke: #707073;
  491. }
  492. .highcharts-navigator-xaxis.highcharts-axis-labels {
  493. fill: #666;
  494. }
  495. .highcharts-navigator-yaxis .highcharts-grid-line {
  496. stroke-width: 0;
  497. }
  498. .highcharts-scrollbar-thumb {
  499. fill: #606063;
  500. stroke: #606063;
  501. stroke-width: 1px;
  502. }
  503. .highcharts-scrollbar-button {
  504. fill: #707073;
  505. stroke: #606063;
  506. stroke-width: 1px;
  507. }
  508. .highcharts-scrollbar-arrow {
  509. fill: #E0E0E3;
  510. }
  511. .highcharts-scrollbar-rifles {
  512. stroke: #E0E0E3;
  513. stroke-width: 1px;
  514. }
  515. .highcharts-scrollbar-track {
  516. fill: #404043;
  517. stroke: #404043;
  518. stroke-width: 1px;
  519. }
  520. .highcharts-button {
  521. fill: #505053;
  522. stroke: #606063;
  523. cursor: default;
  524. stroke-width: 1px;
  525. transition: fill 250ms;
  526. }
  527. .highcharts-button text {
  528. fill: #ccc;
  529. }
  530. .highcharts-button-hover {
  531. transition: fill 0ms;
  532. fill: #707073;
  533. stroke: #606063;
  534. }
  535. .highcharts-button-hover text {
  536. fill: #fff;
  537. }
  538. .highcharts-button-pressed {
  539. font-weight: bold;
  540. fill: #000003;
  541. stroke: #606063;
  542. }
  543. .highcharts-button-pressed text {
  544. fill: #fff;
  545. font-weight: bold;
  546. }
  547. .highcharts-button-disabled text {
  548. fill: #ccc;
  549. }
  550. .highcharts-range-selector-buttons .highcharts-button {
  551. stroke-width: 0px;
  552. }
  553. .highcharts-range-label rect {
  554. fill: none;
  555. }
  556. .highcharts-range-label text {
  557. fill: #E0E0E3;
  558. }
  559. .highcharts-range-input rect {
  560. fill: none;
  561. }
  562. .highcharts-range-input text {
  563. fill: silver;
  564. }
  565. .highcharts-range-input {
  566. stroke-width: 1px;
  567. stroke: #505053;
  568. }
  569. input.highcharts-range-selector {
  570. position: absolute;
  571. border: 0;
  572. width: 1px;
  573. /* Chrome needs a pixel to see it */
  574. height: 1px;
  575. padding: 0;
  576. text-align: center;
  577. left: -9em;
  578. /* #4798 */
  579. }
  580. .highcharts-crosshair-label text {
  581. fill: #2a2a2b;
  582. font-size: 1.1em;
  583. }
  584. .highcharts-crosshair-label .highcharts-label-box {
  585. fill: inherit;
  586. }
  587. .highcharts-candlestick-series .highcharts-point {
  588. stroke: #fff;
  589. stroke-width: 1px;
  590. }
  591. .highcharts-candlestick-series .highcharts-point-up {
  592. fill: #2a2a2b;
  593. }
  594. .highcharts-ohlc-series .highcharts-point-hover {
  595. stroke-width: 3px;
  596. }
  597. .highcharts-flags-series .highcharts-point .highcharts-label-box {
  598. stroke: #666;
  599. fill: #2a2a2b;
  600. transition: fill 250ms;
  601. }
  602. .highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  603. stroke: #fff;
  604. fill: #707073;
  605. }
  606. .highcharts-flags-series .highcharts-point text {
  607. fill: #fff;
  608. font-size: 0.9em;
  609. font-weight: bold;
  610. }
  611. /* Highmaps */
  612. .highcharts-map-series .highcharts-point {
  613. transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  614. stroke: #606063;
  615. }
  616. .highcharts-map-series .highcharts-point-hover {
  617. transition: fill 0ms, fill-opacity 0ms;
  618. fill-opacity: 0.5;
  619. stroke-width: 2px;
  620. }
  621. .highcharts-mapline-series .highcharts-point {
  622. fill: none;
  623. }
  624. .highcharts-heatmap-series .highcharts-point {
  625. stroke-width: 0;
  626. }
  627. .highcharts-map-navigation {
  628. font-size: 1.3em;
  629. font-weight: bold;
  630. text-align: center;
  631. }
  632. .highcharts-coloraxis {
  633. stroke-width: 0;
  634. }
  635. .highcharts-coloraxis-marker {
  636. fill: #666;
  637. }
  638. .highcharts-null-point {
  639. fill: #f7f7f7;
  640. }
  641. /* 3d charts */
  642. .highcharts-3d-frame {
  643. fill: transparent;
  644. }
  645. /* Exporting module */
  646. .highcharts-contextbutton {
  647. fill: #505053;
  648. /* needed to capture hover */
  649. stroke: none;
  650. stroke-linecap: round;
  651. }
  652. .highcharts-contextbutton:hover {
  653. fill: #707073;
  654. stroke: #707073;
  655. }
  656. .highcharts-button-symbol {
  657. stroke: #E0E0E3;
  658. stroke-width: 3px;
  659. }
  660. .highcharts-menu {
  661. border: 1px solid #666;
  662. background: #2a2a2b;
  663. padding: 5px 0;
  664. box-shadow: 3px 3px 10px #888;
  665. }
  666. .highcharts-menu-item {
  667. padding: 0.5em 1em;
  668. background: none;
  669. color: #E0E0E3;
  670. cursor: pointer;
  671. transition: background 250ms, color 250ms;
  672. }
  673. .highcharts-menu-item:hover {
  674. background: #335cad;
  675. color: #2a2a2b;
  676. }
  677. /* Drilldown module */
  678. .highcharts-drilldown-point {
  679. cursor: pointer;
  680. }
  681. .highcharts-drilldown-data-label text,
  682. text.highcharts-drilldown-data-label,
  683. .highcharts-drilldown-axis-label {
  684. cursor: pointer;
  685. fill: #F0F0F3;
  686. font-weight: bold;
  687. text-decoration: underline;
  688. }
  689. /* No-data module */
  690. .highcharts-no-data text {
  691. font-weight: bold;
  692. font-size: 12px;
  693. fill: #E0E0E3;
  694. }
  695. /* Drag-panes module */
  696. .highcharts-axis-resizer {
  697. cursor: ns-resize;
  698. stroke: black;
  699. stroke-width: 2px;
  700. }
  701. /* Bullet type series */
  702. .highcharts-bullet-target {
  703. stroke-width: 0;
  704. }
  705. /* Lineargauge type series */
  706. .highcharts-lineargauge-target {
  707. stroke-width: 1px;
  708. stroke: #E0E0E3;
  709. }
  710. .highcharts-lineargauge-target-line {
  711. stroke-width: 1px;
  712. stroke: #E0E0E3;
  713. }
  714. /* Annotations module */
  715. .highcharts-annotation-label-box {
  716. stroke-width: 1px;
  717. stroke: #fff;
  718. fill: #fff;
  719. fill-opacity: 0.75;
  720. }
  721. .highcharts-annotation-label text {
  722. fill: #707073;
  723. }