body, html {
    height: 100%;
    padding: 0;
    margin: 0;
}

#main .menu, #main .item, #main .content {
    float: left;
}

#main .menu {
    background-color: #2b2a32;
    width: 80px;
    height: 100%;
    -webkit-app-region: drag;
    user-select: none;
    position: relative;
}

#main .item {
    width: 250px;
    background-color: #3d3c44;
    color: #e6e6e8;
}

.icon-box {
    text-align: center;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
}

.icon-box .icon {
    display: block;
    color: #757677;
    text-decoration: none;
    font-size: 25px;
    margin-bottom: 30px;
    cursor: default;
}
.icon-box .active{
    color: #54b739;
}
.icon-box .icon .fa{
    -webkit-app-region: none;
}
.windows-toolbar {
    position: absolute;
    top: 0px;
    left: 8px;
    -webkit-app-region: none;
}

.windows-toolbar:hover .close .fa-times:before {
    content: "\f00d";
}

.windows-toolbar:hover .min .fa-minus:before {
    content: "\f068";

}

.windows-toolbar:hover .full .fa-sort:before {
    content: "\f0dc";

}

.windows-toolbar .min-btn:active {
    opacity: 0.7;
}

.windows-toolbar .min-btn {
    display: inline-block;
    text-align: center;
    line-height: 14px;
    text-decoration: none;
    cursor: default;
    width: 14px;
    height: 14px;
    font-size: 5px;
    font-weight: 300;
    border-radius: 20px;
    -webkit-text-size-adjust: none;
    -webkit-transform: scale(0.78);
}

.windows-toolbar .close {
    background-color: #ed6a5f;
    color: #6f1b16;
    border: #e0564a solid 1px;
}

.windows-toolbar .min {
    background-color: #f6bf50;
    color: #90591d;
    border: #d8a445 1px solid;
}

.windows-toolbar .full {
    -webkit-transform: rotate(45deg) scale(0.78);
    background-color: #65cb58;
    color: #2a6118;
    border: #56a944 solid 1px;
}

.min-btn .fa-times:before, .min-btn .fa-minus:before, .min-btn .fa-sort:before {
    content: none;
}