.root{
    -fx-font-size: 12pt;
    -fx-font-family: "Arial";
    -fx-base-color: #336699;
    -fx-background-color: #dce1e6;
}

/* 
    this sets the base color for all menu items to white...
*/
.menu-button .label
{
    -fx-text-fill: white;
}

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

.menu-item:focused {
    -fx-background-color: #dce1e6;
}

.menu-item:focused .label {
   -fx-background-color: #dce1e6;
}

.context-menu {
    -fx-skin: "com.sun.javafx.scene.control.skin.ContextMenuSkin";
    -fx-background-color: #3c5064;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 6 6 6, 0 5 5 5, 0 4 4 4;
    -fx-padding: 0.333333em 0.083333em 0.666667em 0.083333em; /* 4 1 8 1 */
}

.table{
    -fx-font-size: 10pt;
}

.statusField {
    -fx-font-size: 10pt;
}

.hbox{
    -fx-padding: 10,10,10,10;
    -fx-spacing: 10;
    -fx-background-color: #ffffff;
}

.hboxcolor{
    -fx-background-color: #336699;
}

.vbox{
    /*
    -fx-padding: 5;
    -fx-spacing: 2;
    */
}

.mainMenuBar{
    -fx-background-color: #3c5064;
    -fx-font-size: 14pt;
    -fx-font-family: "Arial";
    
}

.selvbox{
    -fx-padding: 10;
    -fx-spacing: 20;
}

.intvbox{
    -fx-padding: 10;
    -fx-spacing: 20;
}

.interactionButton{
    -fx-pref-width: 100;
    -fx-pref-height: 20;
}

.consultFormButtons{
    -fx-pref-width: 150;
    -fx-pref-height: 20;
}

.callbackFormButtons{
    -fx-pref-width: 200;
    -fx-pref-height: 20;
}

.pomButton{
    -fx-pref-width: 150;
    -fx-pref-height: 20;
}

.agentButton{
    -fx-pref-width: 150;
    -fx-pref-height: 20;
}

.customerData{
    -fx-hgap: 10;
    -fx-vgap: 10;
    -fx-padding: 0, 10, 0, 10;   
}

.statusBar{
    -fx-hgap: 10;
    -fx-vgap: 10;
    -fx-padding: 10, 10, 10, 10;   
    -fx-background-color: #dce1e6;
}

.split-pane *.split-pane-divider {
    -fx-padding: 0 1 0 1;
}

.split-pane-divider {
   -fx-background-color: transparent;
}

.sideBar{
    -fx-padding: 10;
    -fx-spacing: 8;  
}

.uuiEditor{
    -fx-pref-width: 100;
    -fx-pref-height: 300;
}

.dataEditor{
    -fx-pref-width: 100;
    -fx-pref-height: 300;
}

.title{
    -fx-font: 14px Arial;
    -fx-font-weight: bold;
}

.customerDataLabels{
    -fx-font: 10px Arial;
    -fx-font-weight: bold;
}

.customerDataValues{
    -fx-font: 10px Arial;
    -fx-font-weight: normal;
}

.customerDataTrue{
    -fx-font: 10px Arial;
    -fx-font-weight: bold;
    -fx-fill: green;
}

.customerDataFalse{
    -fx-font: 10px Arial;
    -fx-font-weight: bold;
    -fx-fill: red;
}

.dialog{
    -fx-hgap: 10;
    -fx-vgap: 10;
    -fx-padding: 20, 150, 10, 10;   
}

.numberToDial{
    -fx-pref-width: 100;
    -fx-pref-height: 33;
    -fx-min-width: 100;
    -fx-min-height: 33;
    -fx-max-width: 100;
    -fx-max-height: 33;
}

.interactionTable{
    -fx-spacing: 10;
}

.interactionTableRows{
    -fx-pref-width: 100;
}

.interactionTableRowsReason{
    -fx-pref-width: 200;
}

.kvpTableNameRows{
    -fx-pref-width: 150;
}

.kvpTableValueRows{
    -fx-pref-width: 350;
}

.kvpButton{
    -fx-pref-width: 150;
    -fx-pref-height: 20;
}

.customerDataTableNameRows{
    -fx-pref-width: 200;
}

.customerDataTableValueRows{
    -fx-pref-width: 350;
}

