/*******************************************************************************
 *                                                                             *
 *                          Text  +      Font                                  *
 *                                                                             *
 ******************************************************************************/
/*@font-face{
    font-family: 'Raleway-SemiBold'; src: url('/Fonts/Raleway-SemiBold.ttf');  
}
*/
.testtext{
    -fx-font-family: "Raleway-SemiBold";
    -fx-font-size:18;
}

.testtext2{
    -fx-font-family: "Raleway-Medium";
    -fx-font-size:30;
    
}


/*******************************************************************************
 *                                                                             *
 *                          Progress Indicator                               *
 *                                                                             *
 ******************************************************************************/
.ProgressIndicator-Default{
    -fx-progress-color:#ffffff;
}

.progress-bar > .track {
    -fx-background-radius: 0 0 0 0;
    -fx-background-color:#ffffff;
}



.progress-bar > .bar {
    -fx-background-color:#3282F6;
    -fx-background-insets: 1 1 1 1;
    -fx-padding: 0.40em;
}

/*******************************************************************************
 *                                                                             *
 *                          AnchorPane   +      Pane                           *
 *                                                                             *
 ******************************************************************************/


.AnchorPane-Default{
    -fx-background-color:#ffffff;
}

.Pane-Default{
    -fx-background-color:#ffffff;
}


.pane2hautdroit{
     -fx-border-color: #d2d2d2;
     -fx-background-color:#ffffff;
}




/*******************************************************************************
 *                                                                             *
 *                          Icon Print PDF EXCEL                               *
 *                                                                             *
 ******************************************************************************/
.btn-icon-Show{
    -fx-background-color: #337ab7;
    -fx-background-radius: 5;
    -fx-background-image: url("../icon/detailbutton.png");
    -fx-background-repeat: stretch;   
    -fx-background-size: 16 16;
    -fx-background-position: 10 10;
    -fx-alignment:CENTER;
    -fx-font-family: "System";
    -fx-font-size: 10pt;
    -fx-text-fill: white;
    -fx-font-weight:bold; 
}
.icon-Print{
    -fx-background-color: #404040;
    -fx-background-radius: 5;
    -fx-background-image: url("../icon/icon-print.png");
    -fx-background-repeat: stretch;   
    -fx-background-size: 32 32;
    -fx-background-position: center center;
    
}

.btn-icon-search{
    -fx-background-color: transparent;
    -fx-background-image: url("../icon/search.png");
    -fx-background-repeat: stretch;   
    -fx-background-size: 20 22;
    -fx-background-position: 5 9;
    -fx-alignment:CENTER_RIGHT;
    -fx-font-family: "Arial";
    -fx-font-size: 10pt;
    -fx-text-fill: #000000;
    -fx-font-weight:bold; 
    -fx-border-radius: 5 5 5 5;
}
.btn-icon-search:hover{
    -fx-background-color:#EFEFEF;
    -fx-border-color: #959595;
    -fx-border-radius: 5 5 5 5;
     
}


.btn-icon-Print{
    -fx-background-color: #404040;
    -fx-background-radius: 5;
    -fx-background-image: url("../icon/icon-print.png");
    -fx-background-repeat: stretch;   
    -fx-background-size: 20 22;
    -fx-background-position: 5 5;
    -fx-alignment:CENTER_RIGHT;
    -fx-font-family: "System";
    -fx-font-size: 10pt;
    -fx-text-fill: white;
    -fx-font-weight:bold; 
}
.icon-Print:hover{
    -fx-background-color: #2E2E2E;
}

.icon-PDF{
    -fx-background-color: #f20606;
    -fx-background-radius: 5;
    -fx-background-image: url("../icon/icon-pdf.png");
    -fx-background-repeat: stretch;   
    -fx-background-size: 32 37;
    -fx-background-position: center center;  
}
.btn-icon-PDF{
    -fx-background-color: #f20606;
    -fx-background-radius: 5;
    -fx-background-image: url("../icon/icon-pdf.png");
    -fx-background-repeat: stretch;   
    -fx-background-size: 17 22;
    -fx-background-position: 5 5;
    -fx-alignment:CENTER_RIGHT;
    -fx-font-family: "System";
    -fx-font-size: 10pt;
    -fx-text-fill: white;
    -fx-font-weight:bold; 
}

