body {
    background-color: #444;
}

#android-widget-container {
    background-color:#222;
    color:#eee;
    width:500px;
    height:800px;
    overflow:scroll;
    position:relative;
}
#android-widget-container {
    font-family: 'Roboto', sans-serif;
}
.page-heading {
    font-weight:normal;
    border-bottom:2px solid #5B9DB4;
    padding: 6px;
}
.heading-icon {
    float:left;
    width:1em;
    height:1em;
    margin-right:12px;
    margin-left:6px;
}
.section-heading {
    font-size:16px;
    margin: auto 12px;
    margin-bottom:10px;
}
.icon {
    width:25%;
    padding:12px;
    cursor:pointer;
    box-sizing:border-box;
    text-align:center;
    float:left;
}
.icon p {
    margin-top:0px;
    margin-bottom:0px;
}
.icon img {
    height:80px;
    width:80px;
}
#page-footer {
    position:absolute;
    bottom:0;
    left:0;
    background-color:#000;
    width:100%;
    display:flex;
    justify-content:space-around;
    padding:10px;
    box-sizing:border-box;
}
#page-footer button {
    background:transparent;
    border:0;
    cursor:pointer;
}
.notready {
    opacity:0.3;
    cursor:default;
}
.notready img {
    -webkit-filter: grayscale(1); /* Webkit */
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* W3C */
}
.notready p {
    color:#999;
}


.primary-button {
    background-color: blue;
}