/** This is the core CSS for trait the "trait selector" skin for the JFXtras Spinner component.
Clients need to define the ".filled" class.*/

.dots {
    -fx-skin: "net.sf.anathema.platform.fx.dot.DotSelectionSpinnerSkin";
}

.empty {
    -fx-indicator-inner-color: derive(darkgrey, 120%);
    -fx-indicator-outer-color: derive(darkgrey, 80%);
}

.invisiblecontainer {
    -fx-background-color: rgba(0, 0, 0, 0);
    -fx-fill: rgba(0, 0, 0, 0);
}

/**The classes below were taken from the JFXtras project*/
.indicator-outer-frame-fill {
    -fx-fill  : linear-gradient(from 50% 0% to 50% 100%, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 14%, rgba(242, 242, 242, 1) 15%, rgba(54, 54, 54, 1) 86%, rgba(51, 51, 51, 1) 87%, rgba(51, 51, 51, 1) 100%);
    -fx-stroke: transparent;
}

.indicator-inner-frame-fill {
    -fx-fill  : linear-gradient(from 50% 0% to 50% 100%, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 1) 15%, rgba(53, 53, 53, 1) 15%, rgba(226, 226, 226, 1) 86%, rgba(226, 226, 226, 1) 100%);
    -fx-stroke: transparent;
}

.indicator-main-fill {
    -fx-fill: radial-gradient(focus-angle 0deg, focus-distance 0%, center 51% 85%, radius 111%, -fx-indicator-inner-color 0%, -fx-indicator-outer-color 100%);
    -fx-stroke: transparent;
}

.indicator-highlight-fill {
    -fx-fill: linear-gradient(from 50% 0% to 50% 100%, rgba(255, 255, 255, 0.8) 0%, transparent 100%);
    -fx-stroke: transparent;
}