.base{
    //-fx-fill: linear-gradient(to bottom, #b5bcc6, #dee3e4);
    -fx-fill: #001414;
    -fx-stroke: derive(black, -45%);
    -fx-stroke-width: 3;
    -fx-effect: dropshadow(three-pass-box, grey, 5, 0, 2, 2);
}

.indicator{
    -fx-fill: #898787;
}

.indicatorEdge{
    -fx-fill: white;
    /*-fx-stroke: black;
    -fx-stroke-width: 1;
    -fx-stroke-type: centered;    */
}

.indicatorEdgeDragged{
    -fx-fill: black;
    -fx-stroke: white;
    -fx-stroke-width: 1;
    -fx-stroke-type: centered;
}

.node{
    -fx-stroke: #00ccff;
    -fx-stroke-width: 4;
    -fx-effect: dropshadow(three-pass-box, grey, 10, 0, 2, 0);
}

.nodeHighlight{
    -fx-stroke-type: centered;
    -fx-stroke-line-cap: butt;
    -fx-stroke-width: 6;
}

.command{
    -fx-fill: red;
}

.commandInProgress{
    -fx-fill: orange;
}

.commandDone{
    -fx-fill: #00ff00;
}

.commandHighlight{
    -fx-fill: white;
}

.duration{
    -fx-stroke: red;
    -fx-stroke-width: 4;
}

.durationInProgress{
    -fx-stroke: orange;
    -fx-stroke-width: 4;
}

.durationDone{
    -fx-stroke: #00ff00;
    -fx-stroke-width: 4;
}

.durationHighlight{
    -fx-stroke: white;
    -fx-stroke-width: 5;
}

.tooltip{
    -fx-fill: white;
    -fx-font-size: 20px;
}

.timetickBig{
    -fx-stroke: #00ccff;
    -fx-stroke-width: 2;
}

.timelineLongTick{
    -fx-stroke: #444;
    -fx-stroke-width: 1;
}

.timetickSmall{
    -fx-stroke: #00ccff;
    -fx-stroke-width: 1;
}

.timelineLabel{
    -fx-fill: #00ccff;
}

.timelineBase{
    -fx-stroke: #00ccff;
    -fx-stroke-width: 1;
}

.barrier {
    -fx-fill: linear-gradient(to right, #001414, red , #001414); 
/*    -fx-stroke: white;
    -fx-stroke-width: 1;
    -fx-stroke-type: centered;*/
}

.barrierInProgress {
    -fx-fill: linear-gradient(to right, #001414 0.1, orange 0.5, #001414 0.9); 
}

.barrierCompleted {
    -fx-fill: linear-gradient(to right, #001414, green , #001414); 
}

*.scroll-bar:horizontal {
    -fx-background-color: null;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-padding: 0 0 0 0;
}
*.scroll-bar:vertical {
    -fx-background-color: null;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-padding: 0 0 0 3;
}
*.scroll-bar:horizontal *.thumb {
    -fx-background-color: rgb(0,0,0,0.6);
    -fx-background-radius: 3;
    -fx-background-insets: 0;
    -fx-padding: 0;
}
*.scroll-bar:vertical *.thumb {
    -fx-background-color: rgb(0,0,0,0.6);
    -fx-background-radius: 3;
    -fx-background-insets: 0;
    -fx-padding: 0;
}
*.scroll-bar:horizontal *.track {
    -fx-background-color: rgb(255,255,255,0.2);
    -fx-background-radius: 3;
    -fx-background-insets: 0;
    -fx-padding: 0;
}
*.scroll-bar:vertical *.track {
    -fx-background-color: rgb(255,255,255,0.2);
    -fx-background-radius: 3;
    -fx-background-insets: 0;
    -fx-padding: 0;
}
*.scroll-bar *.increment-button {
    -fx-background-color: null;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-padding: 0;
}
*.scroll-bar *.decrement-button {
    -fx-background-color: null;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-padding: 0;
}
*.scroll-bar:horizontal *.increment-arrow {
    -fx-background-color: null;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-padding: 6 0 3 0;
    -fx-shape: null;
}
*.scroll-bar:vertical *.increment-arrow {
    -fx-background-color: null;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-padding: 0 6 0 3;
    -fx-shape: null;
}
*.scroll-bar:horizontal *.decrement-arrow {
    -fx-background-color: null;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-padding: 6 0 3 0;
    -fx-shape: null;
}
*.scroll-bar:vertical *.decrement-arrow {
    -fx-background-color: null;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-padding: 0 6 0 3;
    -fx-shape: null;
}
