.panel {
    -ms-opacity: 0.8;
    background-color: white;
    opacity: 0.8;
}

.network-panel {
    -ms-opacity: 1.0;
    background-color: white;
    opacity: 1.0;
}

.selected { background-color: #aaccff; }

.clickable:hover { background-color: #ddeeff; }

.hover { background-color: #ddeeff; }

.new-item { color: #cccccc; }

[placeholder]:empty:before { color: #cccccc; }

.button svg path, .button svg polygon { fill: #acf; }

.button.clickable:hover { background-color: transparent; }

.button.clickable:hover svg path, .button.clickable:hover svg polygon { fill: #58f; }

.button.selected { background-color: transparent; }

.selected svg path, .selected svg polygon { fill: black; }

.warning { color: red }

.disabled { color:grey }

#indicatorsControl table td {
    -ms-opacity: 0.8;
    background-color: white;
    opacity: 0.8;
}

.table-row:hover {
    background-color: #eef6ff;
}

.dropdown-menu {
    background-color: white;
}

.dev {
    border: 1px solid darksalmon;
}

.borders {
    border: 1px solid gray;
}

.network-background {
    stroke: white;
    fill: white;
}

.network-flow {
    fill: #B9C8FF;
}

.network-selection {
    fill: #7f7f7f;
    stroke: #7f7f7f;
}

.network-fixed {
    fill: #1FEF1F;
}

.network-infeasible {
    fill: #FF1F1F;
}