html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;font-family:"Courier New",Courier,monospace}
body,html{background:#dde8ee;font-family:Arial,Helvetica,sans-serif;color:#333;font-size:18px;line-height:26px}
.blinking{animation:blinkingText 2s infinite}
#wrapCellSizeCompare{position:absolute;z-index:12;left:-135px;top:0px;height:1px;background:#000;padding:0;overflow:hidden;opacity:0.01}
span#cellSizeCompare{font-size:170px;display:inline-block;background:#FFF;font-weight:normal;line-height:100px}
.boldTexts span#cellSizeCompare{font-weight:bold}
#paintTools svg{width:22px;height:22px;fill:#333}
#getMoreInfo svg{width:18px;height:18px;fill:#FFF}
#oneClickTools svg{width:15px;height:15px;fill:#0a5673;vertical-align:top;display:inline-block}
#paintToolBox span strong,#paintToolBox a strong{font-weight:bold;font-size:1.5em;margin-right:0px;color:#0a5673;text-align:center;vertical-align:middle;min-width:20px;display:inline-block}
@keyframes blinkingText{0%{opacity:1}
70%{opacity:1}
80%{opacity:0}
90%{opacity:1}
100%{opacity:1}
}
img{max-width:100%}
.hidden{display:none}
.center{text-align:center;max-width:950px;margin:0 auto 20px}
.centeredText{text-align:center}
#nav ul li.centeredText ul li a{text-align:center;display:block}
.footerImg{width:100px;float:left;margin:15px 5px 5px 0px}
article dt{font-weight:bold;margin-top:10px}
article table,article dl{margin:5px 25px 20px}
h1{font-size:28px;margin:15px 25px 10px;color:#0a5673}
h2{font-size:25px;padding:0 10px;line-height:30px;margin:10px;color:#0a5673}
#leftSide h2, #leftSide h2 a{margin:10px 2px 3px;font-size:21px;line-height:26px;color:#34738c}
h3{font-size:14px;margin:0;display:block;padding-top:13px;position:absolute;line-height:20px;text-align:center;color:#84aab9;z-index:5}
article h3{display:block;line-height:1em;font-size:1em;text-align:left;color:#0a5673;position:relative;margin:13px 25px 3px}
a.more{display:inline-block;background:#0a5673;color:#FFF !important;text-decoration:none;padding:0px 10px;border-radius:10px;margin:0 20px 5px;opacity:0.8}
.wrapMoreLink{text-align:center}
.adBanner{background-color:transparent;height:1px;width:1px}
.panelCopied{background:#164050;color:#FFF;position:absolute;z-index:9;top:-20px;border-radius:10px;font-size:15px;font-weight:bold;padding:0 10px}
.justCopiedThis{background:#3390FF;color:#FFF}
.panelHeader{font-size:30px;margin-top:25px;line-height:30px;color:#000}
#leftSide a#sidebarBackTop{background:#286983;margin-top:30px;color:#FFF;text-shadow:none;font-size:17px;opacity:0.8;cursor:pointer;display:block;padding:5px}
#sidebarBackTop:hover{opacity:1}
#leftSide pre{font-size:14px;line-height:16px;font-family:"Courier New",Courier,monospace !important;text-align:left;margin-bottom:35px;font-weight:bold}
#leftSide pre#ascii{font-size:10px;line-height:10px;overflow:auto;margin-bottom:5px;max-height:250px;max-width:100%}
ul.left-links{text-align:left}
.left-links a span{color:black !important;display:inline-block;float:right;min-width:48px;text-align:center}
#leftSide ul.left-links a{font-size:20px;line-height:23px}
a.panel{display:block !important;padding:10px 5px !important;text-align:center !important;font-size:16px !important;background:#FFF;font-weight:normal;line-height:24px !important;border:2px solid #286983;border-radius:10px;cursor:pointer;margin-bottom:40px}
a.panel:hover{background:#e1f5ff}
.panel strong{font-size:1.5em;font-weight:bold}
.panel span{text-decoration:underline;font-weight:bold}
.row:nth-child(1){border-top:none}
.inlineLinks{text-align:center;margin-bottom:10px}
.inlineLinks a{display:inline-block;text-decoration:none;color:#222 !important;font-weight:bold;padding:2px 10px;border:2px solid #FFF;border-radius:15px;box-shadow:2px 2px 4px #ccc;margin:4px;background:#ffffff}
.inlineLinks a.active{background:#9eb5c1;box-shadow:none}
.inlineLinks a.active span{color:#222 !important}
.inlineLinks a span{color:#3a778e !important;font-size:14px}
.inlineLinks a:hover{border-color:#3a778e}
.inline{display:inline-block;vertical-align:middle}
.clearboth{clear:both}
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
h4{font-size:15px;margin:0px 0 8px;color:#0a5673}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
a,a:visited,a:link{color:#015b7d}
a:hover{opacity:1 !important}
.leftInner{padding:0}
input,select{vertical-align:middle;padding:0}
.row{clear:both;overflow-x:auto;position:relative;text-align:center;padding:0 10px;border-top:1px solid rgba(0,0,0,0.1);min-height:50px}
.row > a{position:absolute;bottom:7px;right:10px;margin:0;background:#34738c;color:#FFF !important;padding:0 8px;text-decoration:none;border-radius:10px;font-size:14px;font-weight:bold;line-height:22px;opacity:0.6}
.row > a:hover{opacity:1}
.row pre{background:#fcfcfc;display:inline-block;padding-left:3px;text-align:left;padding-right:3px;box-shadow:none !important}
.row:hover pre{background:#FFF}
.inlines{text-align:center;max-width:100%;overflow-x:hidden;padding-bottom:35px}
.inlines > pre{}
.descr{display:none}
.wrapInlinePre:hover .descr{display:block}
.inlines .wrapInlinePre{display:inline-block;margin:1px 7px;border:1px solid #dde8ee;border-radius:10px;position:relative;padding:0;min-width:85px;box-shadow:2px 2px 5px #eee}
.inlines .descr{position:absolute;bottom:-10px;left:-60px;right:-60px;z-index:99}
.descr span{font-size:13px;line-height:15px;text-transform:capitalize;font-weight:bold;background:rgba(26,83,105,0.7);color:#FFF;display:inline-block;padding:0 5px;border-radius:5px}
.inlines pre{font-size:20px;line-height:23px;border-radius:10px;padding:12px 10px}
.inlines pre:hover{background:#dde8ee}
.inlines.smaller pre{padding:6px 5px}
.inlines.smaller .wrapInlinePre{min-width:25px;border:none}
.inlines.smaller .descr{bottom:auto;left:-90px;right:-90px;top:40px}
pre.asciiart,.gallery pre,pre.galleryPre{font-family:"Courier New",Courier,monospace;font-size:14px;line-height:14px;letter-spacing:-0.5px}
.gallery{text-align:center}
.gallery pre,pre.galleryPre{text-align:left;margin:5px;padding:20px 4%;display:inline-block;max-width:92%;vertical-align:middle;overflow:auto;box-shadow:1px 1px 10px #ddd;border-radius:20px}
.gallery pre:hover{background:#dde8ee}
.gallery pre.font08{font-size:0.8em;line-height:0.8em}
.gallery pre.font09,pre.galleryPre.smaller{font-size:0.9em;line-height:0.9em}
.gallery pre.font11,pre.galleryPre{font-size:1.1em;line-height:1.1em}
.gallery pre.font12{font-size:1.2em;line-height:1.2em}
.gallery pre.font13{font-size:1.3em;line-height:1.3em}
article table td,article table th{border:1px solid #FFF;text-align:center;padding:1px 3px}
article table{margin:auto}
pre.superscriptizer{padding-top:8px}
pre.zalgotext{padding-bottom:30px;padding-top:30px}
pre.taller{padding-bottom:20px;padding-top:20px}
pre{font-family:arial;cursor:pointer;overflow:hidden;font-size:22px;line-height:27px;text-align:center;position:relative;padding:7px 0;z-index:6}
.boldTexts textarea,.boldTexts .panelList .char,.boldTexts .pcell{font-weight:bold}
.row:hover{background:#FFF}
#selectedFontFamily{border-radius:15px;padding:1px 10px;margin-top:0;cursor:pointer;font-weight:bold;font-size:14px;display:inline-block;background:#FFF;min-width:155px}
#selectedFontFamily span{float:right}
#selectedFontFamily:hover{background-color:#34738c;color:#FFF}
#fontFamilySelector{border:1px solid #999;position:absolute;background-color:#FFF;border-radius:10px;z-index:9;right:12px;width:190px;display:none;box-shadow:0px 3px 4px 2px #716f6f;overflow:hidden}
#fontFamilySelector > div{cursor:pointer;display:block;font-size:14px;padding:0;color:#a23535;text-align:center;line-height:20px}
#fontFamilySelector > div:nth-child(1),#fontFamilySelector > div:nth-child(2){color:#128012}
#fontFamilySelector > div.active,#fontFamilySelector > div:hover{background:#dde8ee}
#pleaseYo{display:none}
#leftSide a,.mobileMenu a{color:#222;text-decoration:none;font-size:20px;display:block;line-height:40px;text-shadow:1px 2px 1px #FFF;text-align:center;padding:7px 0 0 0}
.mobileMenu a{display:inline-block;padding:5px 20px;vertical-align:middle;font-size:18px;font-weight:bold}
#leftSide a:hover,#leftSide a.active,.mobileMenu a:hover,.mobileMenu a.active{background:#FFF}
#leftSide a.inline,.mobileMenu a.inline{display:inline-block;line-height:36px;font-size:20px;padding:0 13px}
#leftSide a span,.mobileMenu a span{color:#286983;text-shadow:1px 1px 1px #fff}
.mobileMenu h2{display:block;margin:0;line-height:20px}
.mobileMenu{background:#dde8ee;text-align:center;padding:5px 5px 20px;display:none}
#leftSide a pre,.mobileMenu a pre{font-family:"Courier New",Courier,monospace !important;display:inline-block;text-align:left;font-weight:bold;font-size:12px;padding:0;line-height:12px;margin-bottom:5px}
#leftSide{float:left;position:absolute;overflow:auto;text-align:center;min-height:200px;width:310px;padding:10px;background:#dde8ee;user-select:none;font-weight:bold;font-size:14px}
#mainer{margin:0 0 0 333px;padding:0;position:relative;z-index:555}
#logo em{font-style:normal;display:inline-block;margin-bottom:10px;margin-left:10px}
#logo pre{text-align:left;font-family:"Courier New",Courier,monospace !important;font-weight:bold;position:relative;font-size:15px;line-height:15px;background:transparent !important;color:#1f576d !important}
a#logo{color:#0a5673;display:inline-block;font-size:14px;cursor:pointer;font-family:"Courier New",Courier,monospace !important;line-height:14px;text-align:left;padding:0 10px;text-decoration:none;letter-spacing:-1px;margin:20px 60px 20px 0;display:inline-block;vertical-align:middle;position:relative}
a#logo:hover{color:#222 !important;text-shadow:4px 3px 4px #1f576d;top:-2px;left:-2px}
.wrapAsl{text-align:center}
.wrapAsl span{display:inline-block;width:92px;height:96px;text-align:left;vertical-align:middle;background:url(img/asl.png) no-repeat center center #FFF;padding:1px 0 0 5px;font-size:16px;font-weight:bold}
span.spaceasl{background:none;width:35px}
span.aslA{background-position:-20px 0px;width:47px}
span.aslB{background-position:-115px 0;width:47px}
span.aslC{background-position:-216px 0;width:53px}
span.aslD{background-position:-323px 0;width:38px}
span.aslE{background-position:-421px 0;width:40px}
span.aslF{background-position:-522px 0;width:43px}
span.aslG{background-position:-615px 0;width:61px}
span.aslH{background-position:-710px 0;width:66px}
span.aslI{background-position:-824px 0;width:38px}
span.aslJ{background-position:-916px 0;width:54px}
span.aslK{background-position:-25px -100px;width:40px}
span.aslL{background-position:-126px -100px;width:55px}
span.aslM{background-position:-225px -100px;width:43px}
span.aslN{background-position:-324px -100px;width:45px}
span.aslO{background-position:-422px -100px;width:46px}
span.aslP{background-position:-505px -100px;width:77px}
span.aslQ{background-position:-622px -100px;width:53px}
span.aslR{background-position:-728px -100px;width:34px}
span.aslS{background-position:-828px -100px;width:38px}
span.aslT{background-position:-924px -100px;width:36px}
span.aslU{background-position:-29px -200px;width:35px}
span.aslV{background-position:-129px -200px;width:38px}
span.aslW{background-position:-227px -200px;width:41px}
span.aslX{background-position:-324px -200px;width:43px}
span.aslY{background-position:-422px -193px;width:59px}
span.aslZ{background-position:-524px -200px;width:54px;text-indent:40px}
span.asl0{background-position:-31px -288px;width:38px}
span.asl1{background-position:-133px -300px;width:34px}
span.asl2{background-position:-227px -298px;width:40px}
span.asl3{background-position:-329px -293px;width:48px}
span.asl4{background-position:-423px -292px;width:43px}
span.asl5{background-position:-521px -300px;width:59px}
span.asl6{background-position:-628px -295px;width:34px}
span.asl7{background-position:-722px -300px;width:42px}
span.asl8{background-position:-822px -300px;width:45px}
span.asl9{background-position:-916px -300px;width:45px}
.wrapSemaphore{text-align:center}
.wrapSemaphore span{display:inline-block;width:75px;height:25px;vertical-align:middle;background:url(img/semaphore.png) no-repeat center center #FFF;padding:60px 0 0 0;font-size:14px;font-weight:bold}
span.signA,span.sign1{background-position:0 -10px}
span.signB,span.sign2{background-position:0 -110px}
span.signC,span.sign3{background-position:0 -210px}
span.signD,span.sign4{background-position:0 -310px}
span.signE,span.sign5{background-position:0 -410px}
span.signF,span.sign6{background-position:0 -510px}
span.signG,span.sign7{background-position:0 -610px}
span.signH,span.sign8{background-position:0 -710px}
span.signI,span.sign9{background-position:0 -810px}
span.signJ{background-position:0 -910px}
span.signK,span.sign0{background-position:0 -1010px}
span.signL{background-position:0 -1110px}
span.signM{background-position:0 -1210px}
span.signN{background-position:0 -1310px}
span.signO{background-position:0 -1410px}
span.signP{background-position:0 -1510px}
span.signQ{background-position:0 -1610px}
span.signR{background-position:0 -1710px}
span.signS{background-position:0 -1810px}
span.signT{background-position:0 -1910px}
span.signU{background-position:0 -2010px}
span.signV{background-position:0 -2110px}
span.signW{background-position:0 -2210px}
span.signX{background-position:0 -2310px}
span.signY{background-position:0 -2410px}
span.signZ{background-position:0 -2510px}
span.spacesign{background-position:0 -2610px}
span.signNR{background-position:0 -2710px}
span.signT{background-position:0 -1910px}
#header{background:#FFF;text-align:center;position:relative;box-shadow:0px -4px 10px -5px #555 inset;padding:20px 5px;user-select:none;min-height:105px}
#nav,nav{display:inline-block;vertical-align:middle}
#nav ul li{display:inline-block;margin:3px}
#nav ul{list-style:none}
#nav ul li{padding:2px 5px;font-size:20px;position:relative;font-weight:bold;min-width:80px;display:inline-block;text-align:center}
#nav ul li a.active{box-shadow:1px 0px 0px 2px #34738c}
a.moreLink{border:none !important;box-shadow:none !important}
#textFaceGallery{display:none}
#nav ul li a span.wider{display:inline-block;min-width:85px;font-size:1.2em;text-align:center}
#nav ul li a{color:#0a5673;text-decoration:none;display:block;padding:0px 10px;background:#dde8ee;line-height:50px;border-radius:40px}
#nav ul li:hover a,#nav ul li a:hover{background:#a0c7dc;color:#000}
#nav ul ul{position:absolute;background:#dde8ee;width:200px;box-shadow:3px 3px 3px #999;border-radius:0 20px 20px 20px;z-index:2;opacity:0;z-index:1002}
#nav ul li:last-child ul{width:160px}
#nav ul ul li a span{display:inline-block;font-size:1.4em;color:#000;min-width:40px;text-align:center}
ul.blurred{display:none;z-index:0}
#nav ul ul li{display:block;padding:0;font-size:16px;text-align:left;line-height:22px}
#nav ul ul li a{background:transparent !important;color:#0a5673 !important;line-height:28px}
#nav ul ul li a:hover{color:#000 !important;background:#FFF !important}
.box{margin:20px 5px;padding:20px 2px;background:url(img/toprightcorner.png) no-repeat top right white;position:relative;border-radius:20px}
.box.hiddenFrame{background:none}
p,.leftInner ul,.leftInner ol{margin:0 25px 20px;font-size:16px;line-height:20px;text-align:center}
article p{text-align:left}
#wrapFbWidget{min-height:90px}
.leftInner ul{padding-left:25px;text-align:left}
.leftInner li{margin-bottom:15px}
#leftSide a.fbLink{color:#34738c;font-size:17px;line-height:20px}
#leftSide a.fbLink em{font-size:0.6em;font-style:normal}
#leftSide a.fbLink span{color:#4267b2;display:inline-block;background:#FFF;font-size:1.3em;border-radius:5px}
p span{color:#34738c}
#wrapFBComments{max-width:500px;margin:auto}
.panelList{padding:25px 5px 5px;text-align:center}
.panelList .panel{display:inline-block;padding:0;vertical-align:top;border-radius:10px;cursor:pointer;margin:0 1px 2px;position:relative}
.detailview .panelList .panel{background:#FFF;box-shadow:2px 2px 5px #eee;margin:0 4px 4px}
.panelList .panel:hover{background:#dde8ee}
.panel span{background:#FFF;color:#000}
.detailview .panel span,.listview .panel span{background:#fdd0d0;text-decoration:none}
.panel .detail{position:absolute;z-index:11;display:none;width:100px;background:#dde8ee;padding:5px 10px;border-radius:0 10px 10px 10px;box-shadow:2px 2px 2px #bbb}
.panelList .char{font-size:30px;border-radius:10px 10px 0 0;line-height:30px;font-weight:normal;min-width:15px;padding:2px 4px 8px}
.panelList.emojiFont .char{font-family:apple color emoji,segoe ui emoji,notocoloremoji,segoe ui symbol,android emoji,emojisymbols,emojione mozilla}
.panel.more{background:transparent !important;box-shadow:none !important;color:#286983;font-size:17px;padding:10px !important;display:block !important;line-height:18px;vertical-align:bottom !important}
.panel:hover .char{background:#dde8ee}
.panelList em{display:none}
.panelList .name{font-size:13px;margin:auto;line-height:14px;font-weight:bold}
.panelList .deci,.panelList .hex{font-size:14px;line-height:18px}
.panelList .styles,.panelList .width{display:none;text-align:center}
.listview .panelList .styles,.listview .panelList .width{display:inline-block}
.panelList .styles span,.panelList .width span{display:inline-block;font-weight:normal;font-size:18px;text-decoration:none;background:transparent;margin:0 2px}
.panelList .width span{font-size:15px}
.panelList .styles span:nth-child(2){font-weight:bold}
.panelList .styles span:nth-child(3){font-style:italic}
.panelList .styles span:nth-child(1){font-weight:normal}
#charResults p{margin:0}
#charSearchBox .boxview{display:none}
.boxview{position:absolute;top:-10px;right:22px;background:#fff;padding:2px 5px;border:2px solid #34738c;font-size:16px;border-radius:10px;line-height:20px;font-weight:bold;color:#34738c;cursor:pointer;user-select:none}
.boxview:hover{background:#dde8ee}
.boxview span{display:inline-block;padding:1px 5px;font-size:20px;border-radius:5px}
.boxview span:nth-child(1){background:#34738c;color:#FFF}
.detailview .boxview span:nth-child(2){background:#34738c;color:#FFF}
.detailview .boxview span:nth-child(1),.detailview .boxview span:nth-child(3){background:transparent;color:#34738c}
.detailview .panelList .char{font-size:40px;line-height:40px}
.listview .boxview span:nth-child(3){background:#34738c;color:#FFF}
.listview .boxview span:nth-child(1),.listview .boxview span:nth-child(2){background:transparent;color:#34738c}
.detailview .panel .detail{position:relative;z-index:9;display:block !important;opacity:1 !important;width:100px;background:transparent;border-radius:10px;box-shadow:none}
.listview .panelList .panel{display:block;text-align:left;box-shadow:none;overflow:visible;background:transparent;box-shadow:0px 2px 2px -1px #dde8ee;margin:0;border-radius:0}
.listview .panel .detail{position:relative;z-index:9;display:inline-block !important;opacity:1 !important;width:auto;background:transparent;text-align:left;border-radius:10px;box-shadow:none}
.listview .panelList .panel div{display:inline-block;vertical-align:middle;text-align:center;padding:0 5px;min-width:85px}
.listview .panelList .panel div.width{text-align:center}
#seged{background:#ecbbae;text-align:center;height:1px;overflow:hidden;opacity:0.01}
#spaceWidth,#currentChar{display:inline-block;font-size:200px;line-height:200px}
.listview .panelList .panel .char{min-width:80px;text-align:center;font-size:24px;border-radius:10px;line-height:30px;padding:0}
.width .width{color:red}
.width .width.widthColor100{color:green}
.listview .panelList .panel .name{max-width:400px;min-width:230px;text-align:left}
.textConvertedToUnicode{text-align:center;max-width:98%;margin:auto;font-size:14px;line-height:16px}
#wrapper{position:relative}
#pageContent{margin:auto;border:none}
section{border-bottom:8px solid #dde8ee}
#footer{background:#286983;color:#FFF;display:none;clear:both;padding-left:300px;text-align:right;box-shadow:0px -10px 10px #DDD}
#footer a{color:#FFF}
footer p{padding:20px;text-align:right}
#copyAnimation{position:fixed;display:none;font-size:50px;left:10px;right:10px;text-align:center;color:#0a5673;top:99px;font-weight:bold;text-shadow:3px 3px 0 #FFFFFF,3px -3px 0 #FFFFFF,-3px 3px 0 #FFFFFF,-3px -3px 0 #FFFFFF,3px 0px 0 #FFFFFF,0px 3px 0 #FFFFFF,-3px 0px 0 #FFFFFF,0px -3px 0 #FFFFFF;letter-spacing:3px;text-transform:uppercase;line-height:100px;background:rgba(255,255,255,0.4);z-index:99}
textarea#result{background:#FFF;font-size:16px !important;line-height:22px !important;padding:5px 10px;border-radius:10px;min-width:100%;max-width:100%;max-height:200px}
.charInputBetweenResult,.charWrapperResult{margin:20px 0}
.button,a.button,#leftSide a.button{background:#0a5673 !important;display:inline-block;vertical-align:middle;color:#FFF;font-weight:bold;border-radius:16px;padding:3px 10px;font-size:14px;text-shadow:none;line-height:17px;cursor:pointer;margin:4px;opacity:0.8;user-select:none}
.button.active{background:#FFF;box-shadow:0px 0px 0px 3px #34738c;color:#0a5673}
.emojifonts{font-family:apple color emoji,segoe ui emoji,notocoloremoji,segoe ui symbol,android emoji,emojisymbols,emojione mozilla;font-size:20px;line-height:27px}
.button:hover{opacity:1}
.button:active{background:#000}
.biginput#charToInputBetween,.biginput#charToWrapBefore,.biginput#charToWrapAfter{display:inline-block;width:75px}
.biginput#smallScript{display:inline-block;width:250px}
#generatedChars{display:none;padding-top:20px;background:#FFF}
#paintToolOption #findReplaceThese input{display:inline-block;margin:0 2px 3px 5px;width:120px}
#paintToolOption input{font-size:15px;border:2px solid #0a5673;outline:none !important;border-radius:5px;font-family:arial;line-height:19px;padding:3px;display:block;margin:10px auto}
#paintToolOption input#asciiFileInput{display:inline-block;width:100%;padding:0}
#seg{text-align:center;display:none}
#nav ul li a em{font-family:"Courier New",Courier,monospace;font-style:normal;text-align:left;display:inline-block;font-size:14px;line-height:12px}
.shadowbold{text-shadow:1px 0px 0 #0a5673,-1px 0px 0 #0a5673,0px 1px 0 #0a5673,0px -1px 0 #0a5673}
#nav ul li a em.shadowbold{font-size:10px;line-height:10px}
.debug{padding:3px 10px;background:#FFF;font-size:0.9em;line-height:0.9em}
.divTable{display:table;width:240px;margin-left:55px;margin-bottom:20px}
.divTableRow{display:table-row}
.divTableHeading{background-color:#EEE;display:table-header-group}
.divTableCell,.divTableHead{display:table-cell;padding:0px 5px}
.divTableCell:nth-child(1){text-align:right}
.divTableCell:nth-child(2){text-align:left}
.divTableHeading{background-color:#EEE;display:table-header-group;font-weight:bold}
.divTableFoot{background-color:#EEE;display:table-footer-group;font-weight:bold}
.divTableBody{display:table-row-group}
.whiteBG{background:#FFF;border-radius:5px;padding:0 3px;text-align:center;margin:3px 0}
.buttonka,a.buttonka{text-decoration:none;display:inline-block;background:#FFF;padding:0 15px;border-radius:10px;margin:3px 0;cursor:pointer;color:#333;font-weight:bold}
.buttonka:hover{background:#0a5673;color:#FFF}
.whiteBG input{width:70px}
.wrapColorPicker{display:inline-block}
div.colorPicker-picker,input.settingInput{height:16px;width:55px;padding:0 !important;border:1px solid #444;cursor:pointer;border-radius:4px;line-height:16px;font-size:0.75em;font-weight:bold;text-align:center}
input.settingInput{height:22px;font-size:16px;width:40px}
div.colorPicker-palette{width:110px;position:absolute;border:1px solid #598FEF;background-color:#EFEFEF;padding:2px;z-index:9999}
div.colorPicker_hexWrap{width:100%;text-align:center}
div.colorPicker_hexWrap label{display:none}
div.colorPicker_hexWrap input{margin:5px auto 2px;padding:0;font-size:14px;border:1px solid #7d7c7c;max-width:80%;text-align:center;text-transform:uppercase}
div.colorPicker-swatch{height:12px;width:12px;border:1px solid #000;margin:2px;float:left;cursor:pointer;line-height:12px}
#wrapCharSearch{margin:40px auto 20px;display:block;text-align:center}
#searchChar{border:2px solid #0a5673;font-size:20px;line-height:40px;border-radius:20px;outline:none !important;padding:0px 10px;width:180px}
.emojis{padding:10px 20px 60px;position:relative}
.searchLabel{font-size:23px;color:#34738c}
#importExport{text-align:center;min-height:30px}
.CodeMirror pre{text-align:left;font-size:14px !important;line-height:14px !important}
.CodeMirror{border:2px solid #34738c;margin-bottom:10px}
.aligncenter{text-align:center}
article{overflow:hidden}
#importExport span,#mergeThisThing span{display:inline-block;font-weight:bold;padding:3px 17px;line-height:16px;font-size:16px;cursor:pointer;font-family:arial;border-radius:10px}
#importExport span:hover{background:#fff !important}
#mergeThisThing span{background:#0a5673;color:#FFF}
#mergeThisThing span:hover{color:#333;background:#FFF}
#mergeThisThing span:hover svg{fill:#0a5673}
#importExport span strong{font-size:23px;line-height:16px;padding:0 2px 0 0}
#mergeThisThing{display:none}
#mergeThisThing svg{fill:#FFF;display:inline-block;width:20px;height:20px;vertical-align:middle}
#mergeTransparentHint{color:#999}
#mergeThisThing.mergerOn{float:right;display:inline-block;text-align:left;width:48%}
#paintToolBox{padding:20px 10px 5px;min-height:460px;text-align:right}
#wrapPaintResult{max-width:94%;margin:auto}
textarea#htmlCode,textarea#jsCode,textarea#paintResult,textarea#mergeThis{margin:auto;max-width:100%;min-width:100px;min-height:100px;font-family:"Courier New",Courier,monospace;font-size:13px;line-height:13px;border:2px solid #34738c;width:99%;white-space:pre;overflow-wrap:normal;overflow-x:auto}
#textMerger,#mergeThis{display:none}
.mergerOn #paintResult{float:left;width:49%;max-width:49%}
.mergerOn #textMerger{display:block;float:right;width:47%}
.mergerOn#importExport{width:50%}
#paintToolBox > div{display:none}
#paintToolBox > div#paintPalette{margin-bottom:0px}
#drawLineOptions,#imageConverterOptions{display:none}
#brushSize span{min-width:20px;font-size:14px;margin:0 4px 0 0 !important;font-weight:bold;line-height:18px}
#paintToolBox span.active,#paintToolBox input.active{outline:3px solid #34738c !important}
#paintToolOption strong{color:#555;display:inline-block;min-width:80px}
#findReplaceThese,#textMergeOptions{display:none}
#brushSize span em{display:block;border-radius:10px;background:#456;overflow:hidden;margin:auto;text-indent:-99px;height:20px;width:20px}
p#optionDescription{margin:0;font-size:15px;line-height:17px;text-align:left;font-weight:normal}
#brushSize span:nth-child(2) em{height:2px;width:2px;margin-top:9px}
#brushSize span:nth-child(3) em{height:7px;width:7px;margin-top:6px}
#brushSize span:nth-child(4) em{height:14px;width:14px;margin-top:3px}
#paintToolOption{border:3px solid #34738c;padding:4px 16px 6px;text-align:left;background:#FFF;position:relative;border-radius:5px;z-index:1}
#paintToolOption a#getMoreInfo{position:absolute;bottom:0;opacity:0.8;border-radius:8px 0 0 0;right:0;line-height:20px;background:#0a5673;padding:6px 1px 1px 4px;display:block}
#paintToolOption a#getMoreInfo:hover{opacity:1}
.useThisArt{position:absolute;right:20px;bottom:5px;font-size:14px;cursor:pointer;font-weight:bold;line-height:15px;padding:3px 10px;background:#dde8ee;border:3px solid #FFF;border-radius:10px}
.useThisArt:hover{border-color:#0a5673}
#paintTools{padding-left:10px;text-align:left;position:relative;z-index:2}
#paintHighlight em{display:inline-block;border:2px dashed #333;line-height:17px;width:16px;height:16px;vertical-align:top;margin-top:8px;overflow:hidden;text-indent:33px}
#paintToolBox #paintTools span{font-size:24px;width:30px;line-height:42px;position:relative;height:34px;border:none;margin:0 0 0 -5px;outline:none !important;top:3px;border-radius:10px 10px 0 0;background:#dde8ee}
#paintToolBox #paintTools span.active{border:3px solid #34738c;background:#FFF;border-bottom:none;box-shadow:-2px 2px 2px #667 inset}
#paintToolBox #paintTools span:hover{background:#FFF}
#alwaysVisibleTools > div{display:inline-block;vertical-align:middle}
.mirror,.rotate90{opacity:0.8;cursor:pointer}
.mirror:hover,.rotate90:hover{opacity:1}
#mirrorVertical svg{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
#alwaysVisibleTools{text-align:center}
input#shareLink{display:block;border:2px solid #34738C;border-radius:5px;width:95%}
#wrapShare span{display:block}
#wrapShare{text-align:left;padding:10px;display:none;margin:0 10px;position:relative;border-radius:5px;background:#FFF;border:3px solid #34738c}
#closeShareWindow{position:absolute;width:30px;cursor:pointer;background:#34738c;height:30px;line-height:30px;top:-10px;color:#FFF;right:-10px;border-radius:20px;font-size:25px;text-align:center}
#closeShareWindow:hover{background:#0a5673}
#shareButton{}
.rotate90{color:#0a5673;font-weight:bold;font-size:26px;height:30px;width:32px}
#alwaysVisibleTools svg{width:22px;height:22px;fill:#0a5673}
#shiftCanvas,#shiftMerger{position:relative;font-size:35px;height:72px;width:100px;display:inline-block}
#shiftMerger{margin:auto;display:block}
input#mergeWhiteChar{width:40px;display:inline-block}
#shiftCanvas em,#shiftMerger em{position:absolute;height:0;background:transparent !important;outline:none !important;color:#0a5673;width:0;font-size:14px;cursor:pointer;opacity:0.8;overflow:hidden;text-indent:99px}
#shiftCanvas em:hover,#shiftMerger em:hover{opacity:1}
input.shiftStep{position:absolute;top:22px;right:41px;height:22px;background:transparent;width:22px;border:none !important;text-align:center;font-weight:bold;font-size:14px !important;border-radius:0 !important;line-height:22px !important;padding:0 !important;margin:0 !important}
#shiftCanvas em#shiftUpC,#shiftMerger em#shiftUpM{top:2px;right:40px;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:20px solid #0a5673}
#shiftCanvas em#shiftLeftC,#shiftMerger em#shiftLeftM{top:21px;right:63px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:20px solid #0a5673}
#shiftCanvas em#shiftRightC,#shiftMerger em#shiftRightM{top:21px;right:21px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:20px solid #0a5673}
#shiftCanvas em#shiftDownC,#shiftMerger em#shiftDownM{top:44px;right:40px;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid #0a5673}
#paintPalette{text-align:left}
.palettCh{font-size:20px;line-height:20px;margin:3px !important;background:#eee}
#paintToolBox span,#paintToolOption input#drawInputChar{display:inline-block;margin:0 1px 0px;background:#dde8ee;cursor:pointer;min-width:20px;text-align:center;height:22px;vertical-align:top;outline:3px solid #ffffff}
#imagePreOptions{display:none;text-align:center}
#paintToolOption input.settingInput{margin:2px;display:inline-block}
#paintToolOption input#imageMaxWidthSlider{display:inline-block;width:90px}
#grayRampPalette{display:inline-block}
#grayRampPalette div{display:inline-block;padding:0px 5px;border:1px solid #FFF;cursor:pointer;background:#dde8ee;border-radius:5px}
#grayRampPalette div:hover,#grayRampPalette div.active{border-color:#0a5673}
input.settingInput#grayRamp{width:60px}
canvas#preview{display:none}
#paintToolOption input#drawInputChar{text-align:center;border:none;width:45px;cursor:text}
#paintBoard{text-align:center;user-select:none;padding:20px 0;overflow:auto;max-width:100%}
#warningWideChar{display:none;font-weight:bold;font-family:arial;text-align:center;padding:8px 20px;font-size:0.8em;background:#9c1313;color:#FFF;margin:0 20px 15px}
.prow{clear:both}
.hiddenGrids .pcell{outline:none;box-shadow:none !important}
.blinkTheGrids#paintBoard .pcell{outline:none;box-shadow:1px 1px 0px #0b90c3 !important}
.pcell.wider{animation:fadingThing 2.5s infinite}
@keyframes fadingThing{0%{opacity:1;background:transparent}
10%{opacity:1;background:transparent}
50%{opacity:1;background:red}
70%{opacity:1;background:transparent}
100%{opacity:1;background:transparent}
}
#oneClickTools{margin-bottom:15px}
#paintToolBox #oneClickTools span,#paintToolBox #oneClickTools a{margin:0;outline:none;font-size:14px;line-height:20px;border-radius:8px;padding:0 6px;height:20px;display:inline-block;min-width:70px;text-align:right}
#paintToolBox #oneClickTools span:hover,#paintToolBox #oneClickTools a:hover{background:#FFF}
.paintPage .hiddenFrame#charSearchBox{margin:0;padding:0}
.paintPage #charSearchBox{margin:12px 5px 0;padding:0}
.paintPage .panel.more{padding:5px !important}
.paintPage .hiddenFrame{margin:0 !important}
.paintPage .hiddenFrame #charResults{padding:0}
.paintPage section{border:none}
.pcell{width:14px;height:26px;font-size:24px;text-align:center;float:left;cursor:cell;font-family:"Courier New",Courier,monospace;box-shadow:1px 1px 0px #dde8ee}
.pcell.select{background:#489BFF;color:#FFF;box-shadow:1px 1px 0px #87bbf9 inset}
#selectOptions{text-align:center;display:none}
#selectInfo{line-height:18px;margin-bottom:5px}
.paintType .pcell{cursor:text}
.pcell.typingHere{animation:blinkingText 1.3s infinite}
@keyframes blinkingText{0%{background:#0a5673;opacity:1}
55%{background:#0a5673;opacity:1}
56%{background:transparent;opacity:0.8}
99%{background:transparent;opacity:0.8}
100%{background:#0a5673;opacity:1}
}
#wrapInvisibleTextarea{position:absolute;z-index:2;left:-100px;top:-30px}
#wrapInvisibleTextarea textarea{height:20px;width:30px;opacity:0}
#forCopyingFromCanvas{margin:auto;width:96%}
.paintBucket .pcell{cursor:crosshair}
.charPick .pcell{cursor:help}
.pcell.hover{outline:1px solid #0a5673}
#paintArea{min-height:100px;min-width:100px;outline:2px solid #34738c;display:inline-block;background:#FFF;position:relative;z-index:9}
#suggestionBubble{position:absolute;bottom:28px;right:175px;z-index:13;text-align:center;font-weight:bold;color:#34738c;display:none}
#demoGallery{min-height:200px;padding:10px}
#demoGallery img{margin:5px;cursor:pointer;opacity:0.8;height:50px;min-width:30px;background:#FFF}
#demoGallery img.active{opacity:1;outline:5px solid #34738c}
#demoGallery img:hover{opacity:1;outline:5px solid #34738c;border-radius:5px}
#outputFormats{display:block;position:relative;height:1px;width:98%;text-align:right}
#outputFormats span{display:inline-block;position:relative;bottom:23px;padding:2px 10px;height:20px;font-size:18px;border-radius:8px 8px 0 0;line-height:20px;font-weight:bold;cursor:pointer}
#outputFormats span:hover{background:white}
.showText span#tabSyntaxText,.showHTML span#tabSyntaxHtml,.showJS span#tabSyntaxJs{background:#34738c !important;color:#FFF}
.showText #wrapHtmlCode,.showText #wrapJsCode,.showHTML #paintResult,.showHTML #wrapJsCode,.showJS #paintResult,.showJS #wrapHtmlCode{display:none}
#suggestionBubble span{font-size:34px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(-145deg);display:block;margin:3px 81px -20px 0px;text-shadow:3px 0 #000,-3px 0 #000,0 3px #000,0 -3px #000}
#suggestionBubble em{font-size:18px;color:#000;font-weight:bold;line-height:17px}
#categoryFilter{text-align:center;font-size:12px;margin-bottom:20px;font-weight:bold;border-bottom:2px solid #0a5673;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#categoryFilter > span{display:inline-block;padding:1px 5px;cursor:pointer;color:#555;border-radius:10px}
#categoryFilter > span.activeCat{background:#0a5673 !important;color:#FFF !important}
#categoryFilter > span > span{font-size:1.5em;font-family:apple color emoji,segoe ui emoji,notocoloremoji,segoe ui symbol,android emoji,emojisymbols,emojione mozilla}
#categoryFilter span:hover{color:#000;background:#dde8ee}
.emocat{text-align:center}
.emocat > div{display:none;margin:0;width:60px;font-size:12px;text-align:center;height:60px;line-height:14px;cursor:pointer;position:relative}
.emocat > div.visibleChar{display:inline-block}
.emocat > div > input{font-size:40px;line-height:60px;background:transparent;height:50px;overflow:visible;width:100%;cursor:pointer;position:relative;border:none;border-radius:6px;text-align:center;z-index:10;font-weight:400;font-family:apple color emoji,segoe ui emoji,notocoloremoji,segoe ui symbol,android emoji,emojisymbols,emojione mozilla}
.emocat input::-moz-selection{background-color:#0a5673}
.emocat input::selection{background-color:#0a5673}
.emocat > div > span{display:block;opacity:0;background:#333;position:absolute;bottom:-4px;left:-20px;right:-20px;font-weight:bold;line-height:13px;color:#FFF;z-index:14;padding:3px 3px 1px;border-radius:0 0 5px 5px}
.emocat > div:hover > span{opacity:0.9}
.emocat > div > span.hiddenSpan{display:none}
.copied{position:absolute;background:#000;color:#FFF;font-size:15px;font-weight:bold;line-height:11px;padding:2px 5px;bottom:16px;z-index:10;left:-8px;right:-8px;border-radius:4px}
pre,.leftInner,.panelList .char,#seged,#paintResult{font-family:"Courier New",Courier,monospace}
article{font-family:Arial,Helvetica,sans-serif;text-align:left;max-width:1000px;margin:auto}
.mobileOnly{display:none}
#navToggle{margin:auto;font-size:40px;cursor:pointer;background:#0a5673;line-height:40px;color:#FFF;max-width:55px;border-radius:30px}
@media screen and (max-width:1000px){.mergerOn#importExport{width:40%}
#mergeThisThing.mergerOn{width:58%}
#importExport{width:70%}
}
@media screen and (max-width:700px){a#logo{margin:10px auto;text-align:center}
a#logo em{text-align:left}
#nav{display:none}
ul#naviList > li > a{background:transparent;border-radius:0;padding:0;border-bottom:3px solid #0a5673;line-height:30px;text-align:left}
#nav ul li.centeredText ul li a{text-align:left}
#nav ul ul li a{padding:0}
#nav ul li a.moreLink{display:none}
#nav ul ul{opacity:1 !important;position:relative;display:block !important;background:transparent;box-shadow:none;border-radius:0}
#nav ul li{vertical-align:middle}
.mobileOnly{display:block}
.desktopOnly{display:none}
#leftSide{float:none;position:relative;width:96%;padding:10px 2%}
#mainer{margin:0;padding:0;position:relative;z-index:555}
#sidebarBottom{display:none}
.divTable{margin-left:5px}
#footer{padding-left:0}
}
@media print{#nav,#wrapStickThis,#leftSide{display:none}
}