/* vim: set expandtab ts=4 sw=4 : */

/* Does not use sass, because we want CSS custom properties here,
 * as simple as possible, so we can generate this via API too.
 */

/* Each line is formatted as follows:
   --css-property: value;    comment

   The comment has 3 fields, separated by colons:
      categories (comma separated)
      css_type  (usually color)
      friendly english description

   This file will be parsed, in order to fill in the CssCustomProperty table the first time, and keep it updated.
   Code should search for :root first, then parse accordingly.
*/

:root {
    --lte-body-background: #f9f9f9;                         /* desktop,tablet: color: LTE body background */
    --lte-a-color: #3c8dbc;                                 /* desktop,tablet: color: LTE link color */
    --lte-a-focus-color: #72afd2;                           /* desktop,tablet: color: LTE link focus color */
    --lte-class-content-background: #f9f9f9;                /* desktop,tablet: color: LTE content background */
    --lte-class-text-red-color: #f56954;                    /* desktop,tablet: color: LTE text red */
    --lte-class-text-green-color: #00a65a;                  /* desktop,tablet: color: LTE text green */
    --lte-class-table-striped-background: #f3f4f5;          /* desktop,tablet: color: LTE table striped background */
    --lte-class-sidebar-hover-background: #f6f6f6;          /* desktop,tablet: color: LTE sidebar hover background */
    --lte-class-menu-hover-color: #f9f9f9;                  /* desktop,tablet: color: LTE menu hover color */
    --lte-class-user-header-background: #3c8dbc;            /* desktop,tablet: color: LTE user header background */
    --lte-class-user-header-color: #f9f9f9;                 /* desktop,tablet: color: LTE user header color */
    --lte-class-user-header-text-shadow: #333333;           /* desktop,tablet: color: LTE user header text shadow */
    --lte-class-user-footer-background: #f9f9f9;            /* desktop,tablet: color: LTE user footer background */
    --lte-class-user-footer-button-color: #666666;          /* desktop,tablet: color: LTE user footer button color */
    --lte-class-user-menu-border: #dddddd;                  /* desktop,tablet: color: LTE user menu border */
    --lte-class-user-menu-background: #ffffff;              /* desktop,tablet: color: LTE user menu background */
    --lte-class-form-control-focus-border: #3c8dbc;         /* desktop,tablet: color: LTE form control focus border */
    --lte-class-input-group-background: #f4f4f4;            /* desktop,tablet: color: LTE input group background */
    --lte-class-box-background: #ffffff;                    /* desktop,tablet: color: LTE box background */
    --lte-class-box-border: #c1c1c1;                        /* desktop,tablet: color: LTE box border */
    --lte-class-box-warning-border: #f39c12;                /* desktop,tablet: color: LTE box warning border */
    --lte-class-box-header-border: #f4f4f4;                 /* desktop,tablet: color: LTE box header border */
    --lte-class-box-header-color: #444444;                  /* desktop,tablet: color: LTE box header color */
    --lte-header-title-h2-color: #666666;                   /* desktop,tablet: color: LTE header title h2 color */
    --lte-class-widget-header-background: #fafafa;          /* desktop,tablet: color: LTE widget header background */
    --lte-class-box-footer-border: #f4f4f4;                 /* desktop,tablet: color: LTE box footer border */
    --lte-class-box-footer-background: #ffffff;             /* desktop,tablet: color: LTE box footer background */
    --lte-class-btn-default-background: #fafafa;            /* desktop,tablet: color: LTE btn default background */
    --lte-class-btn-default-color: #666666;                 /* desktop,tablet: color: LTE btn default color */
    --lte-class-btn-default-border: #dddddd;                /* desktop,tablet: color: LTE btn default border */
    --lte-class-btn-default-btn-flat: #d9dadc;              /* desktop,tablet: color: LTE btn default btn flat */
    --lte-class-btn-primary-background: #3c8dbc;            /* desktop,tablet: color: LTE btn primary background */
    --lte-class-btn-primary-border: #367fa9;                /* desktop,tablet: color: LTE btn primary border */
    --lte-class-btn-primary-hover-background: #367fa9;      /* desktop,tablet: color: LTE btn primary hover background*/
    --lte-class-btn-success-background: #00a65a;            /* desktop,tablet: color: LTE btn success background */
    --lte-class-btn-success-border: #008d4c;                /* desktop,tablet: color: LTE btn success border  */
    --lte-class-btn-success-hover-background: #008d4c;      /* desktop,tablet: color: LTE btn success hover background*/
    --lte-class-btn-info-background: #00c0ef;               /* desktop,tablet: color: LTE btn info background */
    --lte-class-btn-info-border: #00acd6;                   /* desktop,tablet: color: LTE btn info border */
    --lte-class-btn-info-hover-background: #00acd6;         /* desktop,tablet: color: LTE btn info hover background */
    --lte-class-btn-danger-background: #f56954;             /* desktop,tablet: color: LTE btn danger background */
    --lte-class-btn-danger-border: #f4543c;                 /* desktop,tablet: color: LTE btn danger border */
    --lte-class-btn-danger-hover-background: #f4543c;       /* desktop,tablet: color: LTE btn danger hover background */
    --lte-pagination-a-background: #fafafa;                 /* desktop,tablet: color: LTE pagination A background */
    --lte-pagination-a-color: #666666;                      /* desktop,tablet: color: LTE pagination A color */
    --lte-class-invoice-background: #ffffff;                /* desktop,tablet: color: LTE invoice background */
    --lte-class-invoice-border: #f4f4f4;                    /* desktop,tablet: color: LTE invoice border */

    --body-text-color: #656565;                             /* NULL: color: Body text color */
    --body-background-color: #f9f9f9;                       /* NULL: color: Body background color */
    --container-fluid-background: #ffffff;                  /* NULL: color: Container fluid background */
    --wrapper-footer-background: #ffffff;                   /* NULL: color: Wrapper footer background */

    --tablet-header-background-color: #23b7e5;              /* tablet: color: Tablet header background */
    --tablet-progress-bar-color: #7266ba;                   /* tablet: color: Tablet progress bar */
    --tablet-body-text-color: #000;                         /* tablet: color: Tablet body text */
    --tablet-body-h1-text-color: #000000;                   /* tablet: color: Tablet body h1 text */
    --tablet-body-flex-buttons-label-text-color: #000000;   /* tablet: color: Tablet button label text */
    --tablet-admin-lock-text-color: #f9f9f9;                /* tablet: color: Tablet admin lock text */
    --tablet-control-list-item-background-color: #f1f1f1;   /* tablet: color: Tablet control list item background */
    --tablet-question-section-background: #ffffff;          /* tablet: color: Tablet question section background */

    --navbar-text-color: #444444;                           /* NULL: color: Navbar text */

    --standard-button-background-color: #3c8dbc;            /* NULL: color: Standard button background */
    --standard-button-text-color: #ffffff;                  /* NULL: color: Standard button text */
    --standard-button-border-color: #23b7e5;                /* NULL: color: Standard button border */
    --standard-hover-text-color: #23b7e5;                   /* NULL: color: Standard hover text */

    --close-tab-button-color: #aaaaaa;                      /* NULL: color: Close tab button */
    --close-tab-button-hover-color: #666666;                /* NULL: color: Close tab button hover */
}