/*
    HelloIoT is a dashboard creator for MQTT
    Copyright (C) 2017-2019 Adrián Romero Corchado.

    This file is part of HelloIot.

    HelloIot is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    HelloIot is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with HelloIot.  If not, see <http://www.gnu.org/licenses/>.
*/

.maincontainer {
    -fx-background-container: #F5F7FB;
    -fx-separator-fill: #E0E5EC;
    
    -fx-border-unit: #E0E5EC;
    -fx-background-unit: #FFFFFF;     
    
    -fx-button-fill: -fx-primary-fill;
    -fx-buttonhover-fill: derive(-fx-button-fill, 20%);        
    -fx-buttonarmed-fill: derive(-fx-button-fill, 60%);    
    -fx-buttoncontent-fill: ladder(-fx-button-fill, white 69%, black 70%);
    -fx-buttonaction-fill: derive(-fx-button-fill, -20%);
    -fx-arrow-fill: #989898;
    
    -fx-background-title: #FFFFFF;    
    -fx-title-fill: #4B4B4B;
    
    -fx-inputborder-fill: #CDD2D9;
    -fx-inputfocus-fill: #89AFFD;
    -fx-inputfocusext-fill: #D1D2FE;
    -fx-inputback-fill: #FFFFFF;

    -fx-canvas-fill: #E8EBEE;
    
    -fx-info-fill: #707070;
    -fx-level-fill: #4B5157;
        
    -fx-primary-fill: #007BFF;
    -fx-secondary-fill: #6C757D;
    
    -fx-menu-fill: black;
}

/* Header button flat */
.headerbutton {
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 16px;      
    -fx-text-fill: -fx-button-fill;
    
    -fx-background-color: transparent, transparent;
    -fx-background-insets: 0, 2;
    -fx-background-radius: 0, 0;    
    -fx-alignment: center;
    -fx-padding: 8px 12px 8px 12px; 
}
.headerbutton .icon-fill {
    -fx-fill: -fx-button-fill;
}
.headerbutton:armed {
    -fx-text-fill: -fx-buttonaction-fill;
    -fx-background-color: -fx-buttonarmed-fill, -fx-background-title;
}
.headerbutton:armed .icon-fill {
    -fx-fill: -fx-buttonaction-fill;
}

/* Menu button */
.headerbuttonmenu,
#menubutton {
    -fx-button-fill: -fx-secondary-fill;
}

/* ExitButton */
.headerbuttonexit,
#exitbutton {
    -fx-button-fill: -fx-color2-fill;
}

/* Header */
.header {
    -fx-background-insets: 0;
    -fx-background-color: -fx-background-title;
    -fx-spacing: 5px;
}
.headertitle {
    -fx-font-family: 'Source Sans Pro Bold';
    -fx-font-size: 18px;
    -fx-text-fill: -fx-title-fill;    
}
.currenttime {
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 16px;
    -fx-text-fill: -fx-info-fill;   
}

/* Unit components */

.unitsection {
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 18px;  
    -fx-text-fill: -fx-level-fill;
    -fx-padding: 10px 0px 15px 0px;
    -fx-background-insets: 0, 0 0 1 0, 0 0 2 0;
    -fx-background-color:  -fx-background-unit, -fx-separator-fill, -fx-background-unit;      
}

.unitsubsection {
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-text-fill: -fx-level-fill;
    -fx-font-size: 16px;  
    -fx-background-color: -fx-background-unit;   
}
.unitwindow {
   -fx-background-color: -fx-background-container;   
}

.unitform {
    -fx-background-color: -fx-background-unit;   
}

.unitform > .viewport {
    -fx-background-color: -fx-background-unit;     
}

.unitscroll {
    -fx-background-radius: 2, 1;
    -fx-background-color:  -fx-inputborder-fill, -fx-background-unit;  
    -fx-background-insets: 0, 1;    
}
.unitscroll > .viewport {
    -fx-background-color: -fx-background-unit;     
}

