.darkPane,
.root {
    -fx-background-color:  rgba(68,68,68, 0.8);/*#444444;*/
}
.toggle-button,
.button {
    -fx-background-color:
        #c3c4c4,
        linear-gradient(#d6d6d6 50%, white 100%),
        radial-gradient(center 50% -40%, radius 200%, #e6e6e6 45%, rgba(230,230,230,0) 50%);
    -fx-background-radius: 30;
    -fx-background-insets: 0,1,1;
    -fx-text-fill: black;
    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 3, 0.0 , 0 , 1 );
}

.button:hover {
  -fx-cursor: hand;
  -fx-background-color:
      linear-gradient(from 0% 93% to 0% 100%, #a34313 0%, #903b12 100%),
      #9d4024,
      #d86e3a,
      radial-gradient(center 50% 50%, radius 100%, #ea7f4b, #c54e2c);
}

.toggle-button:hover {
      -fx-cursor: hand;
}

.toggle-button:selected {
  -fx-background-color:
      linear-gradient(from 0% 93% to 0% 100%, #a34313 0%, #903b12 100%),
      #9d4024,
      #d86e3a,
      radial-gradient(center 50% 50%, radius 100%, #ea7f4b, #c54e2c);
}

.toggle-button:selected:focused {
  -fx-background-color:
      linear-gradient(from 0% 93% to 0% 100%, #a34313 0%, #903b12 100%),
      #9d4024,
      #d86e3a,
      radial-gradient(center 50% 50%, radius 100%, #ea7f4b, #c54e2c);
}