body,html {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    font-family:Arial,sans-serif;
}
#app {
    display:flex;
    flex-direction:column;
    height:100%;
}
.tabbar {
    display:flex;
    justify-content:space-around;
    position:fixed;
    bottom:0;
    width:100%;
    background-color:#fff;
    border-top:1px solid #ededed;
}
.tabbar-item {
    flex:1;
    text-align:center;
    padding:10px 0;
}
.tabbar-item.active {
    color:#2595AC;
}

green-icon {
 color: #2595AC;
}

grey-icon {
 color:#adacac;
}
.tabbar {
    display:flex;
    justify-content:space-around;
    position:fixed;
    bottom:0;
    width:100%;
    background-color:#fff;
    border-top:1px solid #ededed;
}
.tabbar-item {
    flex:1;
    text-align:center;
    padding:10px 0;
}
.tabbar-item.active {
    color:#2595AC;
}

.default-icon {
    color:#d9d9d9;
}