.ptable{width:100%;height:550px;padding-left:5px}.data_coverage{display:inline-block;width:15%;padding-left:105px}.data_coverage div{color:#000;font-family:Arial;font-size:16px;font-weight:700;margin-right:130px}.periodic_table{display:inline-block;width:80%;height:90%;float:center;text-shadow:none;padding-left:40px}.periodic_row{clear:both;height:10%}.cell,.cell_empty{width:5.55%}.cell,.cell_empty,.cell_empty_row1{float:left;position:relative;height:100%}.cell_empty_row1{width:88.8%}.cell_empty_row2_row3{float:left;position:relative;width:55.5%;height:100%}.element{position:absolute;top:0;left:0;bottom:1px;right:1px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 4px hsla(0,0%,100%,.5);box-shadow:0 0 4px hsla(0,0%,100%,.5);border:1px solid rgba(0,0,0,.05);text-align:center;cursor:default;pointer-events:none;background-color:rgba(0,128,128,.6)}.cell:hover .element{border-color:rgba(0,0,0,.9)}.cell:hover:after{background:#333;background:rgba(0,0,0,.8);border-radius:5px;bottom:52px;color:#fff;content:attr(elementName);left:20%;padding:5px 15px 5px 5px;position:absolute;z-index:98;width:130px}.cell:hover:before{border:solid;border-color:#333 transparent;border-width:6px 6px 0 6px;bottom:46px;content:"";left:50%;position:absolute;z-index:99}.atom_number{font-size:10px;top:4px;left:5px}.atom_number,.symbol{position:absolute;color:rgba(0,0,0,.9)}.symbol{top:50%;left:0;right:0;margin-top:-4px;font-size:16px;font-weight:700;line-height:1;height:9px}.custom-tooltip>.tooltip-inner{width:400px}.dataset-id-focus-input-textbox{border-top-style:hidden;border-right-style:hidden;border-left-style:hidden;border-bottom-style:hidden;background-color:#fff;color:#fff;outline:none}.table-header-simple{background-color:#fff}.table-body-simple,.table-header-simple{outline:5px solid #fff}.plotly-modal-class>div{height:100%;max-width:100%!important;width:85%!important}.plotly-modal-class>.modal-dialog>.modal-content{height:100%}.html-table{border:5px;border-style:solid;border-color:#385c85;width:100%}.html-table-body{background-color:#fff;color:#000}.html-table-header{background-color:#385c85;color:#fff}.html-table-body-cell{border:1px;border-style:solid;border-color:#385c85;padding-left:10px}.html-table-header-cell{border:1px;border-style:solid;border-color:#ccc;padding-left:10px}.table-entry-focus-input-textbox{border-top-style:hidden;border-right-style:hidden;border-left-style:hidden;border-bottom-style:hidden;background-color:#d6d8db;color:#d6d8db;outline:none}.raw-json .tree-view-item-key{font-weight:700;color:#070}.raw-json .tree-view-item-hint{color:#404}.raw-json .tree-view-item{color:#000}.table-header{background-color:#385c85;color:#fff}.table-header-col1{max-width:35%}.table-header-col2{max-width:15%}.table-header-col3{max-width:50%}.table-body-col1{max-width:35%}.table-body-col2{max-width:15%}.table-body-col3{max-width:50%}.table-header-simple{background-color:#385c85;color:#fff;outline:5px solid #385c85}.table-body-simple{color:#000;outline:5px solid #385c85}.table-button{background-color:#385c85;color:#fff}.custom-tooltip>.tooltip-inner{max-width:none;width:220px}.plotly-modal-class>.modal-dialog>.modal-content{max-width:100%!important;width:85%!important}.popover-title{font-size:18px;text-decoration:none;color:#000;text-align:left}.popover-wrapper{position:relative;margin-top:1.5rem;display:inline-block}.popover-content{opacity:0;visibility:hidden;position:absolute;left:15px;-webkit-transform:translateY(10px);transform:translateY(10px);background-color:#bfbfbf;padding:1.5rem;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 5px 0 rgba(0,0,0,.26);width:900px}.popover-content:before{position:absolute;z-index:-1;content:"";right:calc(50% - 10px);top:-8px;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #bfbfbf transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.popover-wrapper:hover .popover-content{z-index:10;opacity:1;visibility:visible;-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:all .5s cubic-bezier(.75,-.02,.2,.97);transition:all .5s cubic-bezier(.75,-.02,.2,.97)}.popover-message{text-align:left}.learn{position:relative;background:#fff;width:100%}.learn-detail{padding-left:20px;font-size:18px;font-weight:700;color:#000;padding-top:10px;text-align:left}.learn-border{border-bottom-style:solid;border-bottom-color:#139e66;border-bottom-width:1px}.learn-topic{vertical-align:top;width:200px;padding-top:10px}.learn-topic-button{display:inline-block;background-color:#38855c;color:#fff;font-weight:700;font-size:18px;width:87%;text-align:center}tutorial{position:relative;background:#fff;width:100%}.tutorial-topic{vertical-align:top}.tutorial-detail{padding-left:20px;font-size:18px;font-weight:700;color:#000;text-align:left}.tutorial-outline{font-size:16px;font-style:italic;color:#000;text-align:left}ol{list-style:none;counter-reset:tutorial-counter}ol li{counter-increment:tutorial-counter;display:-webkit-box;display:-ms-flexbox;display:flex}ol li:before{content:counter(tutorial-counter) ". ";color:#000;font-weight:700}hr{position:relative;top:15px;border:none;height:4px;background:#000;margin-bottom:25px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:60px}#app,h1,h2{text-align:center}h1,h2{font-weight:400}ul{list-style-type:none;padding:0}li{display:inline-block;margin:0 10px}a{color:#42b983}.title{background:#13669e;position:relative;width:100%}.site-title{display:inline-block;margin-left:auto;margin-right:auto;height:100px;position:relative;vertical-align:middle;padding-top:10px;padding-left:100px;width:30%;font-weight:700;font-size:22px;color:#fff}.site-title a:link,.site-title a:visited{color:#fff;text-decoration:none}.site-title a:hover{font-weight:700;color:#fff}.site-title a:active{color:#fff}.site-title-summary{display:inline-block;margin-left:auto;margin-right:auto;height:100px;position:relative;vertical-align:middle;padding-top:10px;padding-left:100px;width:60%;font-weight:700;font-size:22px;color:#fff}.site-title-summary a:link,.site-title-summary a:visited{color:#fff;text-decoration:none}.site-title-summary a:hover{font-weight:700;color:#fff}.site-title-summary a:active{color:#fff}.site-info{display:inline-block;margin-left:auto;margin-right:auto;position:relative;padding-top:30px;width:50%;font-size:18px;font-style:italic;color:#fff}