.color1{color:#3cab7f}
.color2{color:#4cc092}
body,img{max-width:100%}
body{color:#444;font-family:sans-serif!important;font-size:16px;letter-spacing:.02em;background:url(https://prettyhtml.com/img/seamless.png)0 0#dfe0ce;overflow-x:hidden}
img{height:auto}
#downloadHtmlButton,#downloadHtmlDocxButton,#inputLength,.listOfSourceCleanOptions{opacity:0}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:block}
* html .clearfix{height:1%}
.wrklm{min-width:300px;background: transparent url(/img/6back.png) center center no-repeat;text-align:center;min-height: 290px}
:root{--text:#444;--muted:#666;--border:#e7ecea;--soft:#f6fbf9;--accent:#3cab7f;--accent-2:#2f8e69;--shadow:0 8px 26px rgba(0,0,0,.07);--radius:16px;--radius-sm:10px;--max:980px;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.article{color:var(--text);max-width:var(--max);margin:0 auto;padding:28px 18px}
.article h1{font-size:34px;line-height:1.15;margin:0 0 10px;letter-spacing:-.01em}
.article .kicker{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--accent);margin:0 0 10px}
.article .lead,.article .meta{font-size:18px;color:var(--muted);margin:0 0 18px}
.article h2{font-size:24px;line-height:1.25;margin:30px 0 12px}
.article h3{font-size:18px;line-height:1.35;margin:22px 0 10px}
.article p{margin:0 0 14px}  .article svg{width:30px;height:30px}
.article a{color:var(--accent);text-decoration:none;font-weight:600}
.article a:hover{text-decoration:underline}
.article .meta{font-size:13px;margin:10px 0 0}
.article .meta span{display:inline-block;margin:0 10px 8px 0;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--soft)}
.article .panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(180deg,var(--soft),#fff);padding:22px;margin:18px 0}
.article .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin:18px 0}
.article .card,.article table{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}
.article .card{grid-column:span 12;background:linear-gradient(180deg,var(--soft),#fff);padding:16px}
.article .card:before{content:"";position:absolute;inset:-30px -30px auto auto;width:140px;height:140px;background:radial-gradient(circle at 30% 30%,rgba(60,171,127,.25),transparent 60%);transform:rotate(10deg)}
.article .card,.article .card>*{position:relative}
.article .span-4{grid-column:span 4}
.article .span-6{grid-column:span 6}
.article .span-8{grid-column:span 8}
.article .callout{border-left:6px solid var(--accent);background:var(--soft);padding:14px 14px 14px 16px;border-radius:var(--radius-sm);margin:18px 0}
.article .callout strong{color:var(--accent-2)}
.article ol,.article ul{margin:0 0 16px 20px;padding:0}
.article li{margin:6px 0}
.article .checklist{list-style:none;margin-left:0}
.article .checklist li{padding-left:28px;position:relative}
.article .checklist li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:800}
.article table{width:100%;border-collapse:separate;border-spacing:0;margin:16px 0}
.article td,.article th{text-decoration:none;text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}
.article th{background:var(--soft);color:var(--text);font-weight:700}
.article tr:last-child td{border-bottom:none}
.article pre {
    margin: 16px 0;
    padding: 0px 10px;
    background: #3cab7f;
    color: #e8f7f0;
    border-radius: var(--radius-sm);
    overflow: auto;
    border: 1px solid rgba(60, 171, 127, .25);
}
.article code {
    font-family: var(--mono);
    font-size: .9em;
    letter-spacing: 0;
}
.article :not(pre)>code{background:var(--soft);border:1px solid var(--border);padding:2px 6px;border-radius:8px}
.article .badge{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(60,171,127,.12);color:var(--accent-2);border:1px solid rgba(60,171,127,.28);font-weight:700;font-size:12px}
.article .toc{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--soft);padding:12px 14px;margin:16px 0}
.article .toc ul{margin:8px 0 0 18px}

pre code.hcj {
    display: block;
    overflow-x: auto;
    padding: 10px;
    border-radius: 10px;
}
code.hcj{padding:3px 5px}
.hcj{color:#000;background:#FFF}
.hcj-comment,.hcj-quote{color:#888;font-style:italic}
.hcj-doctag,.hcj-formula,.hcj-keyword{color:#a11}
.hcj-deletion,.hcj-section,.hcj-selector-tag,.hcj-subst{color:#219}
.hcj-literal{color:#0FF}
.hcj-addition,.hcj-attribute,.hcj-meta .hcj-string,.hcj-regexp{color:#170}
.hcj-attr,.hcj-selector-attr,.hcj-selector-class,.hcj-selector-pseudo,.hcj-template-variable,.hcj-type,.hcj-variable{color:#00c}
.hcj-bullet,.hcj-link,.hcj-selector-id,.hcj-symbol,.hcj-title{color:#219}
.hcj-meta{color:black;font-weight:bold}
.hcj-name{color:#170}
.hcj-string,.hcj-number{color:#a11}
.hcj-built_in,.hcj-class .hcj-title,.hcj-title.class_{color:#170}
.hcj-emphasis{font-style:italic}
.hcj-strong{font-weight:700}
.hcj-link{text-decoration:underline}
h1 img {
    background: #80e3bc;
    padding: 4px;
    border-radius: 7px;
    margin: 0px 7px;
}
h1,h2,h3{font-weight:700;margin-bottom:.7em}
.hidden{display:none}
.mce-menubar{border-bottom:1px solid #444!important}
strong{text-decoration:none!important;font-weight:700!important}
.CodeMirror-gutters,.mce-btn,.mce-panel{background:#4cc092!important}
.imageright{float:right;margin:0 0 25px 30px}
a,a:active,a:link,a:visited{color:#056!important;text-decoration:none}
.article a{text-decoration:underline!important}
.buttonka,.licenseInformation strong,.licensePoblem strong,.mainArticle strong,a:hover{text-decoration:none}
.buttonka{display:block;border-radius:5px;font-weight:700;padding:4px 6px;background-color:#4485b8;min-width:85px;line-height:17px;cursor:pointer;font-size:14px;color:#fff;text-align:center;margin:4px}
.rightfloat{float:right}
.addNewTag .buttonka,.settingsOk,ul#howtouselist em{display:inline-block}
.buttonka:hover,.mainNavi li a.activeMunuItem,.mainNavi li a:hover{background-color:#5e5e5b}
.buttonka:active{background-color:#4485b8;color:#fff}
.listOfSourceCleanOptions p{font-size:inherit;margin-bottom:2px;line-height:inherit;margin-right:15px;text-align:right}
ul#howtouselist{list-style:none;padding:0 0 0 16px}
ul#howtouselist li{clear:both;border-bottom:1px solid #eee;padding:3px 0 0}
ul#howtouselist em{font-size:12px;color:#3cab7f;float:right;font-weight:700;margin:3px 0 0 10px}
ul#howtouselist em span{color:#d98c1c}
.rightImage{display:block;float:right;line-height:14px;margin:2px 2px 15px 30px}
.rightImage img{margin:0 0 10px}
.rightImage,.rightImage em{text-align:center;}
.wideImageFull{max-width:100%; clear:both}
.klirfix{clear:both;width:100%;min-height:1px}
.socialIcons{padding:7px;border-radius:0 0 20px 20px;text-align:right}
.socialIcons a{margin:0 15px 0 0}
.selectable{-webkit-touch-callout:initial!important;-webkit-user-select:initial!important;-khtml-user-select:initial!important;-moz-user-select:initial!important;-ms-user-select:initial!important;user-select:initial!important}
.licensePoblem{width:80%;background-color:#4485b8;color:#fff;padding:10px 10%;margin:0 0 10px}
.licensePoblem p{color:#eee}
.licensePoblem h1{font-size:25px}
.licensePoblem a{color:#fff;font-weight:700}
.licenseInformation a,.licensePoblem a:hover{text-decoration:underline}
.licenseInformation{width:300px;background-color:#f0f0f0;position:absolute;z-index:999;border:2px solid #555;top:36px;right:52px;box-shadow:-4px 3px 9px #444;display:none}
.licenseInformation h3{margin-bottom:10px}
.reklamalgatasok{width:100%;overflow:hidden;text-align:center;padding:15px 5px}
#licenseLogo{float:right;cursor:pointer;padding:6px 6px 1px}
#closeLicenseInfo{background-color:#555;color:#ccc;font-weight:700;font-size:20px;padding:0 10px 5px;text-align:right;cursor:pointer}
#closeLicenseInfo:hover{color:#fff}
.licenseContent{margin:10px 5%}
.htmlLogo,.licenseInformation a{font-weight:700}
.htmlLogo{display:inline-block;text-decoration:none;margin:7px 697px 7px 5px;vertical-align:middle}
.htmlLogo strong{color:#89bbaa;text-shadow:2px 2px 0#000,2px -2px 0#000,-2px 2px 0#000,-2px -2px 0#000,2px 0 0#000,0 2px 0#000,-2px 0 0#000,0-2px 0#000;letter-spacing:4px}
.centered{text-align:center}
.articleWrapper h3,.blueButton{background-color:#91918d;color:#fff}
.blueButton{border-radius:8px;margin:0 2px 8px 8px;padding:3px 10px;text-decoration:none;cursor:pointer;font-weight:700;font-size:13px}
.blueButton:active{margin:2px 0 6px 10px;color:#fff}
#tartalom{border:1px solid #91918d;border-radius:5px;min-width:150px;max-width:100%;min-height:100px;padding:7px 1%;width:98%;margin:0 0 5px}
.counters{color:#91918d;font-size:12px;margin:0 0 15px;font-weight:700}
.convertButtonok .blueButton{display:block;float:left}
.convertButtonok{clear:both;margin-bottom:15px}
.blueButton:hover{background-color:#3b5791}
#accordion h3{cursor:pointer}
#accordion p{padding:10px 20px 5px}
#accordion{margin-bottom:30px}
.supportButtons{float:right;margin:10px 0 0;width:270px}
.likeButtonCont{height:20px}
.article a.backToTop,.donateLink{text-decoration:none!important;float:right}
.donateLink{background-color:#ffae36;border-radius:12px;color:#1a2f5e!important;display:block;font-size:15px;font-weight:700;margin:0 0 10px 3px;padding:6px 4px 5px;text-align:center;width:105px}
.donateLink:hover{background-color:#dd963a;text-decoration:none;color:#fff!important}
.mainNavi li{float:left}
.mainNavi li a,a.populateSample{font-weight:700;cursor:pointer;text-decoration:none}
.mainNavi li a{color:#fff;display:block;font-size:12px;margin-right:0;text-transform:uppercase;padding:8px 15px;line-height:19px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.centerHeader{margin:auto;max-width:1900px;position:relative;width:80%}
.headerRightSect{float:right}
.header{background-color:#fff;color:#91918d;margin-bottom:10px;padding:0;width:100%}
.mainSidebarImg{width:100%;max-width:531px}
.sidebarHighLight{background-color:#b9cbdd;color:#000;font-size:14px;font-weight:700;margin-top:20px;padding:15px 12px}
.pageMainSidebar{background-color:#fcfcfc;float:right;min-height:15px;padding:20px 0 0;width:35%}
.lipsumItself{font-size:12px;font-weight:700;line-height:20px}
.lipsumForm{width:70%;float:left;max-width:275px}
.lipsumForm div{clear:both}
.lipsumExecute{float:right}
#gibberishArea{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;background-color:#fff;border-radius:5px;box-shadow:0 0 5px #333 inset;display:none;padding:3px 2%;width:94%;margin:auto;clear:both}
#gibberishArea p{font-size:14px;line-height:19px}
.settingek>div{float:left;margin:0 0 15px 1%}
.firstOszlop{width:20%}
.secondOszlop{width:44%}
.thirdOszlop{width:32%;margin-right:0!important}
.article,.tidyarticle{clear:both;font-size:1em;margin:5px auto 50px;max-width:100%;min-height:250px;min-width:240px;padding:25px 4%;width:85%}
.article article{width:80%!important}
.article ul li a{line-height:18px}
.article a.backToTop{display:inline-block;align-items:center;padding:6px 10px;font-size:1.2em;border:2px solid #3cab7f;border-radius:999px;color:#3cab7f!important;transition:background .2s ease,color .2s ease,transform .15s ease}
.article a.backToTop:hover{background:#3cab7f;color:#fff!important;transform:translateY(-2px)}
.article a.backToTop .btn-icon{width:20px;height:20px;margin-right:2px}
.article article,.tidyarticle article{max-width:1270px!important;margin:20px auto!important;border-left:medium none!important;border-right:medium none!important;padding:20px 38px 100px!important;z-index:2!important;position:relative!important;box-sizing:border-box!important;font-size:1em;border-radius:20px;background:url(https://prettyhtml.com/img/seamless-paper.jpg)0 0!important}
.siteMapList{list-style:none}
.activeMunuItem{background-color:#c6c6c6!important}
.articleWrapper h3{clear:both;font-size:16px;margin-top:8px;padding:4px 9px}
.mainArticle{color:#4485b8;font-size:17px;width:100%;max-width:1000px;margin:auto;padding:50px 0 20px;border-bottom:2px solid #4485b8}
.mainArticle p,.mainArticle ul{margin-bottom:35px}
.socialLinkz{list-style:none;margin:0}
.socialLinkz li a{display:block;height:30px;overflow:hidden;background:#f6f6f6;width:30px;border-radius:10px;color:#444!important}
.socialLinkz li a:hover{background-color:#000;color:#29a171!important}
.socialLinkz li a img,.socialLinkz li a svg{width:100%;height:100%;display:block}
.headerLine{width:100%;background-color:#4485b8;margin-bottom:10px}
#mindentbevon{width:100%;max-width:2300px;margin:auto}
#felugroUzenetAblak,.okButton{border-radius:5px 5px 5px 5px;font-weight:700}
#felugroUzenetAblak{background:#fff;border:2px solid #4485b8;color:#333;line-height:26px;display:none;font-size:1.3em;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:#4485b8;color:#fff;cursor:pointer;display:block;float:right;font-size:1.1em;margin-top:10px;padding:4px 20px}
.okButton:hover{background-color:#444}
#hanyreplacevoltdiv{float:left;color:#4485b8;padding:4px 4px 4px 8px;font-size:13px;font-weight:700}
#howmanyattributes,#howmanyfiltered{float:left;padding:0 0 0 30px;text-transform:lowercase}
#findreplace{float:right;margin-top:7px;margin-right:10px}
.addNewField,.deleteField{height:20px;width:20px;cursor:pointer}
.addNewField{background:url(https://prettyhtml.com/img/sprite.png)no-repeat 0 0;float:left;margin:-1px 0 2px 9px}
.addNewField:hover{background-position:0-25px}
.deleteField{background:url(https://prettyhtml.com/img/sprite.png)no-repeat -25px 0;float:left;margin:-2px 0 2px 10px}
.deleteField:hover{background-position:-25px -25px}
#transferArrow1{background-position:-12px 0}
#transferArrow2{background-position:0 0}
#transferArrow1:hover{background-position:-12px -11px}
#transferArrow2:hover{background-position:0-11px}
.mce-item-table,.mce-item-table caption,.mce-item-table td,.mce-item-table th{border:1px solid #bbb!important}
.wysiwygBevono textarea,textarea#inputfield{width:99%;background-color:#fff;min-height:200px}
textarea#inputfield{border:1px solid #999;border-radius:3px;color:#5e5e5b;font-size:.85em;font-weight:700;height:480px;margin-bottom:10px;max-width:100%;min-width:240px;padding:5px;width:100%}
.wysiwygBevono{min-height:220px}
.gondolkodobaesett{background-color:rgba(104,125,145,.3);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}
.pageIsLoading{background-color:rgba(0,0,0,.6);color:#fff;font-size:2em;font-weight:700;height:82%;left:0;padding:9% 10%;position:fixed;text-align:center;top:0;width:80%;z-index:999}
.CodeMirror{border:0!important}
.CodeMirror-code{font-size:12px;line-height:14px}
.CodeMirror-scroll{box-sizing:content-box;height:100%;margin:0;outline:medium;padding-bottom:0}
.CodeMirror{font-family:arial;font-size:12px;line-height:12px;max-width:100%;min-width:100%;min-height:200px}
.cm-s-default .cm-tag{color:#00f}
.cm-s-default .cm-attribute{color:red}
.cm-s-default .cm-string{color:#80f}
.cm-s-default .cm-atom{color:#000}
#sourceCodeSyntax,.mce-container{border:1px solid #aaa;border-radius:5px;overflow:hidden}
.sourceControlPanel{clear:both;display:block;min-height:30px;padding:5px;border-top:0 solid #999}
#homokoracska{background:url(https://prettyhtml.com/img/sprite.png)no-repeat -9999px -25px;float:right;height:25px;margin:9px 0 0;width:25px;position:absolute;bottom:4px;right:1px}
#inputLength{display:block;font-size:14px;text-align:left;font-weight:700}
.sourceIcons{display:inline-block;margin:10px 0 0}
.mce-primary button,.mce-primary button i{color:#000!important;text-shadow:none!important;font-weight:700}
.additionalSourceOptions{margin:7px 15px 0 0!important;text-transform:uppercase}
.additionalSourceOptions a{text-decoration:none;margin:1px 0;min-height:22px;min-width:24px;overflow:hidden;display:inline-block;text-indent:-999px}
.textBiggerSmaller a{height:17px;width:15px}
.fontSizes{width:25px!important}
.textBiggerSmaller span{font-weight:700;color:#4485b8}
.textBiggerSmaller{margin:2px 15px 0 0!important}
.textBiggerSmaller span:nth-child(1){font-size:9px}
.tagManager .rTableRow:nth-child(1) .rTableCell,.textBiggerSmaller span:nth-child(2){font-size:12px}
.textBiggerSmaller span:nth-child(3){font-size:15px}
.sourceBiggerFont,.sourceSmallerFont{background-color:#4485b8;border-radius:5px;color:#fff;display:inline-block;font-size:16px;font-weight:700;padding:0 2px;text-align:center;width:12px}
.sourceBiggerFont:hover,.sourceSmallerFont:hover{background-color:#5e5e5b}
#myColor{font-size:18px;display:block;border:1px solid #999;width:150px;border-radius:2px;padding:2px 5px;margin:4px 10px 4px 0;text-align:center;float:left}
#openColorLink{width:120px;float:right}
#selectedbackgr{margin-top:5px;padding:0 20px;clear:both;line-height:19px;font-weight:700}
#colorToUse input{display:inline-block;border:medium;width:48%;line-height:18px;padding:0 1%;color:#777;margin:0}
.szinInfok{border-radius:6px}
.saveOrLink{float:right;margin-top:-15px}
.savedPalette{float:left;padding:3px;width:75px;border:1px solid #777;margin:0 4px 4px 0;text-align:center;border-radius:6px}
.savedPalette input{width:80%;text-align:center;font-weight:700;margin:3px 0 0;line-height:18px;font-size:12px}
.aplikalo{border:1px solid #777;width:12px;height:13px;font-size:17px;border-radius:3px;float:right;cursor:pointer;background-color:rgba(255,255,255,.3);line-height:13px}
.aplikalo:hover{background-color:#fff}
#colorToUse{margin:10px 0}
.buttonkak{text-align:right}
.buttonkak a,.convertButton img,.drop-zone__content strong,.tabz{display:inline-block}
.buttonkak a{text-decoration:none;color:#fff}
.saveOrLink>a{cursor:pointer;font-weight:700;text-decoration:none;border-radius:5px;padding:1px 3px;display:block;margin:3px 0;font-size:11px;text-align:center;width:50px}
.saveOrLink>a:active{box-shadow:-1px -1px 4px 1px #777 inset}
.tabz{background:#3cab7f;margin:55px 0 0}
.sourceIcons a,.tabz>div{display:inline-block;cursor:pointer}
.tabz,.tabz>div{border-radius:20px 20px 0 0}
.tabz>div{color:#4cc092;font-size:20px;font-weight:700;padding:15px 35px;margin:10px 30px 0 10px}
.tabz>div.activeTab{background-color:#4cc092;color:#3cab7f}
.tabz>div:hover{background-color:#6d6759}
.mce-panel{border:0 solid transparent!important}
.editorokatbevonodiv{min-height:635px}
.compressHTML{background-position:-19px 0}
.compressHTML:hover{background-position:-19px -26px}
.sourceIcons a{margin:5px 6px 2px 0;width:24px;height:21px;overflow:hidden;background-image:url(https://prettyhtml.com/img/sprite.png);text-indent:-1000px;background-repeat:no-repeat}
#copySourceButton.copySource{background-image:none;text-indent:0;display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:4px;transition:background .2s ease,color .2s ease,transform .1s ease;color:#3c3c3c!important}
#copySourceButton.copySource .btn-icon{width:21px;height:21px}
#copySourceButton.copySource:hover{background:rgba(0,0,0,.08);color:#000!important}
#copySourceButton.copySource.copied{background:rgba(41,161,113,.12);color:#29a171!important}
#copySourceButton.copySource:active{transform:translateY(1px)}
#treeView{background-position:-47px 0}
#treeView:hover{background-position:-47px -26px}
.multiButton{margin:2px 2px 4px;display:inline-block;float:right}
#characterEncoding{background:url(https://prettyhtml.com/img/sprite.png)no-repeat -255px 0}
#characterEncoding:hover{background-position:-309px 0}
.convertCaseLink,.lineWrappingLink{color:#000!important;font-size:11px;margin:2px 10px;text-transform:none}
.clearButton,.undoButton{background:url(https://prettyhtml.com/img/sprite.png)no-repeat 0 0;height:25px;width:25px}
.undoButton{background-position:-100px 0}
.clearButton{background-position:-75px 0}
.undoButton:hover{background-position:-100px -25px}
.clearButton:hover{background-position:-75px -25px}
.convertButton{display:block;float:right;background:url(https://prettyhtml.com/img/seamless-paper.jpg)0 0;cursor:pointer;position:relative;color:#3cab7f;padding:2px 10px;border-radius:20px;border:2px solid #3cab7f}
.convertButton:hover{border-color:#444}
.convertButton img{vertical-align:middle;transition:transform .18s ease;transform-origin:50% 60%}
.convertButton:hover img{transform:rotate(5deg) translateY(-4px)}
.listOfSourceCleanOptions{padding:0;display:inline-block}
.clickAndCopy{margin-top:15px}
.clickAndCopy input{border-bottom:1px solid #eee;margin:2px 1% 1px 0;cursor:pointer;padding:0;line-height:1.4em;width:48%;border-top:none;background-color:#f6f6f6;border-left:none;border-right:none}
.clickAndCopy input:nth-child(2n){margin:2px 0 1px}
.clickAndCopy .windowContent{padding:5px 10px 10px}
.listOfSourceCleanOptions div:hover{color:#0c794e;cursor:pointer}
.SourceCleanOptionButt{background:url(https://prettyhtml.com/img/check.png)no-repeat 10px 0;font-weight:400;line-height:22px;margin-top:0;letter-spacing:-.1px;padding:0 0 2px 26px;clear:both;float:left;height:22px;background-position:4px 0}
.SourceCleanOptionButt:hover{background-color:rgba(68,133,184,.1)}
.SourceCleanOptionButt.activeOption{background-position:4px -64px}
.convertHover .SourceCleanOptionButt.activeOption{background-color:#c5f1e0}
.SourceCleanOptionButt img{margin-top:3px}
.tableToDivConvert{width:44px;height:20px;background:url(https://prettyhtml.com/img/sprite.png)no-repeat -341px 0;cursor:pointer}
.rTable{display:table;width:100%}
.rTableRow{display:table-row}
.rTableCell,.rTableHead{display:table-cell;padding:0 3px;border:1px solid #eee;line-height:20px}
.rTableFoot,.rTableHeading{font-weight:700;background-color:#ddd}
.rTableHeading{display:table-header-group}
.rTableFoot{display:table-footer-group}
.rTableBody{display:table-row-group}
.addNewTag{display:none}
.addTagContent>.clearfix{width:96%;padding:5px 2%0}
.addTagContent>.clearfix:nth-child(2n){background-color:rgba(68,133,184,.06)}
.tagManager .rTableCell:nth-child(1){font-weight:700;padding-left:10px}
.tagManager .rTableRow:nth-child(1){letter-spacing:-1px}
.tagManager .rTableRow:nth-child(1) span{background-color:#cce1fc;border-radius:3px}
.tagManager .rTableRow:nth-child(1) strong{text-decoration:none;font-size:12px}
.tagInput{border:1px solid #777;width:50px;display:inline-block;margin:-8px 8px 1px 0;font-weight:700;padding:1px 2px}
.tagLabl{width:30%;float:left;margin:4px 2% 2px 0;font-weight:700}
.tagAttr .tagLabl{width:15%;margin:4px 1% 2px 0}
.css-dmb4u1.css-dmb4u1 .qc-cmp2-footer .qc-cmp2-summary-buttons button:first-of-type{order:1;background:#03950b;color:#fff;font-weight:700;cursor:pointer}
.css-dmb4u1.css-dmb4u1 .qc-cmp2-footer .qc-cmp2-summary-buttons button:hover{box-shadow:2px 2px 10px #223d6a}
button span{cursor:pointer!important}
.qc-cmp2-persistent-link{padding:2px 5px;text-decoration:none;background:#000;color:#fff!important;font-weight:400!important;opacity:.5;left:0;font-size:13px;right:auto}
.qc-cmp2-persistent-link:hover{opacity:.9}
.addTagHead{background-color:#ddd;padding:5px;text-transform:uppercase;font-weight:700;font-size:12px;color:#222}
.aligncenter{text-align:center}
.addTagContent{padding:0 0 20px}
.tagAttr,.tagAttr50{width:100%;padding:2px 0;height:25px}
.tagAttr50{width:48%;padding:2px 2% 2px 0;float:left}
#tablecollapse{width:52%}
abbr[data-original-title],abbr[title]{cursor:help;border-bottom:2px dotted #777;text-decoration:none}
.tagInp{float:left;width:65%}
.tagAttr .tagInp{width:84%}
.addTagInput,.addTagInput50{border:1px solid #777;width:100%}
.addTagInput50{width:50%}
.addTagNow{width:21px;float:right;height:21px;background:url(https://prettyhtml.com/img/sprite.png)no-repeat 0 0;cursor:pointer}
.addTagNow:hover{background:url(https://prettyhtml.com/img/sprite.png)no-repeat 0-25px}
.doOptionNow{min-width:72px;height:22px;padding-right:10px;cursor:pointer;font-size:16px;text-decoration:none;font-weight:700;display:inline-block}
#Filter_Filter{width:97%}
p>img{vertical-align:top;max-width:100%}
.tagAttributeToDelete{width:90%}
.bluewindow .tagInput{margin:0}
.bluewindow{font-weight:700}
.activeAttribute{width:30px;height:20px;cursor:pointer;background:url(https://prettyhtml.com/img/check.png)no-repeat 10px -66px}
.bluewindow .rTableCell{border:0;padding:0;vertical-align:middle}
.tagLabel{float:left;padding:0 5px 1px 0;font-weight:700}
.checkThisOption{width:21px;background:url(https://prettyhtml.com/img/check.png)no-repeat 0 2px;cursor:pointer;height:19px;display:inline-block}
.windowHeaderTitle{float:left}
#lipsumHeader,.windowHeader{text-transform:uppercase;font-weight:700;font-size:12px;margin-top:0}
.windowHeader{padding:3px 7px;color:#fff;line-height:18px}
#lipsumHeader{color:#000;padding:3px 7px 3px 13px}
.clearboth{clear:both}
#logSegitseg{float:left;display:none}
.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}
.sectionz{clear:both;width:100%;padding-top:30px}
.sectionz1,.sectionz2{float:left;width:30%;margin-right:3%}
.sectionz2{width:37%}
.sectionz3{float:right;width:27%;min-height:100px}
.windowContent{padding:10px 6px;background-color:#fff}
.tagManager .windowContent{padding:0 0 10px}
.toSourceCleanOption{padding:0;border:2px solid #3cab7f;border-radius:5px;display:inline-block;margin:4px 6px 3px;background:#f3f3f3 url(https://prettyhtml.com/img/seamless-paper.jpg)0 0}
.tagManager .rTableRow:nth-child(2n),.toSourceCleanOption:nth-child(2n){background-color:rgba(138,133,134,.04)}
.tagManagerHeader .rTableCell{line-height:15px;padding-bottom:5px}
#tagReset{cursor:pointer;float:left}
.tagManager .rTableRow:hover,.toSourceCleanOption:hover{background-color:rgba(138,133,134,.15)}
.tagManager .rTableCell{border:0}
.lipsumItself,.warningItself{padding:5px 10px}
.lipsumItself select{vertical-align:middle;margin:0 0 6px;height:20px;border-radius:3px;float:right;font-weight:700;padding:1px 10px;border:1px solid #999}
.warningItself li{font-size:12px;font-weight:700;line-height:15px;margin-bottom:5px}
.replaceList{padding-bottom:5px}
#replace10,#replace11,#replace12,#replace2,#replace3,#replace4,#replace5,#replace6,#replace7,#replace8,#replace9{display:none}
.replaceText{color:#444;font-size:1em;font-weight:700;padding:10px 1% 14px;width:96%}
.replaceText input,.wheretoreplaceoption select{border:1px solid #999;float:right;font-size:.9em;font-weight:700;margin:1px 0;padding:1px;width:64%}
.wheretoreplaceoption select{width:40%;min-width:150px}
.findwhat,.replacewith,.wheretoreplaceoption{clear:both;width:84%;float:left;line-height:1.5em}
pre{color:#000;padding:9px 17px;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
.drop-zone{border:2px dashed #4cc092;border-radius:8px;padding:6px;max-width:187px;font-size:16px;margin:4px auto 6px;background:#cdcebe url(https://prettyhtml.com/img/seamless-paper.jpg)0 0;text-align:center;color:#444;cursor:pointer;transition:all .2s ease}
.drop-zone:hover{border:2px dashed #000}
.drop-zone.is-dragover{border-color:#29976b;background:#f0f7ff}
.drop-zone__icon{width:34px;height:32px;display:block;margin:0 auto 3px}
.inlineBlock{display:inline-block;vertical-align:middle}
.drop-input{display:none}
.tidyOptionsBack{background:url(https://prettyhtml.com/img/seamless-paper.jpg)0 0;padding:3px 1px 1px 0;border-bottom:1px solid #ccc}
article{max-width:700px!important;margin:20px auto!important;border-left:none!important;border-right:none!important;padding:30px 50px 100px!important;z-index:2!important;position:relative!important;min-height:none!important;box-sizing:border-box!important;font-family:"Arimo",sans-serif!important;-moz-box-sizing:border-box!important}
.CodeMirror-gutters,.mce-btn,.mce-panel,article{background:url(https://prettyhtml.com/img/seamless-paper.jpg)0 0!important}
.aboveEditorLinks{display:inline-block;background:#3cab7f;max-width:600px;margin-left:8px;text-align:center;border-radius:0 0 10px 10px}
.aboveEditorLinks a{cursor:pointer;font-size:16px;color:#222!important;text-decoration:none;font-weight:700;padding:4px 10px;border-radius:16px}
.aboveEditorLinks a:hover{background:#fff;color:#000!important}
.aboveEditorLinks a .btn-icon{width:22px;height:22px;vertical-align:middle;margin-right:0}
.socialLinkz{width:auto;padding:3px 20px 5px;vertical-align:middle;position:absolute;right:0;top:0}
.socialLinkz li{float:none;margin:2px 6px}
.aboveEditorLinks a,.hiddenTabContent,.socialLinkz,.socialLinkz li{display:inline-block}
.pageCenter{max-width:98%;width:100%;text-align:center;margin:15px auto 5px}
.pageCenter>div{text-align:left}
.tabzContainer{display:block;background:0 0;position:relative;text-align:center!important}
.hamburgerMenuBtn{position:absolute;left:8px;top:8px;width:38px;height:38px;border-radius:10px;border:2px solid #3cab7f;background:url(https://prettyhtml.com/img/seamless-paper.jpg)0 0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease;z-index:20}
.hamburgerMenuBtn:hover{border-color:#000;background:rgba(0,0,0,.03)}
.hamburgerMenuBtn:active{transform:translateY(1px)}
.hamburgerIcon{width:22px;height:16px;position:relative}
.hamburgerIcon span{position:absolute;left:0;right:0;height:2px;background:#3cab7f;transition:transform .2s ease,opacity .2s ease,top .2s ease,background .2s ease}
.hamburgerMenuBtn:hover .hamburgerIcon span{background:#000}
.hamburgerIcon span:nth-child(1){top:0}
.hamburgerIcon span:nth-child(2){top:7px}
.hamburgerIcon span:nth-child(3){top:14px}
.hamburgerMenuBtn.open .hamburgerIcon span:nth-child(1){top:7px;transform:rotate(45deg)}
.hamburgerMenuBtn.open .hamburgerIcon span:nth-child(2){opacity:0}
.hamburgerMenuBtn.open .hamburgerIcon span:nth-child(3){top:7px;transform:rotate(-45deg)}
.innerPagesPopup{position:fixed;width:245px;max-width:calc(100% - 16px);background:#fff url(https://prettyhtml.com/img/seamless-paper.jpg)0 0;border:2px solid #3cab7f;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:8px 8px 10px;transform:translateY(-6px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:9999}
.innerPagesPopup.open{opacity:1;transform:translateY(0);pointer-events:auto}
.innerPagesPopupHeader{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 4px 8px;border-bottom:1px solid #c8e9dc;margin-bottom:6px}
.innerPagesPopupHeader strong{color:#29a171}
.innerPagesPopupClose{background:0 0;border:0;color:#444;font-size:26px;line-height:1;cursor:pointer;border-radius:8px;padding:4px 10px}
.innerPagesPopupClose:hover{background:#f2f2f2}
.innerPagesPopupFooter{border-top:1px solid #c8e9dc;margin-top:6px;padding-top:6px}
.innerPagesList{list-style:none;margin:0;padding:2px 4px 6px;max-height:70vh;overflow:auto}
.innerPagesList li{margin:2px 0}
.innerPagesList a{display:block;padding:6px 8px;border-radius:8px;text-decoration:none!important;color:#056!important;transition:background .15s ease,color .15s ease}
.innerPagesList a:hover{background:#e9f7f2;color:#000!important}
.innerPagesPopup .socialLinkz{position:static;right:auto;top:auto;width:auto;padding:6px 4px;display:flex;justify-content:center;gap:6px}
.innerPagesPopup .socialLinkz li{float:none;margin:0 4px}
.innerPagesPopup .socialLinkz li a{height:26px;width:26px}
@media (max-width:360px){.innerPagesPopup{width:calc(100% - 16px)}
.innerPagesPopupHeader{padding:4px 6px}
.innerPagesList a{padding:8px 10px;font-size:15px}
}
.sourceWrap .populateSample{display:none}
.sourceWrap,.wysiwygBevono{width:48%;display:inline-block;vertical-align:top;border-radius:10px}
.wysiwygBevono{padding:2px 1% 40px}
.sourceWrap{padding:2px 0 10px 1%}
.aboveEditorLinks{background:0 0}
.listOfSourceCleanOptions{margin-left:0}
.SourceCleanOptionButt{width:23px;margin-right:5px}
@media screen and (max-width:2000px){.htmlLogo{margin-right:300px}
}
@media screen and (max-width:1700px){.htmlLogo{margin-right:100px}
}
@media screen and (max-width:1444px){.pageCenter{max-width:99%}
.sourceWrap{padding-left:0}
.htmlLogo{margin-right:26px;}
}
@media screen and (max-width:1000px){.tabzContainer{padding:13px 5px}
.aboveEditorLinks a{padding:4px 6px}
.socialLinkz li{margin:2px 4px}
.htmlLogo img{width:199px}
.drop-zone{padding:3px;font-size:14px}
.socialLinkz{position:relative}
.sourceWrap,.wysiwygBevono{width:auto;display:block;padding:2px 1% 15px;vertical-align:top;border-radius:10px}
.article article{width:100%!important}
.article{width:92%}
}
@media screen and (max-width:950px){.socialLinkz{display:none}
.tabzContainer{padding-left:47px}
}
@media screen and (max-width:670px){
.article .span-6{grid-column: span 12;}
.sourceIcons{margin:5px 0 0 25px;display:block}
.listOfSourceCleanOptions{margin-left:25px}
.socialLinkz li a{height:25px;width:25px}
.socialLinkz{width:160px}
    .article {
        width: 92%;
    }
.article article, .tidyarticle article{padding: 20px 15px 100px !important;}
}
@media screen and (max-width:450px){.multiButton img{width:100px}
}
@media print{body{background-color:#fff;color:#000}
}