styleSheet.css

/*
    Css for main window styling
*/

.root {
    -fx-pref-width: 1150;
    -fx-pref-height: 600;
    -fx-fill-height: true;
    -fx-max-width: infinity;
    -fx-font-size: 14;
}

#logoBar {
    -fx-pref-height: 100;
    -fx-max-width: infinity;
    -fx-background-color: rgba(12, 76, 81, 1);
    -fx-alignment: center;
}


/*
    Sidebar styling
 */
#sideBar {
    -fx-pref-width: 250;
    -fx-pref-height: infinity;
}

#sideBarLabel {
    -fx-pref-height: 17;
    -fx-translate-x: 10;
    -fx-max-height: infinity;
    -fx-max-width: infinity;
    -fx-font-size: 16;
    -fx-font-family: Arial;
}

#sideBarLabelText {
    -fx-pref-height: 17;
    -fx-translate-x: 5;
    -fx-max-height: infinity;
    -fx-max-width: infinity;
    -fx-font-size: 16;
    -fx-font-family: Arial;
}

#sideBarButtonInputParameters {
    -fx-translate-x: 5;
    -fx-translate-y: 20;
    -fx-pref-width: infinity;
    -fx-pref-height: 25;
    -fx-font-size: 16;
    -fx-font-weight: 200;
    -fx-background-color: rgba(12, 76, 81, 1);
    -fx-text-fill: white;
    -fx-font-family: Arial;
}

#sideBarButtonFinish {
    -fx-translate-x: 5;
    -fx-translate-y: 50;
    -fx-pref-width: infinity;
    -fx-pref-height: 25;
    -fx-font-size: 20;
    -fx-font-family: Arial;
    -fx-background-color: rgba(12, 76, 81, 1);
    -fx-text-fill: white;
}

#sideBarButtonExit {
    -fx-translate-x: 5;
    -fx-translate-y: 75;
    -fx-pref-width: infinity;
    -fx-pref-height: 25;
    -fx-font-size: 20;
    -fx-font-family: Arial;
/*
    -fx-background-color: Red;

    -fx-text-fill: white;
*/
    -fx-background-color: rgba(94, 33, 27, 1);
    -fx-text-fill: white;
}

/*
    BottomBar styling
 */
#bottomBar {
    -fx-pref-width: infinity;
    -fx-pref-height: 50;
}

#bottomBarButtons {
    -fx-alignment: center-right;
    -fx-tile-alignment: center-right;
    -fx-translate-x: -5;
    -fx-pref-width: 150;
    -fx-pref-height: 25;
}

/*
    Input popup window
 */
#inputTop {
    -fx-alignment: top-center;
    -fx-font-size: 24;
    -fx-font-weight: 700;
    -fx-font-family: Arial;
    -fx-text-fill: rgba(12, 76, 81, 1);
    -fx-pref-width: 200;
}

#inputCenter {
    -fx-alignment: center;
}

#inputBottom {
    -fx-alignment: bottom-center;
}

#inputLabel {
    -fx-pref-height: 17;
    -fx-translate-x: 10;
    -fx-pref-width: 100;
    -fx-max-height: infinity;
    -fx-max-width: infinity;
    -fx-font-size: 16;
    -fx-font-family: Arial;
}

#inputDropDownBox {
    -fx-pref-height: 17;
    -fx-pref-width: 500;
    -fx-translate-x: 5;
    -fx-max-height: infinity;
    -fx-alignment: center-left;
    -fx-font-size: 16;
    -fx-font-family: Arial;
}

#inputButtonStart {
    -fx-pref-width: 200;
    -fx-translate-y: 10;
    -fx-pref-height: 25;
    -fx-font-size: 20;
    -fx-font-family: Arial;
    -fx-background-color: rgba(12, 76, 81, 1);
    -fx-text-fill: white;
    -fx-alignment: bottom-center;
}

#inputButtonExit {
    -fx-pref-width: infinity;
    -fx-translate-y: 10;
    -fx-pref-height: 25;
    -fx-font-size: 20;
    -fx-font-family: Arial;
    -fx-background-color: rgba(12, 76, 81, 1);
    -fx-text-fill: white;
    -fx-alignment: bottom-center;
}