@font-face { font-family: 'FontAwesome'; src: url('../../fonts/fontawesome-webfont.eot?v=4.3.0'); src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal;}

body{margin:0px; padding:0px 0px; font-family:"Poppins", sans-serif!important;}
.whtboard{border-left:1px solid #ccc; height:17px; color:#000; font-size:80%; float:left; margin:21px 5px 0px 5px; padding:6px 0px 0px 5px; text-transform:uppercase; font-weight:bold; letter-spacing:6px;}

.wrap { width:100%; margin:0px; padding:0px; }
.wrapLoader { width:100%; margin:0; /*height:550px;*/ position:absolute; background-color:transparent; opacity:.95; z-index:1000; display:none; }
.wr-main { width:100%; margin:4px 0px 0px 0px; padding:0px; background:#eee; }
.wr-main .wr-left { width:16%; float:left; height:100%;}
.wr-left { height:auto;}
.wr-main .wr-rgt { width:84%; float:right; overflow:hidden; }
.wr-main .wr-rgt-tog { width:100%; float:right; }
.wr-left .wr-lft-cont { min-height:1px; max-height:968px; margin:0px 0px 0px 0px; overflow:hidden; }
.wr-rgt .wr-rgt-cont { margin:0px 0px 0px 10px; padding:0px; /*min-height:540px; max-height:100%;*/ height:100%; background:#424242 url(/pattern.png) repeat; border-left:3px solid #424242; border-bottom:1px solid #424242; }
.wr-lft-cont .sub-default { margin:0px; padding:5px 0px 0px 0px; } 
.wr-lft-cont .sub-default .sub-default-lft { width:90%; margin:5px 2px 5px 3px; padding:17px 0px 10px 0px; text-align:center; background:#EEEEEE; border:1px solid #eee; border-radius:6px; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; line-height:20px; cursor:pointer; } 
.wr-lft-cont .sub-default .sub-default-lft:hover { background:#eaeaea; }
.wr-lft-cont .sub-default a { color:#424242; text-decoration:none; font-size:140%; font-weight:normal; }
.wbitem { font-size:200%; }  
.subProperties {display:none; }
.sub-tools { width:99%; min-height:130px; text-align:center; padding:0px; margin:10px 0px 15px 0px; /*border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; background:#F9F9F9;*/ }
.sub-tools h4{ font-size:140%; font-weight:bold; text-align:center; margin:0px; padding:5px 5px 6px 5px; background:#f4f4f4; border-top:1px solid #eee; border-bottom:1px solid #DDD; }
.sub-tools p{ font-size:120%; color:#424242; margin:5px 0px 2px 5px; padding:3px 0px; text-align:left; text-transform:capitalize; font-weight:bold; }

/* css of top navigation */
.logo { float:left; margin:5px 10px 0px 10px; padding:0px; }
.topnav { background-color:#F2F2F2; background: -webkit-linear-gradient(top,#F7F7F7 0,#F2F2F2 100%); background: -o-linear-gradient(top,#F7F7F7 0,#F2F2F2 100%); background: linear-gradient(to bottom,#F7F7F7 0,#F2F2F2 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; position:absolute; top:0px; z-index:999; }
#center {background:#fafafa; overflow:hidden; }

/*  fontawesome css */
.fa-upload:before { content:"\f093"; font-family:'FontAwesome'; font-size:100%; font-style:normal; }
.fa-text-height:before { content:"\f034"; font-family:'FontAwesome'; font-size:100%; font-style:normal; }
.fa-download:before { content:"\f019"; font-family:'FontAwesome'; font-size:100%; font-style:normal; }
.fa-bold:before { content:"\f032"; font-family:FontAwesome; font-size:100%; font-weight:normal; font-style:normal; }
.fa-italic:before { content:"\f033"; font-family:FontAwesome; font-size:100%; font-weight:normal; font-style:normal; }
.fa-remove:before { content:"\f00d"; font-family:FontAwesome; font-size:100%; font-weight:normal; font-style:normal; }
.fa-code:before { content:"\f121"; font-family:FontAwesome; font-style:normal; font-size:100%; }
/* end of fontawesome css */

.clear{clear:both; height:1px;}
.logo{float:left; margin:4px 0 0; padding:0px 0px 0px 0px; }
.logo img{height:38px!important; padding:12px 5px 5px 5px!important;}
img.tools-logo{height:32px; padding:15px 0px 0px 0px; float:left;}
.tp-logo{height:35px!important; padding:13px 0px 0px 0px; float:left;}
.main-title{border-left:1px solid #ccc; color:#000; font-size:100%; float:left; margin:14px 5px 0px 5px; padding:10px 0px 10px 10px; text-transform: uppercase; font-weight: bold; letter-spacing:2px; }

.srch-inp { margin:30px auto 0px auto; padding:0px; text-align:center; height:92%; } 
.srch-inp input[type="text"] {width:90.5%; height:18px; color:#6d6d6d; background:#fff; font-size:16px; border:1px solid #ccc; margin:0px 0px 0px 0px; padding:9px 0px 10px 7px; outline:none; line-height:23px; -webkit- border-radius:4px; -khtml- border-radius:4px; -moz- border-radius:4px; } 
.srch-inp h4 { font-size:23px; text-align:center; margin:0px; padding:5px 0px; color:#fff; }
.srch-inp h6 { font-size:20px; text-align:center; margin:0px; padding:6px 0px; color:#fafafa; font-weight:bold; }
.srch-inp .srch-btn { right:none;position: absolute; z-index:9; height:38px; width:42px; cursor:pointer; margin:0px 0px 0px -43px; }
.srch-inp .srch-btn button { font-family:'Ubuntu',sans-serif; height:100%; width:100%; border:none; background:#006E4A; color:#fff; font-size:18px; cursor:pointer;     border: 1px solid #006E4A; outline: none;}

.simple-ad{display:flex; justify-content:center; height:55px!important; background:#5d5d5d; position:relative!important; margin:0px auto!important; border-top:0px dashed #ccc!important; padding:0px 8px 15px 8px!important; text-decoration: none!important; text-align:center!important; }
.simple-ad img {height:38px; margin:0px 2px 0px 2px; padding:0px; }
.simple-ad ul { float:left; margin:0px; padding:28px 0px 10px 20px; }
.simple-ad ul li { float:left; list-style:none; color:#fff; font-size:14px; border-right:1px solid #fafafa; padding:0px 10px; margin:0px; }
.simple-ad ul li a{ color:#fff; text-decoration:none; }
.simple-ad div span { color:#fff; font-size:14px; padding:0px 5px 0px 4px; position:relative; top:-7px; }
.simple-ad .cprght{font-size:14px; color:#fff; text-align:center; padding:27px 0px 0px 0px; margin-left:25px;}
.wr-lft-cont .sub-default .sub-default-lft { min-height:40px!important; margin:5px 2px 5px 3px!important; }
.l-btn span .l-btn-icon-left { padding:0 0 0 0px!important; }
.result{ display:none; white-space: pre-wrap; word-break: break-word; width: 100%; margin: 10px auto; padding: 0px 10px 10px 20px; font-size: 16px; overflow-y: scroll; border: 1px solid #d6d6d6; background: #fff; height: 100%; }
div#loading { position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; width: 50px; height: 50px; z-index: 100; background: url(/images/loading.gif) no-repeat; background-color: transparent; visibility: visible; }
#divString0 { color:#757575; }
.result div{line-height:30px;}
#divString1, #divString2, #divString3 { color:#000; line-height:30px; }
#divString5 { color:#757575; padding:15px 0px 0px 0px; }
#divString7 { color:#000;padding:15px 0px 0px 0px; line-height:30px;}
#divString7 span { color:#757575; margin:0px 10px 0px 0px; }
#divString7 b { text-align:left; }
#divString6 { color:#000; line-height:30px; }
#divString6 div { width:200px; float:left; padding:0px 15px 0px 0px;}
#divString7 div { width:50px; float:left; padding:0px 5px 0px 0px;}
#east{ font-size:20px; padding: 0px 0px 0px 0px !important; overflow:scroll;}
#code{ position: absolute; top: 18px; right: 0px; bottom:2px; left: 0px; margin-bottom:0px !important; }
#code1{ position: absolute; top: 18px; right: 0px; bottom:2px; left: 0px; margin-bottom:0px !important; }

ul.list li{ list-style: none; }
/*input[type="color"] { height:27px; }*/
#cc{ visibility:hidden; }
button.convert-left { background:url(img/jsoneditor-icons.png) -24px -3pc !important; }
#fileUpload { white-space:nowrap;position:relative;color:#000;z-index:9;}
#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:#333; text-decoration:none; }
#uploadmenu div a:hover {color:#aaa; text-decoration:none; }
#uploadmenu1 a{ color:#000; text-decoration:none; padding:0px;}
#uploadmenu1 div{ width:290px;}
#uploadmenu1 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; }
#uploadmenu1 div:last-child{ border-bottom:none;}
#uploadmenu1 div a { font-size:13px; color:#424242; text-decoration:none; }
#uploadmenu1 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:24px; font-size:14px; padding:6px 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;}

.panel-with-icon{padding-left:2px!important;}
.editor-tabs{height:44px;}
div#loading{position:absolute!important;}

.xmleditor .editor-left-pane{overflow-x:hidden!important;}
.xmleditor .ace-crimson-editor{background-color: transparent!important;}
.xmleditor #code{top:0px!important;}
.xmleditor .xmltree{margin:1rem 0rem 0rem 2rem; padding:0rem;}
.xmleditor .downloadSection{width:38%; display:flex; justify-content: space-between; align-items: center; gap: 1rem; margin:0rem 0rem 0rem 4rem;}
.xmleditor .tabs{list-style-type:none; height:26px; margin:0px; padding:0px; padding-left:4px; width:500px; border-style:solid; border-width:0 0 1px 0;}
.xmleditor .tabs li{float:left; display:inline-block; margin:0 4px -1px 0; padding:0; position:relative; border:0;}
.xmleditor .tabs li.tabs-selected a.tabs-inner{display:inline-block; text-decoration:none; margin:0; padding:0 10px; height:25px; line-height:25px; text-align:center; white-space:nowrap; border-width:1px; border-style:solid; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius: 5px 5px 0 0;}
#help{padding:.35rem .6rem!important; overflow:inherit!important; font-size:.9rem;}
.editor-tab-panels #code{position:relative; top:inherit!important; right:inherit!important; bottom:inherit!important; left:inherit!important; margin-bottom:inherit!important; height:83vh!important;}
.editor-button a:has(svg), .editor-button button:has(svg), .xmleditor .editor-nav-item .editor-button:has(svg){padding-right:.6rem!important;}
.editor-button a{padding:0rem 0rem!important;}
.editor-nav-item div ul li{border-bottom:1px solid #eee;}
.editor-tabs .editor-button a{font-size:13px; padding:.35rem .4rem!important; border-radius:.35rem;}
.editor-button:hover{background:#fff!important; border:1px solid #ccc!important;}
.editor-button:focus{border:1px solid #ccc!important;}
.navflex{display:flex; justify-content: space-between; align-items: center;}
.xmleditor .editortheme-scroll{min-height:100px; max-height:90vh; overflow:auto;}
.xmleditor .l-btn-plain:hover{background:#fff!important; padding:.35rem .4rem!important; border:0px solid #ccc!important;}
.xmleditor .uploadflex{display:flex; justify-content:center; align-items:center; gap: 1rem;}
.xmleditor .uploadfile .m-btn-plain-active{background:#fff!important;}
.xmleditor .uploadfile a b{color:#000; font-weight:normal!important;}
.xmleditor .xmltree{margin:1rem 0rem 1rem 2rem!important;}
.xmleditor .gpt-div-slot{display:none!important;}
.right-tabs{display:flex; justify-content:space-between; align-items:center; gap: 1rem; padding:0rem .5rem;}
.xmleditor .editor-tab-panels, .xmleditor .editor-tab-panels>div{height:calc(100vh)!important;}
.xmleditor #east{display:none!important;}
.xmleditor .mainTree{margin-left:10px;}
.xmleditor #result{height:calc(100vh - 16vh); overflow:auto;}
.xmleditor .editor-nav-item.dropdown>div li button:hover{background-color:transparent!important; border:0px solid #ccc!important; box-shadow:none!important;}
.xmleditor .editor-nav-item:has(div:hover) .editor-button{border:0px solid #ccc!important;}
.xmleditor .editor-title{font-size:15px; font-weight:normal; text-align: left; margin:0; padding:0;}
.xmleditor .dropdown-nested > .editor-button{border:0px solid #000!important;}
.xmleditor .dropdown-nested .navflex{border:0px solid #000!important;}
.xmleditor .editor-nav-item:has(div) .editor-button{border:0px solid #ccc!important;}
.xmleditor ul.mainTree{list-style:none; padding-left:20px; margin-top:15px; border-left:1.5px #5D5D5D dotted;} 
.xmleditor ul.mainTree li{margin: 4px 0; font-family: monospace; }
.xmleditor .editor-right-pane .node{font-weight:bold; padding:5px 10px; background:#5D5D5D; color:#f4f4f4; cursor:pointer; user-select:none;} 
.xmleditor .editor-right-pane .attr{font-weight:bold; color:green; margin-left:30px; margin-top:10px; margin-bottom:10px; padding:5px;} 
.xmleditor .editor-right-pane .text{color:#555; font-weight:bold;} 
.xmleditor .editor-right-pane .collapsed > ul{display:none;}
.xmleditor .node::before{content:"▼ "; display:inline-block; margin-right:5px; transition:transform 0.2s ease;}
.xmleditor .editor-right-pane .collapsed > .node::before{transform:rotate(-90deg); content:"►"; font-size:20px;}
.xmleditor .menu-shadow{ display:none!important;}
.xmleditor .menu-content{position:absolute; margin:0; padding:2px; border:1px solid #ccc; overflow:hidden; border-radius:.5rem; z-index: 999; top:98px; width:302px; background:#fff; left:110px; display:none;}
.xmleditor .hidden{display:none;}

.jsonformatter #center{background:#fff!important; width:100%!important; height:90%!important; overflow:auto!important;} 
.jsonformatter .editor-tab-panels, .jsonformatter .editor-tab-panels>div{height:calc(100% - 0px) !important;}

.sqlminify #center{background:#fff!important; width:100%!important; height:90%!important; overflow:auto!important;} 
.sqlminify .editor-tab-panels, .sqlminify .editor-tab-panels>div{height:calc(100% - 0px) !important;}

/* wrap loader */
.wrap_loader{background:snow url(../../images/loader.gif)no-repeat; background-attachment:fixed; background-position:center center; width:100%; min-height:1024px; margin:0 auto; padding:0 0 0 0; vertical-align:center; text-align:center; position:fixed; top:0; z-index:9999; opacity:.8; display:none;}
.wrap_loader img{text-align:center; border:0; display:none;}
.wrap_loader_new{background:snow url(../../images/loader.gif)no-repeat; background-attachment:fixed; background-position:center center; width:100%; min-height:1024px; margin:0 auto; padding:0 0 0 0; vertical-align:center; text-align:center; position:fixed; top:0; z-index:9999; opacity:.8; display:none;}
.wrap_loader_new .loader-message{font-size:18px; color:#000; font-weight:700; margin-top:5%; position:relative; z-index:9999;}
.wrap-view{text-align:center; margin:0 auto;}
 /* end of wrap loader */

#uploadmenu{position:absolute; height:auto; top:103px; z-index:999; background:#fff; padding:.5rem 0rem 1rem 0rem; border:1px solid #ccc; left:136px; border-radius:.25rem; display:none;}
.sqlformatter #center, .xmlformat #center{background:#fff!important; width:100%;!important height:100%!important; overflow:auto!important;}
.sqlformatter #result, .xmlformat #result{width:100%; height:82vh; overflow: auto;}
.sqlformatter .editor-tab-panels>div{height:calc(100% - 0px);}
.sqlformatter .editor-tab-panels #code{height:82vh!important; position:relative; top:inherit!important; right:inherit!important; bottom:inherit!important; left:inherit!important; margin-bottom:inherit!important;}

@media (min-width:724px){ 
    .xmleditor .logo-mobile{display:none;} 
    .editor-nav-item.dropdown.dropdown-nested>div {transform: translateX(-99%)!important;}
}
@media (max-width:724px){ 
    .xmleditor .logo-desktop{display:none;} 
    .xmleditor .editor-nav-toggle{margin-left:auto; display:block; cursor:pointer; border:0; background:transparent; background-image:url(/img/hamburger.svg); background-repeat:no-repeat; min-width:25px; height:25px;} 
    .xmleditor .editor-nav-toggle[aria-expanded="true"] {background-image: url(/img/close.svg);} 
    .xmleditor .editor-header nav[data-visible] {display:block;}
    .editor-nav-item.dropdown.dropdown-nested>div {transform: translateX(-19%)!important;top: 0;}
}