/* 
    Theme Name: GLOW default theme
    Version: 3.0.0
    Description: GLOW default theme
    Author: Paolo Spagnolini
    E-mail: paolo.spagnolini@gmail.com
*/

/* FONTS */

/*
@font-face 
{
    font-family: "LFT Etica";
    src: url("../fonts/LFT_Etica_Light.otf");
}

@font-face 
{
    font-family: "LFT Etica Bold";
    src: url("../fonts/LFT_Etica_Semibold.otf");
}
*/

@font-face 
{
    font-family: 'Poppins';
    src: url("../fonts/Poppins-Regular.ttf") format('truetype');
}

@font-face 
{
    font-family: 'Poppins Bold';
    src: url('../fonts/Poppins-Bold.ttf') format('truetype');
}

@font-face 
{
    font-family: 'Poppins Italic';
    src: url('../fonts/Poppins-Italic.ttf') format('truetype');
}

/* ICONS */

/*
@font-face 
{
    font-family: 'icons';
    src: url('../icons/icons.eot') format('embedded-opentype'), url('../icons/icons.woff') format('woff'), url('../icons/icons.ttf') format('truetype'), url('../icons/icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face 
{
    font-family: 'awsmicons';
    src: url('../icons/fa-solid-900.eot') format('embedded-opentype'), url('../icons/fa-solid-900.woff') format('woff'), url('../icons/fa-solid-900.ttf') format('truetype'), url('../icons/fa-solid-900.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FX */

@keyframes spin 
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes blinker
{
    50% { opacity: 0; }
}

