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

:root {
    /** Boostrap color range */
    /* Lightest To Darkest - Changeable*/

    --color-red-ec: rgba(207,15,64,1);
    --color-grey-ec: rgba(177,177,177,1);
    /** 1 */
    /**white (#f8f9fa) */
    --color-A: rgba(248,248,248,1);
    /** 2 */
    /**light grey (#ecf0f1) */
    --color-B: rgba(236,240,241,1);
    /** 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);
    /** 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: rgba(29,67,84,0.3);
    --color-afternoon: rgba(29,67,84,0.75);
    --color-night: rgba(29,67,84,1);
    /** Bootstrap*/
    --primary: rgba(55,160,0,1);
    --primary-25: rgba(55,160,0,0.25);
    --secondary: rgba(108,117,125,1);
    --secondary-25: rgba(108,117,125,0.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 5 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;
    --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: #ffc107;
    --green: #28a745;
    --redhighlight: #ff4848;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    /** heights/widths/padding*/
    --grid-height: 800px;
    --padding-small: 5px;
    --padding-medium: 10px;
    --padding-large: 20px;
    --padding-xlarge: 30px;
    --progressbar-height: 40px;
    --selector-height: 35px;
    /** 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;
}