.icon-PDF:hover{
    -fx-background-color: #cd0505;
}

.icon-Excel{
    -fx-background-color: #4DAE4D;
    -fx-background-radius: 5;
    -fx-background-image: url("../icon/icon-excel.png");
    -fx-background-repeat: stretch;   
    -fx-background-size: 32 37;
    -fx-background-position: center center;
    
}
.icon-Excel:hover{
    -fx-background-color: #3c873c;
}

.btn-icon-Excel{
    -fx-background-color: #4DAE4D;
    -fx-background-radius: 5;
    -fx-background-image: url("../icon/icon-excel.png");
    -fx-background-repeat: stretch;   
    -fx-background-size: 17 22;
    -fx-background-position: 5 5;
    -fx-background-color: #4DAE4D;
    -fx-font-family: "System";
    -fx-font-size: 10pt;
    -fx-text-fill: white;
    -fx-font-weight:bold; 
}

.btn-icon-primary{
    -fx-background-color:#337ab7;
}

.btn-icon-primary:hover{
    -fx-background-color:#286090;
}

/*******************************************************************************
 *                                                                             *
 *                          Panel title                      *
 *                                                                             *
 ******************************************************************************/

.panel-default{
    -fx-border-color:#E5E5E5;
    -fx-border-radius: 5px 5px 0px 0px;
    
}
.panel-default-titre{
    -fx-background-color: #F5F5F5;
    -fx-background-radius: 5px 5px 0px 0px;
}

.panel-bleu{
    -fx-border-color:#428BCA;
    -fx-border-radius: 5px 5px 0px 0px;
    -fx-background-color: #e0e0e0;
    
}
.panel-bleu-titre{
    -fx-background-color: #428BCA;
    -fx-background-radius: 5px 5px 0px 0px;
}


.panel-success{
    -fx-border-color:#4DAE4D;
    -fx-border-radius: 5px 5px 0px 0px;
    -fx-background-color: #e0e0e0;
}
.panel-success-titre{
    -fx-background-color: #4DAE4D;
    -fx-background-radius: 5px 5px 0px 0px;
}


.panel-balck{
    -fx-border-color:#000000;
    -fx-border-radius: 5px 5px 0px 0px;
    -fx-background-color: #e0e0e0;
}
.panel-balck-titre{
    -fx-background-color: #000000;
    -fx-background-radius: 5px 5px 0px 0px;
}

/*******************************************************************************
 *                                                                             *
 *                          Liste de selection                     *
 *                                                                             *
 ******************************************************************************/

.liste-select{
    -fx-background-color:#ffffff;
    -fx-border-color: #cccccc;
    -fx-border-width: 1px;
    -fx-border-radius: 3px;
}

.liste-select:hover{
    -fx-background-color:#E6E6E6;
}










/*******************************************************************************
 *                                                                             *
 * PopupMenu                                                                   *
 *                                                                             *
 ******************************************************************************/

.context-menu {
    -fx-background-color: white;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 0 0 0, 0 0 0 0, 0 0 0 0;
    -fx-padding: 0.333333em 0em 0.333333em 0em; /* 4 1 4 1 */
    -fx-border-color: #EFEFEF;
    /* TODO: the border color below is not being respected - it appears as gray instead of black. After this gets fixed remove the comments so that
       the border will become black.
    */
/*    -fx-border-color: #212121;
    -fx-border-style: solid;*/
}

.context-menu .separator .line{
    -fx-padding: 0.0em 0.333333em 0.0em 0.333333em;  /*0 4 0 4 */
    -fx-border-style: solid;
    -fx-background-color: #c2c2c2;
    -fx-border-width: 0.5px;
}

