/** Global Variables for Application ***/
/** Bootrap 4 ***/
/** Telerik Kendo ***/

:root {
    /** Boostrap color range */
    /* Lightest To Darkest - Changeable*/
    /** 1 */
    /**white (#f8f9fa) */
    --color-A: rgba(248,248,248,1);
    /** 2 */
    /**light grey (#ecf0f1) */
    /**--color-B: rgba(236,240,241,1);**/
    --color-B: rgba(222,226,230,1);
    --color-B-25: rgba(33,37,41,0.25);
    /** 3 */
    /** text med gray (#6c757d) */
    --color-C: rgba(108,117,125,1);
    --color-C-25: rgba(108,117,125,0.25);
    /** 4 */
    /** dark gray (#6c757d) */
    --color-D: rgba(29,67,84,1);
    --color-D-25: rgba(29,67,84,0.25);
    --color-D-75: rgba(29,67,84,0.75);
    /** 5 */
    /** lime green rgba (#c70000) */
    --color-E: rgba(55,160,0,1);
    --color-E-50: rgba(55,160,0,0.5);
    /** 6 */
    /** dark blue (#212529) */
    --color-F: rgba(242,242,242,1);
    /** morning, afternoon*/
    --color-morning: var(--color-D-25);
    --color-afternoon: var(--color-D-75);
    --color-night: var(--color-D);
    /** Bootstrap*/
    --primary: var(--color-E);
    --primary-25: var(--color-E-50);
    --secondary: var(--color-C);
    --secondary-25: var(--color-C-25);
    /** Bootstrap Tour*/
    --color-tour-dark: var(--color-D);
    --color-tour-medium: var(--color-E-50);
    --color-tour-light: var(--color-C);
    /** font */
    --font-family: Roboto,"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
    --font-family-icon: "Font Awesome 7 Pro";
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /** Custom Colors */
    --black: #212529;
    --black-25: rgba(33,37,41,0.25);
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: rgba(253,126,20,1);
    --orange-50: rgba(253,126,20,0.50);
    --yellow: rgba(255,255,0,1);
    --green: #28a745;
    --redhighlight: #ff4848;
    --reddark: #8a0000;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --transparent: rgba(0,0,0,0);
    /** heights/widths/padding*/
    --line-height: 35px;
    --line-height-padded: 45px;
    --grid-height: 800px;
    --padding-small: 5px;
    --padding-medium: 10px;
    --padding-large: 20px;
    --padding-xlarge: 30px;
    --progressbar-height: 40px;
    --selector-height: 35px;
    --max-width : 1600px;
    /** font sizes */
    --font-size-small: 12px;
    --font-size-medium: 20px;
    --font-size-large: 32px;
    --font-size-xlarge: 72px;
    /** Bootraps default colors*/
    --success: #28a745;
    --success-25: #d4edda;
    --success-75: #155724;
    --info: #17a2b8;
    --warning: #ffc107;
    --warning-50: #ffeeba;
    --danger: #dc3545;
    --danger-50: #f8d7da;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    /** chat **/
    --chat-discussion-height: 350px;
    --chat-discussion-top: -350px;
    --chat-discussion-line: 50px;
    --chat-discussion-padding: 5px;
    --chat-discussion-width: 165px;
}