:root {
    --primary-dark: #E2E8F4;
    --secondary-dark: #0842A0;
    --primary-light: #E2E8F4;
    --primary-hover: #3968B3;
    --secondary-light: #CF70FF; /*primary color - Login light color*/
    --primary-border-color: #6B8EC6 /*primary color - border */;
    --btn-primary-bg: #0842A0; /* primary or success btn background color*/
    --btn-primary-border: #7500AF; /* primary or success btn border color*/
    --btn-primary-hover: #3968B3; /*success and primary btn hover color*/
    --btn-primary-active: #FFFFFF; /*success and primary btn active color*/
    --btn-primary-text: #FFFFFF;
    --btn-secondary-bg: #E2E8F4;
    --btn-secondary-border: #6B8EC6;
    --btn-secondary-hover: #EFF4FD;
    --btn-secondary-active: #E6EB4E;
    --btn-secondary-text: #023344;
    --text-color-white: #023344; /* color - white */
    --text-color-dark: #FFFFFF;
    --table-Border: #d3e3da;
    --table-Header-bg: #9CB3D9; /*table header background color*/
    --table-Odd-bg: #f9f9f9; /*table odd row background color*/
    --td-Hover-Bg: #161f6d0f; /*table row hover background color*/
    --td-Text-Color: #666666; /* table - td font color*/
    --th-Text-Color: #FFFFFF; /* table - header font color*/
    --pagination-gradient: linear-gradient(to bottom, #3968B3, var(--secondary-dark)); /*pagination gradient*/
    --pagination-border: #161f6d;
}