body{padding-bottom:20px}.body-content{padding-left:15px;padding-right:15px}.carousel-caption p{font-size:20px;line-height:1.4}.carousel-inner .item img[src$=".svg"]{width:100%}#qrCode{margin:15px}@media screen and (max-width:767px){.carousel-caption{display:none}}body{font-family:Arial,sans-serif;background:#eee;font-family:"Segoe UI",Verdana,Helvetica,Sans-Serif;font-size:14px;overflow-x:hidden}html{overflow-x:hidden}#body{z-index:0;position:relative;border:none;width:100%;min-height:800px;padding-top:0;background-color:#e2e2e2}h1{font-family:serif;text-align:center;text-decoration:underline}a{color:#333;outline:none;padding-left:3px;padding-right:3px;text-decoration:underline}label{display:block;font-size:1.2em;font-weight:600}input,textarea{border:1px solid #e2e2e2;background:#fff;color:#333;font-size:1.2em;padding:5px;width:300px}input[type=checkbox],input[type=radio]{width:auto}.float-right{float:right}.header-logo{display:none;float:left}.header-logo-small{display:block;float:left}#explore-right-sm{display:block;margin-left:20%}#explore-right-lg{display:none}.navbar-button{float:right;color:#fbfbf9;border:none;background-color:transparent}#surveyContainer input{width:auto}.sv-q-col-1 label{font-size:.9rem}.container{position:relative;border:none;background-color:inherit}.container h1{font-family:Arial,Helvetica,sans-serif;text-decoration:none}.header{position:static;z-index:999;top:0;left:0;width:100%;background-color:#8c1515}#login-action:hover{border:none}.header a{color:#fbfbf9;text-decoration:none;cursor:pointer}.header a:hover{text-decoration:none;border-bottom:2px solid #fbfbf9;background-color:#8c1515;color:inherit}.header a:visited{text-decoration:none}.header-logo a:hover{border:none}.header-active{border-bottom:2px solid #fbfbf9;background-color:#8c1515}.header-wrapper{display:none;position:static;background-color:#fffaf0;font-weight:bold;padding:5px;border-top:1px solid #808080;border-bottom:1px solid #808080}.header-right{float:right;width:80%;border:2px solid #8c1515;text-align:center}.header-left{float:right;width:20%;border:2px solid #8c1515}.main-content{box-shadow:none}.footer.content-wrapper{width:100%;position:relative;z-index:-1;top:0;left:0;width:100%;max-width:none;height:100px;background-color:#8c1515}.footer div{position:relative;background-color:initial;border:none;color:#fbfbf9}.footer-text{padding-top:30px}.footer-text a{color:#fbfbf9;text-decoration:none}#divUserSessionTime{margin-left:5%;margin-top:5%;padding:5%;padding-bottom:150px;width:90%;height:80%;z-index:104;position:fixed;overflow-y:auto;background-color:#f2f1eb}.user-session-prompt a{color:#8c1515;font-weight:700;padding-right:5px}.logo{height:40px;padding:2px}.title{color:#fbfbf9;font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;font-size:2em;margin-left:5px;padding-top:50px}#nav-site{color:#fbfbf9;font-size:1.1em;margin-top:10px;padding-left:0;float:none}#nav-site li{display:inline;padding:7px}.logging-controls{position:relative;background-color:#8b0000}.logging-controls a{text-decoration:none;cursor:pointer}.logging-controls button{color:#fbfbf9;padding:.25rem 1.5rem;margin:0}.logging-controls button:hover{border-bottom:2px solid #fbfbf9;color:#fbfbf9;text-decoration:none}.logging-controls a:hover{text-decoration:none;color:#fbfbf9}.logging-controls button:hover{text-decoration:none;color:#fbfbf9}.logging-controls ul{list-style-type:none;padding-right:20px}.breadcrumb{margin-top:50px;box-shadow:2px 2px 8px gray;margin-left:-15px;margin-right:-15px}.site-breadcrumb{max-width:1000px;margin:auto;position:relative}.information{background-color:#fff;border-radius:15px;padding:10px;margin-bottom:10px}.left-panel{float:left}.right-panel{float:left;margin-left:3%;width:40%;top:12px;padding:10px;box-shadow:0 0 10px rgba(0,0,0,.15),0 3px 3px rgba(0,0,0,.15);background-color:#fffaf0}.reaction-button{width:450px}#reaction-search{z-index:10;width:60%;margin-top:7%;margin-bottom:5%}#reaction-search .small input{width:auto}.dropdown-menu a{text-decoration:none}.reaction-table-results{background-color:#f2f1eb;width:100%}.reaction-table-results th,td{padding:5px;border-top:1px solid #808080;border-bottom:1px solid #808080}.reaction-table-results tr:nth-child(even){background-color:#fffaf0}.reaction-instructions{background-color:#f2f1eb}.reaction-item-active{background-color:#fffaf0}.reaction-field{width:500px;color:#555;font-size:1.2em;font-weight:600}.reaction-helper{width:100px}.splash-nav.row{border-bottom:1px solid #8c1515}#contact-form{margin-top:50px}.form-required{display:inline;color:#f00}.wikipedia-preview{padding-bottom:10px}.wikipedia-preview embed{height:100%;border-radius:15px}#loading-spinner-container{display:flex;height:100%;width:100%;align-items:center;justify-content:center;position:absolute}.splash-header{position:static;color:#fff;background-image:url('/Images/SiteResources/Splash_Images/chem_banner.jpg');background-size:cover}.splash-header{background-color:transparent}.splash-section{background-color:#f2f1eb;display:table;/*!box-shadow:2px 2px 8px gray;    */font-family:Arial,Helvetica,sans-serif;margin-top:20px;padding:10px;border-radius:15px}.splash-section h2{text-align:center;margin-bottom:20px;font-size:2.5em}.splash-section-action{text-transform:uppercase;font-weight:bold;color:#8c1515}#splash-explore-molecule{cursor:pointer}.splash-section-molecule{padding:2px;cursor:pointer}.splash-section-molecule-active{border:#8c1515 solid 2px;border-radius:5px;padding:0;cursor:pointer}.splash-section-molecule:hover{border:#8c1515 solid 1px;border-radius:5px;padding:1px}.splash-instructions-container,.splash-pathways-container{background-color:#fff;padding:10px;margin:10px;border:.5px solid #000;min-height:96px}.splash-instructions-header{min-height:20px}#splash-information{float:right;cursor:pointer}.splash-instructions{display:flex;justify-content:center}.splash-instructions-controls{float:right;display:inline-flex;cursor:pointer}.splash-section-img{height:65px;margin-left:27%}.splash-section-molecule-name{text-align:center}.splash-section div{position:relative;/*! border:1px dotted black;*/vertical-align:middle}.splash-section-left{float:left;width:33%}.splash-section-right{float:left;width:56%}.start-molecule-step{text-decoration:none}.splash-demo-molecule-name{float:left;width:60%;height:85px;margin-top:7%}.splash-demo-molecule-name div{vertical-align:middle}.splash-demo-molecule-canvas{float:left;margin:auto;width:40%}.splash-demo-molecule-canvas .splash-section-action{position:relative;left:40%}#pathway-search-instructions li{display:inline-block;margin:0 23px}.splash-nav{display:flex;justify-content:center;margin-bottom:40px}.splash-nav .nav-tabs{border-bottom:#000 1px solid}#splash-tutorial-container{position:absolute;width:auto;background-color:#fff;border:1px solid;z-index:102;top:0}.splash-tutorial-position-left{left:0;top:125px}#demo-reaction-container{top:50px}#demo-reaction-container #reactionList{width:334px}#splash-tutorial-select{padding:5px}#splash-tutorial-container a{margin:5px;cursor:pointer}#splash-tutorial-container .sectionTitle{background-color:#f2f1eb;color:#000}#splash-tutorial-container .sectionTitle a{float:right;cursor:pointer;margin:0}#splash-tutorial-view{cursor:pointer;z-index:5}#demo-molecule-names{display:flex;flex-direction:column;text-decoration-style:wavy;background-color:#fff;padding:10px;border:1px solid}#demo-molecule-names a{text-decoration:none;margin:5px}#demo-molecule-names a:hover{text-decoration:underline}.nav-item .nav-link{cursor:pointer}#splash-pathway-controls{display:block;min-height:105px;margin-top:20px}#splash-pathway-controls-sm{display:block}.reagent-name{display:none}.reactant-toggle-container{display:none}.reagent-name-sm{display:block}.reactant-toggle-container-sm{display:block}#splash-pathway-pathways{float:left}#splash-pathway-solver{float:left}#splash-pathway-solver a{text-decoration:none}#splash-pathway-explore a{position:relative;left:40%;cursor:pointer}#splash-pathway-review-explore a{position:relative;left:40%;cursor:pointer}#splash-pathway-title{text-align:center}.splash-pathway-solver-label{display:inline-block;min-width:150px}#splash-solver{position:absolute}.splash-solver-header{text-align:center}#solver-optimize-method{min-width:107px}#splash-pathway-container,#splash-pathway-review{height:400px;overflow-x:hidden;overflow-y:auto;margin-top:20px;background-color:#fffaf0}.splash-pathway-action{margin:auto;width:20%}.splash-reactant-step-container{float:left;width:38%;background-color:#fffaf0;margin-left:10px}.splash-reagent-step-container{position:relative;float:left;background-color:#fffaf0;top:30%}.splash-product-step-container{float:left;width:39%;background-color:#fffaf0}.splash-helper-molecule-container{position:relative;left:0 !important}.splash-pathway{display:block;width:77%;margin:auto}#splash-pathway-demo{margin-bottom:80px}#splash-pathway-actions{display:none;padding-top:30px}.splash-pathway-step-view{height:150px}.splash-discovery-section-right{width:66%}.reactant-toggle-container{margin:auto;display:none}.splash-discover-action-container{position:relative;height:148px;border:none;margin:auto;width:20%}.splash-discover-action{top:60%}[id^='divSkeleton'].Demo{position:relative;min-height:250px;float:left;top:0;left:0;border:1px solid;box-shadow:none;background-color:#f5f5f5;width:150px}[id^='divSkeleton'].Demo .sectionTitle{display:none}[id^='divSkeleton'].Demo .spnSkeletonName{display:none!important}[id^='divSkeleton'].Demo .col{padding:0}[id^='divSkeleton'].Demo .skeleton img{height:30px}[id^='divSkeleton'].Demo #cycloalkanes img{height:40px}[id^='divSkeleton'].Demo #custom-alkanes img{height:40px}[id^='divAdditions'].Demo{top:185px;left:0;border:1px solid;margin-bottom:20px;box-shadow:none;min-height:auto;background-color:#f5f5f5;height:65px;width:223px}[id^='divAdditions'].Demo .sectionTitle{display:none}#canvasContainer.Demo{position:relative;min-height:200px;float:left;left:-33px}.demo-molecule-container{min-height:300px;display:flex;justify-content:center}.demo-molecule-container>div{width:373px}.demo-molecule-outside-container{padding-bottom:20px}.demo-reaction-container{display:flex;justify-content:center;font-size:initial}.demo-reaction-container img{position:relative;align-self:center}.demo-reaction-container>.btn{position:absolute}.demo-reaction-container>span{position:absolute;cursor:pointer}.demo-reaction-container #selectReaction{display:block;top:113px}[id^='divAdditions'].Demo #additionGroups{display:none}[id^='divAdditions'].Demo #common-atoms{display:none}[id^='divAdditions'].Demo [id^='demoAdditions']{display:block}[id^='demoAdditions'] span{padding:5px}[id^='demoAdditions'] .additions{cursor:pointer}#toggleAdditions.Demo{display:none}[id^='toggle-addition-mode']{position:absolute;border:1px solid;left:-33px;cursor:pointer}#canvasContainer.Demo canvas{box-shadow:none;left:4px;height:185px;border:1px solid #000;background-color:#fffaf0}[id^=demoMoleculeName]{display:flex;justify-content:center}[id^=demoMoleculeName] #nameContainer{border:1px solid;box-shadow:2px 2px 8px gray;min-width:207px;width:auto;max-width:373px;display:flex;justify-content:center;background-color:#f5f5f5}[id^=demoMoleculeName] [id^=moleculeName]{display:flex;justify-content:center;overflow-x:auto}#WorkspaceControls.demo{width:140px;top:1px;left:1px}[id^='expandControls']{float:left;position:absolute;border:none;margin-left:0;z-index:3;left:195px;top:1px}[id^='expandControls'] .btn{font-size:.75rem;padding:.4rem}[id^='divZoomControl'].demo{position:absolute;width:25px;left:195px;bottom:20px;border:none;touch-action:auto;z-index:3}[id^='divZoomControl'].demo .btn{font-size:.75rem;padding:.4rem}.skeletonTypeSelect:before{position:absolute;content:"";border-bottom:1px solid #000;width:90%}.skeletonTypeSelect:after{position:absolute;content:"";border-top:1px solid #000;width:90%;bottom:0}#skeletonCarousel .Demo img{width:40px}[id^='skeletonCarousel'] .Demo img{width:40px}[id^=moleculeName].Demo{width:100%;margin-bottom:0;margin-left:5px;margin-right:5px}.blog-header{padding-bottom:20px}.blog-title{margin-top:30px;font-size:3em;text-align:left}.label-lg{display:none}.label-xs{display:inline-block}[id^='divSkeleton']{position:relative;min-width:30px;min-height:134px;z-index:1;border:1px solid;background-color:#f2f1eb}.skeleton-expanded div{text-align:center}.skeletonDisplay div{display:flex}[id^='alkanes-demo'].skeletonDisplay>div>div{display:block}.skeleton-collapsed{width:30px}.addition-selected,.addition-tool-selected,.skeleton-tool-selected,.skeleton-selected{box-shadow:2px 2px 8px grey}.additions-collapsed{height:40px;top:332px}.addition-display{cursor:default}[id^='skeletonCarousel'] .carousel-inner{width:84%;margin-left:5%}[id^='skeletonCarousel'] img{left:17%}#toggleAdditions{position:absolute;top:3px;display:inline;padding:3px;left:85%;z-index:1}#additionCarousel{width:100%}.skeleton-expand-sm{right:0;top:0;position:absolute;display:flex;align-items:center;bottom:0}.skeleton-expand-sm i{cursor:pointer;font-size:40px}.additions-expand-sm{right:0;top:0;position:absolute;display:flex;align-items:center;justify-content:center;left:0}.additions-expand-sm i{cursor:pointer;font-size:40px}#divMenu{display:none}#divDebug{display:none;position:absolute;left:50px;top:480px;width:200px;height:250px}#divTutorial{position:relative;z-index:101;box-shadow:2px 2px 8px grey;background-color:#f2f1eb}#divTutorial a{float:right;color:#fff;cursor:pointer}#divTutorial p,#divTutorial input,#spnStep{margin:10px}#splash-tutorial{max-height:225px;overflow-y:auto}#splash-tutorial p,#splash-tutorial input{margin:10px}#divDisplayOptions{display:none;position:absolute;left:900px;width:200px;height:150px}#divInspector{position:absolute;left:1050px;top:60px;width:180px;z-index:2;border:solid 1px #000;background-color:#f2f1eb;box-shadow:2px 2px 8px gray}#divInspector div{position:relative}#inspectorAttachmentsContainer{text-align:center}#controls{position:absolute}#controls div{position:relative;display:block}.flip{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.inspector-attachment{min-height:24px}.inspector-attachment .btn,#inspectorCharge .btn{background-color:transparent;padding:0;margin:0;text-decoration:underline}#toggle-dock-inspector{position:relative;float:right;top:-3px;color:#fff;cursor:pointer;text-decoration:none}.inspector-attachment ul,#divInspector ul{min-width:0;background-color:#f2f1eb;cursor:pointer}#inspectorAttachmentsContainer{border-top:solid;border-top-width:1px}.attachment-graphic{right:20px}.attachment-chain{float:right;right:30px}.attachmentImage{height:20px}.splash-pathway-controls-sm .nav-tabs{border-bottom:1px solid #000}.splash-pathway-controls-sm .nav-tabs .nav-link{border-bottom:1px solid #000}.navbar{padding:.05rem 1rem}#navbar .nav-link{padding:0;color:#fff}.nav-item .nav-link{text-decoration:none}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238c1515' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238c1515' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important}.btn-outline-secondary{background-color:#fff;border-color:#ccc}#reaction-search button{padding:.375rem .75rem;font-size:1rem}.btn{font-size:.65rem;padding:.25rem .5rem}.carousel-indicators{position:static;margin-left:0;margin-bottom:-5px;width:100%}.carousel-inner{overflow:initial}.carousel-indicators li{position:relative;margin:3px;height:12px;width:12px;background-color:transparent;border:none;border-radius:50%;border:1px solid #8c1515}.carousel-indicators li.active{background-color:#8c1515;margin:3px}.control-close-sm{position:absolute;width:100%}.control-close-sm i{cursor:pointer;float:right}.sectionTitle{display:none;background-color:#8c1515;color:#fff;text-align:center;position:relative;border:none}#inspector-content{padding:5px}.custom-skeleton{position:relative}.custom-skeleton-container{cursor:move}.custom-skeleton-container span{position:relative;top:15px}#divAdditionsOverlay{position:absolute;z-index:80;min-width:100%;min-height:92px;opacity:50%;background-color:#e2e2e2;box-shadow:2px 2px 8px grey}[id^='divAdditions']{position:relative;border:1px solid;min-height:92px;margin-bottom:20px;box-shadow:2px 2px 8px gray;background-color:#f2f1eb}[id^='divAdditions'] div{position:absolute;padding:3px 9px;position:relative;height:40px;vertical-align:middle;border:none;text-align:center}[id^='divSkeleton'] div{position:absolute;padding:3px;position:relative;vertical-align:middle}#divSkeletonNav{height:40px}.spnSkeletonName{display:block!important;text-align:center;font-weight:bold;justify-content:center}.skeletonDisplay div.col{flex-grow:0}.addition-name{width:100%;text-align:center}.alkane-tool{cursor:pointer}#divWorkspace .skeleton{height:80px}.skeleton img{height:40px;max-width:80px}.skeleton{height:30px;cursor:move;vertical-align:middle}.skeleton-tool,.addition-tool{vertical-align:middle;cursor:pointer}.skeleton-tool{height:40px}.carousel-control.right,.carousel-control.left{background-image:none;opacity:.3;color:#8c1515}.cyclo{height:60px}.additions{height:30px;cursor:move;vertical-align:middle}[id^='canvasOverlay']{position:absolute;z-index:1}[id^='canvasWorkspace']{opacity:.8;position:absolute;z-index:2;cursor:pointer;background-color:#f2f1eb;box-shadow:2px 2px 8px gray}#canvasContainer{position:relative;min-height:328px}#divWorkspace{position:absolute;border:1px solid;display:none;left:300px;width:500px;height:400px;z-index:-50;vertical-align:middle;box-shadow:2px 2px 8px gray}#divNewWorkspace{position:relative;border:1px solid;vertical-align:middle}#divTouchDragOverridePanel{width:20%;height:60%;margin-top:20%;position:absolute;display:none}.override-touch-panel{touch-action:none}#divNewWorkspace div{border:none}#divInstructions{display:none;position:absolute;border:1px solid;left:70px;top:440px;width:206px;height:200px;overflow:auto;box-shadow:2px 2px 8px gray;background-color:#f2f1eb;text-align:center}#lnkTutorial{margin-top:10px}[id^=moleculeName]{cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:65%;margin-bottom:-5px;display:inline-block}[id^=moleculeName]:empty::before{content:'Click to enter molecule name';font-weight:100;color:#808080}#demoMoleculeName [id^=moleculeName]:empty::before{content:'Molecule Name';font-weight:100;color:#808080}[id^=moleculeNameInput]{display:inline;height:19px;width:50%;padding:0}[id^=moleculeNameInput].Demo{text-align:center}#divMoleculeName{position:relative;border:1px solid;max-width:540px;height:30px;margin-bottom:20px;box-shadow:2px 2px 8px gray;background-color:#f2f1eb}#divMoleculeName button{top:2px;padding:.5px}.property-actions{float:right;padding-right:10px}.property-actions img{height:20px}#divMoleculeOne{position:absolute;left:300px;top:625px;width:200px;height:250px}#divCanvasWorkspace{position:absolute;left:900px;top:450px;width:500px;height:400px}#divGreyoutOverlay{background-color:#333;opacity:.8;position:fixed;left:0;top:0;z-index:100;height:100%;width:100%;overflow:hidden;background-position:center;background-repeat:no-repeat}#divPathway{margin-left:5%;margin-top:5%;width:90%;height:80%;z-index:101;position:fixed;overflow-y:auto;background-color:#f2f1eb}.pathwayControls{width:85%;border:none}.control-close{border:none;position:relative;float:right;text-decoration:none;cursor:pointer}.canvas-waypoint{height:80px;background-color:#f2f1eb}#molecule-pathway-container{display:inline-flex;position:relative;float:left;border:none}#WorkspaceControls{float:left;position:absolute;border:none;margin-left:0;z-index:3}#pathway-action-container{float:right;position:relative;height:148px;border:none}#pathway-action{position:relative;top:33%;border:none}#pathway-options-panel{box-shadow:2px 2px 8px gray;width:200px;right:0;height:400px;display:none}#pathway-options-container{float:left;position:relative;height:148px;border:none}#pathway-options{position:relative;top:40%;border:none}#pathway-controls-container{float:right;position:relative;height:148px;border:none}#pathway-controls-container-demo{right:100px;top:25px;float:right;position:relative;height:148px;border:none}#pathway-controls{position:relative;top:40%;border:none}#divMoleculePathwayPanel{position:relative;margin-bottom:20px;border:1px solid;min-height:168px;box-shadow:2px 2px 8px gray;background-color:#f2f1eb}#btnMoleculeAdd{display:none}#divMoleculePathwayPanel a{text-decoration:none}.moleculeWorkStep{position:relative;border:solid 1px #000;width:135px;height:140px}#divPathway a{text-decoration:none;cursor:pointer;color:#00008b}#divPathwayControls{height:20px}#divPathwayControls a{float:right;margin-right:5px;margin-top:10px}#search-progress{position:relative;width:300px;margin-left:auto;margin-right:auto;margin-top:10%}#search-progress span{position:relative}#divResult{left:2%;width:96%}.pathway-waypoint div{position:relative;border:none}.waypoint-reaction-arrow{display:flex;justify-content:center;font-size:initial}.waypoint-reaction-arrow img{position:relative;width:100%;align-self:center}.waypoint-reaction-arrow>.btn{position:absolute}.waypoint-reaction-arrow>span{position:absolute;cursor:pointer}#selectedReagent{top:50px}#selectedSolution{top:92px}#selectReaction{display:none;top:40px}#selectReaction.dropdown-toggle::after{content:none}.reaction{margin:5px;cursor:pointer}#checkbox-all{padding-left:3px;padding-right:3px;margin-bottom:0;cursor:pointer}.dropdown-header{column-span:all;display:flex;justify-content:center}#reaction-search-options+ul{columns:2}.pathway-name-container{text-align:center;border:none;position:relative}.pathway-name-container a{text-decoration:none}.pathway-step{left:2%;width:96%;position:relative;border:none}.pathway-waypoint{position:relative;cursor:pointer;padding-left:0;margin:10px;border-radius:5px;border-width:1px;min-height:127px;border-color:#8c1515;border-style:solid;max-width:200px;padding:1px;display:inline-block}.pathway-waypoint-controls{overflow:hidden;min-height:23px}.pathway-waypoint-container{width:35%}.selected{border-width:2px}.pathway{width:100%;position:relative;border:none}.PathwayStepSummary{background-color:#e2e2e2;position:relative;border:none;margin-bottom:5px}.PathwayStepSummary a{position:relative}.reactionSummary{left:40%;position:relative}.reaction-component{display:flex;justify-content:center}#reactionSearchList{height:300px;overflow:auto}#reactionSearchList img{width:auto}.PathwayStepIllustration{width:100%;height:200px;border:none;position:relative}.PathwayFirstMoleculeIllustration{left:300px;top:25px;height:150px;width:188px;border:none}.PathwaySecondMoleculeIllustration{right:300px;top:25px;height:150px;width:188px;border:none}.PathwayReactionIllustration{top:25px;left:45%;width:10%;height:150px;border:none}.arrow{bottom:10px;font-size:2.4em;border:none}input[type="submit"],input[type="button"],button{border:1px solid #787878;cursor:pointer;font-size:1.2em;font-weight:600;padding:7px;width:auto}input.selected{background-color:#f5f5f5}[id^='divZoomControl']{position:absolute;width:25px;right:30px;bottom:50px;border:none;touch-action:auto;z-index:3}.zoomControlButton{width:25px;margin:2px}.skeletonNavButton{font-size:.7em;position:relative}#pathways-container{margin:auto;border-radius:15px;background-color:#f2f1eb}#pathways-container h4{margin:auto;color:#8c1515;display:block}.pathway-container{margin:0;padding:5px;border-bottom:1px solid #820000;min-height:225px}#pathways-list-container{background-color:#f2f1eb;background-repeat:repeat-x;border-radius:15px;padding:20px;margin:20px 5px 20px 5px;height:auto}.reactant-container{float:right}.product-container{float:right}.pathways-grouping-level-2{margin-left:20px}#pathway-actions-container{position:relative;margin-top:50px;margin-right:auto;margin-left:auto;background-color:#f2f1eb;box-shadow:grey 2px 2px 8px}#reagent-summary-container img{width:100%}#pathway-actions-container div{position:relative;border:none}#pathway-actions-container input{margin-left:5px;width:95%}#pathway-actions-container div textarea{margin-left:5px;width:95%;resize:none}#pathway-actions-container .right{float:right}#pathway-actions{width:100%}#pathway-actions a{cursor:pointer;margin-left:35px;text-decoration:none}#pathway-actions a:first-child{margin-left:0}#pathway-summary-container{position:relative;margin:auto;max-width:1000px;top:50px;background-color:#f2f1eb;box-shadow:grey 2px 2px 8px}#pathway-summary-view{border:none;height:200px;position:relative}#reactant-summary-container{position:relative;float:left;width:38%;border:none;border:none}#product-summary-container{position:relative;float:right;width:38%;border:none}#pathway-steps-container{position:relative;margin:auto;max-width:1000px;margin-top:150px;border:none;background-color:#e2e2e2}#pathway-steps-container div:nth-child(2){margin:0}.pathway-step-container{position:relative;margin-top:10px;background-color:#fffaf0}.pathway-steps-container{left:10px;padding:5px}.pathway-step-view{border:none;height:200px;position:relative;font-size:10px}.reactant-step-container{position:relative;float:left;width:33%;border:none}.product-step-container{position:relative;float:right;border:none;width:39%}.individual-molecule-container{position:relative;left:-35px;display:inline-block}.individual-molecule-container canvas{width:200px}.helper-molecule-container{position:relative;top:50%;transform:translateY(-200%)}.helper-molecule{display:inline-block;padding-right:10px}.step-number{position:relative;float:left;padding-left:10px;width:6%}.reagent-step-container{position:relative;float:left;width:19%;border:none;top:40%}.reagent-step-container>div>div{margin:0 auto}.reagant-name{width:150px;display:block}.reagent-step-container div{border:none;position:relative}.reagent-step-container a{text-decoration:none}#pathway-statistics,.statistics{position:relative;border:none}.statistics ul{list-style-type:none}.statistics li{display:inline-block;border:solid;border-width:0 0 0 1px;border-color:#820000;padding:0 3px 0 4px}.statistics li:first-child{border-width:0}#previous-guess-container{position:relative;margin:auto;max-width:1000px;margin-top:150px}#success-container{background-color:#fff;border:solid;border-color:#820000;z-index:101;top:300px;left:33%;min-height:300px;padding:2em;display:block}#share-link{color:#007bff;cursor:pointer;text-decoration:underline}.canvas-guess{height:120px}.chemdle-container{display:flex;justify-content:space-between;margin:auto;max-width:1000px}.chemdle-container .row{width:100%}#chemdle-grayout-overlay{background-color:#333;opacity:.8;position:fixed;left:0;top:0;z-index:103;height:100%;width:100%;overflow:hidden}#chemdle-leaderboard-table th{padding:5px}.chemdle-modal{margin:auto;position:absolute;max-width:40em;z-index:103;left:2em;right:2em;background-color:#fff;padding:1em;margin-top:2%}.chemdle-container a{text-decoration:none}.chemdle-information{float:right}.chemdle-modal-close-container{position:absolute;right:.5em}@media(min-width:576px){#canvasContainer.Demo canvas{left:0}.skeleton img{max-width:none}}@media(min-width:992px){.btn{padding:.375rem .75rem;font-size:1rem}.btn.demo{font-size:.75rem;padding:.4rem}#body{padding-top:47px}.header{position:fixed}.main-content{box-shadow:grey 2px 2px 8px}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox !important;display:inline!important;-ms-flex-preferred-size:auto;flex-basis:auto}[id^=moleculeName]{width:72%}#nav-site{float:right}.logging-controls{position:absolute}#pathways-container h4{display:none}#pathways-list-container{background-color:#f2f1eb;background-repeat:repeat-x;border-right:#820000 2px solid;padding:10px;margin:0;border-radius:0;height:auto}#pathways-container{border-radius:0;min-height:400px;background-color:#f2f1eb}#pathway-controls-container-demo{right:100px;top:125px;float:right;position:relative;height:148px;border:none}.individual-molecule-container canvas{width:auto}.individual-molecule-container{position:relative;left:0;display:inline-block}.header-wrapper{display:block}#pathway-actions-container{position:relative;max-width:475px;margin-top:50px;background-color:#f2f1eb;box-shadow:grey 2px 2px 8px}#divTutorial{position:absolute;z-index:101;left:1050px;top:160px;width:400px;box-shadow:2px 2px 8px grey;background-color:#f2f1eb}.pathway-waypoint-container{width:auto}[id^=moleculeNameInput]{width:383px}.label-lg{display:inline-block}.label-xs{display:none}.sectionTitle{display:block;background-color:#8c1515;color:#fff;text-align:center;position:relative;border:none}.skeleton{height:40px}.skeletonDisplay>span{display:block}#divInstructions{display:block;position:absolute;border:1px solid;left:70px;top:440px;width:206px;height:200px;overflow:auto;box-shadow:2px 2px 8px gray;background-color:#f2f1eb;text-align:center}#divNewWorkspace{position:absolute;z-index:-50;left:300px;top:60px;border:1px solid;width:700px;height:350px;vertical-align:middle}#divTouchDragOverridePanel{display:none}.waypoint-reaction-arrow{width:100%}.waypoint-reaction-arrow img{width:100%}#divNewWorkspace div{border:none}[id^='divSkeleton']{position:absolute;border:1px solid;width:206px;top:60px;left:70px;box-shadow:2px 2px 8px gray;background-color:#f2f1eb}.skeleton-expanded{width:125px}.custom-skeleton{position:relative}[id^='skeletonCarousel']{width:100%}[id^='skeletonCarousel'] .carousel-inner{width:100%;margin-left:0%}[id^='skeletonCarousel'] img{left:0%}.skeleton-expanded div{text-align:unset}.skeletonDisplay div{display:flex}.skeletonDisplay>div>div{display:block}#additionCarousel{width:100%}#divAdditionsOverlay{position:absolute;z-index:90;min-height:128px;left:380px;opacity:50%;background-color:#e2e2e2;top:415px;min-width:540px;box-shadow:2px 2px 8px grey}[id^='divAdditions']{position:absolute;border:1px solid;left:380px;top:415px;width:540px;box-shadow:2px 2px 8px gray;background-color:#f2f1eb}[id^='divAdditions'] div{position:absolute;padding:3px 9px;position:relative;height:40px;vertical-align:middle;border:none}#divMoleculePathwayPanel{position:absolute;border:1px solid;left:300px;width:700px;top:605px;box-shadow:2px 2px 8px gray;background-color:#f2f1eb}#divMoleculeName{position:absolute;border:1px solid;left:380px;width:540px;height:50px;top:545px;box-shadow:2px 2px 8px gray;background-color:#f2f1eb}#divSkeletonSelector{position:absolute;border:1px solid;width:206px;top:200px;height:140px;left:70px;z-index:2;box-shadow:2px 2px 8px gray;background-color:#f2f1eb}#skeleton-selector{top:-15px;cursor:pointer;z-index:2;position:absolute}#skeleton-selector-overlay{top:-15px;z-index:1;position:absolute}#explore-right-sm{display:none}#explore-right-lg{display:block}.splash-section{max-width:1305px}#splash-tutorial-container{top:-120px}.step-number{top:40%}.pathway-step-view{border:none;height:200px;position:relative;font-size:inherit}#splash-pathway-controls{display:block;min-height:105px}#splash-pathway-pathways{display:block}#splash-discovery-section-sm{display:none}#splash-solver{top:21%}#splash-tutorial{max-height:none}.splash-tutorial-position-middle{left:36%;top:125px}.reagent-name{display:block}.reactant-toggle-container{display:block}.reagent-name-sm{display:none}.reactant-toggle-container-sm{display:none}.splash-pathway-step-view{height:240px}#demo-reaction-container{top:148px}.demo-reaction-container #selectReaction{position:relative;top:-30px}@media(min-width:1065px){#splash-tutorial-container{top:125px;width:300px}.splash-tutorial-position-right{left:65%}}@media(min-width:1300px){.navbar-header{float:right}.header-logo{display:block;float:left}.header-logo-small{display:none}}