/* 
    Created on : Nov 30, 2014, 11:20:11 PM
    Author     : bonfa
*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

#container {
    width: 100%;
    max-width: 900px;
    clear: both;
    margin: auto;
    display: table;
    padding-bottom: 40px;
    position: relative;
}

.half-size {
    width: 50%;
    float: left;      
}

.output {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #0095dd;
    font-size: 20px;
    
}

.code {
    font-family: 'Open Sans', sans-serif;      
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.5px;
    
}

/*.code {
    font-family: 'Glegoo', serif;
    font-size: 12px;
    letter-spacing: 0.5px;
}*/

.code .row {
    margin-bottom: 2px;
    position: relative;
}

.collimit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 600px;
    border-left: 1px solid pink;
}


.code .row-num {
    position: absolute;
    left: 0;
    color: #dddddd;    
}

.code .tab0 {
    padding-left: 30px;
}
.code .tab1 {
    padding-left: 70px;
}
.code .tab2 {
    padding-left: 110px;
}
.code .tab3 {
    padding-left: 150px;
}
.code .tab4 {
    padding-left: 190px;
}
.code .tab5 {
    padding-left: 230px;
}
.code .tab6 {
    padding-left: 270px;
}

.code .comment {
    color: lightgray;
}
.code .text {
    color: orange;
}
.code .text-title {
    font-weight: bold;
}
.code a {
    color: inherit;
    text-decoration: none;
}
.code a:hover {    
    text-decoration: underline;
}
.code .text-label {    
    background-color: #337ab7;
    border-radius: 0.25em;
    color: #fff;
    display: inline;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    padding: 0.1em 0.6em 0.2em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.code .constant {
    color: green;
    font-style: italic;
}
.code .methodname {
    font-weight: bold;    
}
.code .main {
    font-weight: bold;
    font-style: italic;
}
.code .reserved-word {
    color: #0095dd;
}

/****************************
* CODE JS
****************************/
.code-js .tab0 {
    padding-left: 0px;
}
.code-js .tab1 {
    padding-left: 15px;
}
.code-js .tab2 {
    padding-left: 30px;
}
.code-js .tab3 {
    padding-left: 45px;
}
.code-js .tab4 {
    padding-left: 60px;
}
.code-js .tab5 {
    padding-left: 75px;
}
.code-js .tab6 {
    padding-left: 90px;
}

.code-js .object-key {
    color: green;
}

.code-js .object-key_first {
    font-weight: bold;
}

.code-js .variable {
    color: violet;
}

.console-container {
    background-color: black;
    position:fixed;    
    bottom:0px;
    left:0px;
    right:0px;
    margin-bottom:0px;
    width: 100%;
    color: greenyellow;
    font-family: monospace;
}

.console-row {
    width: 100%;
    position: relative;
}

.console-gt {
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px;
    font-size: 14px;
}

.console-input {
    color: greenyellow;
    font-family: monospace;
    background-color: black;    
    border: 0;
    padding: 4px;
    margin: 0;
    width: 100%;  
    margin-left: 12px;
    font-size: 14px;
    outline-width: 0;
    outline: none;
}

.console-input:focus {
    outline-width: 0;
    outline: none;
}

.console-old .msg {
    color: #dddddd;
}