@charset "UTF-8";
:root {
    /* menu */
    --ag-menu-bg-color: #4070F4;

    --color-primary: #4070F4;
    --color-secondary: #ff5e26;
    --color-gray: #969696;
    --box-shadow-primary: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.05);
    --border-radius-primary: 0.2rem;

    --body-color: #E4E9F7;
    --nav-color: #4070F4;
    --side-nav: #010718;
    --text-color: #FFF;
    --text-active-color: #FF0;
    --search-bar: #F2F2F2;
    --search-text: #010718;


    --pagination-bg-color: #fff;
    --pagination-shadow-color: #ccc;
    --pagination-button-bg-color: #f9f9f9;
    --pagination-button-active-bg-color: var(--color-primary);
    --pagination-button-active-text-color: #fff;
    --patination-button-disabled-bg-color: #f9f9f9;
    --pagination-button-disabled-text-color: #ccc;
}

:root .dark,
:root.dark {
    /* menu */
    --ag-menu-bg-color: #222;

    --color-primary: #111;
    --color-secondary: #ff5e26;
    --color-gray: #969696;
    --box-shadow-primary: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.05);
    --border-radius-primary: 0.2rem;
}

input[type=text]:focus {
    outline: none;
}


[v-cloak] {
    display:none !important;
}