/**
 * ============LICENSE_START=======================================================
 * org.onap.aai
 * ================================================================================
 * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.
 * Copyright © 2017-2018 Amdocs
 * ================================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ============LICENSE_END=========================================================
 */
.ts-force-selected-graph {
  padding: 0px;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */
}

.aai-entity-node{
  font-family: $base-font-regular;
  font-size: $body-font-4;
  line-height: $body-font-2;
  text-anchor: middle;
}

.aai-entity-node > .id-type-label {
  fill: $text-color1;
  font-weight: bold;
}

.aai-entity-node > .id-value-label {
  fill: $background-color2;
}

.aai-entity-link {
  stroke: $graph-border-color4;
  stroke-width: 2px;
}

.general-node > .inner {
  fill: $background-color2;
}

.general-node > .outer {
  fill: $graph-background-color3;
  stroke: $graph-border-color2;
  stroke-width: 2px;
}

.search-node > .inner {
  fill: $graph-background-color1;
}

.search-node > .outer {
  fill: $graph-background-color3;
  stroke: $graph-border-color2;
  stroke-width: 2px;
}

.selected-node > .inner {
  fill: $graph-background-color1;
}

.selected-node > .outer {
  fill: $graph-background-color4;
  stroke: $graph-border-color2;
  stroke-width: 3px;
  filter: url(#selected-node-drop-shadow);
}

.selected-search-node > .inner {
  fill: $border-color3;
}

.selected-search-node > .outer {
  fill: $graph-background-color4;
  stroke: $graph-border-color2;
  stroke-width: 3px;
  filter: url(#selected-node-drop-shadow);
}

@-moz-document url-prefix() {
  .selected-search-node > .outer {
    fill: $graph-background-color4;
    stroke: $graph-border-color2;
    stroke-width: 3px;
    filter: drop-shadow(-1px 1px 3px rgba(0,0,0,0.5));
  }

  .selected-node > .outer {
    fill: $graph-background-color4;
    stroke: $graph-border-color2;
    stroke-width: 3px;
    filter: drop-shadow(-1px 1px 3px rgba(0,0,0,0.5));
  }
}

.background-unselected {
  fill: $background-color2;
}

.background-selected {
  fill: $graph-border-color2;
}

.ellipses-ellipse {
  fill: $graph-background-color3;
}

.triangle-warning {
  fill: $graph-background-color3;
  fill-rule: evenodd;
}

.icon_tick_circle{
  fill: $graph-background-color5;
}

.icon_tick_path {
  fill-rule: evenodd;
  fill: $graph-background-color3;
  stroke: $graph-border-color3;
  strokeWidth: 0.8;
}

.icon_warning_circle{
  fill: $red;
}

.icon_warning_path {
  fill-rule: evenodd;
  fill: $graph-background-color3;
  stroke: $graph-border-color3;
  strokeWidth: 0.5;
}