@import url(https://fonts.googleapis.com/css?family=Lato&display=swap&subset=latin-ext);body,html{margin:0;font-family:"Lato",sans-serif;font-size:18px;box-sizing:border-box}body div.App,html div.App{text-align:center}body div.App div.main-part,html div.App div.main-part{padding:12px 0}body div.App div.main-part .modal,html div.App div.main-part .modal{display:none;position:fixed;z-index:1;padding-top:68px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}body div.App div.main-part .modal-content,html div.App div.main-part .modal-content{margin:auto;border:3px solid #f4a261;border-radius:3px;box-shadow:3px 3px 8px 0 rgba(64,64,64,.75);max-width:420px;width:94%}body div.App div.main-part .modal-content .modal-main,html div.App div.main-part .modal-content .modal-main{background-color:#e9c46a}body div.App div.main-part .modal-content .modal-main div.saved-list,html div.App div.main-part .modal-content .modal-main div.saved-list{max-height:400px;overflow-y:auto;overflow-x:visible;border:none;outline:none}body div.App div.main-part .modal-content .modal-main div.saved-list ul,html div.App div.main-part .modal-content .modal-main div.saved-list ul{list-style-type:none;padding-bottom:20px;margin:0;padding-left:10px;text-align:left;color:#264653}body div.App div.main-part .modal-content .modal-main div.saved-list ul li,html div.App div.main-part .modal-content .modal-main div.saved-list ul li{height:28px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}body div.App div.main-part .modal-content .modal-main div.saved-list ul li button,html div.App div.main-part .modal-content .modal-main div.saved-list ul li button{color:#fafafa;outline:none;border:none;border-radius:3px;cursor:pointer;padding:4px 8px;margin:0 6px 0 0;transition:background-color .15s ease-in-out}body div.App div.main-part .modal-content .modal-main div.saved-list ul li button.load-btn,html div.App div.main-part .modal-content .modal-main div.saved-list ul li button.load-btn{background-color:#2a9d8f;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .2s ease-in-out}body div.App div.main-part .modal-content .modal-main div.saved-list ul li button.load-btn:hover,html div.App div.main-part .modal-content .modal-main div.saved-list ul li button.load-btn:hover{background-color:#1f756a}body div.App div.main-part .modal-content .modal-main div.saved-list ul li button.delete-btn,html div.App div.main-part .modal-content .modal-main div.saved-list ul li button.delete-btn{background-color:#e76f51}body div.App div.main-part .modal-content .modal-main div.saved-list ul li button.delete-btn:hover,html div.App div.main-part .modal-content .modal-main div.saved-list ul li button.delete-btn:hover{background-color:#e14a24}body div.App div.main-part .modal-content .modal-main div.saved-list ul li span.item-name,html div.App div.main-part .modal-content .modal-main div.saved-list ul li span.item-name{margin-left:10px;font-weight:700}body div.App div.main-part .modal-content .modal-main div.saved-list ul li span.item-date,html div.App div.main-part .modal-content .modal-main div.saved-list ul li span.item-date{display:block;font-weight:700;font-size:12px;width:100%;max-width:140px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body div.App div.main-part .modal-content .modal-main div.modal-title,html div.App div.main-part .modal-content .modal-main div.modal-title{padding:20px 16px;font-weight:700;border-bottom:2px solid #2a9d8f;position:relative}body div.App div.main-part .modal-content .modal-main div.modal-title span.title,html div.App div.main-part .modal-content .modal-main div.modal-title span.title{font-weight:700}body div.App div.main-part .modal-content .modal-main div.modal-title span.close,html div.App div.main-part .modal-content .modal-main div.modal-title span.close{position:absolute;right:10px;top:0;width:22px;color:#e76f51;font-size:28px;font-weight:700;transition:color .15s ease-in-out}body div.App div.main-part .modal-content .modal-main div.modal-title span.close:focus,body div.App div.main-part .modal-content .modal-main div.modal-title span.close:hover,html div.App div.main-part .modal-content .modal-main div.modal-title span.close:focus,html div.App div.main-part .modal-content .modal-main div.modal-title span.close:hover{color:#f4a261;text-decoration:none;color:#e14a24;cursor:pointer}body div.App div.main-part .modal-content .modal-main button.add-btn,html div.App div.main-part .modal-content .modal-main button.add-btn{background-color:#264653;border:none;border-radius:4px;margin:6px 0;color:#fafafa;padding:8px 14px;font-size:32px;outline:none;cursor:pointer;transition:background-color .15s ease-in-out}body div.App div.main-part .modal-content .modal-main button.add-btn:hover,html div.App div.main-part .modal-content .modal-main button.add-btn:hover{background-color:#f4a261}body div.App div.main-part div.tables .grid-container,html div.App div.main-part div.tables .grid-container{background-color:#e9c46a;width:100%;max-width:450px;display:grid;color:#264653;grid-template-columns:33.334% 33.334% 33.334%;grid-template-rows:46px 40px 40px 40px 40px 6px 44px 44px 44px 44px 44px 44px 44px 44px 44px 44px;grid-gap:0 0;gap:0 0;border-collapse:collapse;border-radius:2px;border:2px solid #2a9d8f;box-sizing:border-box;font-weight:700;grid-template-areas:"header header header" "title vol-in-name vol-out-name" "title vol-in-input vol-out-input" "reagent-name for-1-probe-name probe-amount-name" "reagent-name for-1-probe-name probe-amount-input" "divider1 divider2 divider3" "water-name water-input water-result" "buffer-name buffer-input buffer-result" "enhancer-name enhancer-input enhancer-result" "primer1-name primer1-input primer1-result" "primer2-name primer2-input primer2-result" "polymerase-name polymerase-input polymerase-result" "dntps-name dntps-input dntps-result" "mgcl2-name mgcl2-input mgcl2-result" "dna-name dna-input dna-result" "info difference action-button";text-align:center;margin-left:auto;margin-right:auto;vertical-align:middle;line-height:normal}body div.App div.main-part div.tables .grid-container>div,html div.App div.main-part div.tables .grid-container>div{vertical-align:middle;margin:auto 0}body div.App div.main-part div.tables .grid-container div.app-header,html div.App div.main-part div.tables .grid-container div.app-header{grid-area:header;background-color:#264653;color:#e9c46a;font-weight:100;font-size:34px;height:100%;vertical-align:middle;line-height:50px;width:100%}body div.App div.main-part div.tables .grid-container .divider1,body div.App div.main-part div.tables .grid-container .divider2,body div.App div.main-part div.tables .grid-container .divider3,html div.App div.main-part div.tables .grid-container .divider1,html div.App div.main-part div.tables .grid-container .divider2,html div.App div.main-part div.tables .grid-container .divider3{border-bottom:2px solid #2a9d8f}body div.App div.main-part div.tables .grid-container .vol-in-name,html div.App div.main-part div.tables .grid-container .vol-in-name{grid-area:vol-in-name}body div.App div.main-part div.tables .grid-container .vol-out-name,html div.App div.main-part div.tables .grid-container .vol-out-name{grid-area:vol-out-name}body div.App div.main-part div.tables .grid-container .vol-in-input,html div.App div.main-part div.tables .grid-container .vol-in-input{grid-area:vol-in-input}body div.App div.main-part div.tables .grid-container .vol-out-input,html div.App div.main-part div.tables .grid-container .vol-out-input{grid-area:vol-out-input}body div.App div.main-part div.tables .grid-container .title,html div.App div.main-part div.tables .grid-container .title{grid-area:title}body div.App div.main-part div.tables .grid-container .reagent-name,html div.App div.main-part div.tables .grid-container .reagent-name{grid-area:reagent-name}body div.App div.main-part div.tables .grid-container .for-1-probe-name,html div.App div.main-part div.tables .grid-container .for-1-probe-name{grid-area:for-1-probe-name}body div.App div.main-part div.tables .grid-container .probe-amount-name,html div.App div.main-part div.tables .grid-container .probe-amount-name{grid-area:probe-amount-name}body div.App div.main-part div.tables .grid-container .probe-amount-input,html div.App div.main-part div.tables .grid-container .probe-amount-input{grid-area:probe-amount-input}body div.App div.main-part div.tables .grid-container .water-name,html div.App div.main-part div.tables .grid-container .water-name{grid-area:water-name}body div.App div.main-part div.tables .grid-container .buffer-name,html div.App div.main-part div.tables .grid-container .buffer-name{grid-area:buffer-name}body div.App div.main-part div.tables .grid-container .enhancer-name,html div.App div.main-part div.tables .grid-container .enhancer-name{grid-area:enhancer-name}body div.App div.main-part div.tables .grid-container .primer1-name,html div.App div.main-part div.tables .grid-container .primer1-name{grid-area:primer1-name}body div.App div.main-part div.tables .grid-container .primer2-name,html div.App div.main-part div.tables .grid-container .primer2-name{grid-area:primer2-name}body div.App div.main-part div.tables .grid-container .polymerase-name,html div.App div.main-part div.tables .grid-container .polymerase-name{grid-area:polymerase-name}body div.App div.main-part div.tables .grid-container .dntps-name,html div.App div.main-part div.tables .grid-container .dntps-name{grid-area:dntps-name}body div.App div.main-part div.tables .grid-container .mgcl2-name,html div.App div.main-part div.tables .grid-container .mgcl2-name{grid-area:mgcl2-name}body div.App div.main-part div.tables .grid-container .dna-name,html div.App div.main-part div.tables .grid-container .dna-name{grid-area:dna-name}body div.App div.main-part div.tables .grid-container .info,html div.App div.main-part div.tables .grid-container .info{grid-area:info;height:100%;border-top:2px solid #2a9d8f}body div.App div.main-part div.tables .grid-container .info div,html div.App div.main-part div.tables .grid-container .info div{margin:10px 0}body div.App div.main-part div.tables .grid-container .water-input,html div.App div.main-part div.tables .grid-container .water-input{grid-area:water-input}body div.App div.main-part div.tables .grid-container .buffer-input,html div.App div.main-part div.tables .grid-container .buffer-input{grid-area:buffer-input}body div.App div.main-part div.tables .grid-container .enhancer-input,html div.App div.main-part div.tables .grid-container .enhancer-input{grid-area:enhancer-input}body div.App div.main-part div.tables .grid-container .primer1-input,html div.App div.main-part div.tables .grid-container .primer1-input{grid-area:primer1-input}body div.App div.main-part div.tables .grid-container .primer2-input,html div.App div.main-part div.tables .grid-container .primer2-input{grid-area:primer2-input}body div.App div.main-part div.tables .grid-container .polymerase-input,html div.App div.main-part div.tables .grid-container .polymerase-input{grid-area:polymerase-input}body div.App div.main-part div.tables .grid-container .dntps-input,html div.App div.main-part div.tables .grid-container .dntps-input{grid-area:dntps-input}body div.App div.main-part div.tables .grid-container .mgcl2-input,html div.App div.main-part div.tables .grid-container .mgcl2-input{grid-area:mgcl2-input}body div.App div.main-part div.tables .grid-container .dna-input,html div.App div.main-part div.tables .grid-container .dna-input{grid-area:dna-input}body div.App div.main-part div.tables .grid-container .difference,html div.App div.main-part div.tables .grid-container .difference{grid-area:difference;border-top:2px solid #2a9d8f;height:100%}body div.App div.main-part div.tables .grid-container .difference div,html div.App div.main-part div.tables .grid-container .difference div{margin:10px 0}body div.App div.main-part div.tables .grid-container .water-result,html div.App div.main-part div.tables .grid-container .water-result{grid-area:water-result}body div.App div.main-part div.tables .grid-container .buffer-result,html div.App div.main-part div.tables .grid-container .buffer-result{grid-area:buffer-result}body div.App div.main-part div.tables .grid-container .enhancer-result,html div.App div.main-part div.tables .grid-container .enhancer-result{grid-area:enhancer-result}body div.App div.main-part div.tables .grid-container .primer1-result,html div.App div.main-part div.tables .grid-container .primer1-result{grid-area:primer1-result}body div.App div.main-part div.tables .grid-container .primer2-result,html div.App div.main-part div.tables .grid-container .primer2-result{grid-area:primer2-result}body div.App div.main-part div.tables .grid-container .polymerase-result,html div.App div.main-part div.tables .grid-container .polymerase-result{grid-area:polymerase-result}body div.App div.main-part div.tables .grid-container .dntps-result,html div.App div.main-part div.tables .grid-container .dntps-result{grid-area:dntps-result}body div.App div.main-part div.tables .grid-container .mgcl2-result,html div.App div.main-part div.tables .grid-container .mgcl2-result{grid-area:mgcl2-result}body div.App div.main-part div.tables .grid-container .dna-result,html div.App div.main-part div.tables .grid-container .dna-result{grid-area:dna-result}body div.App div.main-part div.tables .grid-container div.action-button,html div.App div.main-part div.tables .grid-container div.action-button{grid-area:action-button;border-top:2px solid #2a9d8f;height:100%}body div.App div.main-part div.tables .grid-container div.action-button div,html div.App div.main-part div.tables .grid-container div.action-button div{margin:1% 0}body div.App div.main-part div.tables .grid-container div.action-button button.btn,html div.App div.main-part div.tables .grid-container div.action-button button.btn{background-color:#264653;border:none;color:#fafafa;padding:10px 18px;font-size:16px;outline:none;cursor:pointer;transition:background-color .15s ease-in-out}body div.App div.main-part div.tables .grid-container div.action-button button.btn:hover,html div.App div.main-part div.tables .grid-container div.action-button button.btn:hover{background-color:#f4a261}input.field-input{padding:6px;outline:none;border:2px solid #2a9d8f;border-radius:3px;text-align:center;width:60px;font-weight:700;font-size:16px}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}
/*# sourceMappingURL=main.7dd94835.chunk.css.map */