/* codepad rules */
 #filebody {
     padding: 0;
     margin: 0;
 }
 .bal {
     float: left;
     width: 13%;
     height: 100%;
     margin: 0;
     padding: 0;
 }
 .nav {
     height: 36px;
     margin: 0;
     padding: 0;
 }
 .fileTree {
     width: 100%;
     overflow: auto;
     margin: 0;
     padding: 0;
     height: calc(100% - 64px);
     /* opera */
     height: -o-calc(100% - 64px);
     /* google, safari */
     height: -webkit-calc(100% - 64px);
     /* firefox */
     height: -moz-calc(100% - 64px);
 }
 .srs {
     width: 100%;
     height: 28px;
 }
 .sr .search {
     float: left;
     width: 60%;
 }
 .sr .offer {
     float: right;
     width: 40%;
 }
 .fileView {
     float: right;
     width: 87%;
     height: 100%;
     border: none;
     padding: 0px 0px 0px 0px;
 }
 .buttonicon-codepad_nav_home:before {
     content: "\f015";
     font-family: FontAwesome;
     color: #666;
     font-size: 14px;
 }
 .buttonicon-codepad_nav_log:before {
     content: "\f022";
     font-family: FontAwesome;
     color: #666;
     font-size: 14px;
 }
 .buttonicon-codepad_nav_padmin:before {
     content: "\f013";
     font-family: FontAwesome;
     color: #666;
     font-size: 14px;
 }
 .buttonicon-codepad_nav_search:before {
     content: "\f002";
     font-family: FontAwesome;
     color: #666;
     font-size: 14px;
 }
 .buttonicon-codepad_nav_play:before {
     content: "\f144";
     font-family: FontAwesome;
     color: #666;
     font-size: 14px;
 }
 /* the standard rules */
 UL.jqueryFileTree {
     font-family: Verdana, sans-serif;
     font-size: 12px;
     line-height: 18px;
     padding: 0px;
     margin: 0px;
 }
 UL.jqueryFileTree LI {
     list-style: none;
     padding: 0px;
     padding-left: 8px;
     margin: 0px;
     white-space: nowrap;
 }
 UL.jqueryFileTree A {
     text-decoration: none;
     display: block;
     padding: 0px 2px;
 }
 .jqueryFileTree LI:before {
     font-family: FontAwesome;
     font-size: 14px;
     padding-right: 7px;
     cursor: pointer;
     float: left;
     background: left top no-repeat;
     text-shadow: 0.5px 0.5px 1px #222;
 }
 .jqueryFileTree LI.directory:before {
     content: "\f07b";
     color: #FC0;
 }
 .jqueryFileTree LI.expanded:before {
     content: "\f07c";
     color: #FE0;
 }
 .jqueryFileTree LI.file:before {
     content: "\f15b";
     color: #888;
 }
 .jqueryFileTree LI.wait:before {
     content: "\f07b";
     color: #FD0;
 }
 /* File Extensions*/
 .jqueryFileTree LI.ext_diff:before {
     content: "\f15c";
     color: #0DD;
 }
 .jqueryFileTree LI.ext_tap:before {
     content: "\f15c";
     color: #D0D;
 }
 .jqueryFileTree LI.ext_scala:before {
     content: "\f15c";
     color: #D0D;
 }
 .jqueryFileTree LI.ext_groovy:before {
     content: "\f15c";
     color: #5DD;
 }
 .jqueryFileTree LI.ext_erlang:before {
     content: "\f15c";
     color: #D5D;
 }
 .jqueryFileTree LI.ext_vb:before {
     content: "\f15c";
     color: #DD5;
 }
 .jqueryFileTree LI.ext_jfx:before {
     content: "\f15c";
     color: #8DD;
 }
 .jqueryFileTree LI.ext_csharp:before {
     content: "\f15c";
     color: #D8D;
 }
 .jqueryFileTree LI.ext_python:before {
     content: "\f15c";
     color: #DD8;
 }
 .jqueryFileTree LI.ext_php:before {
     content: "\f15c";
     color: #ADD;
 }
 .jqueryFileTree LI.ext_css:before {
     content: "\f15c";
     color: #DAD;
 }
 .jqueryFileTree LI.ext_haxe:before {
     content: "\f15c";
     color: #DDA;
 }
 .jqueryFileTree LI.ext_typescript:before {
     content: "\f15c";
     color: #FDD;
 }
 .jqueryFileTree LI.ext_cpp:before {
     content: "\f15c";
     color: #DFD;
 }
 .jqueryFileTree LI.ext_applescript:before {
     content: "\f15c";
     color: #DDF;
 }
 .jqueryFileTree LI.ext_as3:before {
     content: "\f15c";
     color: #33D;
 }
 .jqueryFileTree LI.ext_bash:before {
     content: "\f15c";
     color: #D33;
 }
 .jqueryFileTree LI.ext_java:before {
     content: "\f15c";
     color: #3D3;
 }
 .jqueryFileTree LI.ext_powershell:before {
     content: "\f15c";
     color: #55D;
 }
 .jqueryFileTree LI.ext_perl:before {
     content: "\f15c";
     color: #D55;
 }
 .jqueryFileTree LI.ext_js:before {
     content: "\f15c";
     color: #DE8;
 }
 .jqueryFileTree LI.ext_sql:before {
     content: "\f15c";
     color: #99D;
 }
 .jqueryFileTree LI.ext_sass:before {
     content: "\f15c";
     color: #D99;
 }
 .jqueryFileTree LI.ext_delphi:before {
     content: "\f15c";
     color: #9D9;
 }
 .jqueryFileTree LI.ext_coldfusion:before {
     content: "\f15c";
     color: #66E;
 }
 .jqueryFileTree LI.ext_ruby:before {
     content: "\f15c";
     color: #E66;
 }
 .jqueryFileTree LI.ext_xml:before {
     content: "\f15c";
     color: #CCF;
 }
 .jqueryFileTree LI.ext_plain:before {
     content: "\f15c";
     color: #999;
 }