/* global */

@import url('https://fonts.googleapis.com/css2?family=Space+Mono&display=swap');
.root{
    /* -fx-font-size: 16pt; */
    -fx-font-family: "space mono";
    -fx-text-fill: white;
}

/* button */

Button { 
    -fx-background-color: rgba(0, 0, 0, 0.5); 
    -fx-text-fill: white;
    -fx-border-color: transparent;
    -fx-border-width: 3;
    -fx-border-radius: 5;
    -fx-font-size: 25;
    -fx-background-radius: 5;
}

Button:hover {
    -fx-background-color: rgb(50, 50, 50, 0.5);
}

Button:focused {
    -fx-background-color: rgb(50, 50, 50, 0.5);
    -fx-border-color: rgb(255, 255, 255);
}

Button:pressed {
    -fx-background-color: rgb(231, 231, 231);
    -fx-border-color: transparent;
    -fx-text-fill: rgb(0, 0, 0);
}

/* list */

ListView {
    -fx-background-color: rgba(0, 0, 0, 0.5);
    -fx-background-radius: 5;
    -fx-padding: 5;
    /* -fx-font-size: 15; */
    /* -fx-border-width: 3;
    -fx-border-radius: 5;
    -fx-border-color: transparent; */
}

.list-cell {
    -fx-padding: .5em;
    -fx-background-color: transparent;
    -fx-background-radius: 3;
    -fx-text-fill: rgb(255, 255, 255);
    -fx-border-width: 3;
    -fx-border-radius: 5;
    -fx-border-color: transparent;
}

.list-cell:hover {
    -fx-background-color: rgba(100, 100, 100, 0.5);
    
}

ListView:focused .list-cell:focused {
    -fx-background-color: rgb(50, 50, 50, 0.5);
    -fx-border-color: rgb(255, 255, 255);
}

.list-cell:selected {
    -fx-background-color: rgb(255, 255, 255);
    -fx-text-fill: rgb(0, 0, 0);
}

.list-cell:pressed {
    -fx-background-color: rgb(231, 231, 231);
    -fx-border-color: transparent;
}

.list-cell:empty {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-text-fill: white;
}

.unselectable .list-cell{
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-text-fill: white;
}

/* slider */

Slider {
    -fx-padding: 1em;
}

.track {
    
    -fx-padding: 3;
    -fx-background-color: rgba(0, 0, 0, 0.5);
    -fx-background-radius: 5;
}

.thumb {
    -fx-pref-height: 30;
    -fx-prefer-width: 30;
    -fx-background-color: rgba(0, 0, 0, 0.5);
    -fx-size: 25;
    -fx-border-radius: 5;
    -fx-border-color: rgb(231, 231, 231);
    -fx-border-width: 3;
}

.thumb:hover {
    -fx-background-color: rgb(50, 50, 50, 0.5);
}

Slider:focused .thumb{
    -fx-background-color: rgb(255,255,255);
    -fx-border-color: white;
}

.thumb:pressed {
    -fx-background-color: rgb(231, 231, 231);
    -fx-border-color: rgb(231, 231, 231);
}

/* toggle button */

.custom-radio-button { 
    -fx-background-color: rgba(0, 0, 0, 0.5); 
    -fx-text-fill: white;
    -fx-border-color: transparent;
    -fx-border-width: 3;
    -fx-border-radius: 5;
    -fx-font-size: 25;
    -fx-background-radius: 5;
}

.custom-radio-button:hover {
    -fx-background-color: rgb(50, 50, 50, 0.5);
}

.custom-radio-button:focused {
    -fx-background-color: rgb(50, 50, 50, 0.5);
    -fx-border-color: rgb(255, 255, 255);
}

.custom-radio-button:selected {
    -fx-background-color: rgb(255, 255, 255);
    -fx-text-fill: rgb(0, 0, 0);

}

.custom-radio-button:pressed {
    -fx-background-color: rgb(231, 231, 231);
    -fx-border-color: transparent;
    -fx-text-fill: rgb(0, 0, 0);
}

/* scroll bars */
 
.scroll-bar:horizontal ,
.scroll-bar:vertical{
    -fx-font-size: 5px;
    -fx-background-color :transparent;
    -fx-border-color :transparent;
    -fx-background-radius : 0.0em;
    -fx-border-radius :2.0em;
}

.increment-button ,.decrement-button {
    -fx-background-color:transparent;
	-fx-border-color:transparent;
}

/* .increment-button:hover , .decrement-button:hover {
    -fx-background-color:derive(gray,100%);
	-fx-border-color:derive(gray,80%);
}*/

.scroll-bar:horizontal .track ,
.scroll-bar:vertical .track{
     -fx-background-color: rgba(0, 0, 0, 0.5);
	 -fx-background-radius: 5em;
}

/* .scroll-bar:horizontal:hover .track ,
.scroll-bar:horizontal:pressed .track ,
.scroll-bar:vertical:hover .track,
.scroll-bar:vertical:pressed .track{
     -fx-background-color: derive(#434343,20%);
 
	 -fx-opacity: 0.2;
	 -fx-background-radius: 0em;
} */

.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
    -fx-background-color:white;
	-fx-background-radius: 5em;
    -fx-border-width: 0;
 
}

.scroll-bar .thumb:pressed {
    -fx-background-color: rgb(231, 231, 231);
}

/* text box */

.textBox {
    -fx-background-radius: 5;    
    -fx-background-color: rgba(0, 0, 0, 0.5); 
    -fx-text-fill: white;
}

/* debug */

.debug {
    -fx-background-radius: 5;    
    -fx-background-color: rgba(255, 0, 0, 0.281); 
    -fx-border-color: red;
    -fx-text-fill: white;
    -fx-border-width: 20;
}