Curie-Web/app/static/ketcher/ketcher.html

16 lines
36 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Curie Web | Ketcher </title>
<style>
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;margin:0;text-align:center;vertical-align:middle;background-image:none;border:1px solid transparent;padding:.42em .85em;color:#333;background-color:#fff;border-color:#ccc;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));background-image:linear-gradient(to bottom,#fff,#ededed);outline:0}button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}button.disabled,button[disabled],fieldset[disabled] button,fieldset[disabled] input[type=button],fieldset[disabled] input[type=reset],fieldset[disabled] input[type=submit],input[type=button].disabled,input[type=button][disabled],input[type=reset].disabled,input[type=reset][disabled],input[type=submit].disabled,input[type=submit][disabled]{background-image:none;cursor:not-allowed;opacity:.5;-webkit-box-shadow:none;box-shadow:none}button.save-button,input[type=button].save-button,input[type=reset].save-button,input[type=submit].save-button{float:left}button.open-button,input[type=button].open-button,input[type=reset].open-button,input[type=submit].open-button{float:left}button>input[type=file],input[type=button]>input[type=file],input[type=reset]>input[type=file],input[type=submit]>input[type=file]{left:-9999px;position:absolute}button+button,button+input[type=button],button+input[type=reset],button+input[type=submit],input[type=button]+button,input[type=button]+input[type=button],input[type=button]+input[type=reset],input[type=button]+input[type=submit],input[type=reset]+button,input[type=reset]+input[type=button],input[type=reset]+input[type=reset],input[type=reset]+input[type=submit],input[type=submit]+button,input[type=submit]+input[type=button],input[type=submit]+input[type=reset],input[type=submit]+input[type=submit]{margin-left:.3em}input[type=number]:active,input[type=number]:focus,input[type=search]:active,input[type=search]:focus,input[type=text]:active,input[type=text]:focus,select:active,select:focus,textarea:active,textarea:focus{outline:0}input[type=number]:focus,input[type=number]:hover,input[type=search]:focus,input[type=search]:hover,input[type=text]:focus,input[type=text]:hover,select:focus,select:hover,textarea:focus,textarea:hover{-webkit-box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12);box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12)}fieldset[disabled] input[type=number],fieldset[disabled] input[type=search],fieldset[disabled] input[type=text],fieldset[disabled] select,fieldset[disabled] textarea,input[type=number][disabled],input[type=number][readonly],input[type=search][disabled],input[type=search][readonly],input[type=text][disabled],input[type=text][readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly]{cursor:not-allowed;background:#efefef;opacity:.6}.suggestList{border:1px solid #3297fd;position:absolute;background-color:#fff;margin-left:3px;padding-left:3px;width:93%;z-index:3}.suggestList li:hover{background-color:#3297fd;color:#fff}label[data-error] input[type=number],label[data-error] input[type=search],label[data-error] input[type=text],label[data-error] select,label[data-error] textarea{border:1px solid #f55}label[data-error] input[type=number]:focus,label[data-error] input[type=number]:hover,label[data-error] input[type=search]:focus,label[data-error] input[type=search]:hover,label[data-error] input[type=text]:focus,label[data-error] input[type=text]:hover,label[data-error] select:focus,label[data-error] select:hover,label[data-error] textarea:focus,label[data-error] textarea:hover{-webkit-box-shadow:inset 0 0 1px 1px rgba(255,85,85,.12);box-shadow:inset 0 0 1px 1px rgba(255,85,85,.12)}label[data-error]:hover:after{content:"Error: " attr(data-error);display:block;position:fixed;white-space:pre;padding:.35em;background:#fee;border:1px solid #f55;border-radius:4px;line-height:1em;font-size:.9em;z-index:2}input[type=checkbox],input[type=radio]{vertical-align:middle;margin:0 .3em;line-height:normal}fieldset{border:1px solid #ccc;padding:.3em;margin:0;border-radius:4px}fieldset>li{display:inline-block}fieldset.-hidden,form.atom-props .main{border-color:transparent;margin-top:1.5em}legend{color:#8c8c8c;padding:0 .4em;font-size:.9em;text-align:left}.-SelectList,.analyse .chem-input,.template-lib .groups,input[type=number],input[type=search],input[type=text],select,textarea{border-radius:4px;display:inline-block;vertical-align:middle;background:#fff;line-height:1.42857143;height:2.4em;padding:.35em .15em .35em .3em;margin:2px;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-box-sizing:border-box;box-sizing:border-box}.template-lib .groups li{display:block;padding:0 2px 1px;cursor:default}.template-lib .groups li:hover{background-color:#f2f2f2}.template-lib .groups li.selected{color:#fff;background-color:#9dc2d0}.template-lib .groups li.split{margin-top:2px;padding-top:2px;border-top:1px #ccc solid}.check .tabs,.elements-table .tabs{outline:0}.check .tabs .tabs,.elements-table .tabs .tabs{width:100%}.check .tabs .tabs a,.elements-table .tabs .tabs a{padding:8px 12px;margin-right:2px;line-height:14px;display:inline-block;cursor:pointer;text-align:center;background-color:#eee;border:1px solid transparent;border-radius:4px 4px 0 0}.check .tabs .tabs a:hover,.elements-table .tabs .tabs a:hover{background-color:#9dc2d0}.check .tabs .tabs a.active,.elements-table .tabs .tabs a.active{border:1px solid #ddd;border-bottom-color:transparent;background-color:#fff}form.settings .accordion{margin:.3em}form.settings .accordion .ac_tab{margin-top:2px}form.settings .accordion .ac_tab>a:first-child{z-index:3;padding:6px 0;display:block;cursor:pointer;text-align:center;background-color:#eee;border:1px solid #ccc;-webkit-transition:border-radius .1s linear;transition:border-radius .1s linear}form.settings .accordion .ac_tab>a:first-child:before{margin-left:30px;float:left}form.settings .accordion .ac_tab>a:first-child:hover{background-color:#9dc2d0}form.settings .accordion .ac_tab>:nth-child(2){overflow:hidden;-webkit-transition-property:height,padding;transition-property:height,padding;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear}form.settings .accordion .ac_tab.active>a:first-child{border-radius:6px 6px 0 0;border-bottom:0;-webkit-transition-delay:0s;transition-delay:0s}form.settings .accordion .ac_tab.active>a:first-child:before{content:''}form.settings .accordion .ac_tab.hidden>a:first-child{border-radius:6px;-webkit-transition-delay:.4s;transition-delay:.4s}form.settings .accordion .ac_tab.hidden>a:first-child:before{content:'+'}form.settings .accordion .ac_tab.hidden>:nth-child(2){height:0;padding:0;border:0}#canvas .measure-log{background-color:#fff;border:#ccc 1px solid;border-radius:0 5px;width:8em;height:1.2em;padding:.3em;text-align:center;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.ket-overlay{position:fixed;left:0;top:0;bottom:0;right:0;z-index:40;text-align:center;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cpath%20d%3D%22M0%2010L10%200zm12-2l-4%204zM-2%202l4-4z%22%20stroke%3D%22%23555%22%20stroke-width%3D%222%22%20stroke-opacity%3D%22.02%22%2F%3E%3C%2Fsvg%3E);background-color:rgba(119,119,119,.2)}.ket-overlay.animate{-webkit-transition:background-color .3s;transition:background-color .3s}.ket-overlay.hide{background-color:rgba(119,119,119,.01)}.ket-overlay:after{content:'';display:inline-block;height:100%;vertical-align:middle}.ket-overlay form[role=dialog]{outline:0;display:inline-block;position:relative;vertical-align:middle}.ket-spinner{margin:auto;display:block;border:16px solid #f3f3f3;border-top:16px solid #00f;border-radius:50%;width:5em;height:5em;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}form[role=dialog]{text-align:left;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.3);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;overflow:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}form[role=dialog].hide{opacity:.2;-webkit-transform:scale(.5);transform:scale(.5)}form[role=dialog]>*{margin:.3em}form[role=dialog] footer,form[role=dialog] header{margin:0;padding:.2em .6em;background-color:#f5f5f5}form[role=dialog] header{font-size:1.6em;font-weight:600;line-height:1.3;border-bottom:1px solid #ddd;border-radius:6px 6px 0 0}form[role=dialog] footer{clear:both;border-top:1px solid #ddd;border-radius:0 0 6px 6px;text-align:right}form[role=dialog] .close{padding:0;border:0;background:0 0;-webkit-box-shadow:none;box-shadow:none;position:absolute;top:0;right:.3em;color:#999;font-size:.8em;font-weight:700;text-shadow:0 1px 0 #fff;opacity:.5}form[role=dialog] .close:hover{opacity:1}.template-lib label{position:absolute;right:0;left:0;text-align:center;line-height:2.6em}.template-lib label input[type=search]{float:right;width:660px}.template-lib .groups{margin-top:3.5em;height:27em;width:11em;float:left;overflow:hidden}.template-lib .table{margin-top:3.5em;padding:0;float:left;width:550px;height:27em;overflow:auto}.template-lib .tr{height:120px}.template-lib .td{width:33%;float:left;height:100%;position:relative}.template-lib .td:before{position:absolute;z-index:10;left:.3em;top:0;padding:0 4px;border-radius:3px;font-size:10px;color:grey;background-color:#fff;content:attr(title)}.template-lib .td.selected .struct{background-color:#d1e2e9}.template-lib .attach-button{margin:0 4px 2px 0;position:absolute;bottom:0;right:0}.template-lib .struct{position:absolute;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:1em;width:98%;height:98%;border:1px solid #ccc;border-radius:5px}.template-lib .struct:hover{background:#f2f2f2}.template-lib div.struct{padding:0}form.bond label{text-align:right;display:block}form.bond select{width:12em}form.atom-props fieldset{margin-top:.7em;text-align:right}form.atom-props fieldset label{margin:.3em 0;display:inline-block}form.atom-props .main{width:14.5em;float:left}form.atom-props .main input{width:8em}form.atom-props .query,form.atom-props .reaction{float:right;clear:right;width:16em}form.atom-props .query input[type=checkbox],form.atom-props .reaction input[type=checkbox]{margin:.6em .3em}form.attach-points form{width:17em;text-align:right}form.attach-points form label{margin:1.03333333em;display:inline-block}form.automap{width:22em}form.automap label{display:block;text-align:right;line-height:3.1em}form.rgroup-logic label{display:inline-block;text-align:right;line-height:3.1em}form.rgroup-logic .cond{display:block}form.rgroup-logic input[type=text]{width:7em}.sgroup,.sgroup-special{width:20em}.sgroup label,.sgroup-special label{display:block;text-align:right}.sgroup label input,.sgroup label select,.sgroup-special label input,.sgroup-special label select{width:10em}.sgroup label:hover:after,.sgroup-special label:hover:after{margin:1px 0 0 3px}.sgroup fieldset,.sgroup-special fieldset{border:0;padding:0}.sgroup .data label,.sgroup-special .data label{text-align:left}.sgroup .data label fieldset.radio label,.sgroup-special .data label fieldset.radio label{margin:.4em;display:inline-block}.sgroup .data label fieldset.radio input[type=radio],.sgroup-special .data label fieldset.radio input[type=radio]{width:auto}.sgroup .data select[name=fieldValue],.sgroup .data textarea,.sgroup-special .data select[name=fieldValue],.sgroup-special .data textarea{display:block;width:19em;height:12em;overflow:auto}.sgroup .data input[type=text],.sgroup .data select[name=fieldName],.sgroup-special .data input[type=text],.sgroup-special .data select[name=fieldName]{width:19em;display:block;margin-bottom:0}form.settings{width:35em}form.settings .save-button{margin-left:10px}form.settings .warning{margin:.3em}form.settings .accordion fieldset{border-radius:0 0 6px 6px;height:12.4em}form.settings .accordion fieldset.server{height:15.5em}form.settings .accordion fieldset.miew{height:9.3em}form.settings .accordion fieldset.render{height:24.8em}form.settings .accordion label{display:block;text-align:right;line-height:3.1em;height:3.1em}form.settings .accordion label input,form.settings .accordion label select{width:50%}form.settings .accordion label div{margin:2px;width:50%}form.settings .accordion label div input{margin:0 4px 0 0}form.settings .accordion label div select{margin:0}form.settings .accordion label:hover:after{left:50%}.about{width:25em}.about>a{display:block;margin:2em 1em}.about var{margin-left:.5em;font-style:normal;font-weight:700;display:inline-block}.about time{font-style:italic}.about a{color:#1a7090}.about a:hover{color:#5e5e5e}.about dl{position:relative;margin:0 1em 1em;vertical-align:bottom;line-height:1.4em}.about dd{text-align:right;margin-bottom:.5em}.about dt+dd{margin:-1.4em 0 0}.rgroup ul{width:25.6em;padding:.5em}.rgroup li{display:inline-block;margin:.2em .1em}.rgroup form button{font-size:1.3em;width:2.3em;height:2em;line-height:1;vertical-align:middle;padding:.15em;background:inherit}.rgroup form button:first-letter{font-weight:600;color:#666}.rgroup form button:hover{-webkit-transition:.2s,ease-out,-webkit-transform;transition:.2s,ease-out,-webkit-transform;transition:transform,.2s,ease-out;transition:transform,.2s,ease-out,-webkit-transform;-webkit-transform:scale(1.005);transform:scale(1.005);-webkit-box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12);box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12)}.rgroup form button:active{-webkit-transition:.2s,ease-out,-webkit-transform;transition:.2s,ease-out,-webkit-transform;transition:transform,.2s,ease-out;transition:transform,.2s,ease-out,-webkit-transform;-webkit-transform:scale(none);transform:scale(none);-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:none;box-shadow:none}.rgroup form button.selected{background:#444;color:#fff}.rgroup form button.selected>span{color:#fff}.rgroup form button.selected>svg{fill:#fff;stroke:#fff;stroke-width:5}.rgroup form button.selected:first-letter{color:#b3b3b3}.elements-table{width:57em}.elements-table .tabs .tabs-content{height:31em}.elements-table .period-table{position:relative}.elements-table .period-table table{position:relative}.elements-table .period-table td,.elements-table .period-table th{padding:0;margin:0;text-align:center;vertical-align:middle}.elements-table .period-table td.ref,.elements-table .period-table th{opacity:.6;font-weight:400;font-size:.8em;padding:.3em .8em}.elements-table .period-table th.ref{vertical-align:top;text-align:right}.elements-table .period-table tr:nth-of-type(8){border-bottom:1em solid transparent}.elements-table .period-table .ket-atom-info{position:absolute;padding:.75em .75em;left:18em;top:2em;width:7em;-webkit-box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12);box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12);opacity:1;-webkit-transition:opacity 1s,visibility 0s;transition:opacity 1s,visibility 0s}.elements-table .period-table .ket-atom-info.none{opacity:0;-webkit-transition:opacity 2s,visibility 2s;transition:opacity 2s,visibility 2s}.elements-table .period-table button{font-size:1.3em;width:2em;height:2em;line-height:2;vertical-align:middle;padding:.15em;margin:1px;border:0;display:block;position:relative}.elements-table .period-table button:after{position:absolute;opacity:.6;top:.3em;right:.3em;font-size:.5em;line-height:1;vertical-align:top;content:attr(value)}.elements-table .period-table button.selected:after,.elements-table .period-table button:hover:after{visibility:hidden}.elements-table .period-table button:not(:hover)>span{color:#000}.elements-table .period-table button:hover{-webkit-transition:.2s,ease-out,-webkit-transform;transition:.2s,ease-out,-webkit-transform;transition:transform,.2s,ease-out;transition:transform,.2s,ease-out,-webkit-transform;-webkit-transform:scale(1.25);transform:scale(1.25);-webkit-box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12);box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12);z-index:60;background:#fff}.elements-table .period-table button:active{-webkit-transition:.2s,ease-out,-webkit-transform;transition:.2s,ease-out,-webkit-transform;transition:transform,.2s,ease-out;transition:transform,.2s,ease-out,-webkit-transform;-webkit-transform:scale(none);transform:scale(none);-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:none;box-shadow:none}.elements-table .period-table button.selected{background:#444;color:#fff}.elements-table .period-table button.selected>span{color:#fff}.elements-table .period-table button.selected>svg{fill:#fff;stroke:#fff;stroke-width:5}.elements-table .period-table fieldset{border:0;padding:.5em;margin:.5em 0 0 1.5em}.elements-table .period-table .diatomic{background:#e7ff8f}.elements-table .period-table .noble{background:#c0ffff}.elements-table .period-table .alkali{background:#f66}.elements-table .period-table .alkaline-earth{background:#ffdead}.elements-table .period-table .metalloid{background:#cc9}.elements-table .period-table .polyatomic{background:#a1ffc3}.elements-table .period-table .post-transition{background:#ccc}.elements-table .period-table .transition{background:#ffc0c0}.elements-table .period-table .lanthanide{background:#ffbfff}.elements-table .period-table .actinide{background:#f9c}.elements-table .period-table .unknown-props{background:#e8e8e8}.elements-table .period-table .unknown-state:after{color:#222}.elements-table .period-table .solid:after{color:#222}.elements-table .period-table .metal:after{color:#006}.elements-table .period-table .gas:after{color:#c00}.elements-table .period-table .liquid:after{color:#0a0}.elements-table .generic-groups{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:1.5em 0}.elements-table .generic-groups .col:first-child{width:40%}.elements-table .generic-groups .col>fieldset{margin:1em;padding:1em .5em}.elements-table .generic-groups .acyclic,.elements-table .generic-groups .atom>fieldset,.elements-table .generic-groups .cyclic{display:inline-block;vertical-align:top}.elements-table .generic-groups .acyclic+fieldset,.elements-table .generic-groups .atom>fieldset+fieldset,.elements-table .generic-groups .cyclic+fieldset{margin-left:.4em}.elements-table .generic-groups .carbo,.elements-table .generic-groups .cyclic>fieldset,.elements-table .generic-groups .hetero{float:left}.elements-table .generic-groups .carbo{clear:both;margin-right:.4em}.elements-table .generic-groups .cyclic>legend+fieldset{margin:0 .4em 0 .8em}.elements-table .generic-groups fieldset{text-align:center}.elements-table .generic-groups .atom fieldset,.elements-table .generic-groups .carbo fieldset,.elements-table .generic-groups .hetero fieldset,.elements-table .generic-groups .no-carbon,.elements-table .generic-groups legend+fieldset{position:relative;border:0;padding:0 0 1em}.elements-table .generic-groups .atom fieldset legend,.elements-table .generic-groups .carbo fieldset legend,.elements-table .generic-groups .hetero fieldset legend,.elements-table .generic-groups .no-carbon legend,.elements-table .generic-groups legend+fieldset legend{font-size:.7em;bottom:.1em;left:0;right:0;margin:0 auto;position:absolute}.elements-table .generic-groups button{font-size:1.1em;height:2em;width:2.5em;line-height:1;vertical-align:middle;padding:.15em;background:inherit}.elements-table .generic-groups button:hover{-webkit-transition:.2s,ease-out,-webkit-transform;transition:.2s,ease-out,-webkit-transform;transition:transform,.2s,ease-out;transition:transform,.2s,ease-out,-webkit-transform;-webkit-transform:scale(1.25);transform:scale(1.25);-webkit-box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12);box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12)}.elements-table .generic-groups button:active{-webkit-transition:.2s,ease-out,-webkit-transform;transition:.2s,ease-out,-webkit-transform;transition:transform,.2s,ease-out;transition:transform,.2s,ease-out,-webkit-transform;-webkit-transform:scale(none);transform:scale(none);-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:none;box-shadow:none}.elements-table .generic-groups button.selected{background:#444;color:#fff}.elements-table .generic-groups button.selected>span{color:#fff}.elements-table .generic-groups button.selected>svg{fill:#fff;stroke:#fff;stroke-width:5}.recognize .change-version{display:block;text-align:right}.recognize .output,.recognize .picture{height:25em;width:21em;display:table-cell;vertical-align:middle;text-align:center}.recognize .struct,.recognize img{overflow:hidden;position:relative;max-height:100%;max-width:21em}.recognize label{display:block}.recognize .open-filename{display:inline-block;float:left;padding:6px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check fieldset{margin:0;padding:0 0 .3em .3em;overflow-y:auto;height:25em;width:25em;border-color:#ddd;border-radius:0 4px 4px 4px}.check fieldset li{display:block;margin:1.1em 0 .3em .3em}.check fieldset dt{font-weight:700;margin:1.1em 0 .3em .3em}.check fieldset dd{margin-left:1.5em}.analyse label{width:10em;display:inline-block;vertical-align:middle;margin-right:1em}.analyse input[type=text]{width:14em;margin-right:1em}.analyse select{width:10em;margin:0}.analyse .chem-input{width:14em;overflow:hidden;white-space:nowrap}.analyse .chem-input:active,.analyse .chem-input:focus{outline:0;-webkit-box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12);box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12)}.open label{display:block;width:22.5em}.open label input{margin-bottom:.1em}.open textarea{min-width:32em;min-height:23em;overflow:auto;white-space:pre;resize:both}.save form>label{display:inline-block;text-align:right;margin:0 .3em}.save form>label input,.save form>label select{width:12.25em}.save textarea{display:block;min-width:34em;min-height:23em;overflow:auto;white-space:pre;cursor:text;resize:both}.help{overflow:auto;min-height:500px;min-width:800px;border:0}.miew .warning{display:inline-block;float:left;line-height:2em}.miew .atom-info{position:absolute;top:10px;right:10px;border-radius:4px;color:silver;background-color:rgba(64,64,64,.75);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:left;-ms-flex-align:left;align-items:left;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;opacity:0}.miew .atom-info p{margin:10px;text-align:left}.attach label{display:block;padding:0 5px;font-size:16px}.attach .warning{padding:0 5px}.attach .editor{border:1px solid #ccc;border-radius:5px;position:relative;height:25em;max-width:30em;overflow:auto}li,menu,ul{list-style:none;margin:0;padding:0}body,html{height:100%;width:100%}body,main[role=application]{height:100%;position:relative;font:14px FreeSans,Arimo,"Droid Sans",Helvetica,"Helvetica Neue",Arial,sans-serif;background-color:#fff;color:#333;min-width:640px;min-height:400px}#canvas{position:absolute;border:#ccc 1px solid;border-radius:5px;overflow:auto;top:45px;left:45px;right:45px;bottom:45px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#canvas .measure-log{top:45px;right:45px}#canvas .measure-log{position:fixed}#canvas .measure-log.visible{opacity:1}#mainmenu{position:absolute;top:3px;left:45px;right:45px;height:40px}#mainmenu>menu{width:100%}#elements{position:absolute;right:3px;top:45px;bottom:45px;width:40px}#elements>menu{height:100%}#template{position:absolute;bottom:3px;left:45px;right:45px;height:40px}#template>menu{width:100%}#template>menu{overflow:hidden}#toolbox{position:absolute;left:3px;top:45px;bottom:45px;width:40px}#toolbox>menu{height:100%}#meta{position:absolute;right:0}#chiral-flag{overflow-y:hidden;position:absolute;right:0}#chiral-flag>button{width:64px;margin-left:8px;margin-right:8px}#chiral-flag>button>svg{stroke-width:0}#chiral-flag>button>svg{position:static;left:0;top:0;width:52px}[role=toolbar]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[role=toolbar] menu{font-size:.00001px;-webkit-text-size-adjust:none}[role=toolbar] li{display:inline-block;vertical-align:top}[role=toolbar] li>svg{fill:#333;display:none}[role=toolbar] button{display:block;border:0;padding:0;position:relative;background:inherit;background-color:#fff;width:32px;height:32px;margin:4px}[role=toolbar] button:after,[role=toolbar] button:before{display:inline-block;vertical-align:middle}[role=toolbar] button:after{position:absolute;left:0}[role=toolbar] button:hover{-webkit-transition:.2s,ease-out,-webkit-transform;transition:.2s,ease-out,-webkit-transform;transition:transform,.2s,ease-out;transition:transform,.2s,ease-out,-webkit-transform;-webkit-transform:scale(1.25);transform:scale(1.25);-webkit-box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12);box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12)}[role=toolbar] button:active,[role=toolbar] button[disabled]{-webkit-transition:.2s,ease-out,-webkit-transform;transition:.2s,ease-out,-webkit-transform;transition:transform,.2s,ease-out;transition:transform,.2s,ease-out,-webkit-transform;-webkit-transform:scale(none);transform:scale(none);-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:none;box-shadow:none}[role=toolbar] button>svg{position:absolute;top:.1em;left:.1em;font-size:26px;width:26px;height:26px;fill:#333}[role=toolbar] .selected button{background:#444;color:#fff}[role=toolbar] .selected button>span{color:#fff}[role=toolbar] .selected button>svg{fill:#fff;stroke:#fff;stroke-width:5}[role=toolbar] kbd{display:none;font:.8em monospace;color:#ccc}.cliparea{position:absolute;bottom:0;left:0;width:0;height:0;display:block;font-size:1px;z-index:-1;color:transparent;background:0 0;overflow:hidden;border:none;padding:0;resize:none;outline:0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}li.opened>menu{margin:0!important;position:absolute;left:47px;z-index:20;white-space:nowrap;word-break:keep-all;padding:2px;background:#fff;border:1px solid #ccc;border-radius:5px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}li.opened>menu li+li>menu{margin-top:3px;border-top:1px solid #ccc;padding-top:2px}#atom button,#freq-atoms button{font-size:19px}#atom kbd,#freq-atoms kbd{display:none}select{font-size:14px}#bond-common,#bond-query,#bond-stereo,#reaction,#select{position:relative;overflow:hidden;height:40px;width:100%}#bond-common>svg,#bond-query>svg,#bond-stereo>svg,#reaction>svg,#select>svg{display:block;width:7px;height:7px;position:absolute;right:0;bottom:0}#bond-common:hover>svg,#bond-query:hover>svg,#bond-stereo:hover>svg,#reaction:hover>svg,#select:hover>svg{fill:#1a7090}#bond-common.opened,#bond-query.opened,#bond-stereo.opened,#reaction.opened,#select.opened{overflow:visible}@media (max-width:840px){#zoom-in,#zoom-out{display:none}}@media (max-width:1040px){#bond-common,#bond-query,#bond-stereo{height:32px;width:100%}}@media (max-height:850px){#rgroup{position:relative;overflow:hidden;height:40px;width:100%}#rgroup>svg{display:block;width:7px;height:7px;position:absolute;right:0;bottom:0}#rgroup:hover>svg{fill:#1a7090}#rgroup.opened{overflow:visible}}@media (max-height:850px) and (max-width:1040px){#rgroup{height:32px;width:100%}}@media (max-height:800px){#transform{position:relative;overflow:hidden;height:40px;width:100%}#transform>svg{display:block;width:7px;height:7px;position:absolute;right:0;bottom:0}#transform:hover>svg{fill:#1a7090}#transform.opened{overflow:visible}}@media (max-height:800px) and (max-width:1040px){#transform{height:32px;width:100%}}@media (max-height:700px){li.opened li{display:-webkit-box;display:-ms-flexbox;display:flex}li.opened li menu{width:100%}li.opened button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin:1px 0;padding:.3em .3em .3em 2em;height:1.7em;font-size:14px;text-align:left}li.opened button:after,li.opened button:before{padding-right:.4em;font-size:18px}li.opened button[disabled]{background:inherit;color:#baa}li.opened button kbd{margin:2.5px 0 0 10px;display:inline-block}li.opened button>svg{width:20px;height:20px}li.opened button:hover{-webkit-transition:.2s,ease-out,-webkit-transform;transition:.2s,ease-out,-webkit-transform;transition:transform,.2s,ease-out;transition:transform,.2s,ease-out,-webkit-transform;-webkit-transform:scale(none);transform:scale(none);-webkit-transform:scale(1);transform:scale(1);background-color:#eee}li.opened .selected button{-webkit-transition:.2s,ease-out,-webkit-transform;transition:.2s,ease-out,-webkit-transform;transition:transform,.2s,ease-out;transition:transform,.2s,ease-out,-webkit-transform;-webkit-transform:scale(none);transform:scale(none);-webkit-transform:scale(1);transform:scale(1);background:#444;color:#fff}li.opened .selected button>span{color:#fff}li.opened .selected button>svg{fill:#fff;stroke:#fff;stroke-width:5}#bond-common,#bond-query,#bond-stereo{position:static;overflow:visible;height:auto;width:auto}#bond-common>svg,#bond-query>svg,#bond-stereo>svg{display:none}#bond{position:relative;overflow:hidden;height:40px;width:100%}#bond>svg{display:block;width:7px;height:7px;position:absolute;right:0;bottom:0}#bond:hover>svg{fill:#1a7090}#bond.opened{overflow:visible}}@media (max-height:700px) and (max-width:850px){li.opened li{display:-webkit-box;display:-ms-flexbox;display:flex}li.opened li menu{width:100%}li.opened button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin:1px 0;padding:.3em .3em .3em 2em;height:1.7em;font-size:12px;text-align:left}li.opened button:after,li.opened button:before{padding-right:.4em;font-size:16px}li.opened button[disabled]{background:inherit;color:#baa}li.opened button kbd{margin:2.5px 0 0 10px;display:inline-block}li.opened button>svg{width:17px;height:17px}li.opened button:hover{-webkit-transition:.2s,ease-out,-webkit-transform;transition:.2s,ease-out,-webkit-transform;transition:transform,.2s,ease-out;transition:transform,.2s,ease-out,-webkit-transform;-webkit-transform:scale(none);transform:scale(none);-webkit-transform:scale(1);transform:scale(1);background-color:#eee}li.opened .selected button{-webkit-transition:.2s,ease-out,-webkit-transform;transition:.2s,ease-out,-webkit-transform;transition:transform,.2s,ease-out;transition:transform,.2s,ease-out,-webkit-transform;-webkit-transform:scale(none);transform:scale(none);-webkit-transform:scale(1);transform:scale(1);background:#444;color:#fff}li.opened .selected button>span{color:#fff}li.opened .selected button>svg{fill:#fff;stroke:#fff;stroke-width:5}}@media (max-height:700px) and (max-width:1040px){#bond{height:32px;width:100%}}@media (max-height:600px){#bond,#rgroup,#transform{height:32px;width:100%}}@media (min-height:800px){#reaction+li{margin-top:5px;border-top:1px solid #ccc;padding-top:4px}}@media (min-height:650px){#atom+li,#chain+li,#charge+li,#erase+li,#freq-atoms+li,#transform+li{margin-top:5px;border-top:1px solid #ccc;padding-top:4px}}@media (min-width:1160px){#analyse+li,#document+li,#edit+li,#zoom+li{margin-left:10px;border-left:1px solid #ccc;padding-left:9px}}@media (max-height:600px),(max-width:1040px){body,form,select{font-size:11px}#canvas{top:37px;left:37px;right:37px;bottom:37px}#canvas .measure-log{top:37px;right:37px}#mainmenu,#template{left:37px;right:37px;height:32px}#elements,#toolbox{top:37px;bottom:37px;width:32px}[role=toolbar] button{width:24px;height:24px;margin:4px}[role=toolbar] button>svg{position:absolute;top:.1em;left:.1em;font-size:20px;width:20px;height:20px;fill:#333}#chiral-flag button{width:48px;margin-left:8px;margin-right:8px}#chiral-flag button>svg{position:static;left:0;top:0;width:40px}#reaction,#select{height:32px;width:100%}li.opened>menu{left:37px}#atom button,#freq-atoms button{font-size:16px}}@media (max-width:770px){#about,#help{display:none}#mainmenu{left:2px;right:2px}}#template-common+li{margin-left:15px;border-left:1px solid #ccc;padding-left:14px}.cellar{display:none}.warning{color:#f55}.warning:before{content:'⚠ '}#analyse button:before{padding:.2em 0 0 .2em}#check button:before{padding:.2em 0 0 .2em}#cip button:before{padding:.2em 0 0 .2em}#clean button:before{padding:.2em 0 0 .2em}#generic-groups button:before{padding:.2em 0 0 .2em}#layout button:before{padding:.2em 0 0 .2em}#miew button:before{padding:.2em 0 0 .2em}#reaction-arrow button:before{padding:.2em 0 0 .2em}#reaction-automap button:before{padding:.2em 0 0 .2em}#reaction-map button:before{padding:.2em 0 0 .2em}#reaction-plus button:before{padding:.2em 0 0 .2em}#reaction-unmap button:before{padding:.2em 0 0 .2em}#recognize button:before{padding:.2em 0 0 .2em}#rgroup-attpoints button:before{padding:.2em 0 0 .2em}#rgroup-fragment button:before{padding:.2em 0 0 .2em}#rgroup-label button:before{padding:.2em 0 0 .2em}#template-lib button:before{padding:.2em 0 0 .2em}
</style>
<script src="https://cdn.jsdelivr.net/npm/raphael@2.2.7/raphael.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/IlichCodes/Ketcher@master/ketcher.js"></script>
</head>
<body role="applicaion">
</body>
</html>