@keyframes bkgblinker
{
    0% { background-color: #000000; }
    50% { background-color: #009FD7; }
    100% { background-color: #000000; }
}

@keyframes pulsate
{
    0% { transform: scale(0.1, 0.1); opacity: 0.0; }
    50% { opacity: 1.0;}
    100% { transform: scale(1.2, 1.2); opacity: 0.0; }
}

@keyframes strokefill
{
    to { stroke-dasharray: 0,1000000; }
}

/* VARIABLES */

:root 
{
    /* HTML */

    /*
    --font-base: 'LFT Etica', sans-serif;
    --font-bold: 'LFT Etica Bold', sans-serif;
    */
    --font-base: 'Poppins', sans-serif;
    --font-bold: 'Poppins Bold', sans-serif;
    --font-italic: 'Poppins Italic', sans-serif;
    --font-size-base: 14px;
    --font-size-tiny: 10px;
    --font-size-smaller: 12px;
    --font-size-bigger: 16px;
    --font-size-large: 18px;
    --font-size-xl: 24px;
    --font-size-xxl: 32px;
    --font-color-base: #333333;
    --font-color-light: #B4B4B4;
    --link-color: #009FD7;
    --active-color: #009FD7;
    --negative-color: #FFFFFF;
    --bkg-color-base: #FFFFFF;
    --margin-base: 16px;
    --margin-close: 8px;
    --padding-base: 8px;
    --padding-big: 32px;
    --border-radius-base: 4px;
    --border-radius-tiny: 2px;
    --border-radius-pill: 16px;
    --shadow-base: 0px 0px 8px 0px #C2C2C2;
    --shadow-right: 2px 0px 4px 0px #C2C2C2;
    --shadow-left: 0px 0px 4px 0px #C2C2C2;
    --opacity-disabled: 0.25;

    --area-width-min: 128px;
    --area-bkg-base: #F9F9F9;
    --area-bkg-inverted: #B4B4B4;
    --area-border-base: 1px solid #E2E2E2; 
    --area-preview-height: 256px;
    --area-preview-height-small: 128px;
    --area-box-height: 92px;
    --area-calendar-height: 102px;

    --grid-border-color: #E2E2E2;
    --grid-border-base: 1px solid #E2E2E2;
    --grid-border-strong: 2px solid #666666;
    --grid-width-base: 164px;
    --grid-height-base: 32px;
    --grid-bkg-base: #FFFFFF;
    --grid-bkg-calc: #F9F9F9;
    --grid-bkg-warning: #F16057;

    --notify-circle-dim: 24px;
    --notify-circle-tiny: 18px;
    --notify-circle-pos: -8px;
    --notify-circle-color: #333333;
    --notify-circle-bright: #F16057;

    /* ICONS */

    /*
    --icon-font: 'icons';
    */
    --icon-font: 'awsmicons';
    --icon-dim-small: 16px;
    --icon-dim-base: 24px;
    --icon-dim-large: 32px;
    --icon-dim-larger: 48px;
    --icon-dim-xl: 64px;
    --icon-dim-xxl: 128px;
    --icon-size-tiny: 10px;
    --icon-size-small: 14px;
    --icon-size-base: 18px;
    --icon-size-mid: 22px;
    --icon-size-large: 26px;
    --icon-size-xl: 42px;
    --icon-size-xxl: 128px;
    --icon-side-padding: 32px;
    --icon-color: #666666;

    /* STATES */

    --state-color-success: #56B371;
    --state-color-fail: #F16057;
    --state-color-warning: #FFB400;
    --state-color-off: #C2C2C2;

    /* LAYOUT */    

    --header-width: 58px;
    --header-height: 58px;
    --header-color-bkg: #015E7F;
    --header-border: 1px solid #015E7F;
    --header-nav-dim: 32px;
    --header-nav-margin: 4px;
    --header-nav-color: #FFFFFF;
    --header-nav-color-bkg: #333333;
    --header-nav-sub-width: 224px;
    --header-nav-sub-shadow: 4px 0px 4px 0px #C2C2C2;
    --leftbox-width: 268px;
    --leftbox-color-bkg: #333333;
    --leftbox-nav-dim: 32px;
    --leftbox-nav-indent: 32px;
    --leftbox-nav-color: #FFFFFF;
    --footer-height: 64px;
    --dialog-header-height: 32px;
    --dialog-footer-height: 64px;
    --overlay-header-height: 32px;
    --overlay-footer-height: 32px;
    --overlay-bkg-dark: rgba(0, 0, 0, 0.66);
    --overlay-bkg-bright: rgba(255, 255, 255, 0.33);
    --drawer-width-base: 50%;
    --drawer-header-height: 72px;
    --drawer-header-height-small: 36px;
    --drawer-footer-height: 64px;
    
    /* PROMPT */

    --prompt-width: 520px;
    --prompt-height: 200px;
    --prompt-bkg: #FFFFFF;
    --prompt-border: 1px solid #E2E2E2;

    /* BUTTONS */

    --btn-width-min: 128px;
    --btn-height-base: 32px;
    --btn-height-inborder: 30px;
    --btn-padding: 16px;
    --btn-padding-icon: 40px;
    --btn-color: #FFFFFF;
    --btn-color-bkg: #666666;
    --btn-inverted-color: #666666;
    --btn-inverted-color-bkg: #FFFFFF;
    --btn-inverted-border: 2px solid #666666;
    --btn-inverted-border-overlay: 2px solid #FFFFFF;
    --btn-active-border: 2px solid #009FD7;

    /* KANBAN */

    --kanban-height-base: 86px;
    --kanban-height-value: 56px;

    /* GAUGES */

    --gauge-dim-base: 96px;

    /* PROGRESS */

    --progress-bkg-light: #E2E2E2;
    --progress-bkg-dark: #333333;

    /* CHARTS */

    --chart-color-1: #009FD7; 
    --chart-color-2: #FF6384;
    --chart-color-3: #FFB400; /*#ff9f40; oro*/
    --chart-color-4: #56B371; /*#3bb300; verde*/
    --chart-color-5: #9900FF;
    /*--chart-color-5: #33ffff; ciano*/
    --chart-color-6: #FF3333;
    --chart-color-7: #4BC0C0;
    --chart-color-8: #B30000;    
    --chart-color-other: #777777;

    /* TABLES */

    --tab-head-border: 2px solid #666666;
    --tab-row-height: 36px;
    --tab-row-border: 1px solid #E2E2E2;
    --tab-row-bkg-even: #FFFFFF;
    --tab-row-bkg-odd: #F9F9F9;
    --tab-row-bkg-hover: #F0F0F0;

    /* TREES */

    --tree-indent-base: 32px;

    /* TABBER */

    --tabber-border: 2px solid #666666;
    --tabber-border-active: 2px solid #009FD7;
    --tabber-item-width-min: 128px;

    /* FORM */

    --section-bar-height: 32px;
    --section-bar-bkg: #E2E2E2;
    
    /* INPUTS */

    --input-label-width: 25%;
    --input-width-base: 65%;
    --input-width-wee: 42px;
    --input-width-tiny: 64px;
    --input-width-small: 128px;
    --input-width-mid: 168px;
    --input-width-large: 240px;
    --input-height-base: 32px;
    --input-height-bigger: 42px;    
    --input-height-inborder: 30px;    
    --input-height-fat: 48px;
    --input-height-mid: 84px;
    --input-height-large: 104px;
    --input-height-largest: 270px;
    --input-height-xl: 384px;    
    --input-border: 1px solid #E2E2E2;
    --input-border-focus: 1px solid #B4B4B4;
    --input-border-active: 1px solid #009FD7;
    --input-border-drop: 2px dashed #E2E2E2;
    --input-color: #000000;
    --input-color-placeholder: #B4B4B4;
    --input-color-readonly: #B4B4B4;
    --input-color-bkg: #F9F9F9;    
    --select-color-bkg: #FFFFFF;
    --select-border: 1px solid #E2E2E2;
    --select-item-height: 32px;
    --checkbox-dim: 18px;
    --checkbox-icon-dim: 14px;
    --checkbox-icon-size: 12px;
    --checkbox-border: 2px solid #666666;
    --checkbox-border-radius: 2px;
    --checkbox-checked-bkg: #666666;
    --checkbox-checked-color: #FFFFFF;   

    /* PREVIEWS */

    --preview-width-base: 192px;
    --preview-height-base: 192px;
    --preview-width-small: 175px;    
    --preview-height-small: 175px;
    --preview-width-xs: 128px;    
    --preview-height-xs: 128px;
    --preview-bkg: #666666;

    /* TOOLTIP */

    --tooltip-width-base: 120px;
    --tooltip-width-tinty: 48px;
    --tooltip-height-base: 32px;
    --tooltip-bkg-color: #000000;

    /* LOGIN */

    --login-box-width: 420px;
    --login-box-shadow: 0px 0px 16px 0px #E2E2E2;
    --login-form-padding: 24px;
    

    /* TRANSITIONS & ANIMATIONS */

    --transition-base: all 0.5s;
    --transition-left: left 0.5s;
    --transition-height: height 0.25s;
    --transition-transform: transform 0.5s;
}


@media only screen and (max-width: 600px) 
{
    /*
    :root
    {
    }
    */
}