.pane {
    -fx-background-color: #f8f8f8;
    -fx-border-color: #e8e8e8;
    -fx-border-width: 2px;
    -fx-border-radius: 5px;
    -fx-padding: 10px;
}

.button {
    -fx-background-color: rgba(255, 255, 255, 0.8);
    -fx-text-fill: black;
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-background-radius: 10;
    -fx-border-radius: 10;
    -fx-padding: 10 20 10 20;
    -fx-cursor: hand;
    -fx-border-width: 1;
    -fx-border-color: rgba(0, 0, 0, 0.2);
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.4), 0, 0, 0, 0);
}

.button:hover {
    -fx-background-color: #357ab7;
    -fx-text-fill: white;
    -fx-font-size: 15px;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.6), 0, 0, 0, 0)
}
.confirm-button{
    -fx-background-color: rgba(255, 255, 255, 0.8);
    -fx-text-fill: black;
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-background-radius: 10;
    -fx-border-radius: 10;
    -fx-padding: 10 20 10 20;
    -fx-cursor: hand;
    -fx-border-width: 1;
    -fx-border-color: rgba(0, 0, 0, 0.2);
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.4), 0, 0, 0, 0);
}
.confirm-button:hover {
    -fx-background-color: rgba(70, 70, 70, 1);
    -fx-text-fill: white;
    -fx-font-size: 15px;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.6), 0, 0, 0, 0)
}

.back-button {
    -fx-background-color: rgba(255, 255, 255, 0.8);
    -fx-text-fill: black;
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-background-radius: 10;
    -fx-border-radius: 10;
    -fx-padding: 10 20 10 20;
    -fx-cursor: hand;
    -fx-border-color: rgba(0, 0, 0, 0.2);

    -fx-border-width: 1;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.4), 0, 0, 0, 0);
}

.back-button:hover {
    -fx-background-color: #b73737;
    -fx-text-fill: white;
    -fx-font-size: 15px;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.6), 0, 0, 0, 0)}
