html {
	height: 100%;
}

body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#7be1fd;
}

#nav-row {
    background-color:#FAFAEC;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
}

#body-row {
    height:83%;
    background-color:#FAFAEC;
}


.full-width-container, #output-column, #editor-column {
    height:100%;
    padding-left:10px;
    padding-right:10px;
}


.full-width-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    clear: both;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

#output-column, #editor-column {
    padding-bottom:10px;
}

#loading {
    color:red;
}

#footer-row {
    padding:10px;
    text-align:right;
}

textarea {
    width:100%;
    height:100%;
    box-sizing: border-box;
    font-family: "Lucida Console", Monaco, monospace; 
    font-size:10pt;
    margin-top:15px;
 } 
 
/* ACE EDITOR */
 
 #editor { 
    position:relative;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height:100%;
    width:100%;
    border: 1px solid #DDD;
    border-radius: 4px;
    border-bottom-right-radius: 0px;
    margin-top:15px;
}