/* 颜色 */
:root{
    --c-ffffff: #ffffff;
    --c-F5F6F7: #F5F6F7;
    --c-C3C8CC: #C3C8CC;
    --c-9397A2: #9397A2;
    --c-1D222A: #1D222A;
    --c-56CF00: #56CF00;
    --c-F48F95: #F48F95;
    --c-FFB100: #FFB100;
    --c-e4e5e7: #e4e5e7;

    /* base color */
    --blue-1: #E6F7FF;
    --blue-6: #016fd2;
    --blue-11: #016fd2;

    /* font color */
    --primary-color: var(--blue-6);
    --text-link-color: var(--blue-11);
    --spical-content: #ff0000;
    --white-background: var(--c-ffffff);
    --white-text-color: var(--c-ffffff);

    /* font color-----------menu */
    --toplevel-nav: #1d222a;
    --secondary-nav: #1d222a;
    --secondary-nav-hover: var(--primary-color);
    --secondary-nav-active: #1d222a;
    --third-nav: #1d222a;
    --third-nav-hover: var(--primary-color);
    --third-nav-active: var(--primary-color);
    --content-nav: #1d222a;
    --content-active: #1d222a;
    --content-hover: #1d222a;
    --content-nav-disabled: #d9d9d9;

    /* font color-----------icon */
    --icon-defalut:#1d222a;
    --icon-primary:var(--primary-color);
    --icon-white:var(--primary-color);
    --icon-active:var(--primary-color);
    --icon-search:#9397A2;

    /* font color-----------button */
    --btn-default: #636a74;
    --btn-primary: #ffffff;
    --btn-subprimary: var(--primary-color);
    --btn-disabled: #c3c8cc;
    --text-btn-defalut: #9397a2;


    /* font color-----------text */
    --primary-title: #1D222A;
    --primary-title-hover: var(--primary-color);
    --subprimary-title: #636A74;
    --text-content: #1D222A;
    --text-disabled: #c3c8cc;
    --text-match: #F6222D;
    --no-result: #F6222D;
    --color-danger: #F6222D;
    --has-result: #56CF00;
    --text-line: #D9D9D9;


    /* button color */
    --checkbox-on: var(--primary-color);
    --checkbox-off: #C3C8CC;
    --checkbox-disabled: #D9D9D9;

    --radiobox-check: var(--primary-color);
    --radiobox-hover: var(--primary-color);
    --radiobox-disabled: #C3C8CC;

    --radiobox-full-default: #9397A2;
    --radiobox-full-primary: #F5F6F7;
    --radiobox-full-hover: #9397A2;
    --radiobox-full-disabled: #E4E5E7;

    --radiobox-border-default: #D9D9D9;
    --radiobox-border-primary: var(--primary-color);
    --radiobox-border-hover: #F5F6F7;
    --radiobox-border-disabled: #E4E5E7;


    /* form color */
    --form-focus-color: var(--primary-color);
    --form-hover-color: var(--primary-color);



    /* cascader color */
    --cascader-text-default:#1D222A;
    --cascader-bg-hover:#F5F6F7;
    --cascader-bg-active:#F5F6F7;
    --cascader-text-hover: var(--primary-color);


    /* background color */
    --content-white-text-bg: #ffffff;
    --content-frag-text-bg: #F5F5F5;
    --content-frag-text-hover-bg: var(--blue-1);

    /* border color */
    --border-default-color: #D9D9D9;
}

/* 字体颜色 */
.f-c-56CF00 {
    color: var(--c-56CF00);
}
.f-c-FFB100 {
    color: var(--c-FFB100);
}
.f-c-F6222D {
    color: var(--color-danger);
}
/* 边框颜色 */
.border-color-016FD2 {
    border-color:var(--primary-color);
}
.border-color-d9d9d9 {
    border-color:var(--border-default-color);
}
.border-right-color-e4e5e7 {
    border-right-color: var(--c-e4e5e7);
}
.border-right-color-d9d9d9 {
    border-right-color: var(--border-default-color);
}
.border-left-color-d9d9d9 {
    border-left-color: var(--border-default-color);
}
.border-color-FFB100{
    border-color:var(--c-FFB100);
}
/* 特殊样式 */
.secondary-menu .active::before {
    background-color: var(--primary-color);
}
.secondary-menu .sub-menu:hover::before {
    background-color: var(--primary-color);
}

/* kendo */
.k-autocomplete .k-clear-value{
    color:var(--c-ffffff);
    background-color: var(--c-C3C8CC);
}
.k-autocomplete.k-state-focused, .k-autocomplete.k-header.k-state-focused{
    /* box-shadow: 0px 0px 2px 0px #016FD2 !important; */
    box-shadow:none !important;
    border-color: var(--primary-color) !important;
}
.k-autocomplete.k-header:hover, .k-autocomplete:hover{
    /* box-shadow: 0px 0px 2px 0px #016FD2 !important; */
    color:var(--c-1D222A) !important;
    border-color: var(--primary-color) !important;
}
.search-complete-popup{
    box-shadow:0px 4px 12px 0px rgba(0,0,0,0.16) !important;
    border-color: var(--c-e4e5e7) !important;
}