button.btnmenu {
    font-size: 30px;
    margin: 10px;
    width:260px;
    height:75px;
    border-radius: 20px;
    background-image: url("../images/app/btnRectBase.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: none;
    border-width: 0px;
    background-color: #7c5500;
    color: #000000;
}

div.gloss {
    position:absolute;
    display:inline-block;
    margin: 10px;
    width:260px;
    height:75px;
    background-image: url("../images/app/btnRectGloss.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-width: 0px;
    translate: -280px 0px;
    pointer-events: none;
}

button.btnmenu:disabled {
    font-size: 30px;
    margin: 10px;
    width:260px;
    height:75px;
    color: #494949;
}

button.btnmenumed {
    font-size: 25px;
    margin: 10px;
    width:190px;
    height:50px;
    border-radius: 30px;
    background-image: url("../images/app/btnRoundedBase.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-width: 0px;
    background-color: #7c5500;
    border-color: #4e3500;
    color: #000000;
}

div.gloss2 {
    position:absolute;
    display:inline-block;
    /*margin: 10px;*/
    margin-top:10px;
    width:190px;
    height:50px;
    background-image: url("../images/app/btnRoundedGloss.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-width: 0px;
    translate: -200px 0px;
    pointer-events: none;
}

button.btnmenumed:disabled {
    font-size: 30px;
    margin: 10px;
    width:190px;
    height:50px;
    border-radius: 35px;
    background-color: #5f4100;
    border-color: #2c1e00;
    color: #805900;
}

button.btnmenuhalf {
    font-size: 20px;
    margin: 10px;
    width:42%;
    height:50px;
    border-radius: 20px;
    background-color: #7c5500;
    border-color: #4e3500;
    color: #ffb300;
}

button.btnmenuhalf:disabled {
    font-size: 30px;
    margin: 10px;
    width: 42%;
    height:70px;
    border-radius: 20px;
    background-color: #5f4100;
    border-color: #2c1e00;
    color: #805900;
}

button.btnclue {
    font-size: 30px;
    margin: 10px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    width:260px;
    height:68px;
    border-radius: 40px;
    background-image: url("../images/app/btnClueBase.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-width: 0px;
    background-color: #5f5f5f;
    color: #000000;
}

button.btnclue:disabled { 
    width:260px;
    height:68px;
    border-radius: 40px;
    opacity: 0.6;
    background-color: #383838;
    color: #5f5f5f;
}

div.gloss3 {
    position:absolute;
    display:inline-block;
    margin: 10px;
    margin-top:10px;
    width:260px;
    height:68px;
    background-image: url("../images/app/btnRoundedGloss.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-width: 0px;
    translate: -280px 0px;
    pointer-events: none;
}

button.btnmission {
    font-size: 25px;
    margin: 2px;
    width:82%;
    height:60px;
    border-radius: 20px;
    background-color: #7c5500;
    border-color: #4e3500;
    color: #ffb300;
}

button.btnmission:disabled {
    font-size: 25px;
    margin: 2px;
    width:82%;
    height:60px;
    border-radius: 20px;
    background-color: #5f4100;
    border-color: #2c1e00;
    color: #805900;
}

button:disabled {
    font-size: 30px;
    margin: 10px;
    width:90%;
    height:70px;
    border-radius: 20px;
    background-color: #5f4100;
    border-color: #2c1e00;
    color: #805900;
}

button.btnhelp {
    font-size: 25px;
    margin: -10px;
    margin-left:0px;
    padding:0px;
    width:50px;
    height:50px;
    border-radius: 30px;
    background-image: url("../images/app/btnHelp.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-width: 0px;
    margin-left: 0px;
    border-radius: 35px;
    translate: 0px 16px;
    background-color: #7c5500;
    border-color: #4e3500;
    color: #ffb300;
}

.appbody {
    position: absolute;
    display: block;
    background-color: #273341;
    color: #4e6783;
    left:20px;
    right:20px;
    top:145px;
    bottom:20px;
    border-radius: 30px;
    padding:20px;
    text-align:center;
    overflow: auto;
}

button.refresh {
    position: fixed;
    top:155px;
    right:30px;
    width:60px;
    height:60px;
    border-radius: 15px;
    background-image: url("../images/app/btnRefresh.png");
    background-color: #7c5500;
    border-color: #4e3500;
    color: #ffb300;
}

@media screen and (max-width: 600px) {
    
}