.unittoolbar {
    -fx-background-color: -fx-background-container;   
}

/* fondo ffffff
texto 999eaa
seleccion 497ccb
foco 508cfb */
.unittabpane > .tab-header-area  {
    -fx-padding: 10 10 0 20;
}

.unittabpane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-label {
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 16px;      
    -fx-alignment: CENTER;
    -fx-text-fill: -fx-level-fill;
}
.unittabpane > .tab-header-area > .headers-region > .tab:selected > .tab-container > .tab-label {
    -fx-text-fill: #497ccb;
}

.unittabpane > .tab-header-area > .tab-header-background {
    -fx-background-color: -fx-separator-fill, -fx-background-unit;
    -fx-background-insets: 0 0 0 0, 0 0 1 0;
}

.unittabpane > .tab-header-area > .headers-region {
    -fx-padding: 0 10 0 10;
}

.unittabpane > .tab-header-area > .headers-region > .tab {
 
    -fx-background-insets: 0 0 0 0, 0 0 1 0;
    -fx-border-radius: 0 0 0 0;
    -fx-padding: 0 10 10 10; /* 1 6 0.99 6 */
    -fx-background-color: -fx-separator-fill, -fx-background-unit;
}

.unittabpane > .tab-header-area > .headers-region > .tab:selected {
    -fx-background-insets: 0 0 0 0, 0 0 1 0;
    -fx-border-radius: 0 0 0 0;
    -fx-padding: 0 10 10 10; /* 1 6 0.99 6 */    
    -fx-background-color: #497ccb, -fx-background-unit;
}

.unittabpane:focused > .tab-header-area > .headers-region > .tab:selected {
    -fx-background-insets: 0 0 0 0, 0 0 1 0, 0 0 7 0, 1 1 8 1;
    -fx-background-color: #497ccb, -fx-background-unit, -fx-buttonarmed-fill, -fx-background-unit;
}

.unittabpane > .tab-header-area > .headers-region > .tab  > focus-indicator {
    -fx-border-width: 0;
}

.unittabpane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-width: 0;
}

.unitlabel {
    -fx-font-family: 'Source Sans Pro SemiBold';
    -fx-font-size: 14px;  
    -fx-text-fill: -fx-level-fill;
}

.unitlistview {
    -fx-background-radius: 2, 1;
    -fx-background-color:  -fx-inputborder-fill, -fx-background-unit;  
    -fx-background-insets: 0, 1;       
}

.unitlistview:focused {
    -fx-background-radius: 4, 2, 1;
    -fx-background-color:  -fx-inputfocusext-fill, -fx-inputfocus-fill, -fx-inputback-fill;  
    -fx-background-insets: -2, 0, 1;    
}

.unitlistview > .virtual-flow > .clipped-container > .sheet > .list-cell {
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 16px;       
}

.unitlistview:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected {
    -fx-background: -fx-button-fill;
    -fx-table-cell-border-color: -fx-buttonarmed-fill;
    -fx-text-fill: -fx-buttoncontent-fill;
}
.unitlistview:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected .icon-fill {
    -fx-fill: -fx-buttoncontent-fill;   
}

.unitinput,
.unitinputarea,
.unitcombobox:editable {
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 16px;    
    -fx-text-fill: -fx-level-fill;
    -fx-accent: -fx-primary-fill ;
    -fx-background-radius: 2, 1;
    -fx-background-color:  -fx-inputborder-fill, -fx-inputback-fill;  
    -fx-background-insets: 0, 1;    
}

.unitinput:focused,
.unitinputarea:focused,
.unitcombobox:editable:focused {
    -fx-background-radius: 4, 2, 1;
    -fx-background-color:  -fx-inputfocusext-fill, -fx-inputfocus-fill, -fx-inputback-fill;  
    -fx-background-insets: -2, 0, 1;    
}

.unitinput > .label,
.unitinput > .list-cell,
.unitcombobox:editable > .text-input {
    -fx-text-fill: -fx-level-fill;
}

