html{ font-family: "Myriad Pro", Myriad, Lucida Grande,Arial,Helvetica,sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;overflow-x: hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,picture{ display: block; }
audio,canvas,progress,video{ display: inline-block; vertical-align: baseline; }
audio:not([controls]){ display: none; height: 0; }
[hidden]{ display: none !important; }
a{ background-color: transparent; text-decoration: none; }
a,a:active,:focus{ outline: 0; }
abbr[title]{ border-bottom: 1px dotted; }
b,strong{ font-weight: 700; }
figure img{ display: block; vertical-align: top; }
img{ border: 0; max-width: 100%; height: auto; display: inline-block; vertical-align: middle; }
dfn{ font-style: italic; }
mark{ background: #ff0; color: #000; }
small{ font-size: 80%; }
sub,sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup{ top: -.5em; }
sub{ bottom: -.25em; }
svg:not(:root){ overflow: hidden; }
pre{ overflow: auto; }
code,kbd,pre,samp{ font-family: monospace,monospace; }
table{ border-collapse: separate; border-spacing: 0; }
th, td{ font-weight: normal }
*, :before, :after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
::-webkit-scrollbar{ background: #e1e1e1; }
::-webkit-scrollbar-thumb{ background: #9e9e9e; }
::-webkit-scrollbar{ width: 8px; }
#ws-status{position: fixed;top: 44px;right: 27px;text-indent: -9999em;width: 10px;height: 10px;border-radius: 14px;background: red;}
#ws-status.Connected{background: green;}
html{height: 100%;}
body{
    display: flex;
    height: 100%;
    flex-direction: column;
}

#logs{background: #002731; left: 0px; width: 100%; padding: 10px; color: #e9e2cb; font-family: Consolas,monaco,monospace;}
#logs .title{background: #e9e2cb; color: #002731; padding: 2px 5px;}
#logs pre{padding: 10px 0px;}