:root {
    
    --pri-color: #0e68b7;
    --pri-dark: #0759a1;
    --pri-lite: #0d76d2;

    
    --accent-color: var(--pri-color);
    --accent-color-hover: var(--pri-dark);

    --normal-color:#ffffff;
    --normal-dark:#f0f0f0;
    
    --normal-medium-lite:#707090;
    --normal-medium:#768196;
    --normal-medium-dark:#586070;
    --normal-dark:#4F5664;
    --normal-dark-text:#4F5664;
    
    --active-color: #91ccff;
    --active-color-text: #242F34;


    --sec-color: #4caf50;
    --sec-dark: #3b933e;
    --sec-lite: #5bc75f;

    --hl-color: var(--pri-color);
    --hl-dark: var(--pri-dark);
    --hl-lite: var(--pri-lite);
    --hl-liter: #cee4f7;
    --hl-litest: #eaf6ff;

    --btn-dark: #455B64;
    --btn-dark-hover: #33444B;

    --btn-lite: #fff;
    --btn-lite-hover: #93A9B2;

    --lite-50 : rgba(255,255,255,0.5);
    --dark-50 : rgba(0,0,0,0.5);

    --hover-lite: rgba(57, 105, 148, 0.05);

/* ELEMENT */

    --card-bg: #ffffff;


    --nav-color: #000;
    --nav-background: #fff;

    --sidenav-color: #000;
    --sidenav-background: var(--pri-color);
    --sidenav-a: #ffffffd2;
    --sidenav-i: #ffffffa9;

    /* DIMENTION */
    --nav-height:48px;
    --sidenav-width:200px;
    --userPanel-width: 300px;

    --give-color : #388e3c;
    --income-color : #0277bd;
    --expens-color : #ccb90c;
    --fund-color : #e98000;

    --library-color : #FED910;
    --school-color : #149C8D;

    --live-color : #d90000;
    --live-color-blink : #bc0000;

}


.textflow {
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 
}