
@layoutLeftWidth: 100px;                      //  б

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

@colorText: #FFF;                           // ɫ 
@colorPrimary: #202020;                     // ɫ 
@colorSecondary: #202020;                   // ɫ 
@colorBorder: #1D1D1D;                      // ɫ ߿
@colorShadow:rgba(0, 0, 0, .5);             // ɫ Ӱ
@colorHover: #2D2D2D;                       // ɫ 
@colorActive: #292929;                      // ɫ ѡ

@colorIconText: #FFF;                       // ɫ ͼ-
@colorIconBorder: #1D1D1D;                  // ɫ ͼ-߿
@colorIconHover: rgba(0, 0, 0, .3);         // ɫ ͼ-
@colorIconActive: rgba(0, 0, 0, .5);        // ɫ ͼ-ѡ

@colorMenuText: #FFF;                       // ɫ ˵-
@colorMenuBG: #2C2C2C;                      // ɫ ˵-
@colorMenuBorder: #292929;                  // ɫ ˵-߿
@colorMenuShadow:rgba(0, 0, 0, 0);          // ɫ ˵-Ӱ
@colorMenuHover: #3d3d3d;                   // ɫ ˵-

@colorTipText: #FFF;                        // ɫ ʾ-
@colorTipBG: #2C2C2C;                       // ɫ ʾ-
@colorTipBorder: #292929;                   // ɫ ʾ-߿


.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(32,32,32,.93) !important;
}

.btn {
    background-color: #4B4B4B;

    &-primary {
        background-color: #5c5b5b;
    }
    &:hover {
        background-color: #686767;
    }
    &:active {
        background-color: #464545;
    }
}
