body{color:#444;font-family:sans-serif!important;font-size:13px;letter-spacing:.02em;background:#FFF;max-width:100%;overflow-x:hidden}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.scrollTop{position:fixed;left:20px;bottom:30px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;box-shadow:inset 0 0 0 2px rgba(0,0,0,0.1);z-index:10000;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 250ms linear;transition:all 250ms linear}
.scrollTop.showProgress{opacity:1;visibility:visible;transform:translateY(0)}
.scrollTop::after{color:rgba(35,97,119,0.4);position:absolute;transform:rotate(-90deg);content:"\27A4";text-align:center;line-height:46px;font-size:24px;left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 250ms linear;transition:all 250ms linear}
.scrollTop:hover::after{opacity:0}
.scrollTop::before{background:rgba(35,97,119,1);position:absolute;transform:rotate(-90deg);content:"\27A4";text-align:center;line-height:46px;font-size:24px;opacity:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:2;-webkit-transition:all 250ms linear;transition:all 250ms linear}
.scrollTop:hover::before{opacity:1;top:-5px}
.scrollTop svg path{fill:none}
.scrollTop svg.circleyo path{stroke:rgba(35,97,119,0.4);stroke-width:4;box-sizing:border-box;-webkit-transition:all 250ms linear;transition:all 250ms linear}
.clearfix{display:block}
h1,h2,h3{font-weight:bold;margin-bottom:0.7em;color:#236177}
h1{font-size:30px}
h2{font-size:28px;margin:10px}
h2 span{font-size:13px;display:inline-block;color:#7e7e7e;letter-spacing:1px;margin:0 10px}
h3{font-size:1.1em;margin-bottom:5px;background:#f0f0f0;padding:2px 10px}
strong{text-decoration:none!important;font-weight:700!important}
a,a:active,a:link,a:visited{color:#236177!important;text-decoration:none}
.article a{text-decoration:underline!important}
#wrapWysiwyg,#wrapHTML{display:inline-block;width:48%;vertical-align:top;overflow:hidden;text-align:left}
#wrapHTMLinner{border:1px solid #c0c0c0}
#wrapform{border-right:1px solid #c0c0c0}
#wrapWysiwyg{margin-right:2%}
#wrapWysiwyg h2{text-align:right}
.article article{max-width:1200px!important;margin:5px auto!important;border-left:medium none!important;border-right:medium none!important;padding:10px!important;z-index:2!important;position:relative!important;box-sizing:border-box!important;font-size:1.2em;width:80%!important}
.belowSourceEditor a{color:#236177!important;font-weight:bold;cursor:pointer;text-decoration:none;display:block}
#wrapTop{width:96%;max-width:2300px;margin:auto}
#felugroUzenetAblak{background-color:#eee;border:2px solid #236177;border-radius:5px 5px 5px 5px;color:#333;line-height:26px;display:none;font-size:1.3em;font-weight:700;margin:135px 0 0 35%;padding:20px;position:fixed;box-shadow:7px 7px 24px #000;text-align:center;width:30%;min-width:300px;z-index:999}
.okButton{background-color:#236177;border-radius:5px 5px 5px 5px;color:#fff;cursor:pointer;display:block;float:right;font-size:1.1em;font-weight:700;margin-top:10px;padding:4px 20px}
.okButton:hover{background-color:#444}
.wrapWysiwyg textarea{width:99%;background-color:#fff}
.wrapWysiwyg{min-height:220px}
.pleaseWaitThinking{background-color:rgba(104,125,145,.3);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}
.CodeMirror{border:none!important}
.CodeMirror-gutters .CodeMirror-gutter{background:#f0f0f0}
a,a:link,a:visited{cursor:pointer}
p a:hover{color:#000 !important}
a:hover{text-decoration:none}
.CodeMirror-code{font-size:12px;line-height:14px}
.CodeMirror{border:1px solid #999;font-family:arial;font-size:12px;line-height:12px;max-width:100%;min-width:100%;min-height:200px}
.htmlControls{clear:both;display:block;min-height:30px;padding:5px;background:#f0f0f0}
#codemirrorEditor{border-top:1px solid #c0c0c0}
.belowSourceEditor{background-color:#f0f0f0;padding:2px 15px;border-top:1px solid #c0c0c0}
.clearBoth{clear:both}
#hourglassAnimation{background:transparent url(images/icons.png) no-repeat scroll -9999px -25px;float:right;height:25px;margin:3px 0 0 0;width:25px}
.belowSourceEditor .inline{min-width:90px}
.inline{display:inline-block;font-size:13px;vertical-align:middle;line-height:14px}
.sourceIcons{display:inline-block;vertical-align:middle;padding:2px 15px}
.centered{text-align:center;margin:10px 0}
.pageCenter{margin:35px auto 0;max-width:1140px;text-align:left;display:inline-block}
.compressHTML{background-position:-19px 0}
.compressHTML:hover{background-position:-19px -26px}
.sourceIcons a{margin:5px 6px 2px 0;cursor:pointer;width:24px;display:inline-block;height:21px;overflow:hidden;background-image:url(images/icons.png);text-indent:-1000px;cursor:pointer;background-repeat:no-repeat}
#treeView{background-position:-47px 0}
#treeView:hover{background-position:-47px -26px}
#cleanButton{display:inline-block;float:right;margin:5px 1px 0}
#characterEncoding{background:transparent url(images/icons.png) no-repeat scroll -255px 0}
#characterEncoding:hover{background-position:-309px 0}
#newPage,#undo{background:url(images/icons.png) no-repeat scroll 0 0 transparent;height:25px;width:25px}
#undo{background-position:-100px 0}
#newPage{background-position:-75px 0}
#undo:hover{background-position:-100px -25px}
#newPage:hover{background-position:-75px -25px}
.convertButton{display:inline-block;font-weight:bold;min-width:80px;height:32px;float:right;font-size:18px;color:#FFF;cursor:pointer;background-color:#236177;text-align:center;border-radius:20px;line-height:32px;padding-left:20px}
.convertButton:hover{background:#444}
.sourceCleanOptions{padding:0;display:inline-block}
.sourceCleanOptions > div{display:inline-block;border:1px solid #c0c0c0;border-radius:3px;vertical-align:top;margin:2px;background:#FFF}
.sourceCleanOptions > div:hover{color:#000;cursor:pointer}
.cleanOption{background:transparent url(images/check.png) no-repeat scroll 10px 0;font-size:12px;line-height:22px;margin-top:0;letter-spacing:-.5px;padding:0 3px 2px 26px;display:inline-block;height:20px;margin:0 2px}
.cleanOption:hover{background-color:rgba(68,133,184,.1)}
.doOptionNow{width:22px;height:22px;background:transparent url(images/icons.png) no-repeat scroll -141px 0;cursor:pointer}
p>img{vertical-align:top;max-width:100%}
.sourceCleanOptions .doOptionNow{display:block;float:right}
.doOptionNow:hover{background:transparent url(images/icons.png) no-repeat scroll -141px -28px}
.doOptionNow:active{background:#236177;border-radius:10px}
.footer{text-align:right;margin:32px 0 0;padding:10px 30px;border-top:2px solid #888;color:#444;background-color:#eee;font-weight:700;line-height:21px}
.footer img{vertical-align:middle;display:inline-block}
@media screen and (min-width:1280px){h2 span{letter-spacing:5px;margin:0 30px}}
@media print{body{background:#fff;color:#000}}