/**
 * Generic style variables
 *
 * This stylesheet defines various generic variables used
 * throughout the application CSS
 *
 * @project   Application Template
 * @version   0.2.0
 * @package   xhtml-css
 * @author    Waverly Shaw <waverly.shaw@hki.com>
 * @copyright 2017 H+K International, Inc
 * @cssdoc    version 1.0-pre
 * @license   GPL v3
 */
:root {
    /**
     * The company logo stores the image location where the company watermark 
     * can be found
     */
    --company-logo: url('/system/resources/images/Company_Watermark.png');

    /**
     * The bacgkround image that'll be displayed on the login window. The path 
     * is from the file this will be used, which is currently LockedWindow.css
     */
    --ux-login-background: url('/system/resources/images/login-background.jpg');

    /**
     * Basic variables used for background glass
     */
    --ux-glass-border-color: rgba(255, 255, 255, 0.125);
    --ux-glass-radius: 12px;
    --ux-glass-filter: blur(5px) saturate(180%);
    --ux-glass-color: rgba(17, 25, 40, 0.75);
    --ux-glass-color-10: rgba(17, 25, 40, 0.10);
    --ux-glass-color-20: rgba(17, 25, 40, 0.20);
    --ux-glass-color-25: rgba(17, 25, 40, 0.25);
    --ux-glass-color-30: rgba(17, 25, 40, 0.30);
    --ux-glass-color-40: rgba(17, 25, 40, 0.40);
    --ux-glass-color-50: rgba(17, 25, 40, 0.50);
    --ux-glass-color-60: rgba(17, 25, 40, 0.60);
    --ux-glass-color-70: rgba(17, 25, 40, 0.70);
    --ux-glass-color-75: rgba(17, 25, 40, 0.75);
    --ux-glass-color-80: rgba(17, 25, 40, 0.80);
    --ux-glass-color-90: rgba(17, 25, 40, 0.90);

    /** 
     * Basic color variables used for showing emphasis on buttons, links, 
     * errors, or any other place where you might want to draw the eye
     */
    --ux-basic-color    : #d0d0d0;
    --ux-default-color  : #d0d0d0;
    --ux-primary-color  : #0d6efd;
    --ux-secondary-color: #6c757d;
    --ux-success-color  : #198754;
    --ux-danger-color   : #dc3545;
    --ux-warning-color  : #ffc107;
    --ux-info-color     : #0dcaf0;
    --ux-light-color    : #f8f9fa;
    --ux-dark-color     : #212529;
    --ux-white-color    : #ffffff;
    --ux-black-color    : #000000;
  
    /**
     * General color variables, based on Bootstrap
     */
    --ux-blue-color     : #0d6efd;
    --ux-indigo-color   : #6610f2;
    --ux-purple-color   : #6f42c1;
    --ux-pink-color     : #FF69B4;
    --ux-hotpink-color  : #d63384;
    --ux-red-color      : #dc3545;
    --ux-orange-color   : #fd7e14;
    --ux-yellow-color   : #ffc107;
    --ux-green-color    : #198754;
    --ux-teal-color     : #20c997;
    --ux-cyan-color     : #0dcaf0;
    --ux-white-color    : #ffffff;
    --ux-black-color    : #000000;
    --ux-gray-color     : #6c757d;
    --ux-gray-dark-color: #343a40;
    --ux-gray-100-color : #f8f9fa;
    --ux-gray-200-color : #e9ecef;
    --ux-gray-300-color : #dee2e6;
    --ux-gray-400-color : #ced4da;
    --ux-gray-500-color : #adb5bd;
    --ux-gray-600-color : #6c757d;
    --ux-gray-700-color : #495057;
    --ux-gray-800-color : #343a40;
    --ux-gray-900-color : #212529;
    
    /**
     * The color that ExtJs uses for it's white
     */
     --ux-ext-white-color : #FEFEFE;
     
     /**
     * HKI specific color variables
     */
     --ux-hki-yellow-color: #fada1c;
     --ux-hki-black-color : #404040;
     --ux-hki-gray-color  : #999999;

    /**
     * Environment specific color variables
     */
    --ux-env-local-color: #339966;
    --ux-env-dev-color  : #CC6633;
    --ux-env-qa-color   : #CC66CC;
    --ux-env-uat-color  : #996699;
    --ux-env-prod-color : #ffcf00;

    /**
     * Extended color variables showing several degrees of a color both light 
     * and dark. Use this tool to calculate color changes: 
     *   https://www.cssfontstack.com/oldsites/hexcolortool/
     */
    --ux-primary-color-darken-05 : #0262EF;
    --ux-primary-color-darken-10 : #0257D5;
    --ux-primary-color-darken-15 : #024DBC;
    --ux-primary-color-darken-20 : #003BCA;
    --ux-primary-color-darken-30 : #0022B1;
    --ux-primary-color-darken-40 : #000897;
    --ux-primary-color-darken-50 : #00007E;
    --ux-primary-color-darken-60 : #000065;
    --ux-primary-color-darken-70 : #00004B;
    --ux-primary-color-darken-80 : #000032;
    --ux-primary-color-darken-90 : #000018;
    --ux-primary-color-lighten-05: #267DFD;
    --ux-primary-color-lighten-10: #408CFD;
    --ux-primary-color-lighten-15: #599BFE;
    --ux-primary-color-lighten-20: #40A1FF;
    --ux-primary-color-lighten-30: #5ABBFF;
    --ux-primary-color-lighten-40: #73D4FF;
    --ux-primary-color-lighten-50: #8CEDFF;
    --ux-primary-color-lighten-60: #A6FFFF;
    --ux-primary-color-lighten-70: #BFFFFF;
    --ux-primary-color-lighten-80: #D9FFFF;
    --ux-primary-color-lighten-90: #F2FFFF;

    --ux-secondary-color-darken-05 : #60686F;
    --ux-secondary-color-darken-10 : #545B62;
    --ux-secondary-color-darken-15 : #494F54;
    --ux-secondary-color-darken-20 : #39424A;
    --ux-secondary-color-darken-30 : #202931;
    --ux-secondary-color-darken-40 : #060F17;
    --ux-secondary-color-darken-50 : #000000;
    --ux-secondary-color-darken-60 : #000000;
    --ux-secondary-color-darken-70 : #000000;
    --ux-secondary-color-darken-80 : #000000;
    --ux-secondary-color-darken-90 : #000000;
    --ux-secondary-color-lighten-05: #78828A;
    --ux-secondary-color-lighten-10: #868E96;
    --ux-secondary-color-lighten-15: #939BA2;
    --ux-secondary-color-lighten-20: #9FA8B0;
    --ux-secondary-color-lighten-30: #B9C2CA;
    --ux-secondary-color-lighten-40: #D2DBE3;
    --ux-secondary-color-lighten-50: #EBF4FC;
    --ux-secondary-color-lighten-60: #EBF4FC;
    --ux-secondary-color-lighten-70: #EBF4FC;
    --ux-secondary-color-lighten-80: #EBF4FC;
    --ux-secondary-color-lighten-90: #EBF4FC;

    --ux-success-color-darken-05 : #0C7A47;
    --ux-success-color-darken-10 : #006E3B;
    --ux-success-color-darken-15 : #00612E;
    --ux-success-color-darken-20 : #005421;
    --ux-success-color-darken-30 : #003B08;
    --ux-success-color-darken-40 : #002100;
    --ux-success-color-darken-50 : #000800;
    --ux-success-color-darken-60 : #000800;
    --ux-success-color-darken-70 : #000800;
    --ux-success-color-darken-80 : #000800;
    --ux-success-color-darken-90 : #000800;
    --ux-success-color-lighten-05: #269461;
    --ux-success-color-lighten-10: #33A16E;
    --ux-success-color-lighten-15: #3FAD7A;
    --ux-success-color-lighten-20: #4CBA87;
    --ux-success-color-lighten-30: #66D4A1;
    --ux-success-color-lighten-40: #7FEDBA;
    --ux-success-color-lighten-50: #98FFD3;
    --ux-success-color-lighten-60: #B2FFED;
    --ux-success-color-lighten-70: #CBFFFF;
    --ux-success-color-lighten-80: #E5FFFF;
    --ux-success-color-lighten-90: #FEFFFF;
    --ux-success-color-pale: #809d84;

    --ux-danger-color-darken-05 : #CF2838;
    --ux-danger-color-darken-10 : #C31C2C;
    --ux-danger-color-darken-15 : #B60F1F;
    --ux-danger-color-darken-20 : #A90212;
    --ux-danger-color-darken-30 : #900000;
    --ux-danger-color-darken-40 : #760000;
    --ux-danger-color-darken-50 : #5D0000;
    --ux-danger-color-darken-60 : #440000;
    --ux-danger-color-darken-70 : #2A0000;
    --ux-danger-color-darken-80 : #110000;
    --ux-danger-color-darken-90 : #110000;
    --ux-danger-color-lighten-05: #E94252;
    --ux-danger-color-lighten-10: #F64F5F;
    --ux-danger-color-lighten-15: #FF5B6B;
    --ux-danger-color-lighten-20: #FF6878;
    --ux-danger-color-lighten-30: #FF8292;
    --ux-danger-color-lighten-40: #FF9BAB;
    --ux-danger-color-lighten-50: #FFB4C4;
    --ux-danger-color-lighten-60: #FFCEDE;
    --ux-danger-color-lighten-70: #FFE7F7;
    --ux-danger-color-lighten-80: #FFE7F7;
    --ux-danger-color-lighten-90: #FFE7F7;

    --ux-warning-color-darken-05 : #F2B400;
    --ux-warning-color-darken-10 : #E6A800;
    --ux-warning-color-darken-15 : #D99B00;
    --ux-warning-color-darken-20 : #CC8E00;
    --ux-warning-color-darken-30 : #B37500;
    --ux-warning-color-darken-40 : #995B00;
    --ux-warning-color-darken-50 : #804200;
    --ux-warning-color-darken-60 : #672900;
    --ux-warning-color-darken-70 : #4D0F00;
    --ux-warning-color-darken-80 : #340000;
    --ux-warning-color-darken-90 : #1A0000;
    --ux-warning-color-lighten-05: #FFCE14;
    --ux-warning-color-lighten-10: #FFDB21;
    --ux-warning-color-lighten-15: #FFE72D;
    --ux-warning-color-lighten-20: #FFF43A;
    --ux-warning-color-lighten-30: #FFFF54;
    --ux-warning-color-lighten-40: #FFFF6D;
    --ux-warning-color-lighten-50: #FFFF86;
    --ux-warning-color-lighten-60: #FFFFA0;
    --ux-warning-color-lighten-70: #FFFFB9;
    --ux-warning-color-lighten-80: #FFFFD3;
    --ux-warning-color-lighten-90: #FFFFEC;

    --ux-info-color-darken-05 : #00BDE3;
    --ux-info-color-darken-10 : #00B1D7;
    --ux-info-color-darken-15 : #00A4CA;
    --ux-info-color-darken-20 : #0097BD;
    --ux-info-color-darken-30 : #007EA4;
    --ux-info-color-darken-40 : #00648A;
    --ux-info-color-darken-50 : #004B71;
    --ux-info-color-darken-60 : #003258;
    --ux-info-color-darken-70 : #00183E;
    --ux-info-color-darken-80 : #000025;
    --ux-info-color-darken-90 : #00000B;
    --ux-info-color-lighten-05: #1AD7FD;
    --ux-info-color-lighten-10: #27E4FF;
    --ux-info-color-lighten-15: #33F0FF;
    --ux-info-color-lighten-20: #40FDFF;
    --ux-info-color-lighten-30: #5AFFFF;
    --ux-info-color-lighten-40: #73FFFF;
    --ux-info-color-lighten-50: #8CFFFF;
    --ux-info-color-lighten-60: #A6FFFF;
    --ux-info-color-lighten-70: #BFFFFF;
    --ux-info-color-lighten-80: #D9FFFF;
    --ux-info-color-lighten-90: #F2FFFF;

    --ux-light-color-darken-05 : #EBECED;
    --ux-light-color-darken-10 : #DFE0E1;
    --ux-light-color-darken-15 : #D2D3D4;
    --ux-light-color-darken-20 : #C5C6C7;
    --ux-light-color-darken-30 : #ACADAE;
    --ux-light-color-darken-40 : #929394;
    --ux-light-color-darken-50 : #797A7B;
    --ux-light-color-darken-60 : #606162;
    --ux-light-color-darken-70 : #464748;
    --ux-light-color-darken-80 : #2D2E2F;
    --ux-light-color-darken-90 : #131415;
    --ux-light-color-lighten-05: #FFFFFF;
    --ux-light-color-lighten-10: #FFFFFF;
    --ux-light-color-lighten-15: #FFFFFF;
    --ux-light-color-lighten-20: #FFFFFF;
    --ux-light-color-lighten-30: #FFFFFF;
    --ux-light-color-lighten-40: #FFFFFF;
    --ux-light-color-lighten-50: #FFFFFF;
    --ux-light-color-lighten-60: #FFFFFF;
    --ux-light-color-lighten-70: #FFFFFF;
    --ux-light-color-lighten-80: #FFFFFF;
    --ux-light-color-lighten-90: #FFFFFF;

    --ux-dark-color-darken-05 : #14181C;
    --ux-dark-color-darken-10 : #080C10;
    --ux-dark-color-darken-15 : #000003;
    --ux-dark-color-darken-20 : #01070D;
    --ux-dark-color-darken-30 : #000000;
    --ux-dark-color-darken-40 : #000000;
    --ux-dark-color-darken-50 : #000000;
    --ux-dark-color-darken-60 : #000000;
    --ux-dark-color-darken-70 : #000000;
    --ux-dark-color-darken-80 : #000000;
    --ux-dark-color-darken-90 : #000000;
    --ux-dark-color-lighten-05: #2E3236;
    --ux-dark-color-lighten-10: #3B3F43;
    --ux-dark-color-lighten-15: #474B4F;
    --ux-dark-color-lighten-20: #54585C;
    --ux-dark-color-lighten-30: #6E7276;
    --ux-dark-color-lighten-40: #878B8F;
    --ux-dark-color-lighten-50: #A0A4A8;
    --ux-dark-color-lighten-60: #BABEC2;
    --ux-dark-color-lighten-70: #D3D7DB;
    --ux-dark-color-lighten-80: #EDF1F5;
    --ux-dark-color-lighten-90: #EDF1F5;

    --ux-pink-color-darken-05 : #F25CA7;
    --ux-pink-color-darken-10 : #E6509B;
    --ux-pink-color-darken-15 : #D9438E;
    --ux-pink-color-darken-20 : #CC3681;
    --ux-pink-color-darken-30 : #B31D68;
    --ux-pink-color-darken-40 : #99034E;
    --ux-pink-color-darken-50 : #800035;
    --ux-pink-color-darken-60 : #67001C;
    --ux-pink-color-darken-70 : #4D0002;
    --ux-pink-color-darken-80 : #340000;
    --ux-pink-color-darken-90 : #1A0000;
    --ux-pink-color-lighten-05: #FF76C1;
    --ux-pink-color-lighten-10: #FF83CE;
    --ux-pink-color-lighten-15: #FF8FDA;
    --ux-pink-color-lighten-20: #FF9CE7;
    --ux-pink-color-lighten-30: #FFB6FF;
    --ux-pink-color-lighten-40: #FFCFFF;
    --ux-pink-color-lighten-50: #FFE8FF;
    --ux-pink-color-lighten-60: #FFE8FF;
    --ux-pink-color-lighten-70: #FFE8FF;
    --ux-pink-color-lighten-80: #FFE8FF;
    --ux-pink-color-lighten-90: #FFE8FF;

    --ux-hki-yellow-color-darken-05: #EDCD0F;
    --ux-hki-yellow-color-darken-10: #E1C103;
    --ux-hki-yellow-color-darken-15: #D4B400;
    --ux-hki-yellow-color-darken-20: #C7A700;
    --ux-hki-yellow-color-darken-30: #AE8E00;
    --ux-hki-yellow-color-darken-40: #947400;
    --ux-hki-yellow-color-darken-50: #7B5B00;
    --ux-hki-yellow-color-darken-60: #624200;
    --ux-hki-yellow-color-darken-70: #482800;
    --ux-hki-yellow-color-darken-80: #2F0F00;
    --ux-hki-yellow-color-darken-90: #150000;
    --ux-hki-yellow-color-lighten-05: #FFE729;
    --ux-hki-yellow-color-lighten-10: #FFF436;
    --ux-hki-yellow-color-lighten-15: #FFFF42;
    --ux-hki-yellow-color-lighten-20: #FFFF4F;
    --ux-hki-yellow-color-lighten-30: #FFFF69;
    --ux-hki-yellow-color-lighten-40: #FFFF82;
    --ux-hki-yellow-color-lighten-50: #FFFF9B;
    --ux-hki-yellow-color-lighten-60: #FFFFB5;
    --ux-hki-yellow-color-lighten-70: #FFFFCE;
    --ux-hki-yellow-color-lighten-80: #FFFFE8;
    --ux-hki-yellow-color-lighten-90: #FFFFE8;

    --ux-hki-black-color-darken-05 : #333333;
    --ux-hki-black-color-darken-10 : #272727;
    --ux-hki-black-color-darken-15 : #1A1A1A;
    --ux-hki-black-color-darken-20 : #0D0D0D;
    --ux-hki-black-color-darken-30 : #0D0D0D;
    --ux-hki-black-color-darken-40 : #0D0D0D;
    --ux-hki-black-color-darken-50 : #0D0D0D;
    --ux-hki-black-color-darken-60 : #0D0D0D;
    --ux-hki-black-color-darken-70 : #0D0D0D;
    --ux-hki-black-color-darken-80 : #0D0D0D;
    --ux-hki-black-color-darken-90 : #0D0D0D;
    --ux-hki-black-color-lighten-05 : #4D4D4D;
    --ux-hki-black-color-lighten-10 : #5A5A5A;
    --ux-hki-black-color-lighten-15 : #666666;
    --ux-hki-black-color-lighten-20 : #737373;
    --ux-hki-black-color-lighten-30 : #8D8D8D;
    --ux-hki-black-color-lighten-40 : #A6A6A6;
    --ux-hki-black-color-lighten-50 : #BFBFBF;
    --ux-hki-black-color-lighten-60 : #D9D9D9;
    --ux-hki-black-color-lighten-70 : #F2F2F2;
    --ux-hki-black-color-lighten-80 : #F2F2F2;
    --ux-hki-black-color-lighten-90 : #F2F2F2;

    --ux-hki-gray-color-darken-05  : #8C8C8C;
    --ux-hki-gray-color-darken-10  : #808080;
    --ux-hki-gray-color-darken-15  : #737373;
    --ux-hki-gray-color-darken-20  : #666666;
    --ux-hki-gray-color-darken-30  : #4D4D4D;
    --ux-hki-gray-color-darken-40  : #333333;
    --ux-hki-gray-color-darken-50  : #1A1A1A;
    --ux-hki-gray-color-darken-60  : #010101;
    --ux-hki-gray-color-darken-70  : #010101;
    --ux-hki-gray-color-darken-80  : #010101;
    --ux-hki-gray-color-darken-90  : #010101;
    --ux-hki-gray-color-lighten-05  : #A6A6A6;
    --ux-hki-gray-color-lighten-10  : #B3B3B3;
    --ux-hki-gray-color-lighten-15  : #BFBFBF;
    --ux-hki-gray-color-lighten-20  : #CCCCCC;
    --ux-hki-gray-color-lighten-30  : #E6E6E6;
    --ux-hki-gray-color-lighten-40  : #E6E6E6;
    --ux-hki-gray-color-lighten-50  : #E6E6E6;
    --ux-hki-gray-color-lighten-60  : #E6E6E6;
    --ux-hki-gray-color-lighten-70  : #E6E6E6;
    --ux-hki-gray-color-lighten-80  : #E6E6E6;
    --ux-hki-gray-color-lighten-90  : #E6E6E6;

    --ux-env-local-color-darken-05 : #268C59;
    --ux-env-local-color-darken-10 : #1A804D;
    --ux-env-local-color-darken-15 : #0D7340;
    --ux-env-local-color-darken-20 : #006633;
    --ux-env-local-color-darken-30 : #004D1A;
    --ux-env-local-color-darken-40 : #003300;
    --ux-env-local-color-darken-50 : #001A00;
    --ux-env-local-color-darken-60 : #001A00;
    --ux-env-local-color-darken-70 : #001A00;
    --ux-env-local-color-darken-80 : #001A00;
    --ux-env-local-color-darken-90 : #001A00;
    --ux-env-local-color-lighten-05: #40A673;
    --ux-env-local-color-lighten-10: #4DB380;
    --ux-env-local-color-lighten-15: #59BF8C;
    --ux-env-local-color-lighten-20: #66CC99;
    --ux-env-local-color-lighten-30: #80E6B3;
    --ux-env-local-color-lighten-40: #99FFCC;
    --ux-env-local-color-lighten-50: #B2FFE5;
    --ux-env-local-color-lighten-60: #CCFFFF;
    --ux-env-local-color-lighten-70: #E5FFFF;
    --ux-env-local-color-lighten-80: #E5FFFF;
    --ux-env-local-color-lighten-90: #E5FFFF;

    --ux-env-dev-color-darken-05 : #BF5926;
    --ux-env-dev-color-darken-10 : #B34D1A;
    --ux-env-dev-color-darken-15 : #A6400D;
    --ux-env-dev-color-darken-20 : #993300;
    --ux-env-dev-color-darken-30 : #801A00;
    --ux-env-dev-color-darken-40 : #660000;
    --ux-env-dev-color-darken-50 : #4D0000;
    --ux-env-dev-color-darken-60 : #340000;
    --ux-env-dev-color-darken-70 : #1A0000;
    --ux-env-dev-color-darken-80 : #010000;
    --ux-env-dev-color-darken-90 : #010000;
    --ux-env-dev-color-lighten-05: #D97340;
    --ux-env-dev-color-lighten-10: #E6804D;
    --ux-env-dev-color-lighten-15: #F28C59;
    --ux-env-dev-color-lighten-20: #FF9966;
    --ux-env-dev-color-lighten-30: #FFB380;
    --ux-env-dev-color-lighten-40: #FFCC99;
    --ux-env-dev-color-lighten-50: #FFE5B2;
    --ux-env-dev-color-lighten-60: #FFFFCC;
    --ux-env-dev-color-lighten-70: #FFFFE5;
    --ux-env-dev-color-lighten-80: #FFFFE5;
    --ux-env-dev-color-lighten-90: #FFFFE5;

    --ux-env-qa-color-darken-05 : #BF59BF;
    --ux-env-qa-color-darken-10 : #B34DB3;
    --ux-env-qa-color-darken-15 : #A640A6;
    --ux-env-qa-color-darken-20 : #993399;
    --ux-env-qa-color-darken-30 : #801A80;
    --ux-env-qa-color-darken-40 : #660066;
    --ux-env-qa-color-darken-50 : #4D004D;
    --ux-env-qa-color-darken-60 : #340034;
    --ux-env-qa-color-darken-70 : #1A001A;
    --ux-env-qa-color-darken-80 : #010001;
    --ux-env-qa-color-darken-90 : #010001;
    --ux-env-qa-color-lighten-05: #D973D9;
    --ux-env-qa-color-lighten-10: #E680E6;
    --ux-env-qa-color-lighten-15: #F28CF2;
    --ux-env-qa-color-lighten-20: #FF99FF;
    --ux-env-qa-color-lighten-30: #FFB3FF;
    --ux-env-qa-color-lighten-40: #FFCCFF;
    --ux-env-qa-color-lighten-50: #FFE5FF;
    --ux-env-qa-color-lighten-60: #FFE5FF;
    --ux-env-qa-color-lighten-70: #FFE5FF;
    --ux-env-qa-color-lighten-80: #FFE5FF;
    --ux-env-qa-color-lighten-90: #FFE5FF;

    --ux-env-uat-color-darken-05 : #8C598C;
    --ux-env-uat-color-darken-10 : #804D80;
    --ux-env-uat-color-darken-15 : #734073;
    --ux-env-uat-color-darken-20 : #663366;
    --ux-env-uat-color-darken-30 : #4D1A4D;
    --ux-env-uat-color-darken-40 : #330033;
    --ux-env-uat-color-darken-50 : #1A001A;
    --ux-env-uat-color-darken-60 : #010001;
    --ux-env-uat-color-darken-70 : #010001;
    --ux-env-uat-color-darken-80 : #010001;
    --ux-env-uat-color-darken-90 : #010001;
    --ux-env-uat-color-lighten-05: #A673A6;
    --ux-env-uat-color-lighten-10: #BF8CBF;
    --ux-env-uat-color-lighten-15: #B380B3;
    --ux-env-uat-color-lighten-20: #CC99CC;
    --ux-env-uat-color-lighten-30: #E6B3E6;
    --ux-env-uat-color-lighten-40: #FFCCFF;
    --ux-env-uat-color-lighten-50: #FFE5FF;
    --ux-env-uat-color-lighten-60: #FFE5FF;
    --ux-env-uat-color-lighten-70: #FFE5FF;
    --ux-env-uat-color-lighten-80: #FFE5FF;
    --ux-env-uat-color-lighten-90: #FFE5FF;

    --ux-env-prod-color-darken-15 : #F2C200;
    --ux-env-prod-color-darken-10 : #E6B600;
    --ux-env-prod-color-darken-15 : #D9A900;
    --ux-env-prod-color-darken-20 : #CC9C00;
    --ux-env-prod-color-darken-30 : #B38300;
    --ux-env-prod-color-darken-40 : #996900;
    --ux-env-prod-color-darken-50 : #805000;
    --ux-env-prod-color-darken-60 : #673700;
    --ux-env-prod-color-darken-70 : #4D1D00;
    --ux-env-prod-color-darken-80 : #340400;
    --ux-env-prod-color-darken-90 : #1A0000;
    --ux-env-prod-color-lighten-05: #FFDC0D;
    --ux-env-prod-color-lighten-10: #FFE91A;
    --ux-env-prod-color-lighten-15: #FFF526;
    --ux-env-prod-color-lighten-20: #FFFF33;
    --ux-env-prod-color-lighten-30: #FFFF4D;
    --ux-env-prod-color-lighten-40: #FFFF66;
    --ux-env-prod-color-lighten-50: #FFFF7F;
    --ux-env-prod-color-lighten-60: #FFFF99;
    --ux-env-prod-color-lighten-70: #FFFFB2;
    --ux-env-prod-color-lighten-80: #FFFFCC;
    --ux-env-prod-color-lighten-90: #FFFFE5;
}