/*******************************************************************************
 *
 * CSS Styles for ALL Variables
 * variables are SplitMenuButtons, so they contain a label and an arrow
 *
 ******************************************************************************/
.input-var {
    -fx-skin: "com.sun.javafx.scene.control.skin.SplitMenuButtonSkin";
    -fx-text-fill: black;
    -fx-font: 8.0pt "Tahoma";
    -fx-padding: 0;
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-body-color;
    -fx-background-radius: 5, 5, 4;
    -fx-background-insets: 0 0 -1 0, 0, 1;
    -fx-vpos: CENTER;
    -fx-graphic-vpos: CENTER;
}

.input-var *.label {
    -fx-padding: 3 3 2 8;
}

.input-var *.arrow-button {
    -fx-padding: 8 5 6 4;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-background-color: transparent;
}

.input-var *.arrow, #stealth-var:focused *.arrow, #stealth-var:hover *.arrow {
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: 3, 3;
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}