/*
* Copyright (C) 2014 Frederic Ciminera
*
* Popoto.js is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* Popoto.js is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
* contact@popotojs.com
*/

.ppt-svg-graph {
    cursor: move;
    min-height: 100px;
    width: 100%;
    height: 100%;
    pointer-events: all;
}

/******************Node Styles*************************/
.ppt-node-ellipse {
    stroke: #ffffff;
    stroke-width: 4px;
}

.ppt-node-ellipse.root {
    fill: #2aa1d3;
}

.ppt-node-ellipse.root.disabled {
    fill: #2e3138;
    stroke: #525863;
}

.ppt-node-ellipse.choose {
    fill: #8bb71a;
}

.ppt-node-ellipse.choose.disabled {
    fill: #2e3138;
    stroke: #525863;
}

.ppt-node-ellipse.value {
    fill: #f0b017;
}

.ppt-node-ellipse.selected-value {
    fill: #ee4e10;
}

.ppt-node-ellipse.selected-root-value {
    fill: #8F5BCC;
}

.ppt-node-ellipse.group {
    fill: #525863;
}

.ppt-node-ellipse.disabled {
    fill: #2e3138;
    stroke: #525863;
}

/* Node background*/
.ppt-g-node-background {
    cursor: pointer;
}

.ppt-node-background-circle {
    fill-opacity: 0;
}

.ppt-node-background-circle.root {
    fill: #233E7E;
}

.ppt-node-background-circle.choose {
    fill: #628b1a;
}

.ppt-node-background-circle.value {
    fill: #c28a17;
}

.ppt-node-background-circle.selected-value {
    fill: #c24b30;
}

.ppt-node-background-circle.selected-root-value {
    fill: #765ab4;
}

.ppt-node-background-circle.group {
    fill: #3f4450;
}

.ppt-node-background-circle.disabled {
    fill: #3f4450;
}

/* Node middleground */
.ppt-g-node-middleground {
    cursor: pointer;
}

/* Node foreground */
.ppt-g-node-foreground {
    cursor: pointer;
}

.ppt-count-box.value {
    fill: #8bb71a;
    stroke: #ffffff;
    stroke-width: 2px;
}

.ppt-count-box.root {
    fill: #ee4e10;
    stroke: #ffffff;
    stroke-width: 2px;
}

.ppt-count-box.root.disabled {
    fill: #2e3138;
    stroke: #525863;
}

.ppt-count-box.value.disabled {
    fill: #2e3138;
    stroke: #525863;
}

.ppt-count-text {
    fill: white;
}

.ppt-count-text.disabled {
    fill: #525863;
}

.ppt-rel-plus-icon {
}

.ppt-rel-plus-icon.disabled {
    display: none;
}

.ppt-rel-plus-background {
    fill: #f0b017;
    fill-opacity: 0;
}

.ppt-rel-plus-path {
    fill: #ff0000;
}

.ppt-rel-minus-icon {
}

.ppt-rel-minus-icon.disabled {
    display: none;
}

.ppt-rel-minus-path {
    fill: #ff0000;
}

.ppt-rel-minus-background {
    fill: #f0b017;
    fill-opacity: 0;
}

/******************Tool Styles*************************/
.ppt-node-foreground-g-arrows {
    display: none;
}

.ppt-node-foreground-g-arrows.active {
    display: block;
}

.ppt-arrow {
    fill: #ffffff;
}

.ppt-larrow {
    stroke: #ffffff;
    stroke-width: 4px;
    fill: #525863;
}

.ppt-rarrow {
    stroke: #ffffff;
    stroke-width: 4px;
    fill: #525863;
}

.ppt-larrow.enabled {
    fill: #2aa1d3;
}

.ppt-rarrow.enabled {
    fill: #2aa1d3;
}

/******************Link Styles*************************/

/* Links */
.ppt-link-relation {
    stroke: #2aa1d3;
    stroke-width: 2px;
    stroke-dasharray: 9, 5;
}

.ppt-link-relation.value {
    stroke: #ee4e10;
}

.ppt-link-relation.value.ppt-link-hover {
    stroke: #ee4e10;
}

.ppt-link-relation.disabled {
    stroke: #2e3138;
    stroke-width: 2px;
    stroke-dasharray: 9, 5;
}

.ppt-link-value {
    stroke: #525863;
    stroke-width: 2px;
    stroke-dasharray: 9, 5;
}

.ppt-link-hover {
    stroke: #ee4e10;
}

.ppt-link-text-relation {
    fill: #ffffff;
}

.ppt-link-text-relation.value {
    fill: #ffffff;
}

.ppt-link-text-relation.disabled {
    fill: #525863;
}

.ppt-link-text-value {
    fill: #525863;
}

/* text in nodes*/
.ppt-node-text-root {
    fill: #ffffff;
}

.ppt-node-text-root.disabled {
    fill: #525863;
}

.ppt-node-text-choose {
    fill: #ffffff;
}

.ppt-node-text-choose.disabled {
    fill: #525863;
}

.ppt-node-text-value {
    fill: #ffffff;
}

.ppt-node-text-group {
    fill: #ffffff;
}