.unitinput > .open-button > .arrow,
.unitinput > .arrow-button > .arrow {
    -fx-background-color: -fx-arrow-fill;
    -fx-padding: 0.166667em 0.333333em 0.166667em 0.333333em; /* 2 4 2 4 */
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

.unitinputview {
    -fx-font-family: 'Source Sans Pro Black';
    -fx-font-size: 36px;   
    -fx-text-fill: -fx-level-fill;     
    -fx-accent: -fx-primary-fill ;
}

.editviewsmall .unitinputview {
    -fx-font-size: 24px;
}

.unitinputcode {
    -fx-font-family: 'Source Code Pro';
    -fx-font-size: 14px;
}

.unitcheckbox {
    -fx-font-family: 'Source Sans Pro SemiBold';
    -fx-font-size: 14px;  
    -fx-text-fill: -fx-level-fill;    
}

.unitcheckbox > .box {
    -fx-padding: 2 2 3 3;
    -fx-background-radius: 2, 0, 0;
    -fx-background-insets: 0, 1;
    -fx-background-color:  -fx-inputborder-fill, -fx-inputback-fill;
    -fx-alignment: center;    
}

.unitcheckbox > .box > .mark {
    -fx-background-color: null;
    -fx-background-insets: 2;
    -fx-shape: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z";
}

.unitcheckbox:selected > .box {
    -fx-background-color:  -fx-button-fill, -fx-button-fill;    
}

.unitcheckbox:selected > .box > .mark {
    -fx-background-color: -fx-inputback-fill;
}

.unitcheckbox:focused > .box {
    -fx-background-insets: -2, 0, 1;
    -fx-background-color: -fx-buttonarmed-fill, -fx-button-fill, -fx-inputback-fill;          
}

.unitcheckbox:focused:selected > .box {
    -fx-background-insets: -2, 0, 1;
    -fx-background-color: -fx-buttonarmed-fill, -fx-button-fill, -fx-button-fill;          
}

.unitcheckbox:armed > .box {
    -fx-background-insets: -2, 0, 1;
    -fx-background-color:  -fx-buttonarmed-fill, -fx-button-fill, -fx-buttonaction-fill;   
}

.unitcheckbox:selected:armed > .box {
    -fx-background-insets: -2, 0, 1;
    -fx-background-color:  -fx-buttonarmed-fill, -fx-button-fill, -fx-buttonaction-fill;         
}

.unitradiobutton {
    -fx-font-family: 'Source Sans Pro SemiBold';
    -fx-font-size: 14px;  
    -fx-text-fill: -fx-level-fill;    
}

.unitradiobutton > .radio {
    -fx-padding: 4;
    -fx-background-radius: 10, 9, 8;
    -fx-background-insets: 0, 1;
    -fx-background-color: -fx-inputborder-fill, -fx-inputback-fill;
    -fx-alignment: center;    
}
.unitradiobutton > .radio > .dot {
    -fx-background-color: null;
    -fx-background-insets: 1;
}

.unitradiobutton:selected > .radio {
    -fx-background-color:  -fx-button-fill, -fx-inputback-fill;    
}

.unitradiobutton:selected > .radio > .dot {
    -fx-background-color: -fx-button-fill;
}

.unitradiobutton:focused > .radio {
    -fx-background-insets: -2, 0, 1;
    -fx-background-color: -fx-buttonarmed-fill, -fx-button-fill, -fx-inputback-fill;          
}

.unitradiobutton:focused:selected > .radio {
    -fx-background-insets: -2, 0, 1;
    -fx-background-color: -fx-buttonarmed-fill, -fx-button-fill, -fx-inputback-fill;          
}

.unitradiobutton:armed > .radio {
    -fx-background-insets: -2, 0, 1;
    -fx-background-color:  -fx-buttonarmed-fill, -fx-button-fill, -fx-buttonaction-fill;   
}

.unitradiobutton:selected:armed > .radio {
    -fx-background-insets: -2, 0, 1;
    -fx-background-color:  -fx-buttonarmed-fill, -fx-button-fill, -fx-buttonaction-fill;         
}

.scroll-bar {
    -fx-background-color: #f1f1f1;
    -fx-background-insets: 1;
    -fx-background-radius: 1;
}

.scroll-bar > .thumb {
    -fx-background-color: #c1c1c1;
    -fx-background-insets: 2;
    -fx-background-radius: 1;
}

.scroll-bar > .thumb:pressed {
    -fx-background-color: #777777;
}

.scroll-bar > .increment-button,
.scroll-bar > .decrement-button {
    -fx-background-color: #f1f1f1;
    -fx-color: transparent;
    -fx-padding: 2;  
}

.scroll-bar > .increment-button:pressed,
.scroll-bar > .decrement-button:pressed {
    -fx-background-color: #777777;
}

.scroll-bar > .increment-button:pressed > .increment-arrow,
.scroll-bar > .decrement-button:pressed > .decrement-arrow {
    -fx-background-color: white;
}

.scroll-bar:vertical > .increment-button > .increment-arrow,
.scroll-bar:vertical > .decrement-button > .decrement-arrow {

    -fx-padding: 4 6 4 6;
    -fx-background-insets: 2;
    -fx-effect: null;
}
.scroll-bar:horizontal > .increment-button > .increment-arrow,
.scroll-bar:horizontal > .decrement-button > .decrement-arrow {
    -fx-padding: 6 4 6 4;
    -fx-background-insets: 2;
    -fx-effect: null;
}

/* Unit buttons */
.unitbutton,
.unitcombobox:editable > .arrow-button {   
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 16px;   
    -fx-text-fill: -fx-buttoncontent-fill;    
    -fx-background-color:  -fx-button-fill, -fx-button-fill;  
    -fx-background-radius: 2, 0;
    -fx-background-insets: 0, 2;
    -fx-alignment: center;
}
.unitbutton > .icon-fill {
    -fx-fill: -fx-buttoncontent-fill;
}
.unitbutton:focused {
    -fx-background-insets: -2, 1;
    -fx-background-color: -fx-buttonarmed-fill, -fx-button-fill;          
}
.unitbutton:armed,
.unitcombobox:editable:showing > .arrow-button {
    -fx-background-insets: -2, 1;
    -fx-background-color: -fx-buttonarmed-fill,  -fx-buttonaction-fill;             
}

.unitcombobox:editable > .arrow-button > .arrow {
    -fx-background-color: -fx-buttoncontent-fill;
    -fx-padding: 0.166667em 0.333333em 0.166667em 0.333333em; /* 2 4 2 4 */
    -fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

.unitcombobox:editable > .text-field {
    -fx-background-color: -fx-inputback-fill;  
}



/* Menu button */
.menubutton {
    -fx-background-insets: 0, 4;
    -fx-background-radius: 2, 0;    
    -fx-background-color: transparent, transparent;
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 18px;
    -fx-text-fill: -fx-menu-fill;    
    
}
.menubutton .icon-fill {
    -fx-fill: -fx-menu-fill;
}
.menubutton:armed  {
    -fx-background-color:  -fx-buttonarmed-fill, -fx-buttonaction-fill;   
    -fx-text-fill: -fx-buttoncontent-fill;    
}
.menubutton:armed .icon-fill {
    -fx-fill: -fx-buttoncontent-fill;
}


/* Unit component */

.labelsection {
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 18px;
    -fx-text-fill: -fx-level-fill;
}

.unittitle {
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 16px;   
    -fx-text-fill: -fx-info-fill;   
}

.unitfooter {
    -fx-padding: 4px 0px 0px 0px;
    -fx-alignment: top-right;
}

.unitfooter .styledtext {
    -fx-fill: -fx-info-fill;
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 14px;       
}

.unitmaintext {
    -fx-font-family: 'Source Sans Pro Black';
    -fx-text-fill: -fx-level-fill;
    -fx-font-size: 36px;  
}

.unitsempty {
    -fx-font-size: 48px;
    -fx-font-family: 'Source Sans Pro Black';
    -fx-text-fill: -fx-info-fill;    
}

.keypadtext {
    -fx-font-family: 'Source Sans Pro Black';
    -fx-font-size: 42px;     
    -fx-fill: -fx-buttoncontent-fill;
}

/* Keypad Button */
.keypadbutton {
    -fx-pref-width: 100px;
    -fx-background-radius: 2, 0;
    -fx-alignment: center; 
    -fx-background-color:  -fx-button-fill, -fx-button-fill;  
    -fx-background-insets: 0, 4;
}
.keypadbutton .icon-fill {
    -fx-fill: -fx-buttoncontent-fill;
}
.keypadbutton:armed {
    -fx-background-insets: -2, 3;
    -fx-background-color: -fx-buttonarmed-fill,  -fx-buttonaction-fill;             
}
.keypadbuttonnumber {
    -fx-button-fill: -fx-primary-fill;
}
.keypadbuttondelete {
    -fx-background-insets: 0, 2;
    -fx-button-fill: -fx-secondary-fill;
}

/* Keypad input field */
.keypadinput {
    -fx-background-radius: 2;
    -fx-background-color:  -fx-inputborder-fill, -fx-inputback-fill;  
    -fx-background-insets: 0, 1;
    -fx-alignment: center; 
}



/* Unit toggle buttons */
.unittogglebutton { 
    -fx-font-size: 14px;
    -fx-font-family: 'Source Sans Pro Regular';    
    -fx-text-fill: #999eaa;    
    -fx-background-color:  -fx-border-unit, #ffffff;  
    -fx-background-radius: 2, 0;
    -fx-background-insets: 0, 1;
    -fx-alignment: center;
}
.unittogglebutton .icon-fill {
    -fx-fill: #999eaa;
}
.unittogglebutton:armed {
    -fx-background-insets: -2, 1;
    -fx-background-color: -fx-buttonarmed-fill,  #ffffff;             
}
.unittogglebutton:selected {   
    -fx-text-fill: #497ccb;    
    -fx-background-color:  -fx-buttonaction-fill, #edf1fa;  
    -fx-background-radius: 2, 0;
    -fx-background-insets: 0, 1;
    -fx-alignment: center;
}
.unittogglebutton:selected .icon-fill {
    -fx-fill: #497ccb;
}
.unittogglebutton:selected:armed {
    -fx-background-insets: -1, 1;
    -fx-background-color: -fx-buttonarmed-fill, #edf1fa;             
}


.menu-item >.label {
    -fx-font-size: 16px;
    -fx-font-family: 'Source Sans Pro Regular';      
}
.menu-item:focused {
    -fx-background: -fx-button-fill;
    -fx-table-cell-border-color: -fx-buttonarmed-fill;
    -fx-text-fill: -fx-buttoncontent-fill;
}
.menu-item:focused > .label {
    -fx-fill: -fx-buttoncontent-fill;
}

/* Button base */
.buttonbase {
    -fx-font-family: 'Source Sans Pro Bold';
    -fx-font-size: 18px;
    -fx-text-fill: -fx-buttoncontent-fill;
    -fx-background-radius: 10, 6;
    -fx-background-color: -fx-button-fill, -fx-button-fill; 
    -fx-background-insets: 0, 4;
    -fx-alignment: center;   
}
.buttonbase .icon-fill {
    -fx-fill: -fx-buttoncontent-fill;
}
.buttonbase:armed {
   -fx-background-insets: -2, 3;
   -fx-background-color:  -fx-buttonarmed-fill,  -fx-buttonaction-fill;                        
}
.buttonup {
}
.buttondown {
}

/* Dialog styles */
.dialog-close-button {
    -fx-button-fill: -fx-secondary-fill;
}
.dialog-close-button .dialog-close-icon  {
    -fx-fill: -fx-button-fill;
}
.dialog-close-button:armed {
    -fx-background-color: -fx-buttonarmed-fill, -fx-background-title;
}
.dialog-close-button:armed .dialog-close-icon  {
    -fx-fill: -fx-buttonaction-fill;
}
.dialog-title-text {
    -fx-font-size: 14;
    -fx-font-weight: bold;
    -fx-text-fill: -fx-title-fill;           
}
.dialog-title {
    -fx-background-color: -fx-separator-fill, -fx-background-title;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 5 10 5 10;
}
.nextbutton, .dialog-buttonlist .button {
    -fx-button-fill: -fx-secondary-fill;
    
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 16px;
    -fx-text-fill: -fx-buttoncontent-fill;
    -fx-background-radius: 20,18;
    -fx-background-color: -fx-button-fill, -fx-button-fill;  
    -fx-background-insets: 0, 2;
    -fx-alignment: center;        
}
.nextbutton > .icon-fill, .dialog-buttonlist .button > .icon-fill {
    -fx-fill: -fx-buttoncontent-fill;  
}
.nextbutton:focused, .dialog-buttonlist .button:focused {
    -fx-background-insets: -2, 1;
    -fx-background-color: -fx-buttonarmed-fill, -fx-button-fill;          
}

.nextbutton:armed, 
.dialog-buttonlist .button:armed {
    -fx-background-insets: -2, 1;
    -fx-background-color: -fx-buttonarmed-fill, -fx-buttonaction-fill;            
}
.nextbutton-default, .dialog-buttonlist .button:default {
    -fx-button-fill: -fx-primary-fill;
}

.dialog-label {
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-text-fill: -fx-info-fill;
    -fx-font-size: 20px;    
}

.dialog-body .text-area {
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 16px;    
    -fx-text-fill: -fx-level-fill;
    -fx-accent: -fx-primary-fill ;
    -fx-background-radius: 2, 1;
    -fx-background-color:  -fx-inputborder-fill, -fx-inputback-fill;  
    -fx-background-insets: 0, 1;    
}

.dialog-body .text-area:focused {
    -fx-background-radius: 4, 2, 1;
    -fx-background-color:  -fx-inputfocusext-fill, -fx-inputfocus-fill, -fx-inputback-fill;  
    -fx-background-insets: -2, 0, 1;    
}

/* Slider styles */
.slider .thumb {
    -fx-background-color: -fx-button-fill, -fx-button-fill;
    -fx-background-insets: 0, 4;
    -fx-background-radius: 1.5em; /* makes sure this remains circular */
    -fx-padding: 1.2em /*1.583333em*/;    
}
.slider .thumb:pressed {
    -fx-background-insets: -2, 3;
    -fx-background-color: -fx-buttonarmed-fill, -fx-buttonaction-fill;
}
.slider .track {
    -fx-background-color: -fx-canvas-fill;
    -fx-background-insets: 0;
    -fx-background-radius: 2;  
    -fx-padding: 0.5em;   
}

/* Progresss style */
.unitbar > .bar {
    -fx-background-insets: 0;    
    -fx-background-radius: 2;
    -fx-padding: 0.50em;
    -fx-background-color: -fx-primary-fill;
}
.unitbar:indeterminate > .bar {
    -fx-background-color: linear-gradient(to left, transparent, -fx-button-fill);
}
.unitbar > .track {
    -fx-background-color: -fx-canvas-fill;
    -fx-background-insets: 0;    
    -fx-background-radius: 2;    
}

.messagestitle {
    -fx-font-family: 'Source Sans Pro Regular';   
}

.messageview {
    -fx-font-family: 'Source Code Pro Regular';
    -fx-font-size: 14px;   
    -fx-text-fill: -fx-level-fill;  
}

.messagefooter {
    -fx-font-family: 'Source Sans Pro Regular';    
}

.badge {
    -fx-font-family: 'Source Sans Pro Regular';    
}

/* Charts */

.chartlegend {
    -fx-font-family: 'Source Sans Pro Regular';
    -fx-font-size: 14px;   
    -fx-text-fill: -fx-level-fill;  
}
