.canvas {
    width: 100%;
    height: 100%;
}

@font-face {
    font-family: TradeGothicNextW02;
    src: url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Normal.eot?#iefix);
    src: url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Normal.eot?#iefix) format("eot"), url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Normal.woff2) format("woff2"), url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Normal.woff) format("woff"), url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Normal.ttf) format("truetype")
}

@font-face {
    font-family: TradeGothicNextW02;
    font-weight: 700;
    src: url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Bold.eot?#iefix);
    src: url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Bold.eot?#iefix) format("eot"), url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Bold.woff2) format("woff2"), url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Bold.woff) format("woff"), url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Bold.ttf) format("truetype")
}

@font-face {
    font-family: TradeGothicNextW02;
    font-weight: 300;
    src: url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Light.eot?#iefix);
    src: url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Light.eot?#iefix) format("eot"), url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Light.woff2) format("woff2"), url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Light.woff) format("woff"), url(https://www.swissgrid.ch/etc/clientlibs/swissgrid/core/publish/main/fonts/TradeGothicNextLTW05-Light.ttf) format("truetype")
}

@keyframes blinking-effect {
    0% {
        stroke: rgba(255, 255, 0, 1);
        /*fill: rgba(0, 220, 0, 1);*/
    }
    100% {
        stroke: #888888;
        /*fill: rgba(0, 0, 220, 1);*/
    }
}

@keyframes dash {
    to {
        stroke-dashoffset: 10000;
    }
}

.snakes {
    animation-name: snakes;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: alternate, alternate;
    /*animation-delay: 3s;*/
    /*animation-fill-mode: both;*/
}

@keyframes snakes {
    0% {
        stroke: rgba(255, 255, 255, 1);
    }
    80% {
        stroke: rgba(255, 255, 255, 1);
        stroke-dashoffset: 0;
    }
    to {
        stroke: rgba(255, 255, 0, 1);
        stroke-dashoffset: 0;
    }
}

th, td {
    text-align: left;
}

th.num, td.num, td.data-num:before {
    text-align: right;
    font-feature-settings: 'lnum', 'tnum';
    font-variant-numeric: lining-nums tabular-nums slashed-zero;
}

.tooltip {
    visibility: hidden;
    background-color: rgba(255, 255, 255, 0.7);
    color: rgb(0, 0, 0);
    position: absolute;
    z-index: 1;
    border-radius: 5px;
    font-family: Roboto, Arial, sans-serif;
    font-size: 13px;
    font-weight: 300;
    padding: 0px 5px;
}

.probing-tooltip {
    background-color: rgba(255, 255, 255, 0.7);
}

.selection-tooltip {
    background-color: rgba(255, 232, 111, 0.7);
}

.link-no-id, .link-no-id * {
    stroke: #525252 !important;
}

.link-invalid-id, .link-invalid-id * {
    stroke: #232323 !important;
}