/* TODO: try to scope the menu-item style to the contextmenu */
.menu-item {
    -fx-background-color: transparent;
    -fx-padding: 0.666666em 0.999999em 0.4999995em 0.999999em;   /*6 12 6 12 */
    
}

.menu-item .label {
    -fx-padding: 0em 0.5em 0em 0em;
    -fx-text-fill: #212121;
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 9pt;
    
}


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

.menu-item:pressed{
    -fx-background-color: #212121;
    -fx-text-fill: white;
}

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


/*******************************************************************************
 *                                                                             *
 *                          TextField                                                                   *
 *                                                                             *
 ******************************************************************************/
.text-field:focused{
    -fx-effect: dropshadow(three-pass-box, #66afe9, 10, 0, 0, 0);
    -fx-border-color: transparent;

}








/*******************************************************************************
 *                                                                             *
 *                         Button                                              *                  *
 *                                                                             *
 ******************************************************************************/
.btn-success{
    -fx-background-color: #4DAE4D;
    -fx-font-family: "System";
    -fx-font-size: 10pt;
    -fx-text-fill: white;
    -fx-font-weight:bold;
}
.btn-success:hover{
    -fx-background-color:#3c873c;
    -fx-font-family: "System";
    -fx-font-size: 10pt;
    -fx-font-weight:bold;
}
.btn-simple{
    -fx-background-color:#FFFFFF; 
    -fx-border-color: #CCCCCC; 
    -fx-border-radius: 5 5 5 5;
    -fx-font-weight:bold;
    -fx-text-fill: #000000;
    -fx-font-family: "Arial";
    -fx-font-size: 9pt;
}

.btn-simple:hover{
    -fx-background-color:#E6E6E6;
    -fx-border-color: #ADADAD;
}
.btn-danger{
    -fx-background-color: #f20606;
    -fx-font-family: "Arial";
    -fx-font-size: 10pt;
    -fx-text-fill: white;
    -fx-font-weight:bold;
     
}
.btn-danger:hover{
    -fx-background-color:#cd0505;
    -fx-font-family: "Arial";
    -fx-font-size: 10pt;
    -fx-font-weight:bold;
}

.btn-default{
     -fx-background-color:#EFEFEF;
     -fx-border-color: #959595;
     -fx-border-radius: 5 5 5 5;
}
.btn-default:hover{
     -fx-background-color:#E6E6E6;
}

.btn-primary{
    -fx-background-color:#337ab7;
    -fx-font-family: "Arial";
    -fx-font-size: 10pt;
    -fx-text-fill: white;
    -fx-font-weight:bold;
    
}

.btn-primary:hover{
    -fx-background-color:#286090;
    -fx-font-family: "Arial";
    -fx-font-size: 10pt;
    -fx-font-weight:bold; 
}

.btn-black{
    -fx-background-color:#373737;
    -fx-font-family: "Arial";
    -fx-font-size: 10pt;
    -fx-text-fill: white;
    -fx-font-weight:bold;
    
}
.btn-black:hover{
    -fx-background-color:#2c2c2c;
    -fx-font-family: "Arial";
    -fx-font-size: 10pt;
    -fx-font-weight:bold;
    
}
/*******************************************************************************
 *                                                                             *
 *                         Alert AnchorPane                                             *                  *
 *                                                                             *
 ******************************************************************************/

.AnchorPane-Alert{
    -fx-background-color: rgba(0,0,0,0.6);
    
}
.Panel-Alert{
    -fx-background-color:#ffffff;
    -fx-border-color: #212121;
     -fx-border-radius: 10 10 0 0;
     -fx-background-radius: 10 10 0 0;
    
}
.RectangleTitre-Alert{
    -fx-background-color:linear-gradient(to bottom, #585858, #333333);
    -fx-background-radius: 10 10 0 0;
}

.RectangleProble-Alert{
    -fx-background-color:linear-gradient(to bottom, #E2E2E2, #EDEDED);
    -fx-border-color: #B4B4B4;
}



/*******************************************************************************
 *                                                                             *
 *                         TableView                                           *                  *
 *                                                                             *
 ******************************************************************************/
.table-view:focused {
  -fx-background-color: transparent ;
  
}

.table-view .column-header .label {
    -fx-font-family: "Verdana";
    -fx-text-fill: black;
    -fx-font-size: 9pt;
    -fx-alignment: center-left;
    
}
.table-view .column-header.Center .label {
    -fx-font-family: "Verdana";
    -fx-text-fill: black;
    -fx-font-size: 9pt;
    -fx-alignment: CENTER;
    
}
.table-view .table-row-cell {
    -fx-font-family: "Arial";
    -fx-font-size: 11pt;
    -fx-text-alignment: center ;
}
.table-column {
  -fx-alignment: CENTER_LEFT ;
}

.table-row-cell:selected{
    -fx-background-color:#90b7d8 ;
}

.table-view .column-header, .table-view .filler {
    -fx-background-color:#ffffff;
}

.table-view .column-header, .table-view .filler {
    -fx-border-color:  transparent transparent transparent  transparent;
    -fx-border-insets: 0 0 0 0;
    -fx-border-width: 2px;
    
}

.cerclenextlast:hover{
    -fx-stroke: #3eb472;
    -fx-stroke-width: 2;
}


/*******************************************************************************
 *                                                                             *
 *                         TablePane                                         *                  *
 *                                                                             *
 ******************************************************************************/
.Table-Pane {
    -fx-border-color: #DDDDDD;
}
.Table-Pane .tab-header-area .tab-header-background{
    -fx-background-color:#F5F5F5;
    -fx-border-insets: -1 -1 0 -1;
    -fx-border-color: #DDDDDD;
}
.Table-Pane:top .tab-header-area .headers-region .tab:top:selected .tab-container .focus-indicator{
    -fx-border-color: transparent;
}

.Table-Pane:top .tab-header-area .headers-region .tab:top .tab-container .tab-label .text{
    -fx-fill: #ffffff;
}
.Table-Pane:top .tab-header-area .headers-region .tab:selected:top .tab-container .tab-label .text{
    -fx-fill: #000000;
}
.tab{
    -fx-background-color: #4cae4c;
    -fx-padding: 8px;
    -fx-background-radius: 0;
    -fx-font-weight:bold;
}

.tab:selected{
    -fx-background-color: #ffffff;
    -fx-border-color: #4cae4c;
    -fx-border-insets: 0 -2 -2 -2;
    -fx-border-width: 2;
    -fx-translate-y: 1;
    
}



/*******************************************************************************
 *                                                                             *
 *                          SplitPane                                                                   *
 *                                                                             *
 ******************************************************************************/
.split-pane:vertical .split-pane-divider{
    visibility: false ;
}

/*******************************************************************************
 *                                                                             *
 *                          Progress Bar                                       *
 *                                                                             *
 ******************************************************************************/
.progress-bar:determinate .bar{
	-fx-background-color: #5fc65f;
}

.progress-bar:indeterminate .pb-track{
	-fx-background-color: #ffffff;
}


/*******************************************************************************
 *                                                                             *
 *                          Chart                           *
 *                                                                             *
 ******************************************************************************/
.chart-plot-background {
    -fx-background-color: transparent;
}
.chart-vertical-grid-lines {
    -fx-stroke: transparent;
}
.chart-horizontal-grid-lines {
    -fx-stroke: transparent;
}
.chart-alternative-row-fill {
    -fx-fill: transparent;
    -fx-stroke: transparent;
    -fx-stroke-width: 0;
}

.default-color0.chart-series-line { -fx-stroke: #e9967a; }
.default-color1.chart-series-line { -fx-stroke: #f0e68c; }
.default-color2.chart-series-line { -fx-stroke: #dda0dd; }