/* F O N T S */

@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: '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;
}

/* VARIABLES */

:root 
{
    /* LAYOUT */

    --header-height: 52px;

    /* HTML */
    
    --font-base: 'Poppins', sans-serif;
    --font-bold: 'Poppins Bold', sans-serif;
    --font-italic: 'Poppins Italic', sans-serif;
    --font-size-base: 12px;
    --font-color-base: #000000;
    --font-color-light: #A0A0A0;
    --font-color-neg: #FFFFFF;
    --bkg-color: #FFFFFF;
    --link-color: #00559C;
    --header-color: #0066AD;
    --active-color: #009FD7;
    --label-color: #666666;
    --border-radius-base: 4px;
    --border-radius-mid: 12px;
    --border-light-fat: 2px solid #C2C2C2;
    --border-light-thin: 1px solid #C2C2C2;
    --border-dark-thin: 1px solid #666666;
    --border-active-drop: 2px dashed #C2C2C2;
    --border-color-select: #666666;
    --shadow-base: 0px 0px 16px 0px #C2C2C2;
    --shadow-color: #C2C2C2;
    --opacity-disabled: 0.25;
    --background-light: #DDDDDD;
    --background-dark: #333333;
    --background-modal: rgba(0, 0, 0, 0.8);
    --background-loader: rgba(255, 255, 255, 0.5);

    /* ICONS */

    --icon-font: 'awsmicons';
    --icon-dim-small: 16px;
    --icon-dim-base: 22px;
    --icon-dim-large: 36px;
    --icon-dim-larger: 48px;
    --icon-dim-xl: 64px;
    --icon-dim-xxl: 128px;
    --icon-size-tiny: 10px;
    --icon-size-small: 14px;
    --icon-size-base: 16px;
    --icon-size-mid: 22px;
    --icon-size-large: 30px;
    --icon-size-xl: 42px;
    --icon-size-xxl: 96px;
    --icon-side-padding: 32px;
    --icon-color: #666666;

    /* STATES */

    --state-color-success: #56B371;
    --state-color-fail: #F16057;
    --state-color-warning: #FFB400;
    --state-color-off: #AAAAAA;
    --state-color-invisible: #AAFF00;

    /* BADGE */

    --badge-color-off: #333333;
    --badge-color-bright: #F16057;
    --badge-color-pulse: rgba(229, 57, 53, 0.6);

    /* SECTIONS, TABLES, GRIDS */

    --sect-border-strong: 2px solid #000000;    
    --row-border-base: 1px solid #E2E2E2;
    --row-bkg-head: #FFFFFF;
    --row-bkg-foot: #FFFFFF;
    --row-bkg-odd: #FFFFFF;
    --row-bkg-even: #F9F9F9;
    --row-bkg-hover: #ECECEC;

    /* INPUTS */

    --checkbox-dim: 16px;
    --checkbox-border: 1px solid #333333;
    --checkbox-color: #333333;
    --checkbox-radius: 3px;
    --onoff-dim: 48px;
    --onoff-radius: 24px;
    --input-bkg-color: #F9F9F9;
    --input-border-base: 1px solid #C2C2C2;
    --input-placeholder-opacity: 0.33;

    /* PREVIEWS */

    --preview-width-base: 160px;
    --preview-height-base: 160px;

    /* PROMPT */

    --prompt-width: 560px;
    --prompt-height: 180px;

    /* SEASONS */

    --season-color-summer: #FFA500;
    --season-color-winter: #87CEEB;

    /* AMOUNTS */

    --amount-special-neg: #F800F8;
    --amount-special-pos: #0080FF;

    /* AWB */

    --awb-color-1: #22AA66;
    --awb-color-2: #3377BB;
    --awb-color-3: #BB77CC;
    --awb-color-4: #FFB400;
    --awb-color-5: #FF7777;

    /* LOGIN  */

    --login-imagewrapper-bkg: radial-gradient(ellipse at 78% 12%, #1D6595 0%, #00558F 30%, transparent 65%), radial-gradient(ellipse at 48% 45%, #004575 0%, #002D4D 55%, #041629 100%);
    --login-imagewrapper-shadow: 0px 0px 16px 0px #002D4D;
}