* {
    -fx-dark-brown: #3c2014;
    -fx-brown: #956233;
}

#button {
    -fx-text-fill: #454545;
}

.root {
    -fx-font-family: "Starship Shadow";
    -fx-text-fill: white;
    -fx-background-color: black;
}

/*#tips {*/
/*    -fx-font-size: 60;*/
/*}*/

#mainMenu{
    -fx-background-image: url("../textures/images/background.png");
    -fx-background-size: cover;
}

#gameTitle {
    -fx-font-size: 100;
}

.button {
    -fx-text-fill: -fx-brown;
    -fx-background-color: none;
    -fx-skin: "de.hdm_stuttgart.battlearena.Controller.Utilities.ButtonTransition";
}

#btnLeft {
    -fx-skin: none;
    -fx-text-fill: white;
}

.accordion {
    -fx-font-size: 30;
}

.titled-pane:focused > .title > .arrow-button > .arrow {
    -fx-effect: null;
}

.accordion .titled-pane > *.content{
    -fx-background-color: transparent ;
    -fx-border-width: 0;
}

.accordion .titled-pane > .title {
    -fx-background-color: transparent;
    -fx-border-width: 0;
}

.scroll-pane > .viewport {
    -fx-background-color: none;
}

.scroll-pane {
    -fx-background-color: transparent;
}

/*scroll pane scroll bar*/
.scroll-pane .scroll-bar:horizontal .track,
.scroll-pane .scroll-bar:vertical .track {
    -fx-background-color: -fx-dark-brown;
    -fx-border-color: none;
    -fx-background-radius: 1em;
    -fx-border-radius: 1em;
}

/* The increment and decrement button CSS class of scrollbar */
.scroll-pane .scroll-bar:vertical .increment-button ,
.scroll-pane .scroll-bar:vertical .decrement-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0em;
    -fx-padding:0 12 0 0;
}

.scroll-pane .scroll-bar .increment-arrow,
.scroll-pane .scroll-bar .decrement-arrow {
    -fx-shape: " ";
    -fx-padding: 0;
}

/* The main scrollbar **thumb** CSS class which we drag every time (movable) */
.scroll-pane .scroll-bar:horizontal .thumb,
.scroll-pane .scroll-bar:vertical .thumb {
    -fx-background-color: white;
    -fx-background-insets: 2, 0, 0;
    -fx-background-radius: 1em;
}

#boxBox {
    -fx-background-color: none;
}

/* https://dx.dragan.ba/javafx-radiobutton-custom-css/ */
.radio-button .radio {
    -fx-border-width: 1px;
    -fx-border-color: -fx-dark-brown;
    -fx-background-color: none;
    -fx-background-image: null;
    -fx-border-radius: 15px;
    -fx-padding: 3px;
}

.radio-button .dot {
    -fx-padding: 8px;
}

.radio-button:selected .dot {
    -fx-background-color: -fx-dark-brown;
    -fx-background-insets: 0;
}

.slider .track {
    -fx-background-color: rgba(0, 0, 0, 0.5);
    -fx-pref-height: 0.2em;
 }

.slider .thumb {
    -fx-pref-height: 0.6em;
    -fx-pref-width: 0.4em;
    -fx-background-color: -fx-brown;
}

.toggle-button {
    -fx-skin: "de.hdm_stuttgart.battlearena.Controller.Utilities.ToggleButtonTransition";
    -fx-background-color: none;
}

.skinSelection:pressed {
    -fx-background-color: rgba(255, 255, 255, 0.3);
}

.table-view {
    -fx-background-color: transparent;
}

.table-view .column-header {
    -fx-background-color: -fx-brown;
}

.table-view .table-cell{
    -fx-font-size: 30;
    -fx-alignment: center;
}

.table-row-cell {
    -fx-background-color: rgba(0, 0, 0, 0.2);
}

.table-row-cell:hover {
    -fx-background-color: rgba(0, 0, 0, 0.1);
}

.table-row-cell:selected {
    -fx-background-color: rgba(255, 255, 255, 0.3);
}

.chart {
    -fx-pref-width: 600;
    -fx-pref-height: 620;
    -fx-min-width: 600;
    -fx-min-height: 620;
    -fx-max-width: 916;
    -fx-max-height: 620;
}

.chart-pie {
    -fx-border-color: black;
}

.chart-pie-label {
    -fx-font-size: 0.7em;
}

.chart-legend {
    -fx-background-color: rgba(60, 32, 20, 0.2);
}

.default-color0.chart-pie {-fx-pie-color: transparent;}
.default-color1.chart-pie {-fx-pie-color: transparent;}
.default-color2.chart-pie {-fx-pie-color: transparent;}