
@layoutLeftWidth: 100px;                      // 宽度 左侧分类列表

//@colorSelection:#fff;                       // 颜色 选择 前景
//@colorSelectionBG:#338fff;                  // 颜色 选择 背景

@colorText: #5a5a5a;                        // 颜色 文字
@colorPrimary: #e8eaed;                     // 颜色 主
@colorSecondary: #fff;                      // 颜色 次
@colorBorder: #d3d3d3;                      // 颜色 边框
@colorShadow:rgba(60,64,67, .3);             // 颜色 阴影
@colorHover: #dcdcdc;                       // 颜色 激活
@colorActive: #d2d2d2;                      // 颜色 选中

@colorIconText: #5a5a5a;                    // 颜色 图标-文字
@colorIconBorder: #d3d3d3;                  // 颜色 图标-边框
@colorIconHover: rgba(0, 0, 0, .05);        // 颜色 图标-激活
@colorIconActive: rgba(0, 0, 0, .1);        // 颜色 图标-选中

@colorMenuText:#5a5a5a;                               // 颜色 菜单-文字
@colorMenuHoverText: @colorMenuText;			        // 颜色 菜单-激活文字 (1.2.5+)
@colorMenuHover:#dcdcdc;                              // 颜色 菜单-激活背景
@colorMenuBG:#fff;                                    // 颜色 菜单-背景
@colorMenuBorder:#d3d3d3;                             // 颜色 菜单-边框
@colorMenuShadow:rgba(0, 0, 0, .35);                  // 颜色 菜单-阴影
@colorMenuDivider: @colorMenuBorder;                    // 颜色 菜单-分割线 (1.2.5+)
@colorMenuSubIcon: @colorMenuText;                      // 颜色 菜单-子菜单图标 (1.2.5+)
@colorMenuDisabled: darken(@colorMenuText, 20%);        // 颜色 菜单-禁用 (1.2.5+)

@colorTipText: #5a5a5a;                     // 颜色 提示-文字
@colorTipBG: #fff;                       // 颜色 提示-背景
@colorTipBorder: #e8eaed;                   // 颜色 提示-边框


.container > .left {
    background-color: #c5c5c5;
}

//list-icon type-list
.container .list-tab-item {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}
.container .list-icon.type-list .list-icon-item:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.container .list-icon.type-list .list-icon-item:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.container .list-tab-item:hover, .container .list-tab-item.hover {
    background-color: #e8eaed;
}
.container .list-tab-item:active, .container .list-tab-item.active {
    background-color: #e8f0fe;
    color: #1a73e8;
}

.list-icon-item:hover, .list-icon-item.hover, .list-icon-item.context-menu-active {
    border-color: #e8e8e8;
    background: #e8e8e8;
}
.list-icon-item:active {
    border-color: #dbdbdb;
    background: #dbdbdb;
}

.container > .search > .searchWarp > .searchInput {
    background-color: #f1f3f4;
}
.container > .search > .searchWarp > .searchInput:hover {
    background-color: #e8eaeb;
}

.list-tab-item,
.list-icon-item,
.searchInput {
    transition: .1s;
}