*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5;margin:0px; background-color: white; height: 100%; overflow:hidden;}
.w3-light-grey{background-color: #f1f1f1!important;}
.w3-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden;}
.w3-navbar li{float:left}
.w3-navbar li a{display:block;padding:8px 16px; text-decoration:none!important }
.w3-green {color: #fff!important; background-color: #4CAF50!important;}
.w3-green:hover{color: #000!important; background-color: lightgreen!important;}
.w3-right{float:right!important}
.topnav-icons{font-size:28px!important; color:#999999; margin-top:-2px;}
.trytopnav{height:40px;overflow:hidden;min-width:380px;position:absolute;width:100%;top:99px;}
.w3-navbar button{font:inherit;cursor:pointer;border:none;padding:8px 16px;display:block;background:transparent;}
#dragbar{position:absolute;cursor:col-resize;z-index:3;padding:5px;}
#shield{display:none;top:0;left:0;width:100%;position:absolute;height:100%;z-index:4;}
#framesize span{font-family:Consolas,monospace;}
#container{background-color:#f1f1f1;width:100%;overflow:auto;position:absolute;top:138px;bottom:0;height:auto;}
#textareacontainer,#iframecontainer{float:left;height:100%;width:50%;}
#textarea,#iframe{height:100%;width:100%;padding-bottom:10px;padding-top:1px;}
#textarea{padding-left:10px;padding-right:5px; font-size: 13px;}
#iframe{padding-left:5px;padding-right:10px;}
#textareawrapper{width:100%;height:100%;background-color:#ffffff;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);}
#iframewrapper{width:100%;height:100%;-webkit-overflow-scrolling:touch;background-color:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);}
#textareaCode{height:100%;width:100%;resize:none;}
#iframeResult,#iframeSource{background-color:#ffffff;height:100%;width:100%;}
#stackV{background-color:#999999;}
#stackV.horizontal,#stackV.horizontal{background-color:transparent;}
#stackV.horizontal:hover{background-color:#d3d3d3;}
#stackH,#stackH{background-color:transparent;}
#stackH:hover{background-color:#d3d3d3;}
#stackH.horizontal{background-color:#999999;}
#stackF:hover,#stackD:hover{background-color:#d3d3d3;}
#textareacontainer.horizontal,#iframecontainer.horizontal{height:50%;float:none;width:100%;}
#textarea.horizontal{height:100%;padding-left:10px;padding-right:10px;}
#iframe.horizontal{height:100%;padding-right:10px;padding-bottom:10px;padding-left:10px;}
#container.horizontal{min-height:200px;margin-left:0;}
#tryitLeaderboard{overflow:hidden;text-align:center;margin-top:5px;height:90px;}

#selectTheme{height: 30px; margin-top: 5px; margin-right: 5px; background-color: whitesmoke; border-radius:6px;}

@media screen and (max-width: 727px) {
  .trytopnav {top:70px;}
  #container {top:108px;}
  .stack     {display:none;}
  #tryitLeaderboard img{height: 60px;}
}
@media screen and (max-width: 467px) {
  .trytopnav {top:60px;}
  #container {top:98px;}
  .stack     {display:none;}
}
@media only screen and (max-device-width: 768px) {
  #iframewrapper {overflow: auto;}
  #container     {min-width:320px;}
  .stack         {display:none;}
  #tryhome       {display:block;}
}

@font-face {
font-family: 'fontawesome';
src:url('../lib/fonts/fontawesome.eot?14663396');
src:url('../lib/fonts/fontawesome.eot?14663396#iefix') format('embedded-opentype'),
    url('../lib/fonts/fontawesome.woff?14663396') format('woff'),
    url('../lib/fonts/fontawesome.ttf?14663396') format('truetype'),
    url('../lib/fonts/fontawesome.svg?14663396#fontawesome') format('svg');
font-weight:normal;
font-style:normal;
}
.fa {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0,0);
}
.fa-2x {
  font-size:2em;
}
.fa-home:before {content: '\e800'; }
#iframewrapper {}

.CodeMirror{height: 100% !important;}
.CodeMirror pre.CodeMirror-placeholder { color: #999; }
/* *{
  font-family: consolas,"courier new",monospace;
  font-size:14px;
}
#content{
  border:1px solid lightgreen;
  width: 600px;
} */