/*
    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/>.
*/
@font-face { src: url('SourceSansPro-Black.ttf'); }
@font-face { src: url('SourceSansPro-BlackItalic.ttf'); }
@font-face { src: url('SourceSansPro-Bold.ttf'); }
@font-face { src: url('SourceSansPro-BoldItalic.ttf'); }
@font-face { src: url('SourceSansPro-ExtraLight.ttf'); }
@font-face { src: url('SourceSansPro-ExtraLightItalic.ttf'); }
@font-face { src: url('SourceSansPro-Italic.ttf'); }
@font-face { src: url('SourceSansPro-Light.ttf'); }
@font-face { src: url('SourceSansPro-LightItalic.ttf'); }
@font-face { src: url('SourceSansPro-Regular.ttf'); }
@font-face { src: url('SourceSansPro-SemiBold.ttf'); }
@font-face { src: url('SourceSansPro-SemiBoldItalic.ttf'); }
@font-face { src: url('SourceCodePro-Black.ttf'); }
@font-face { src: url('SourceCodePro-Bold.ttf'); }
@font-face { src: url('SourceCodePro-ExtraLight.ttf'); }
@font-face { src: url('SourceCodePro-Light.ttf'); }
@font-face { src: url('SourceCodePro-Medium.ttf'); }
@font-face { src: url('SourceCodePro-Regular.ttf'); }
@font-face { src: url('SourceCodePro-Semibold.ttf'); }

.maincontainer {
    
    -fx-color1-fill: #28A745;
    -fx-color2-fill: #DC3545;
    -fx-color3-fill: #E0A800;
    -fx-color4-fill: #17A2B8;    
}

/* Next button */

.nextbutton {
    -fx-background-radius: 18;      
    -fx-alignment: center;
    -fx-padding: 8px 12px 8px 12px; 
}
.nextbutton .icon-fill {
    -fx-fill: -fx-text-base-color;
}

.header {
    -fx-spacing: 10px;
    -fx-padding: 10px;
}

.headertitle {
    -fx-font-weight: bold;
    -fx-font-size: 18px;
}

.unitscontainer {
    -fx-padding: 6px;   
}

.labelsection {
    -fx-text-fill: -fx-level-fill;
    -fx-background-insets: 0, 0 5 4 0, 0 5 5 0;
    -fx-background-color:  -fx-background-container, -fx-separator-fill, -fx-background-container;      
    -fx-padding: 10px 10px 15px 10px;    
}

.unitsection {
    -fx-background-insets: 0, 0 5 1 0, 0 5 2 0;
    -fx-background-color:  -fx-background, -fx-separator-fill, -fx-background;      
}

.unitsubsection {
}

.icon-fill {
    -fx-fill: -fx-text-base-color;
}

.unitmaintext {
    -fx-text-fill: -fx-text-base-color;
}

.unitbase {
    -fx-background-radius: 0, 3, 2;
    -fx-background-insets: 0, 6, 7;
    -fx-background-color: transparent, -fx-border-unit, -fx-background-unit;        
    -fx-padding: 12px 14px 12px 14px;
}

.unitinputview {
    -fx-focus-color: transparent;
    -fx-background-color: transparent;
}
.unitinputview .scroll-pane {
    -fx-background-color: transparent;
}
.unitinputview .scroll-pane .viewport {
    -fx-background-color: transparent;
}
.unitinputview .scroll-pane .content {
    -fx-background-color: transparent;
}

.unitinputicon {
    -fx-fill: -fx-level-fill;
}

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

.unitgauge {
    -fx-value-color: -fx-text-base-color;
}

.textinput-right *.text {
    -fx-text-alignment: right;
    -fx-alignment: center-right;
}

.textinput-right {
    -fx-text-alignment: right;
    -fx-alignment: center-right;
}

.dialog-body {
    -fx-background-insets: -2, -1 , 0;
    -fx-background-color: rgba(128, 128, 128, 0.2), rgb(128, 128, 128), -fx-background-container;     
}

.dialog-close-button {
    -fx-background-color: transparent, transparent;
    -fx-background-insets: 0, 2;
    -fx-background-radius: 0, 0;
    -fx-alignment: center;
    -fx-padding: 8px 12px 8px 12px; 
}
.dialog-close-button .dialog-close-icon  {
    -fx-fill: darkgray;
}
.dialog-close-button:armed {
    -fx-background-color: darkgray, transparent;
}
.dialog-close-button:armed .dialog-close-icon  {
    -fx-fill: black;
}


.dialog-buttonlist .button > .icon-fill {
    -fx-fill: -fx-text-base-color;  
}

.dialog-title-text {
    -fx-font-size: 14;
    -fx-font-weight: bold;
    -fx-text-fill:#333333;      
}
.dialog-title {
    -fx-background-color: -fx-box-border, white;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 5 10 5 10;
}

.dialog-content {
    -fx-padding: 15 15 15 15;    
}

.dialog-indicator {
    -fx-padding: 15 0 15 15;        
}

.dialog-buttonlist {
    -fx-padding: 10 10 10 10;    
}

/* Chart styles */

.unitchartlegend {
    -fx-padding: 10 10 10 10;
    -fx-spacing: 2;
}

.unitchartserie-line {
    -fx-stroke: #497ccb;
    -fx-stroke-width: 3;    
}

.unitchartserie-fill { 
    -fx-fill: #497ccb1b; /* #ecf1f9 */
}

.unitchartserie2-line {
    -fx-stroke: #ca2024;
    -fx-stroke-width: 3;    
}

.unitchartserie2-fill { 
    -fx-fill: #ca20241b; /* #fceceb */
}

.unitchartserie3-line {
    -fx-stroke: #62bb2a;
    -fx-stroke-width: 3;    
}

.unitchartserie3-fill { 
    -fx-fill: #62bb2a1b; /* #eff8ea */
}

/* Loading bar style */
.loading-dialog > .dialog-body {
    -fx-background-color: transparent;     
}

.messagestitle {
    -fx-text-fill: -fx-info-fill;
    -fx-font-weight: bold;   
    -fx-padding: 0px 5px 0px 5px;        
}

.message {
    -fx-padding: 2 2 3 2;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-background-color: -fx-border-unit, -fx-background-unit;
}

.list-cell:filled:selected:focused > .message, .list-cell:filled:selected > .message {
    -fx-background-color: -fx-border-unit, -fx-buttonarmed-fill;
}

.messagefooter  {
    -fx-padding: 0px 5px 0px 5px;
    -fx-text-fill: -fx-info-fill;
    -fx-font-size: 14px;    
}

.messageview {
    -fx-font-family: 'Monospace';
    -fx-focus-color: transparent;
    -fx-background-color: transparent;
}
.messageview .scroll-pane {
    -fx-background-color: transparent;
}
.messageview .scroll-pane .viewport {
    -fx-background-color: transparent;
}
.messageview .scroll-pane .content {
    -fx-background-color: transparent;
}

.badge {
    -fx-background-radius: 0px, 10px; 
    -fx-background-insets: 0px, 1px 5px 1px 5px; 
    -fx-text-fill: white; 
    -fx-alignment: center;
    -fx-font-size: 14px;        
}

.badgeqos {
    -fx-pref-width: 60px; 
    -fx-background-color: transparent, #4c82e4;
}

.badgeretained {
    -fx-pref-width: 90px; 
    -fx-background-color: transparent, #b4b4b4;    
}

.alert {
    -fx-background-color: rgba(255, 0, 0, 0.16);
}

