:root {
    /* Theme / White Label (RGB Values used in telerik.css to generate apla colors)*/
    --primaryRGB: 0, 123, 212; /* #007BD4 */
    --secondaryRGB: 41, 76, 136; /* #294C88 */
    /* Default Colors */
    --body-bg: #ffffff;
    --disabled-text: #7f8080;
    --base-bg: #f8f9fa;
    --base-text: #000000;
    --base-border: rgba(41, 76, 136, 0.05);
    --selected-bg: rgba(41, 76, 136, 0.1); /*input text box color*/
    --hover-bg: rgba(41, 76, 136, 0.05);
    --hover-border: rgba(41, 76, 136, 0.05);
    --color-primary: rgb(var(--primaryRGB));
    --color-secondary: rgb(var(--secondaryRGB));
    --color-tertiary: rgba(var(--primaryRGB), 0.4);
    --color-info: #0dcaf0;
    --color-success: #198754;
    --color-warning: #ffc107;
    --color-error: #dc3545;
    --series-a: var(--color-info);
    --series-b: var(--color-success);
    --series-c: var(--color-warning);
    --series-d: var(--color-error);
    --series-e: var(--color-primary);
    --series-f: var(--color-secondary);
    --font-size: 14px;
    /* Additional Colors*/
    --default-button-bg: #e4e7eb;
    --dark-contrast: #f5f5f5;
    --app-header: 22,35,60;
    --tile-header: var(--color-secondary);
    --label: 0,123,212;
}

/*
TRICLOUD DESIGN GUIDE DEFAULT COLORS: 
primary: rgb(0, 123, 212)
primary hover: rgba(0, 123, 212, 0.4)
secondary: rgb(41, 76, 136)
Background: rgba(41, 76, 136, 0.05)
Border selected: rgba(41, 76, 136, 0.1)
Border text: rgba(41, 76, 136, 0.5)
Text: #000000
Background text: #FFFFFF
*/