html,
body,
#app {
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.doc-logo {
    cursor: pointer;
}

.tabs-panels {
    padding: 10px 0px;
}

.app-header {
    /* background: #0a2a4f; */
    background: #0C3768;
    color: #fff;
    direction: ltr;
    line-height: 58px;
    height: 58px;
    overflow: hidden;
}

.icon-module {
    background: url(../javascript/easy-ui/images/basic.png) no-repeat center;
    /* background-image: url(./javascript/easy-ui/images/menuIcon.png);
    background-position: -4px -50px;  */
}

.icon-class {
    /* background-image: url(./javascript/easy-ui/images/zTreeStandard.png); 
    background-position: -126px 1px; */
    background: url(../javascript/easy-ui/images/gears.png)no-repeat center;
}

.r-item {
    margin: 1px 0px;
    color: #3d3deb;
    cursor: pointer; 
} 

.r-item:hover {
    background: #eaf2ff;
    /* color: #000000; */
}

.r-item-span{
    margin: 1px 0px;
    color: rgb(61, 61, 235);
    cursor: pointer;
    background: url(../javascript/easy-ui/images/gears.png) 3px 2px no-repeat;
} 