1.node {
2    font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
3    fill: #bbb;
4    fill-opacity: 0.2;
5}
6
7.node--sys-pri {
8    font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
9    fill: #ffaaaa;
10    fill-opacity: 0.2;
11}
12
13.node--sys-pub {
14    font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
15    fill: #aaffaa;
16    fill-opacity: 0.2;
17}
18
19.node--source {
20    fill: #2ca02c;
21    fill-opacity: 1;
22}
23
24.node--target {
25    fill: #d62728;
26    fill-opacity: 1;
27}
28
29.node--selected {
30    fill: #ff7000;
31    fill-opacity: 1;
32    font-weight: 700;
33}
34
35.node:hover,
36.node--sys-pri:hover,
37.node--sys-pub:hover {
38    fill: #000;
39    fill-opacity: 1;
40}
41
42.node:hover,
43.node--sys-pri:hover,
44.node--sys-pub:hover,
45.node--source,
46.node--target {
47    font-weight: 700;
48}
49
50.link {
51    stroke: steelblue;
52    stroke-opacity: 0.01;
53    fill: none;
54    pointer-events: none;
55}
56
57.link--violate {
58    stroke: crimson;
59    stroke-opacity: 0.1;
60    stroke-width: 1.0px;
61    fill: none;
62    pointer-events: none;
63}
64
65.link--source,
66.link--target {
67    stroke-opacity: 1;
68    stroke-width: 2.5px;
69}
70
71.link--source {
72    stroke: orange;
73}
74
75.link--target {
76    stroke: #2ca02c;
77}
78
79button.violate {
80    background-color: white;
81    color: #333;
82    cursor: pointer;
83    padding: 5px;
84    width: 100%;
85    border: none;
86    text-align: left;
87    outline: none;
88    font-size: 15px;
89    transition: 0.4s;
90}
91
92button.violate.active,
93button.violate:hover {
94    background-color: #bb0000;
95}
96button.violate-list {
97    background-color: #ffdddd;
98    color: #333;
99    cursor: pointer;
100    padding: 5px;
101    width: 100%;
102    border: none;
103    text-align: left;
104    outline: none;
105    font-size: 15px;
106    transition: 0.4s;
107}
108
109button.violate-list.active,
110button.violate-list:hover {
111    background-color: #ff6666;
112}
113.violate-list-sym {
114    background-color: #ffaaaa;
115    padding: 3px;
116    width: 100%;
117    border: none;
118    text-align: left;
119    font-size: 14px;
120}
121
122span.cplusplus-sym {
123    background-color: #ffffff;
124    top: 10px;
125    left: 20px;
126    width: auto;
127    height: auto;
128    border: solid 1px blue;
129    font-size: 18px;
130    position: absolute;
131}
132
133#violate_list_column {
134    width: 20%;
135    height: 99vh;
136    float: left;
137    overflow: scroll;
138}
139
140#dep_graph_column {
141    width: 80%;
142    height: 99vh;
143    float: right;
144    overflow: scroll;
145}
146
147#reset_btn {
148    position: absolute;
149    margin: 20px;
150}
151