:root {
    --header-background: linear-gradient(to right, #2745ba, #397ec6);
    --layout-body-background: #f5f7f9;
    --layout-header-background: #fff;
    --layout-header-padding: 0;
    --border-color:#eee; 
} 
.ivu-layout-header {background: var(--header-background);color: #ccc;}
.ivu-layout-sider{background: var(--layout-header-background);}
.ivu-layout-header>i:hover {background-color: #2b5ab8;}
.ivu-layout-sider .logo {background: #2745ba;}
.ivu-layout-sider .logo span {color: #eee;}
.ivu-layout-sider .logo img {background:rgb(255,255,255,0.4);}
.menu {color: #cfcfcf;}
.menu>b:hover {transition: all 0.3s ease-in-out;color: #fff;}
.menu .active {border-bottom: 3px solid #4fe3c1;transition: all 0.3s ease-in-out;height:54px;line-height: 54px;color:#eee}
.user-header {color: #eee;width: 350px;}
.user-header .ivu-select-selection {color: #eee;}
.user-header .ivu-select-input {color: #eee;}
.list-search-box {background: #fff;border: 1px solid var(--border-color);}
.ivu-menu-item-active:not(.ivu-menu-submenu) {background: var(--border-color) !important;}
.ivu-layout-content .ivu-table-cell-slot .tag {border: 1px dashed var(--border-color);padding:3px 8px !important;}
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu){background:#f0faff !important;}