/*! 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: center}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;    overflow: hidden;    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: relative;    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: relative;        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 {        @set-size (@small-dim);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}/*# sourceMappingURL=ketcher.css.map */