#mobile-console {position: fixed; width: 100%; height: 200px; overflow: scroll; -webkit-overflow-scrolling: touch; font: 400 14px/20px 'Arial',sans-serif; color: #fff; padding: 10px 10px 20px; z-index: 9998; bottom: 0;}
#mobile-console.hide {max-height: 10px;}
#mobile-console.hide .content > table {display: none;}
#mobile-console .content {z-index: 9999;}
#mobile-console .content:before {z-index: -1; content: ''; display: block; width: 100%; height: 3000%; position: absolute; top: 0; left: 0; background: #555; opacity: 0.9; }
#mobile-console .content h3 {font: 700 18px/24px 'Arial',sans-serif; color: GreenYellow; border-bottom: 1px solid GreenYellow; width: 98%; margin: 0 0 8px; padding: 0 0 8px; }
#mobile-console .content h3 span {cursor: pointer;}
#mobile-console .clear {color: orange; display: inline-block; float: right; margin: 0 10px 0 0;}
#mobile-console .console {color: yellow; display: inline-block; float: right; margin: 0 10px 0 0;}
#mobile-console .disable {color: white; display: inline-block; float: right; margin: 0 10px 0 0;}
#mobile-console .content > table {width: 98%;}
#mobile-console .content > table > tbody > tr > td {padding: 0 0 4px 0; border-bottom: 1px solid #444; opacity: 1; }
#mobile-console .content > table > tbody > tr > td.error {color: #f00;}
#mobile-console .content > table .label {color: GreenYellow;}
#mobile-console .content table.obj {margin: 0 0 0 30px; color: #fff;}
#mobile-console .content table.obj span {font-weight: 700;}
#mobile-console .content .bullet {color: GreenYellow;}
#mobile-console.top {top: 0; bottom: auto;}
#mobile-console hr {color: GreenYellow;}
@media all and(max-width: 479px) {
    #mobile-console { height: 100px; }
    #mobile-console .content h3 { font: 700 13px/19px 'Arial',sans-serif; }
}