/* ntelioUI Default Skin — override these in your app's skin.css */
:root {
    /* Palette */
    --color0: #fefefe;
    --color1: #0c7aa3;
    --color2: #03a0cf;
    --color3: #00a7e5;
    --color4: #3c7673;
    --color5: #000000;
    --color6: #bcd7df;

    /* Layout */
    --header-background: #fefefe;
    --page-background: #f8f9fa;
    --application-border-radius: 10px;
    --navbar-height: 6.5em;
    --breadcrumbs-height: 20px;

    /* Sidebar */
    --sidebar-background: var(--color1);
    --sidebar-category-background: #3d839f77;
    --sidebar-item-background: #489bbc77;
    --sidebar-item-shadow: #00A7E599;

    /* Data Controls */
    --controls-background: #0C7AA3;
    --controls-color: #eee;
    --controls-border-radius: .5em;
    --grid-mouse-over-color: #fff9df;
    --toolbar-size: 1rem;
}