UNPKG

fybdp-d3-kg

Version:

Knowledge Graph using React and D3.js

1 lines 50 kB
@charset "UTF-8";.BrushHandle-module_handle__LBeJU{fill:var(--color-background);stroke:var(--color-primary)}.BrushHandle-module_dragging__YXC6W{fill:var(--color-surface)}.BrushHandle-module_dot__1dkpx{fill:var(--color-on-background)}.BrushHandle-module_line__uf1vK{stroke:var(--color-primary)}.BrushSlice-module_slice__3JDRI{fill:var(--color-primary)}.BrushSlice-module_unsliced__1pRjv{fill:var(--color-background);opacity:.5;pointer-events:none}.DiscreteLegend-module_container__1OkIP{display:-webkit-box;display:flex;overflow:auto}.DiscreteLegend-module_container__1OkIP.DiscreteLegend-module_horizontal__3cnFo{-webkit-box-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.DiscreteLegend-module_container__1OkIP.DiscreteLegend-module_vertical__1Y_3H{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.DiscreteLegendEntry-module_entry__3lWvJ{display:-webkit-box;display:flex;color:var(--color-on-primary);padding:8px;will-change:transparency;-webkit-transition:opacity .15s ease-in;transition:opacity .15s ease-in}.DiscreteLegendEntry-module_entry__3lWvJ.DiscreteLegendEntry-module_vertical__1sZZW{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;text-align:center}.DiscreteLegendEntry-module_entry__3lWvJ.DiscreteLegendEntry-module_vertical__1sZZW:first-child{padding-top:0}.DiscreteLegendEntry-module_entry__3lWvJ.DiscreteLegendEntry-module_vertical__1sZZW:last-child{padding-bottom:0}.DiscreteLegendEntry-module_entry__3lWvJ.DiscreteLegendEntry-module_vertical__1sZZW svg{display:block;margin:0 auto}.DiscreteLegendEntry-module_entry__3lWvJ.DiscreteLegendEntry-module_horizontal__1FjvA{-webkit-box-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.DiscreteLegendEntry-module_entry__3lWvJ.DiscreteLegendEntry-module_horizontal__1FjvA:first-child{padding-left:0}.DiscreteLegendEntry-module_entry__3lWvJ.DiscreteLegendEntry-module_horizontal__1FjvA:last-child{padding-right:0}.DiscreteLegendEntry-module_entry__3lWvJ.DiscreteLegendEntry-module_horizontal__1FjvA .DiscreteLegendEntry-module_label__3ei7b{margin-left:8px}.DiscreteLegendEntry-module_entry__3lWvJ .DiscreteLegendEntry-module_label__3ei7b{font-size:12px}.DiscreteLegendEntry-module_entry__3lWvJ svg{width:15px;height:15px}.DiscreteLegendSymbol-module_symbol__1nqtR{width:15px;height:3px}.SequentialLegend-module_container__PXXWW{display:-webkit-box;display:flex;height:100%}.SequentialLegend-module_container__PXXWW.SequentialLegend-module_vertical___rx7U{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-width:55px}.SequentialLegend-module_container__PXXWW.SequentialLegend-module_vertical___rx7U .SequentialLegend-module_end__38QtK,.SequentialLegend-module_container__PXXWW.SequentialLegend-module_vertical___rx7U .SequentialLegend-module_start__2zxrb{text-align:center;padding:5px 0;width:100%}.SequentialLegend-module_container__PXXWW.SequentialLegend-module_vertical___rx7U .SequentialLegend-module_gradient__33Ub8{width:25px;margin:0 auto}.SequentialLegend-module_container__PXXWW.SequentialLegend-module_horizontal__103ys{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.SequentialLegend-module_container__PXXWW.SequentialLegend-module_horizontal__103ys .SequentialLegend-module_end__38QtK,.SequentialLegend-module_container__PXXWW.SequentialLegend-module_horizontal__103ys .SequentialLegend-module_start__2zxrb{max-width:20%}.SequentialLegend-module_container__PXXWW.SequentialLegend-module_horizontal__103ys .SequentialLegend-module_start__2zxrb{text-align:right;padding-left:5px}.SequentialLegend-module_container__PXXWW.SequentialLegend-module_horizontal__103ys .SequentialLegend-module_end__38QtK{text-align:left;padding-right:5px}.SequentialLegend-module_container__PXXWW .SequentialLegend-module_gradient__33Ub8{-webkit-box-flex:1;flex:1;width:100%;border-radius:2px}.SequentialLegend-module_container__PXXWW .SequentialLegend-module_end__38QtK,.SequentialLegend-module_container__PXXWW .SequentialLegend-module_start__2zxrb{color:var(--color-on-primary);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Gridline-module_gridLine__106sP{stroke-dasharray:2 5;shape-rendering:crispEdges;pointer-events:none}.GridStripe-module_gridStripe__3AsHi{pointer-events:none}.MarkLine-module_markLine__1-AYM{pointer-events:none;stroke-dasharray:4,4;stroke-linecap:round}.Tooltip-module_tooltip__2oaXp{background:var(--color-layer-transparent);border-radius:5px;color:var(--color-on-background);pointer-events:none;padding:7px;white-space:nowrap;text-align:center;will-change:transform,opacity}.TooltipTemplate-module_label__1E8Y8{font-size:16px;margin-bottom:3px;color:#fff}.TooltipTemplate-module_value__19Bq0{font-size:13px;color:hsla(0,0%,100%,.7)}.TooltipTemplate-module_subValue__30m6N{display:block;text-align:left;padding:3px 5px}.TooltipTemplate-module_subValue__30m6N .TooltipTemplate-module_subValueColor__1jz0W{width:5px;height:15px;margin-right:8px;display:inline-block}.TooltipTemplate-module_subValue__30m6N .TooltipTemplate-module_subValueName__1xoqK{margin-right:5px}.ScatterPoint-module_inactive__2WVfj{opacity:.2}.ScatterPlot-module_scatterPlot__3ikIf{overflow:visible}.PointSeries-module_point__1T8b_{stroke:hsla(0,0%,100%,.5);stroke-width:1px}.AreaChart-module_areaChart__1zqYM{overflow:visible}.Bar-module_rounded__1O50M.Bar-module_vertical__nJIRz{-webkit-clip-path:inset(0 0 0 0 round 2px 2px 0 0);clip-path:inset(0 0 0 0 round 2px 2px 0 0)}.Bar-module_rounded__1O50M.Bar-module_horizontal__3H4z_{-webkit-clip-path:inset(0 0 0 0 round 0 2px 2px 0);clip-path:inset(0 0 0 0 round 0 2px 2px 0)}.BarChart-module_barChart__1utf-{overflow:visible}.BarChart-module_barChart__1utf-.BarChart-module_marimekko__G5ftE .bar,.BarChart-module_barChart__1utf-.BarChart-module_stacked__1LjHu .bar,.BarChart-module_barChart__1utf-.BarChart-module_stackedNormalized__1o5K6 .bar{stroke:var(--color-background);stroke-width:.2}.HiveNode-module_node__3RbuE{-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out;cursor:pointer}.HiveNode-module_inactive__30NgE{opacity:.2}.HiveAxis-module_axis__DWZQr{stroke:#575f67;stroke-width:1.5px}.HiveLink-module_link__3v4b_{fill:none;stroke-width:1.5px;stroke-opacity:.5;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}.HiveLink-module_inactive__VnC5Q{opacity:.7}.HiveLabel-module_label__3m0lt{fill:hsla(0,0%,100%,.5);font-size:12px;text-transform:uppercase}.HiveTooltip-module_label__eAn0z{font-size:16px;margin-bottom:3px}.HiveTooltip-module_value__-gLKC{font-size:13px;color:hsla(0,0%,100%,.7)}.Map-module_country__2NWEg{fill:hsla(0,0%,100%,.3)}.MapMarker-module_marker__31quS{fill:var(--color-primary)}.SankeyLabel-module_label__14xWu{font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.SankeyLink-module_link__1zt-G{fill:none;-webkit-transition:stroke-opacity .1s ease-in-out,stroke .1s ease-in-out;transition:stroke-opacity .1s ease-in-out,stroke .1s ease-in-out;mix-blend-mode:screen}.SankeyLink-module_tooltip__3VzWu{text-align:center}.SankeyLink-module_tooltip__3VzWu .SankeyLink-module_tooltipLabel__1Hkak{font-size:16px;margin-bottom:3px;color:#fff;text-align:center}.SankeyLink-module_tooltip__3VzWu .SankeyLink-module_tooltipValue__35t7t{font-size:13px;color:hsla(0,0%,100%,.7);text-align:center}.SankeyNode-module_node__1iiLl{-webkit-transition:opacity .1s ease-in-out,fill-opacity .1s ease-in-out;transition:opacity .1s ease-in-out,fill-opacity .1s ease-in-out}.SankeyNode-module_tooltip__14xZo{text-align:center;padding:0 8px}.SankeyNode-module_tooltip__14xZo .SankeyNode-module_tooltipLabel__21HUH{font-size:16px;margin-bottom:3px;color:#fff;text-align:center}.SankeyNode-module_tooltip__14xZo .SankeyNode-module_tooltipValue__QLYTw{font-size:13px;color:hsla(0,0%,100%,.7);text-align:center}.RadialScatterPoint-module_inactive__2Wz9Q{opacity:.4;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.RadialGaugeLabel-module_valueLabel__21Rix{font-size:14px;font-weight:400;fill:var(--color-on-surface);opacity:.6}.RadialGaugeValueLabel-module_valueLabel__1R6IA{font-size:18px;font-weight:400;fill:var(--color-on-surface)}.HeatmapCell-module_cell__ksILo{-webkit-transition:stroke .15s ease-in-out;transition:stroke .15s ease-in-out}:root{--white:#fff;--offwhite:#ccc;--grey:#37474f;--grey-lighter:#56707c;--graph-hover:#b72022;--navy:#1a2b3c;--navy-lighter:#20354a;--navy-darker:#102027;--bright-green:#2ca02c;--green:#168600;--green-lighter:#1eb900;--teal-darkest:#00545c;--teal-darker:#00838f;--teal:#009aa9;--teal-lighter:#00a8b8;--teal-lightest:#0bc;--red-darkest:#711a1b;--red-darker:#851f20;--red:#b72022;--red-lighter:#d03032;--red-lightest:#d03032;--orange:#d2620b;--orange-lighter:#f37b1d;--orange-darker:#9a5b11;--yellow:#fdd835;--yellow-lighter:#fee268;--yellow-darker:#e3b505;--graph-bg-color:#102027;--label-font-family:"Helvetica Neue",Helvetica,Verdana,Geneva,Tahoma,"Roboto",sans-serif;--label-font-size:12px;--label-text-shadow:1px 1px 5px rgba(0,0,0,0.2);--link-stroke-width:1px;--node-stroke-width:1px}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0)}}@-webkit-keyframes flashRed{0%,50%,to{fill:var(--red-darkest);stroke:var(--red-darker)}25%,75%{fill:var(--red-lighter);stroke:var(--red-lightest)}}@keyframes flashRed{0%,50%,to{fill:var(--red-darkest);stroke:var(--red-darker)}25%,75%{fill:var(--red-lighter);stroke:var(--red-lightest)}}@-webkit-keyframes flashBlue{0%,50%,to{fill:var(--teal-darkest);stroke:var(--teal-darker)}25%,75%{fill:var(--teal-lighter);stroke:var(--teal-lightest)}}@keyframes flashBlue{0%,50%,to{fill:var(--teal-darkest);stroke:var(--teal-darker)}25%,75%{fill:var(--teal-lighter);stroke:var(--teal-lightest)}}.graph-wrapper .cardinality.focused,.graph-wrapper .cardinality.hovered,.graph-wrapper .clazz.hovered,.graph-wrapper .datatype.hovered,.graph-wrapper .filled.focused,.graph-wrapper .filled.hovered,.graph-wrapper .literal.hovered,.graph-wrapper .outline.hovered,.graph-wrapper .property.hovered,.graph-wrapper .special.hovered,.graph-wrapper .values-from.filled.hovered{stroke:var(--graph-hover)!important;fill:var(--graph-hover)!important;cursor:pointer}.graph-wrapper .line,.graph-wrapper .link-path,.graph-wrapper .nofill{fill:none;stroke:#aaa;stroke-width:1px}.graph-wrapper .hoveredForEditing{fill:var(--graph-hover)!important;cursor:pointer}.graph-wrapper .link-path.hovered{stroke:var(--graph-hover)!important}.graph-wrapper .feature{fill:#aaa;cursor:pointer}.graph-wrapper .feature:hover{fill:var(--graph-hover)!important;cursor:pointer}.graph-wrapper circle.focused,.graph-wrapper rect.focused{stroke-width:4px!important}.graph-wrapper .fineline,.graph-wrapper .line,.graph-wrapper .link-path{stroke-width:1}.graph-wrapper .anonymous,.graph-wrapper .dashed{stroke-dasharray:8}.graph-wrapper .dotted{stroke-dasharray:3}.graph-wrapper circle.focused,.graph-wrapper rect.focused{stroke-width:2}.graph-wrapper .nostroke{stroke:none}.node{fill:#1ea7fd;stroke:rgba(30,167,253,.2);stroke-opacity:.6;stroke-width:var(--node-stroke-width);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.node:hover{cursor:pointer}.node.node-highlighted .ring{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);opacity:.5;stroke:#888;stroke-width:12px}.node .outline{cursor:pointer;pointer-events:all}.node .ring{fill:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;stroke:#6ac6ff;stroke-width:8px}.node .text.icon{font-family:FontAwesome}.node.selected .ring,.node:hover .ring{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);opacity:.3}.node.status-down{fill:var(--red);stroke:var(--red-lighter);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:1.1s;animation-duration:1.1s;-webkit-animation-name:flashRed,shake;animation-name:flashRed,shake}.node.status-deploying{fill:var(--teal);stroke:var(--teal-lighter);-webkit-animation-name:flashBlue;animation-name:flashBlue;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease;animation-timing-function:ease}.node[data-rel=is-source-and-target]{fill:var(--green);stroke:var(--green-lighter)}.node[data-rel=is-source]{fill:var(--red);stroke:var(--red-lighter)}.node[data-rel=is-deep-source]{fill:var(--orange);stroke:var(--orange-lighter)}.node[data-rel=is-target]{fill:var(--yellow);stroke:var(--yellow-lighter)}.node[data-rel=has-no-relationship]{fill:#9dd0f0;stroke:#9dd0f0}.node[data-hidden="1"]{fill:var(--graph-bg-color);stroke:var(--graph-bg-color)}.link{stroke:var(--grey);stroke-width:var(--link-stroke-width);stroke-opacity:.6;cursor:default}.link .link-path{stroke:#aaa;stroke-opacity:.6;stroke-width:1px;fill:transparent}.link line{stroke:#aaa}.link .outline{cursor:default}.link .overlay{cursor:default;fill:#6ac6ff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.link.dasharray{stroke-dasharray:5,2}.link text{cursor:default}.link.selected .overlay,.link:hover .overlay{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);opacity:.3}.link[data-rel=is-source]{stroke:var(--yellow)}.link[data-rel=is-deep-source]{stroke:var(--orange)}.link[data-rel=is-target]{stroke:var(--red)}.link[data-rel=has-no-relationship]{stroke:var(--navy-lighter)}.link[data-hidden="1"]{stroke:var(--graph-bg-color)}.arrow-container .marker-path{stroke:#aaa;stroke-width:1px;fill:#aaa}.arrow-container .marker-path .filled{stroke:var(--graph-hover)!important}.labelGroup{box-sizing:border-box}.label{-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;font-size:var(--label-font-size);text-anchor:middle;vertical-align:middle;cursor:default}.label .property{stroke:rgba(52,151,214,.61);cursor:default;fill:rgba(27,104,152,.72);font-size:10px}.label .text{font-family:Helvetica,Arial,sans-serif;font-size:10px;line-height:1}.label .tspan{font-size:10px;white-space:inherit}.label .subtext{font-size:9px;line-height:1}.label .text.instance-count{fill:#666}.label.status-down{fill:var(--status-down-fill);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:1.1s;animation-duration:1.1s;-webkit-animation-name:shake;animation-name:shake}.label.status-deploying{fill:var(--white)}.label[data-rel=is-source]{fill:var(--red)}.label[data-rel=is-deep-source]{fill:var(--orange)}.label[data-rel=is-target]{fill:var(--yellow-darker)}.label[data-rel=has-no-relationship]{fill:var(--navy-lighter)}.label[data-hidden="1"]{fill:var(--graph-bg-color)}.label[data-rel=is-same-node]{fill:var(--white)}.cardinality-container .cardinality{font-size:9px}.cardinality-container .text{font-family:Helvetica,Arial,sans-serif;font-size:10px;line-height:1}.cardinality-container .cardinality-path{stroke:#aaa;stroke-opacity:.6;stroke-width:1px;fill:transparent}.menu-popup .menu-group{cursor:default}.menu-popup .menu-path text[fill-opacity="0"]{fill:none}.menu-popup .menu-path path{stroke:none}.menu-popup .menu-text text{fill:#fff}.menu-popup .menu-text text[fill-opacity="0"]{fill:none!important;opacity:0!important}.menu-popup .menu-circle{stroke:none;fill:none}.zoomSlider{width:28px;margin-top:-2px;padding:0;font-size:1.5em;cursor:pointer;position:absolute;right:20px;bottom:20px;color:#1ea7fd;box-sizing:border-box}.zoomCenterGraphButton,.zoomInButton,.zoomOutButton{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;border:1px solid rgba(0,0,0,.1);border-radius:100%;text-align:center;margin:4px 0 0;font-size:1.5em;padding:0;height:28px;width:28px;background:#d1e2ec}.zoomCenterGraphButton,.zoomInButton{line-height:25px}.zoomOutButton{line-height:22px}.zoomSlider>p:hover{background-color:#d90}.zoomSliderParagraph{color:#1ea7fd;padding-top:8px;padding-left:2px;margin:-1px 0 0;border:transparent;height:150px}.zoomSliderInput,p.zoomSliderParagraph:hover{background-color:transparent}.zoomSliderInput{color:#1ea7fd;position:relative;padding-top:0;width:155px;height:24px;-webkit-transform-origin-x:73px;-webkit-transform-origin-y:73px;-webkit-transform:rotate(-90deg);-moz-transform-origin:73px 73px;transform:rotate(-90deg);-webkit-transform-origin:73px 73px;transform-origin:73px 73px;-webkit-appearance:none;outline:none;margin:4px 0}.zoomSliderInput::-webkit-scrollbar{height:0}.zoomSliderInput:hover{cursor:crosshair}.zoomSliderInput::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;background:#3071a9}.zoomSliderInput::-moz-range-track{width:100%;height:5px;cursor:pointer;background:#3071a9}.zoomSliderInput::-webkit-slider-thumb{-webkit-appearance:none;border:0 solid #000;border-radius:100%;height:18px;width:18px;margin-right:50px;background:#fff;cursor:pointer;outline:none;margin-top:-6px}.zoomSliderInput::-ms-thumb{-webkit-appearance:none;border:0 solid #000;border-radius:100%;height:18px;width:18px;margin-right:50px;background:#fff;cursor:pointer;outline:none;margin-top:-6px}.zoomSliderInput::-webkit-slider-thumb:hover{-webkit-appearance:none;border:0 solid #000;border-radius:100%;height:18px;width:18px;margin-right:50px;background:#d90;cursor:pointer;outline:none;margin-top:-6px}.zoomSliderInput::-ms-thumb:hover{-webkit-appearance:none;border:0 solid #000;border-radius:100%;height:18px;width:18px;margin-right:50px;background:#d90;cursor:pointer;outline:none;margin-top:-6px}.zoomSliderInput::-moz-range-thumb,.zoomSliderInput::-moz-range-thumb:hover{border:0 solid #000;border-radius:100%;height:18px;width:18px;cursor:pointer;outline:none;margin-top:-6px}.zoomSliderInput::-moz-range-thumb:hover{background:#d90}.zoomSliderInput::-moz-focus-outer{border:0}.graph-container{margin:0;padding:0;border:0 solid #ddd;height:100%;width:100%;min-height:400px;min-width:600px}.graph-container .hidden{display:none!important}.graph-container .show{display:block!important}.graph-container .clear{clear:both}.graph-container svg{font-family:var(--label-font-family);text-shadow:var(--label-text-shadow);background:var(--navy-darker);cursor:move}.graph-container marker#is-default{fill:var(--graph-link-color)}.graph-container marker#is-source{fill:var(--yellow)}.graph-container marker#is-deep-source{fill:var(--orange)}.graph-container marker#is-target{fill:var(--red)}.graph-container marker#end{fill:var(--offwhite)}.graph-container .graph-info{font-size:14px;padding:10px;position:absolute}.graph-container .graph-info a{border:1px solid;display:inline-block;font-size:14px;line-height:1.428571429;margin-left:5px;margin-top:5px;padding:6px 12px}.graph-container .graph-info a.class{color:#fff}.graph-container .graph-info a.property{background-color:#fff;border-color:#ccc;color:#333}.graph-container .graph-info a.btn{margin-left:5px;margin-top:5px;opacity:1}.graph-container .graph-info a.info{background-color:#a5abb6;border:1px solid #9aa1ac;color:#fff}.graph-container [data-title],.graph-container [title]{position:relative;cursor:help}.graph-container [data-title]:hover:before,.graph-container [title]:hover:before{content:attr(data-title);position:absolute;bottom:-26px;display:inline-block;padding:3px 6px;border-radius:2px;background:#000;color:#fff;font-size:12px;font-family:sans-serif;white-space:nowrap}.graph-container [data-title]:hover:after,.graph-container [title]:hover:after{content:"";position:absolute;bottom:-10px;left:8px;display:inline-block;color:#fff;border:8px solid transparent;border-bottom-color:#000}.kgGraph #loading-progress{width:50%;margin:10px 0}.kgGraph #drag_dropOverlay{opacity:.5;background-color:#3071a9}.kgGraph #drag_dropOverlay,.kgGraph #dragDropContainer{width:100%;height:100%;position:absolute;top:0;pointer-events:none}.kgGraph #layoutLoadingProgressBarContainer{height:50px;text-align:left;line-height:1.5}.kgGraph #FPS_Statistics{padding-left:60px;padding-top:60px}.kgGraph #additionalInformationContainer{position:absolute;top:10px;right:50px}.kgGraph #modeOfOperationString{padding-left:34px}.kgGraph #close_directUploadBtn,.kgGraph #direct-text-input,.kgGraph #directUploadBtn{border:1px solid #34495e;width:100%;margin-top:5px;cursor:pointer}.kgGraph #di_controls>ul{list-style:none;margin:0;padding:5px 0 0 5px}.kgGraph #progressBarContext{border-radius:10px;background-color:#bdc3c7;height:25px;border:1px solid #000;margin:auto}.kgGraph #progressBarValue{border-radius:9px;width:0;background-color:#2980b9;height:25px;line-height:1.5;text-align:center}.kgGraph .dbEntry{background-color:#fff}.kgGraph .dbEntry,.kgGraph .dbEntrySelected{color:#2980b9;padding:10px;font-size:14px;border:none;cursor:pointer}.kgGraph .dbEntry:focus,.kgGraph .dbEntry:hover,.kgGraph .dbEntrySelected{background-color:#bdc3c7}.kgGraph .searchMenuEntry{background-color:#fff;bottom:0;font-size:14px;min-width:50px;margin:0;padding:0;z-index:99;border-radius:4px 4px 0 0;box-shadow:0 6px 12px rgba(0,0,0,.175);box-sizing:border-box;border:1px solid rgba(0,0,0,.15);border-bottom:none;display:none;position:absolute;list-style:none}.kgGraph .searchInputText{background-color:#fff;color:#000;border:#000;text-decoration:none;max-width:150px;overflow:hidden;text-overflow:ellipsis;margin:0}.kgGraph iframe,.kgGraph img{border:none}.kgGraph .hidden{display:none!important}.kgGraph .show{display:block}.kgGraph .clear{clear:both}.kgGraph a{color:#69c;text-decoration:none}.kgGraph a:hover{color:#3498db}.kgGraph #optionsArea a{color:#2980b9}.kgGraph #optionsArea a.highlighted{background-color:#d90}.kgGraph .toolTipMenu li.highlighted{background-color:#feb}.kgGraph #browserCheck{background-color:red;padding:5px 0;position:absolute;text-align:center;width:100%}.kgGraph #browserCheck a{color:#fff}.kgGraph #browserCheck a:hover{text-decoration:underline}@-webkit-keyframes sbExpandAnimation{0%{width:78%}to{width:100%}}@keyframes sbExpandAnimation{0%{width:78%}to{width:100%}}@-webkit-keyframes sbCollapseAnimation{0%{width:100%}to{width:78%}}@keyframes sbCollapseAnimation{0%{width:100%}to{width:78%}}@-webkit-keyframes l_sbExpandAnimation{0%{width:0}to{width:200px}}@keyframes l_sbExpandAnimation{0%{width:0}to{width:200px}}@-webkit-keyframes l_sbCollapseAnimation{0%{width:200px}to{width:0}}@keyframes l_sbCollapseAnimation{0%{width:200px}to{width:0}}@-webkit-keyframes warn_ExpandAnimation{0%{top:-500px}to{top:0}}@keyframes warn_ExpandAnimation{0%{top:-500px}to{top:0}}@-webkit-keyframes warn_CollapseAnimation{0%{top:0}to{top:-400px}}@keyframes warn_CollapseAnimation{0%{top:0}to{top:-400px}}@-webkit-keyframes msg_CollapseAnimation{0%{top:0}to{top:-400px}}@keyframes msg_CollapseAnimation{0%{top:0}to{top:-400px}}@-webkit-keyframes warn_ExpandLeftBarAnimation{0%{left:0}to{left:100px}}@keyframes warn_ExpandLeftBarAnimation{0%{left:0}to{left:100px}}@-webkit-keyframes warn_CollapseLeftBarAnimation{0%{left:100px}to{left:0}}@keyframes warn_CollapseLeftBarAnimation{0%{left:100px}to{left:0}}@-webkit-keyframes warn_ExpandRightBarAnimation{0%{width:100%}to{width:78%}}@keyframes warn_ExpandRightBarAnimation{0%{width:100%}to{width:78%}}@-webkit-keyframes warn_CollapseRightBarAnimation{0%{width:78%}to{width:100%}}@keyframes warn_CollapseRightBarAnimation{0%{width:78%}to{width:100%}}.kgGraph #canvasArea{position:relative;margin:0;padding:0;width:100%}.kgGraph #canvasArea #graph{box-sizing:border-box;margin:0 0 2px;background-color:#292d3d;overflow:hidden;padding:0;width:100%}.kgGraph #canvasArea svg{box-sizing:border-box;margin:0;overflow:hidden;padding:0}.kgGraph .checkboxContainer input,.kgGraph .checkboxContainer label{vertical-align:middle}.kgGraph .selected-ontology{background-color:#eee}.kgGraph #credits{border-top:1px solid #bdc3c7;font-size:.9em}.kgGraph .slideOption{position:relative;padding:8px 5px;outline:none}.kgGraph .slideOption .value{float:right;outline:none}.kgGraph .slideOption input[type=range]{box-sizing:border-box;margin:0;outline:none;-webkit-appearance:none;-moz-appearance:none;border-radius:3px;height:12px;width:100%;box-shadow:none;left:0;position:relative;-webkit-transition:all .5s ease;transition:all .5s ease;background-color:#eee}.kgGraph .slideOption input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background-color:#3071a9;height:3px}.kgGraph .slideOption input[type=range]::-moz-range-track{-webkit-appearance:none;background-color:#3071a9;height:3px}.kgGraph .slideOption input[type=range]:hover{outline:none}.kgGraph .slideOption input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;border-radius:3px;border:1px solid #000;-webkit-transition:all .5s ease;transition:all .5s ease;height:10px;width:30px;outline:none;margin-top:-3px}.kgGraph .slideOption input[type=range]::-moz-range-thumb{-webkit-appearance:none;background-color:#fff;border-radius:3px;border:1px solid #000;-moz-transition:all .5s ease;transition:all .5s ease;height:10px;width:30px;outline:none}.kgGraph .slideOption input[type=range]::-moz-range-thumb:hover{background-color:#d90;outline:none}.kgGraph .slideOption input[type=range]::-webkit-slider-thumb:hover{background-color:#d90;outline:none}.kgGraph .slideOption input[type=range]:active,.kgGraph .slideOption input[type=range]:focus{outline:none}.kgGraph .slideOption input[type=range]::-moz-range-thumb:active,.kgGraph .slideOption input[type=range]::-moz-range-thumb:focus{outline:none}.kgGraph .slideOption input[type=range]::-webkit-slider-thumb:active,.kgGraph .slideOption input[type=range]::-webkit-slider-thumb:focus{outline:none}.kgGraph .slideOption input[type=range]:disabled{box-sizing:border-box;margin:0;-webkit-appearance:none;-moz-appearance:none;border-radius:3px;height:12px;width:100%;box-shadow:none;left:0;position:relative;-webkit-transition:all .5s ease;transition:all .5s ease;background-color:#787878}.kgGraph .slideOption input[type=range]:disabled::-webkit-slider-runnable-track{-webkit-appearance:none;background-color:#373737;height:3px}.kgGraph .slideOption input[type=range]:disabled::-moz-range-track{-webkit-appearance:none;background-color:#373737;height:3px}.kgGraph .slideOption input[type=range]:disabled{outline:none}.kgGraph .slideOption input[type=range]:disabled::-webkit-slider-thumb{-webkit-appearance:none;background-color:#363636;border-radius:3px;border:1px solid #aaa;-webkit-transition:all .5s ease;transition:all .5s ease;height:10px;width:30px;margin-top:-3px}.kgGraph .slideOption input[type=range]:disabled::-moz-range-thumb{-webkit-appearance:none;border-radius:3px;border:1px solid #000;-moz-transition:all .5s ease;transition:all .5s ease;height:10px;width:30px;background-color:#aaa;outline:none}.kgGraph .slideOption input[type=range]:disabled::-webkit-slider-thumb{background-color:#aaa;outline:none}.kgGraph .slideOption input[type=range]:disabled:hover::-moz-range-thumb{background-color:#404040;outline:none}.kgGraph .slideOption input[type=range]:disabled:hover::-webkit-slider-thumb{background-color:#404040;outline:none}.kgGraph #detailsArea{top:0;right:0;bottom:0;color:#bdc3c7;height:100%;width:22%;overflow-y:auto;overflow-x:hidden;position:fixed;float:right;border-left:1px solid #34495e}.kgGraph #detailsArea h1{border-bottom:1px solid #34495e;color:#ecf0f1;display:block;font-weight:100;font-size:1.5em;margin:0;padding:10px 0;text-align:center}.kgGraph #generalDetails{width:auto;box-sizing:border-box;height:100%}.kgGraph #generalDetails span #about{border-bottom:1px solid #34495e;display:block;padding:10px;text-align:center;word-wrap:break-word;color:#69c}.kgGraph #generalDetails h4{background:#1b252e;color:#ecf0f1;display:block;font-size:1.1em;font-weight:100;margin:0;padding:10px 0;text-align:center}.kgGraph #detailsArea #generalDetails h5{border-bottom:1px solid #34495e;font-size:.9em;font-weight:100;margin:0;padding:5px;text-align:center}.kgGraph #description{text-align:justify}.kgGraph .accordion-container p{font-size:.9em;line-height:1.3;margin:5px 10px}.kgGraph .statisticDetails span{font-weight:100;font-style:italic;margin:10px 0;padding:10px}.kgGraph .statisticDetails div{font-weight:100;font-style:italic;margin:10px 0;padding:0 10px;display:inline}.kgGraph #selection-details .propDetails a{color:#69c}.kgGraph #selection-details .propDetails>span{font-weight:100;font-style:italic;padding:0 10px}.kgGraph #selection-details #classEquivUri span,.kgGraph #selection-details #disjointNodes span{padding:0}.kgGraph #selection-details .propDetails div{font-weight:100;font-style:italic;margin:10px 0;padding:0 10px;display:inline}.kgGraph #selection-details .propDetails div span{padding:0}.kgGraph .subclass{fill:#ecf0f1}.kgGraph .accordion-trigger{background:#24323e;cursor:pointer;padding:.5em}.kgGraph .accordion-trigger.accordion-trigger-active:before{padding-right:4px;content:"\25BC"}.kgGraph .accordion-trigger:not(.accordion-trigger-active):before{padding-right:4px;content:"\25BA"}.kgGraph .accordion-container.scrollable{max-height:40%;overflow:auto}.kgGraph .small-whitespace-separator{height:3px}.kgGraph #language{background:transparent;border:1px solid #34495e;color:#ecf0f1}.kgGraph #language option{background-color:#24323e}.kgGraph .converter-form:not(:first-child){margin-top:5px}.kgGraph .converter-form label{display:inline-block;line-height:normal}.kgGraph .converter-form input{box-sizing:border-box;height:20px;width:74%;border:1px solid #34495e}.kgGraph .converter-form button{cursor:pointer;float:right;height:20px;padding:0;width:25%;border:1px solid #34495e;background-color:#ecf0f1}.kgGraph #file-converter-label{border:1px solid #34495e;box-sizing:border-box;cursor:pointer;height:20px;width:74%}.kgGraph #killWarning{cursor:pointer;color:#fff;font-weight:700}.kgGraph #copyBt{box-sizing:border-box;height:20px;width:31%;border:1px solid #34495e}.kgGraph #sidebarExpandButton{height:24px;width:24px;box-sizing:border-box;top:10px;color:#000;float:right;position:absolute;right:0;border:1px solid #000;text-align:center;font-size:1.5em;cursor:pointer}.kgGraph .dropdownMenuClass{height:20px;float:right;border:1px solid #34495e;background-color:#34495e;color:#fff;text-align:left;width:auto}.kgGraph #typeEditForm_datatype{padding-top:5px}.kgGraph #typeEditor,.kgGraph #typeEditor_datatype{width:165px}.kgGraph #leftSideBarCollapseButton{box-sizing:border-box;top:50px;color:#000;position:absolute;left:200px;border:1px solid #000;cursor:pointer;width:24px;height:24px;font-size:1.5em;text-align:center}.kgGraph #leftSideBarCollapseButton:hover,.kgGraph #sidebarExpandButton:hover{background-color:#d90}.kgGraph .spanForCharSelection{padding-left:25px}.kgGraph .nodeEditSpan{color:#000;background-color:#fff;text-align:center;border:none;padding-top:6px}.kgGraph .nodeEditSpan:focus{outline:none;border:none}.kgGraph .foreignelements{border:none}.kgGraph .foreignelements:focus{outline:none;border:none}.kgGraph #leftSideBarContent{color:#000;float:left;position:absolute;left:0;background-color:#18202a;width:100%;height:100%}.kgGraph #leftSideBarContent>h3{color:#ecf0f1;display:block;font-size:1.1em;font-weight:100;margin:0 0 5px;padding:10px 0;text-align:left}.kgGraph #generalDetailsEdit{color:#ecf0f1}.kgGraph #generalDetailsEdit>div{padding:5px}.kgGraph #generalDetailsEdit>h3{font-size:1.1em;margin:0 0 5px;padding:10px 0}.kgGraph #generalDetailsEdit>h3,.kgGraph .subAccordion{color:#ecf0f1;display:block;font-weight:100;text-align:left}.kgGraph .subAccordion{font-size:.8em;margin:0;padding:5px}.kgGraph .boxed,.kgGraph .subAccordionDescription{padding:0 5px}.kgGraph .separatorLineRight{border-right:1px solid red}.kgGraph .editPrefixButton:hover{color:#ff972d;cursor:pointer}.kgGraph .editPrefixIcon:hover{stroke:#ff972d;stroke-width:1px;cursor:pointer}.kgGraph .editPrefixIcon{stroke-width:1px;cursor:pointer}.kgGraph .deletePrefixButton:hover{color:#ff972d;cursor:pointer}.kgGraph .deletePrefixButton{color:red;cursor:pointer}.kgGraph .invisiblePrefixButton{cursor:default;color:#18202a}.kgGraph #containerForAddPrefixButton{width:100%;margin-top:5px}.kgGraph .roundedButton{border:1px solid #000;border-radius:20px;padding:0 5px;background:#fff;cursor:pointer;color:#000;outline:none}.kgGraph .roundedButton:hover{background:#318638;cursor:pointer;color:#fff;outline:none}.kgGraph #prefixURL_Description{padding:5px 0 0}.kgGraph .prefixIRIElements{display:inline-block;padding:3px;border-bottom:1px solid #34495e;width:100%}.kgGraph .prefixInput{width:30px;display:inline-block;margin-right:5px}.kgGraph .prefixURL{width:100px;display:inline-block;paddig-left:5px}.kgGraph .selectedDefaultElement{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:200px}.kgGraph #editHeader,.kgGraph #leftHeader{color:#ecf0f1;background-color:#394f5a;display:block;font-size:1.1em;font-weight:100;text-align:center}.kgGraph #leftHeader{padding:10px 0;margin:0}.kgGraph .containerForDefaultSelection{color:#ecf0f1;display:block;font-size:1.1em;font-weight:100;margin:0;padding:10px 20px;text-align:left}.kgGraph .defaultSelected{color:#a15d05;background-color:#283943}.kgGraph .containerForDefaultSelection:hover{color:#f19505;background-color:#394f5a;display:block;cursor:pointer}.kgGraph #containerForLeftSideBar{top:50px;float:left;position:absolute;background-color:#1b252e;left:0;width:200px;height:200px;overflow-y:auto;overflow-x:hidden;display:none}.kgGraph #leftSideBar{width:100%;background-color:#18202a}.kgGraph #loading-info{box-sizing:border-box;position:absolute;text-align:center;width:100%;height:80%;top:0}.kgGraph #loading-info>div{display:inline-block;color:#fff;background-color:#18202a;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.kgGraph #loading-info>*>*{padding:5px}.kgGraph #loading-info{pointer-events:none}.kgGraph #loading-progress{pointer-events:auto;min-width:220px;border-radius:10px}.kgGraph #show-loadingInfo-button{font-size:12px;color:#fff;cursor:pointer;text-align:center}.kgGraph #loadingIndicator_closeButton:hover{color:#ff972d;cursor:pointer}.kgGraph #loadingIndicator_closeButton{color:#ffe30f;cursor:pointer;padding-bottom:5px;float:right}.kgGraph .busyProgressBar{background-color:#000;height:25px;position:relative;-webkit-animation:busy 2s linear infinite;animation:busy 2s linear infinite}@-webkit-keyframes busy{0%{left:0}50%{left:80%}to{left:0}}.kgGraph #bulletPoint_container{padding-left:15px;margin-top:0;margin-bottom:0}.kgGraph #bulletPoint_container>div{margin-left:-15px}.kgGraph #loadingInfo-container{box-sizing:border-box;text-align:left;line-height:1.2;padding-top:5px;overflow:auto;height:120px;min-height:40px;background-color:#3c3c3c}.kgGraph #error-description-button{margin:5px 0 0;font-size:12px;color:#69c;cursor:pointer;text-align:center}.kgGraph #error-description-container{box-sizing:border-box;text-align:left}.kgGraph #error-description-container pre{background-color:#34495e;padding:2px;margin:0;white-space:pre-wrap;max-height:calc(100vh - 125px);max-width:75vw;overflow:auto}.kgGraph .spin{display:inline-block;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.kgGraph .truncate{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kgGraph .color-mode-switch{float:right;width:90px;cursor:pointer;height:20px;padding:0;border:0;color:#555;background-color:#eceeef;box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 0 3px rgba(0,0,0,.1)}.kgGraph .color-mode-switch:focus{outline-width:0}.kgGraph .color-mode-switch.active{color:#fff;background-color:#32cd32;box-shadow:inset 0 1px 4px rgba(0,0,0,.2),inset 0 0 3px rgba(0,0,0,.1)}.kgGraph .filterMenuButtonHighlight{background-color:#d90}@-webkit-keyframes buttonAnimation{0%{background-color:unset}to{background-color:#d90}}@keyframes buttonAnimation{0%{background-color:unset}to{background-color:#d90}}.kgGraph .buttonPulse{-webkit-animation-name:buttonAnimation;animation-name:buttonAnimation;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-timing-function:linear;animation-timing-function:linear}.kgGraph #m_about{max-width:200px;width:200px;position:absolute}.kgGraph #m_modes{max-width:160px;width:160px;position:absolute}.kgGraph #m_filter{max-width:170px;width:170px;position:absolute}.kgGraph #m_gravity{max-width:180px;width:180px;position:absolute}.kgGraph #m_export{max-width:160px;width:160px;position:absolute}.kgGraph #exportedUrl{width:100px}.kgGraph #m_select{max-width:300px;width:300px;position:absolute}.kgGraph #m_config{max-width:240px;width:240px;position:absolute}.kgGraph #m_search{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kgGraph #swipeBarContainer{position:fixed;width:77.8%;height:40px;margin:0;padding:0;bottom:0}.kgGraph #menuElementContainer{margin:0;padding:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;text-align:right;list-style-type:none}.kgGraph #menuElementContainer>li{display:inline-block;box-sizing:border-box;text-align:left;position:relative;height:40px;font-size:14px;color:#fff;padding:12px 0 0;margin-left:-4px}.kgGraph #menuElementContainer>li>a{color:#fff;padding:9px 12px 12px 30px}.kgGraph .menuElementSvgElement{height:20px;width:20px;display:block;position:absolute;top:10px;left:8px}.kgGraph .btn_shadowed{background-color:#fefefe;box-shadow:1px 1px 1px grey}.kgGraph .reloadCachedOntologyIcon{height:20px;width:108px;display:block;position:absolute;top:20px;left:3px;border:1px solid #000;border-radius:10px;cursor:pointer}.kgGraph .reloadCachedOntologyIcon:disabled{background:#f4f4f4;cursor:auto;border:1px solid #a9a9a9}.kgGraph .reloadCachedOntologyIcon:hover{background:#d90;cursor:pointer}.kgGraph .disabledReloadElement{cursor:auto;background:#f4f4f4;pointer-events:auto;border:1px solid #a9a9a9;color:#bbb}.kgGraph .disabledReloadElement:hover{cursor:auto;background:#eee;pointer-events:auto}.kgGraph #menuElementContainer>li>input{color:#000;padding:.1em .3em .1em 1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:120px}.kgGraph #menuElementContainer>li>a:hover{box-sizing:border-box;background:#1b252e;color:#bdc3c7}.kgGraph #empty:hover{box-sizing:border-box;background:#e1e1e1;color:#2980b9}.kgGraph #empty.disabled,.kgGraph .disabled{pointer-events:none;cursor:default;color:#979797}.kgGraph .toolTipMenu{box-shadow:0 6px 12px rgba(0,0,0,.175);box-sizing:border-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-bottom:none;border-radius:4px 4px 0 0;bottom:0;display:none;font-size:14px;list-style:none;margin:0;padding:0;white-space:normal;position:absolute;z-index:99}.kgGraph .toolTipMenu>li:first-of-type{border:none}.kgGraph .toolTipMenu a{color:#2980b9}.kgGraph .toolTipMenu>li{border-top:1px solid #bdc3c7}.kgGraph .toolTipMenu li{color:#2980b9;display:block}.kgGraph #menuElementContainer>li:hover .toolTipMenu{display:block}.kgGraph #menuElementContainer li>ul.toolTipMenu li a:hover{background:#e1e1e1}.kgGraph #scrollLeftButton{height:30px;width:30px;padding:5px 0 5px 10px;color:#fff;cursor:pointer;position:absolute;margin-top:-2px;font-size:2em;background-color:#24323e;left:0}.kgGraph #scrollLeftButton:focus{outline:none}.kgGraph #scrollLeftButton:before{content:"<"}.kgGraph #scrollRightButton{height:30px;width:30px;padding:5px 0 5px 10px;color:#fff;cursor:pointer;position:absolute;margin-top:-2px;font-size:2em;background-color:#24323e;right:0}.kgGraph #scrollRightButton:focus{outline:none}.kgGraph #scrollLeftButton:hover,.kgGraph #scrollRightButton:hover{color:#bdc3c7}.kgGraph #scrollRightButton:before{content:">"}.kgGraph .noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kgGraph #menuElementContainer>li>a:before{font-size:1em;margin:0;padding:0 6px 0 0}.kgGraph #menuElementContainer a.highlighted{background-color:#d90}.kgGraph .inner-addon{position:relative}.kgGraph .gearIcon,.kgGraph .searchIcon{position:absolute;width:17px;height:17px;pointer-events:none}.kgGraph .gearIcon{left:-5px}.kgGraph li#c_search{padding:0 5px;margin-left:5px;height:20px}.kgGraph li#c_locate{padding:0}.kgGraph #c_locate>a{font-size:2em;padding:0}.kgGraph a#pause-button{padding:12px}.kgGraph a#pause-button.paused:before{content:"►"}.kgGraph a#pause-button.paused:hover{background-color:#d90;color:#fff}.kgGraph a#pause-button:not(.paused):before{content:"II"}.kgGraph .toolTipMenu li:hover{background-color:#e1e1e1}.kgGraph #emptyLiHover,.kgGraph #emptyLiHover:hover{background-color:#fff}.kgGraph .toggleOption li:hover{background-color:#e1e1e1}.kgGraph .toggleOption{padding:8px 5px}.kgGraph #converter-option:hover{background-color:#fff}.kgGraph .option,.kgGraph .toolTipMenu li a:only-child{display:block;float:none;padding:8px 5px}.kgGraph .customLocate{padding:0;background-color:#32cd32}.kgGraph a#locateSearchResult{padding-top:50px}.kgGraph #locateSearchResult:focus{outline:none}.kgGraph a#locateSearchResult.highlighted:hover{background-color:#d90;color:red}.kgGraph a#locateSearchResult{outline:none;padding-bottom:0;padding-top:0;position:relative;top:5px}.kgGraph #editorHint{padding:5px;position:absolute;text-align:center;width:100%;pointer-events:none}.kgGraph #editorHint label{pointer-events:auto;float:right;padding:5px;color:#fd0}.kgGraph #editorHint label:hover{text-decoration:underline;cursor:pointer}.kgGraph #editorHint>div{pointer-events:auto;text-align:left;display:inline-block;color:#fff;font-size:.8em;background-color:#18202a;padding:5px;border-radius:5px}.kgGraph #WarningErrorMessagesContainer{position:absolute;text-align:center;top:0;pointer-events:none;display:none}.kgGraph #WarningErrorMessages{position:relative;width:50%;pointer-events:auto;margin:10px 0;padding-right:12px;overflow-y:auto;overflow-x:hidden;display:none}.kgGraph #WarningErrorMessages label{color:#fd0}.kgGraph #WarningErrorMessages label,.kgGraph #WarningErrorMessages span{pointer-events:auto;float:right;padding:5px}.kgGraph #WarningErrorMessages label:hover{text-decoration:underline;cursor:pointer}.kgGraph #WarningErrorMessages>div{pointer-events:auto;text-align:left;display:inline-block;color:#fff;font-size:.8em;background-color:#18202a;padding:5px;border-radius:10px;border:1px solid #ecf0f1;width:70%}.kgGraph #WarningErrorMessagesContent>ul{-webkit-padding-start:20px;padding:0 16px}.kgGraph #WarningErrorMessagesContent>ul>li{padding:5px}.kgGraph .textLineEditWithLabel{display:inline-block;width:100%;border-bottom:1px solid #34495e;padding:2px 0}.kgGraph .converter-form-Editor label{line-height:normal}.kgGraph .descriptionTextClass,.kgGraph .prefixIRIElements input{background-color:#34495e;color:#fff}.kgGraph .prefixIRIElements input{border:1px solid #34495e}.kgGraph .prefixIRIElements input:disabled{background-color:#18202a;border:1px solid #18202a;color:#fff}.kgGraph .converter-form-Editor input{float:right;border:1px solid #34495e;background-color:#34495e;color:#fff}.kgGraph .converter-form-Editor input:disabled{background-color:#545350;border:1px solid #34495e;color:#939798}.kgGraph .disabledLabelForSlider{color:grey}.kgGraph{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#292d3d;min-height:400px;min-width:600px}.kgGraph .graphArea{position:relative;margin:0;padding:0}.kgGraph .menu-node{cursor:pointer;fill:#222635}.kgGraph .menu-node--selected{fill:#2e3551}.kgGraph .text{font-family:Helvetica,Arial,sans-serif;font-size:12px}.kgGraph .subtext{font-size:9px}.kgGraph .text.instance-count{fill:#666}.kgGraph .external+text .instance-count{fill:#aaa}.kgGraph .cardinality{font-size:10px}.kgGraph .embedded,.kgGraph .text{pointer-events:none}.kgGraph .allvaluesfromproperty,.kgGraph .class,.kgGraph .disjoint,.kgGraph .disjointwith,.kgGraph .equivalentproperty,.kgGraph .functionalproperty,.kgGraph .inversefunctionalproperty,.kgGraph .object,.kgGraph .objectproperty,.kgGraph .somevaluesfromproperty,.kgGraph .symmetricproperty,.kgGraph .transitiveproperty{fill:#acf}.kgGraph .datatypeproperty,.kgGraph .label .datatype{fill:#9c6}.kgGraph .rdf,.kgGraph .rdfproperty{fill:#c9c}.kgGraph .literal,.kgGraph .node .datatype{fill:#fc3}.kgGraph .deprecated,.kgGraph .deprecatedproperty{fill:#ccc}.kgGraph .external,.kgGraph .externalproperty{fill:#36c}.kgGraph .class,.kgGraph .fineline,.kgGraph .link-path{stroke:#4f5980}.kgGraph .external+text,.kgGraph .subclass,.kgGraph .subclassproperty,.kgGraph .white{fill:#37d5d3}.kgGraph .cardinality.focused,.kgGraph .cardinality.hovered,.kgGraph .class.hovered,.kgGraph .filled.focused,.kgGraph .filled.hovered,.kgGraph .property.hovered,.kgGraph .values-from.filled.hovered{fill:red!important;cursor:pointer}.kgGraph .link-path,.kgGraph .nofill{fill:none}.kgGraph .marker path{fill:#4f5980!important}.kgGraph .hoveredForEditing{fill:red!important;cursor:pointer}.kgGraph .feature{fill:red;cursor:pointer}.kgGraph .hovered-MathSymbol{fill:none;stroke:red!important}.kgGraph .focused,.kgGraph .link-path.hovered{stroke:red!important}.kgGraph .feature:hover,.kgGraph .feature_hover,.kgGraph .indirect-highlighting{fill:#f90;cursor:pointer}.kgGraph .values-from{stroke:#69c}.kgGraph .symbol,.kgGraph .values-from.filled{fill:#69c}.kgGraph .class,.kgGraph .link-path{stroke-width:2}.kgGraph .fineline{stroke-width:1}.kgGraph .anonymous,.kgGraph .dashed{stroke-dasharray:8}.kgGraph .dotted{stroke-dasharray:3}.kgGraph circle.focused,.kgGraph rect.focused{stroke-width:4px}.kgGraph .nostroke{stroke:none}.kgGraph .addDataPropertyElement{fill:#9c6!important;cursor:pointer;stroke-width:2;stroke:#4f5980}.kgGraph .addDataPropertyElement:hover{fill:#f90!important;cursor:pointer;stroke-width:2;stroke:#4f5980}.kgGraph .superHiddenElement{fill:rgba(255,153,0,.4);cursor:pointer;stroke-width:0;stroke:#4f5980}.kgGraph .superOpacityElement{opacity:0}.kgGraph .deleteParentElement:hover{fill:#f90;cursor:pointer;stroke-width:2;stroke:#4f5980}.kgGraph .deleteParentElement{fill:red;cursor:pointer;stroke-width:2;stroke:#4f5980}.kgGraph .classNodeDragPath{stroke:#4f5980;stroke-width:2px}.kgGraph .classDraggerNodeHovered{fill:#f90;stroke:#4f5980;stroke-width:2px;cursor:pointer}.kgGraph .classDraggerNode{fill:#acf;stroke:#4f5980;stroke-width:2px}.kgGraph .marker path{stroke-dasharray:100}.kgGraph #zoomSlider{width:28px;margin-top:-2px;padding:0;font-size:1.5em;cursor:pointer;position:absolute;right:20px;bottom:20px;color:#000;box-sizing:border-box}.kgGraph #centerGraphButton,.kgGraph #zoomInButton,.kgGraph #zoomOutButton{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;border:1px solid rgba(0,0,0,.1);border-radius:100%;text-align:center;margin:4px 0 0;font-size:1.5em;padding:0;height:28px;width:28px;background:#abb1ce}.kgGraph #centerGraphButton,.kgGraph #zoomInButton{line-height:25px}.kgGraph #zoomOutButton{line-height:22px}.kgGraph #zoomSlider>p:hover{background-color:#d90}.kgGraph #zoomSliderParagraph{color:#000;padding-top:8px;padding-left:2px;margin:-1px 0 0;border:transparent;height:150px}.kgGraph #zoomSliderElement,.kgGraph p#zoomSliderParagraph:hover{background-color:transparent}.kgGraph #zoomSliderElement{color:#000;position:relative;padding-top:0;width:155px;height:24px;-webkit-transform-origin-x:73px;-webkit-transform-origin-y:73px;-webkit-transform:rotate(-90deg);-moz-transform-origin:73px 73px;transform:rotate(-90deg);-webkit-transform-origin:73px 73px;transform-origin:73px 73px;-webkit-appearance:none;outline:none;margin:4px 0}.kgGraph #zoomSliderElement::-webkit-scrollbar{height:0}.kgGraph #zoomSliderElement:hover{cursor:crosshair}.kgGraph #zoomSliderElement::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;background:#3071a9}.kgGraph #zoomSliderElement::-moz-range-track{width:100%;height:5px;cursor:pointer;background:#3071a9}.kgGraph #zoomSliderElement::-webkit-slider-thumb{-webkit-appearance:none;border:0 solid #000;border-radius:100%;height:18px;width:18px;margin-right:50px;background:#fff;cursor:pointer;outline:none;margin-top:-6px}.kgGraph #zoomSliderElement::-ms-thumb{-webkit-appearance:none;border:0 solid #000;border-radius:100%;height:18px;width:18px;margin-right:50px;background:#fff;cursor:pointer;outline:none;margin-top:-6px}.kgGraph #zoomSliderElement::-webkit-slider-thumb:hover{-webkit-appearance:none;border:0 solid #000;border-radius:100%;height:18px;width:18px;margin-right:50px;background:#d90;cursor:pointer;outline:none;margin-top:-6px}.kgGraph #zoomSliderElement::-ms-thumb:hover{-webkit-appearance:none;border:0 solid #000;border-radius:100%;height:18px;width:18px;margin-right:50px;background:#d90;cursor:pointer;outline:none;margin-top:-6px}.kgGraph #zoomSliderElement::-moz-range-thumb,.kgGraph #zoomSliderElement::-moz-range-thumb:hover{border:0 solid #000;border-radius:100%;height:18px;width:18px;cursor:pointer;outline:none;margin-top:-6px}.kgGraph #zoomSliderElement::-moz-range-thumb:hover{background:#d90}.kgGraph #zoomSliderElemen