#at-tool-wrapper{display:grid;gap:4px;grid-template-rows:auto 1fr;grid-template-columns:58% auto;grid-template-areas:"previewpanel confpanel" "codepanel confpanel"}@media (max-width: 1200px){#at-tool-wrapper{grid-template-rows:auto;grid-template-columns:100%;grid-template-areas:"previewpanel" "confpanel" "codepanel"}.at-preset-panel{display:none}}.at-preview-panel{grid-area:previewpanel}.at-conf-panel{grid-area:confpanel}.at-code-panel{grid-area:codepanel}.scontainer{border-image:none;border-style:solid;border-width:1px;height:35px;font-size:1px}.sbar{border-bottom:3px solid gray;height:17px;margin:0 24px}.shandle{background-color:#d3d3d3;border:1px solid #818181;border-radius:10px;color:gray;cursor:pointer;height:20px;position:relative;top:6px;width:20px}.accordion-content .lbl{width:180px;display:inline-block}.accordion-content .txtbx{width:104px;border:1px solid #A1A1A1}.preview{background-color:#5e9923;border:1px solid black;color:#fff;display:table-cell;vertical-align:middle;text-align:center;font-size:30px;overflow:hidden;width:270px;height:38px;cursor:pointer;outline:none}.circlecontainer{background:none repeat scroll 0 0 #fff;border-image:none;border-style:solid;border-width:2px;height:100px;width:100px;border-radius:50%;cursor:default}#dotted{border-width:2px;height:100px;width:100px;border-radius:50%}#dial{height:2px;margin:49px 0 0 5px;display:block;width:90px}#dial_0{font-size:9px;left:88px;position:inherit;top:41px}#dial_90{font-size:9px;left:43px;position:inherit;top:1px}#dial_180{font-size:9px;left:1px;position:inherit;top:41px}#dial_270{font-size:9px;left:40px;position:inherit;top:87px}#dial_l{background-color:red;width:50%;height:2px}#r_pt{height:1px;margin-left:50px;margin-top:50px;width:1px;position:absolute}#r_center{height:1px;margin:100px 0 0 100px;position:absolute;width:1px}#wrapper{border:0px;background:none}#previewcont{border:0px solid #DDDDDD;height:260px;display:flex;vertical-align:middle;background-color:#000;justify-content:center;align-items:center;width:100%;border-radius:5px}#helpimg{margin-top:10px}div.codenametab{margin-top:14px;display:flex;gap:4px;position:relative;top:1px}div.codenametab span{background-color:#fff;border-left:1px solid #888888;border-right:1px solid #888888;border-top:1px solid #888888;cursor:pointer;padding:4px 20px 1px}div.codenametab span.hide{background-color:silver;border-bottom:1px solid #888888}.code{background-color:#fff;border:1px solid #888888;display:block;font:14px monospace;height:320px;overflow:auto;padding:6px 0 6px 12px}.code-shape,.code-shape div{margin-left:16px}.codetab span.b{color:#00f}.codetab span.s{color:#858585}.codetab span.r{color:#bd0000}.codetab span.cm,.codetab span.g{color:#46a105}div.tab{height:40px}.tab span{background-color:#ebebeb;cursor:pointer;cursor:black;border-color:gray;border-image:none;border-style:solid;border-width:0 1px 1px;height:14px;margin:0 3px 3px;padding:10px 7px 7px}.tab span.disable_tab{border:none;color:gray;background-color:#fff;padding:9px 7px 7px}div.tooldesc{border:1px solid #888888;color:#555;line-height:18px;margin:0 0 10px;padding:9px 18px;text-align:justify}div.tooldesc b{color:#000}#accordion-container{font-size:13px;margin-left:10px;transition:all .2s linear 0s}#accordion-container h3{margin:0;padding:10px;background:#094141;color:#fff;font-weight:100}@media (max-width: 1200px){#accordion-container{margin-left:0}}.accordion-header{font-size:13px;line-height:1.3em;background:#4da0cc;text-transform:capitalize;padding:5px 9px;border:1px solid #cccccc;cursor:pointer;color:#fff;margin:0;background-color:teal}.accordion-header span{float:right;transform:rotate(90deg);transition:all .2s linear 0s}.accordion-header.hide span{transform:rotate(-90deg)}.accordion-header.hide+.accordion-content{display:none}.active-header,.active-header:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCBEWABuQi9w3AAAAZklEQVQoz7XRTQ5AMBBA4albOI2Im6DE/w2dRhxjnoWIorri6276VjMGCYvk6yCT9DbBfQ2Kkrsz97tlpxS+oOOklPdg4EqxbjDypFRHMOGn1IjQ806xhlXiwJ4WQypJIJjN/8faAKADtLTiQa1YAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA4LTE3VDIyOjAwOjI3KzAyOjAw18+rYgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOC0xN1QyMjowMDoyNyswMjowMKaSE94AAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat scroll 98% 50% #4da0cc}.inactive-header,.inactive-header:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCBEWBQ0ZKJ0jAAAAZ0lEQVQoz7XRMQ6CQBQG4VnjJbwLHd6DhE4QPaLhLoZj7FgZWNndhviX75vuBanvxNHgzJWm4nNw4VIJ3ni3vGiH+CxyL4j4KPE3wCnPa4BjjrcBDntOA7wZU5bw84uWyGt7CP9/1gfKobYg46RZUQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wOC0xN1QyMjowNToxMyswMjowMEsmQ9YAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDgtMTdUMjI6MDU6MTMrMDI6MDA6e/tqAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==) no-repeat scroll 98% 50% #4da0cc}.accordion-content{padding:9px 0 9px 17px;background:#e3f1f7;border:1px solid #cccccc;border-top:0}#helpimg{background-repeat:repeat-x;border:1px solid grey}#helpimg div{background-repeat:no-repeat;width:100%;height:651px}