.ace-cobalt {
    background-color: #002240;
    color: #FFFFFF;
}
.ace-solarized-dark {
    background-color: #002B36;
    color: #93A1A1;
}
.ace-kr-theme {
    background-color: #0B0A09;
    color: #FCFFE0;
}
.ace-monokai {
    background-color: #272822;
    color: #F8F8F2;
}
.ace-terminal-theme {
    background-color: black;
    color: #DEDEDE;
}
.ace-twilight {
    background-color: #141414;
    color: #F8F8F8;
}
.ace-vibrant-ink {
    background-color: #0F0F0F;
    color: #FFFFFF;
}
#cc {
    font-family: "Open Sans", Arial, sans-serif;
    visibility:hidden;
}
p{
   font-size: 14px;
}
.l-btn-text, .tabs-title{
   font-size: 12px;
}
.title {
    border-left: 1px solid #ccc;
    height: 17px;
    color: #000;
    font-size: 16px;
    float: left;
    margin: 19px 5px 0px 10px;
    padding: 1px 0px 0px 5px;
    font-weight: bold;
}
.panel-noscroll {
    overflow: hidden;
}
.north{
   height:60px; width:100%;overflow:hidden;background:url(../../images/top_bg.png);
}
.logo{
   padding:5px; padding-right:22px; float:left; margin-top: 0px;width: 153px;
}
.body{
   display:block!important; visibility:visible;
}
.main-menu{
   margin:12px 10px 0px 0px; float:right;
}
.right-align{
   float:right;
}
.display-none{
   display:none;
}
#editor, #terminal {
 width: inherit !important;
}
.icon-h-terminal, .icon-v-terminal, .icon-maximize{
  margin-right: 10px !important;
}
#container {
    width: 100%;
    margin-top: 50px;
    text-align: center !important;
    padding-bottom: 100px;
    background-size: cover;
}
#container h2 a {
    text-decoration: none;
    color: #057d2c;
}
.terms a {
    text-decoration: none;
    color: #057d2c;
}
@media only screen and (max-width: 580px) {
   .menu-item{
      height: 25px;
   }
   .menu-text, .menu-text span {
       font-size: 14px;
   }
   .no-display{
      display:none;
   }
}
div#loading {
    position: relative;
    margin: 0 auto;
    width: 150px;
    top: 34%;
    height: 150px;
    z-index: 109;
    background: url(../../cg/images/loading.gif) no-repeat;
    background-color: transparent;
    visibility: hidden;
}
.tabs-icon, .l-btn-icon {
    margin-top: -8px;
}
.menu-item {
    height: 26px !important;
    padding-left: 2px;
}
.panel-icon, .panel-tool {
    line-height: 18px;
    margin-top: -8px;
}
.panel-tool a {
    line-height: 16px;
    color: #3f3f3f;
    margin: 0 0 0 10px;
    opacity:1.0;
}
#warning{
    font-size: 18px;
    background: #3eb05f;
    padding: 6px;
    margin: 0 auto;
    top: 13px;
    margin-left: 18px;
    position: absolute;
    color: #fff;
    display:none;
}
#fileUpload { white-space:nowrap;position:relative;color:#575765;z-index:999}
#uploadmenu a{ color:#424242; text-decoration:none; padding:0px;}
#uploadmenu div{ width:290px;}
#uploadmenu div{ margin:0px 2px 0px 0px; padding:4px 5px 5px 5px; text-align:center; float:none; list-style:none; line-height:24px; border-bottom: 1px dashed #BCBCBC; }
#uploadmenu div:last-child{ border-bottom:none;}
#uploadmenu div a { font-size:13px; color:#424242; text-decoration:none; }
#uploadmenu div a:hover {color:#aaa; text-decoration:none; }
.upFiletype {opacity:0;height:35px; position:absolute; left:0px; width:100%; z-index:999; cursor:pointer;}
textarea { width:90%; outline:none; background:#fff; border:1px solid #ccc; margin:10px 5px; padding:5px; text-align:left; vertical-align:middle; color:#000!important; font-size:120%; resize:none; }
#textUrl{ width:78%; border:1px solid #ccc; line-height:26px; font-size:14px; padding:4px 0px 5px 5px; margin:4px 0px 3px 0px; outline:none; }
#textUrl1{ width:78%; border:1px solid #ccc; line-height:26px; font-size:14px; padding:4px 0px 5px 5px; margin:4px 0px 3px 0px; outline:none; }
.ancUrlUpload span { font-size:90%; background:#024622; color:#fff; padding:12px 6px 10px 6px;border: 1px solid #6d6d6d; margin:0px 0px 0px -5px; }
@-moz-document url-prefix(){ .ancUrlUpload span { padding:12px 6px 10px; } }
.ancUrlUpload1 span { font-size:90%; background:#024622; color:#fff; padding:12px 6px 10px 6px;border: 1px solid #6d6d6d; margin:0px 0px 0px -5px; }
@-moz-document url-prefix(){ .ancUrlUpload1 span { padding:12px 6px 10px; } }
.xmltree ul { margin: 0; padding: 16px 0 0 0; border: none; margin-left: 54px; border-left: dotted 1px #BBB; }
.xmltree li { font-weight: normal; padding: 0px 5px 10px 15px; display: block; position: relative; margin-bottom: 1px; border: none; }
/* File conversion CSS */
#resultData h1{color: #828080;}
.convert-heading {height:100px; background:#006e4a url(../../images/url-bg-optim.jpg) no-repeat center center; background-size:cover; padding:35px 10px 5px 10px; margin:10px 10px 0px 10px; text-align:center; border:1px solid #266A2E; position:relative; z-index:99;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; }
.convert-heading  h1 { font-size:50px; text-align:center; margin:0px; padding:5px 0px; color:#fff; }
#file-drop-area { padding:10px; margin:0px 0px 10px 0px;}
#file-drop-bg { background:#fff; height:50%; text-align:center; border:2px dashed #B5B5B5; padding:0px; margin:0px auto 0px auto; vertical-align:middle; border-radius:10px; -moz-border-radius:10px; }
#file-drop-bg:hover { opacity:.7; cursor:pointer; }
#file-drop-bg div { font-family:'Oswald', sans-serif; color:#444; font-size:38px; font-weight:bold; text-align:center; padding:0px 0px 0px 0px; margin:0px; vertical-align:middle; position:relative; top:4px; height:2px; }
#file-drop-bg div span { font-family:'Ubuntu',sans-serif; font-size:17px; font-weight:normal; text-align:center; padding:5px; margin:0px; position:relative; top:-27px }
#file-drop-bg div .max-size { font-family:'Ubuntu',sans-serif; font-size:15px; font-weight:normal; margin:0px; padding:0px; top:-29px; }
#fileMUpload { opacity:0; width:100%; background-color:#000; margin:-106px 0px 0px 0px; padding:107px 0px 94px 0px; position:static; top:0px; z-index:9; cursor:pointer; left:11px; right:0px; }
#file-drop-bg img{ width:7%; opacity:.4; margin:15px 0px 0px 0px; }
.progress { position:relative; width:100%; padding: 1px; margin-top:5px;border-radius: 3px; text-align:center;}
.bar { background-color: #167361; width:0%; height:20px; border-radius: 3px; height: 31px;}
.percent { display:inline-block; top:3px; font-size:14px; line-height: 31px;}
.percent { font-size: 14px; line-height: 31px; text-align: center; color: #fff; }
#menu{display:none;}