#menucontainer {
    background-color: #62b1d9;
    background-image: url(/images/menu/menu-bg.jpg);
    background-size: auto 100%;
    width:250px;
    height:100vh;
    float:left;
}

#menucontainer .logo {
    height: 80px;
    background: transparent url(/images/logo.png) no-repeat 15px 15px;
    font-family: '_Helvetica Neue Light';
    font-weight: 100;
    font-size:20px;
    padding:28px 0px 0px 85px;
    color:#eee;
}

#menucontainer .navibar {
    color:#eee;
    height: 60px;
    padding:0px 0px 0px 20px;
}

#menucontainer .navibar .app-title {
    font-size:20px;
    line-height: 32px;
    color:#9bdecc;
    margin-right:20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}

#menucontainer .navibar .app-subtitle {
    font-size:12px;
    float:left;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#menucontainer .major-menu .item:first-child {
    border:1px solid rgba(255,255,255,0.1);
    border-style: solid none solid none;
}

#menucontainer .major-menu .item {
    border:1px solid rgba(255,255,255,0.1);
    border-style: none none solid none;
    height:64px;
    padding: 15px 0px 0px 20px;
    outline:none;
}

#menucontainer .major-menu .item .icon{
    width:32px;
    height:32px;
    float:left;
}

#menucontainer .major-menu > .item .text{
    margin-top:10px;
}


#menucontainer .minor-menu {
    border:1px solid rgba(255,255,255,0.1);
    border-style: solid none none none;
    position:absolute;
    bottom:0px;
    width:250px;
}

#menucontainer .minor-menu .item {
    border:1px solid rgba(255,255,255,0.1);
    border-style: none none solid none;
    height:48px;
    padding: 15px 0px 0px 20px;
}


#menucontainer .minor-menu .item .icon{width:16px;height:16px;float:left;background-size:16px;}


#menucontainer .item .link{text-decoration:none;}
#menucontainer .item .text{padding-left:20px;font-size:16px;float:left;color:#fff}




#menucontainer .menu .ui-state-active,#menucontainer .menu .active{background-color: rgba(19,119,191,0.2);}
#menucontainer .item:hover{ background-color: rgba(149,203,229,0.3);}




#menucontainer .drop-menu .item {
    border:1px solid rgba(255,255,255,0.1);
    border-style: none none solid none;
    height:48px;
    padding: 15px 0px 0px 40px;
}
#menucontainer .drop-menu .item .text{ line-height: 18px;}
#menucontainer .drop-menu .item .icon{width:16px;height:16px;float:left;background-size:16px;}



#actionbar {
    background-color: #f9f9f9;
    height:58px;
    padding:10px 30px;
    border: 1px solid #dedede;
    border-style: none none solid none;
}

#actionbar .title {
    float:left;
    font-size:24px;
    line-height: 38px;
    color:#666;
    padding-right:20px;
}

#actionbar .subtitle {
    float:left;
    font-size:16px;
    line-height: 42px;
    color:#6fcbb5;
}

#actionbar .buttonbar {
    float:right;
    margin-top:3px;
}

#actionbar .buttonbar button {
    margin-left:5px;
}





