
@CH: rgba(255, 255, 255, .5);// ɫ 
@CV: rgba(255, 255, 255, .4);// ɫ ѡ

@layoutLeftWidth: 100px;                      //  б

@colorSelection:#fff;                       // ɫ ѡ ǰ
@colorSelectionBG:#338fff;                  // ɫ ѡ 

@colorText: #535353;                        // ɫ 
@colorPrimary: #F3F3F3;                     // ɫ 
@colorSecondary: #F3F3F3;                   // ɫ 
@colorBorder: #E5E5E5;                      // ɫ ߿
@colorShadow:rgba(0, 0, 0, .5);             // ɫ Ӱ
@colorHover: @CH;                             // ɫ 
@colorActive: @CV;                            // ɫ ѡ

@colorIconText: #535353;                    // ɫ ͼ-
@colorIconBorder: transparent;                // ɫ ͼ-߿
@colorIconHover: @CH;                         // ɫ ͼ-
@colorIconActive: @CV;                        // ɫ ͼ-ѡ

@colorMenuText: #535353;                    // ɫ ˵-
@colorMenuBG: #fff;                         // ɫ ˵-
@colorMenuBorder: #EAEAEA;                  // ɫ ˵-߿
@colorMenuShadow:rgba(0, 0, 0, 0);          // ɫ ˵-Ӱ
@colorMenuHover: rgb(236, 235, 235);        // ɫ ˵-

@colorTipText: #535353;                     // ɫ ʾ-
@colorTipBG: #fff;                          // ɫ ʾ-
@colorTipBorder: #E5E5E5;                   // ɫ ʾ-߿


.container,
.list-tab-item,
.list-icon-item,
.dropdown-menu,
.dropdown-menu li > a,
.itemTip {
    border-radius: 5px;
}

.dropdown-menu {
    padding: 5px;
}

.itemTip {
    border-width: 1px;
}

.top,
.left,
.right {
    background-color: rgba(243,243,243,.93) !important;
}

.btn {
    background-color: #F7F7F7;

    &-primary {
        background-color: #FFF;
    }
    &:hover {
        background-color: #FDFDFD;
    }
    &:active {
        background-color: #F5F5F5;
    }
}
