/*
*  PHP+JQuery Temrinal Emulator by Fluidbyte <http://www.fluidbyte.net>
*
*  This software is released as-is with no warranty and is complete free
*  for use, modification and redistribution
*/

/* RESET */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
    a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section{display:block;}
    body{line-height:1;}
    ol, ul{list-style:none;}
    blockquote, q{quotes:none;}
    blockquote:before, blockquote:after,
    q:before, q:after{content:'';content:none;}
    ins{text-decoration:none;}
    del{text-decoration:line-through;}
    table{border-collapse:collapse;border-spacing:0;}
    
    * { box-sizing: border-box; }
    
/* WEBKIT SCROLLBARS */

    ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }
    
    ::-webkit-scrollbar-track-piece {
        background-color: #333;
        -webkit-border-radius: 0;
    }
    
    ::-webkit-scrollbar-thumb:vertical {
        height: 5px;
        background-color: #666;
        -webkit-border-radius: 3px;
    }
    
    ::-webkit-scrollbar-thumb:vertical:hover {
        background-color: #999;
    }
    
    ::-webkit-scrollbar-thumb:horizontal {
        width: 5px;
        background-color: #666;
        -webkit-border-radius: 3px;
    }
    
    ::-webkit-scrollbar-thumb:horizontal:hover {
        background-color: #999;
    }
    
    ::-webkit-scrollbar-corner {
        background-color: #2D2D2D;
    }

/* DOCUMENT */

    html { width: 100%; height: 100%; overflow: hidden; }
    body { width: 100%; height: 100%; }
    
/* GLOBALS */

    a,a:link,a:visited { cursor: pointer; }
    a:hover,a:active { }
    
    .hide { display: none; }
    .clear { clear: both; }
    .right { float: right; }
    .left { float: left; }

/* TERMINAL */

    #terminal { overflow: auto; background: #1a1a1a; width: 100%; height: 100%; color: #fff; font-family: monospace; padding: 5px; line-height: 135%; 
        -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .8);
        box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .8);
    }
    
        .command { font-weight: bold; color: #8a8af2; }
        .data { padding: 0 15px; }
    
    #command, #command input { display: block; position: relative; background: #1a1a1a; color: #fff; border: none; font-family: monospace; width: 100%; }
        #command input { padding-left: 15px; }
        #command #prompt { position: absolute; z-index: 9999; font-weight: bold; }
    
    #command input:focus { outline: none; }