body {
    background: #222222;
    margin: 0;
    padding: 0;
    padding-top: 100px;
    color: #FFF;
    font-family: Calibri;
    font-size: 13px;
  }

  a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
  }

  .wrapper {
    width: 1000px;
    margin: 0 auto;
  }

  .tube {
    padding: 10px;
  }

  .red {
    width: 998px;
    border: 1px solid #007700;
    background: #222222;
    color: #009900;
    box-shadow: 0px 0px 4px #007700;
  }

  .red input {
    background: #000;
    border: 1px solid #007700;
    color: #FFF;
  }

  .blue {
    float: left;
    width: 1000px;
    border: 1px solid #007700;
    background: #222222;
    color: #00bb00;
    box-shadow: 0px 0px 4px #007700;
  }

  .green {
    max-width: -webkit-fill-available;
    width: 1000px;
    border: 1px solid #007700;
    background: #222222;
    color: #009900;
    box-shadow: 0px 0px 4px #007700;
  }

  textarea {
    width: 500px;
    height: 200px;
    color: #009900;
    border: 1px solid #007700;
    box-shadow: 0px 0px 4px #007700;
    background-color: #222222;
  }

  .command {
    width: 500px;
    height: 200px;
  }

  .output {
    width: 800px;
    height: 450px;
  }


  input[type=submit], input[type=button] {
    padding: 3px;
    margin: 5px;
    color: #222222;
    text-shadow: #000 0px 0px 4px;
    font-weight: bold;
    border: 1px solid #007700;
    background: #ababab;
    box-shadow: 0px 0px 4px #007700;
    padding: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgb(0, 119, 0) 0px 0px 4px;
    -moz-box-shadow: rgb(0, 119, 0) 0px 0px 4px;
  }

  input[type=text] {
    padding: 3px;
    width: 200px;
    ;
    margin: 5px;
    color: #009900;
    text-shadow: #007700 0px 2px 7px;
    border: 1px solid #007700;
    background: transparent;
    box-shadow: 0px 0px 4px #007700;
    padding: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgb(0, 119, 0) 0px 0px 4px;
    -moz-box-shadow: rgb(0, 119, 0) 0px 0px 4px;
  }

  input[type=submit]:hover,
  input[type=text]:hover {
    /* color: #e4e4e4; */
    text-shadow: #00bb00 0px 0px 4px;
    box-shadow: 0px 0px 4px #00bb00;
    border: 1px solid #00bb00;
    padding: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 221, 0) 0px 0px 4px;
    -moz-box-shadow: rgba(0, 221, 0) 0px 0px 4px;
  }

  .boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

span {
  color: #222222;
  text-shadow: #00bb00 0px 0px 4px;
  box-shadow: 0px 0px 4px #00bb00;
  border: 1px solid #00bb00;  font-weight: bold;
  border: 1px solid #007700;
  background: #ababab;
  box-shadow: 0px 0px 4px #007700;
  padding: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: rgb(0, 119, 0) 0px 0px 4px;
  -moz-box-shadow: rgb(0, 119, 0) 0px 0px 4px;
}

.icon-smile:before {
  content: " ";
  width: 16px;
  height: 16px;
  display: flex;
  background: url(chat/icon-smile.png);
  background-color: white;
  color: green;

}