.root {
  -fx-background-color: darkgray;
}

.menu-bar {
    -fx-background-color: derive(#1d1d1d,20%);
}

.menu-bar .label {
    -fx-text-fill: white;
}

// submenu completo
.context-menu {
    -fx-background-color: derive(#1d1d1d,50%);
}

.menu:hover {
   -fx-background-color: darkgray;
}

.menu-item:hover {
   -fx-background-color: darkgray;
}

.tab {
  -fx-background-color: #1d1d1d;
}

.tab-label {
    -fx-text-fill: white;
}

.tab:selected .tab-label{
    -fx-background-color: lightgray;
    -fx-text-fill: black;
}

.label {
    -fx-text-fill: black;
}

.text-field {
    -fx-background-color: lightgray;
    -fx-border-color: black ;  
    -fx-border-width: 1px ;
    -fx-text-fill: black;  
}

.text-field:focused {
   -fx-background-color: deepskyblue;
}

.combo-box .list-cell{
    -fx-background-color: #1d1d1d;
    -fx-text-fill: white;
}

.combo-box .list-cell:focused {
    -fx-background-color: darkgray;
    -fx-text-fill: black;
}

.combo-box .list-cell:hover{
    -fx-background-color: deepskyblue;
}

.date-picker .cell {
    -fx-background-color: darkgray;
}

.date-picker .cell:hover{
    -fx-background-color: deepskyblue;
}

.button {
    -fx-background-color: #1d1d1d;
    -fx-text-fill: #d8d8d8;
}

.button:hover {
    -fx-background-color: #3a3a3a;
}

.button:pressed, .button:default:hover:pressed {
  -fx-background-color: lightgray;
  -fx-text-fill: #1d1d1d;
}

.button:focused {
    -fx-border-color: white, white;
}

.button:default:hover {
    -fx-background-color: derive(-fx-focus-color,30%);
}

.table-view {
    -fx-base: #1d1d1d;
    -fx-control-inner-background: #1d1d1d;
    -fx-background-color: #1d1d1d;
    -fx-padding: 5;
}

.table-view .column-header .label {
    -fx-text-fill: white;
    -fx-font-weight: bold;
}

.table-view .label {
    -fx-text-fill: white;
}