.button_left_side {
    -fx-background-color : #EB5757;
    -fx-background-radius : 15 15 15 15;
    -fx-padding: 5 5 5 5;
}

.button_left_side:pressed {
    -fx-background-color : #ff8080;
}

.button_top_side {
     -fx-font-size : 24px;
     -fx-background-color : #E0CBD1;
     -fx-background-radius : 15 15 15 15;
 }

.button_top_side:hover {
    -fx-background-color : #E2E4E7;
}

.button_top_side:pressed {
    -fx-background-color : #A9B8C9;
}

.currentUserLabel {
    -fx-text-fill : #e5e4e2;
    -fx-background-color : 	#808080;
    -fx-background-radius : 20 20 20 20;
    -fx-font-family : "Century Gothic"

}

.login_text_field {
   -fx-font-family: "Century Gothic";
   -fx-font-size: 30;
   -fx-padding: 1,1,1,1;
   -fx-background-radius : 10 10 10 10;
   -fx-background-color: white;
   -fx-text-fill: black;
}

.login_anchor_pane {
    -fx-background-color : radial-gradient(radius 180%, rgba(241,255,0,1), rgba(121,9,9,1));
    -fx-background-radius : 20 20 20 20;
}
.logout_anchor_pane {
    -fx-background-color : linear-gradient(to bottom right, #091017, #192d3c);
    -fx-background-radius : 20 20 20 20;
}
.login_button {
    -fx-background-color : #001d3f;
    -fx-background-radius : 20 20 20 20;
    -fx-font-family: "Century Gothic";
    -fx-padding: 20, 20, 20, 20;
    -fx-font-size: 30;
    -fx-text-fill: white;
}

.logout_button {
    -fx-background-color : #284955;
    -fx-background-radius : 20 20 20 20;
    -fx-font-family: "Century Gothic";
    -fx-font-size: 20;
    -fx-text-fill: white;
}

.button_for_Order_Item {

}

.order_anchor_pane {
    /*-fx-background-color: #FED299;*/
    -fx-background-color : F8F8F8;
    -fx-background-radius : 5 5 5 5 ;
    -fx-color : #6CB4EE;
    -fx-font-size : 15px;
    -fx-font-family: "Century Gothic";
}

.order_anchor_pane_extension {
    -fx-background-color : F8F8F8;
    -fx-background-radius : 5 5 5 5 ;
    -fx-color : #6CB4EE;
    -fx-font-size : 15px;
    -fx-font-family: "Century Gothic";
}

.order_anchor_pane_extension_button_extension {
    -fx-text-fill : #e5e4e2;
    -fx-background-color : #5c5cd6;
    -fx-background-radius : 20 20 20 20;
    -fx-font-family: "Century Gothic";
    -fx-font-size: 20;
}

.order_anchor_pane_extension_button_cancel {
    -fx-background-color : #EB5757;
    -fx-background-radius : 0 0 10 10;
    -fx-font-size : 18px;
    -fx-font-family: "Century Gothic";
}

.order_anchor_pane_button {
    -fx-background-color : #B0C4DE;
    -fx-background-radius : 10 10 10 10;
    -fx-font-size : 15px;
    -fx-font-family: "Century Gothic";
}
.scroll-pane > .viewport {
   -fx-background-color: transparent;
}

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

.cashPaymentConfirmation_anchor_pane {
    /*-fx-background-color: linear-gradient(to bottom right, #37053a, #1499a2 ); */
    /*-fx-background-color: #262626 ;*/
    -fx-background-color: linear-gradient(to bottom, #494949, #1c1c1c );
}

.cashPaymentConfirmation_button {
        -fx-background-color: linear-gradient(to top, #848484 , #ffffff );
        -fx-background-radius : 20 20 20 20;
        -fx-font-family: "Century Gothic";
        -fx-font-size: 20;
        -fx-text-fill: #2d2d2d;
}

.cashPaymentConfirmation_text_field {
    -fx-font-family: "Century Gothic";
       -fx-font-size: 20;
       -fx-padding: 1,1,1,1;
       -fx-background-radius : 10 10 10 10;
       -fx-background-color: white;
       -fx-text-fill: grey;

}

.cashPaymentConfirmation_label_title {
    -fx-font-size: 24px;
    -fx-font-family: "Century Gothic";
    -fx-text-fill : #e5e4e2;
 }

 .cashPaymentConfirmation_label_message_for_cashier {
    -fx-font-size: 20px;
    -fx-text-fill : #e5e4e2;
     -fx-font-family: "system-ui";

  }

.orderCashierSection {
    -fx-font-size: 20px;
    -fx-background-color: #d8d8d8;
}

.buttonsHBox {
    -fx-font-size: 20px;
    -fx-background-color: #d8d8d8;
}