:root{--background:#1a1a1a;--columnbackgrounds:#333 ;--componentbackground:#4d4d4d;--textcolor:#fff}body{background-color:var(--background);font-family:sans-serif}.centralhub{margin-left:auto;margin-right:auto;width:1200px}.blockstyle{background-color:var(--backroundGray);border:solid;border-color:var(--columnbackgrounds);border-radius:5px;color:var(--textcolor)}.componentId{height:50px;width:50px}.componentbox{height:50px;width:50px}.componentbox,.selectcomponent{background-color:var(--componentbackground);border-radius:5px;float:left;margin:2px}.selectcomponent{width:150px}.selectedComponentBox{background-color:#868686;border-radius:5px;height:50px;margin:2px;width:50px}.cell,.selectedComponentBox{border:solid;border-width:1px;float:left}.cell{background-color:var(--columnbackgrounds);border-color:var(--componentbackground);height:55px;width:55px}.button{height:50px}.button,.textbox{background-color:var(--componentbackground);border:2px solid;border-color:var(--columnbackgrounds);border-radius:5px;color:var(--textcolor);width:258px}.outputtable{background-color:#868686;border:0 solid;border-color:var(--componentbackground);border-radius:5px;table-layout:fixed;width:100%}.emptyTableCell{background-color:aqua}td,th{border:1px solid;border-collapse:collapse;border-color:var(--columnbackgrounds);border-radius:1px;width:205px}td,th{background-color:var(--componentbackground)}th{text-align:left}span{content:"\2126"}.emptytablecell,.id_tableVoltage{background-color:#868686}.cellLockIcon{float:right;height:1em}.tooltip{float:right;position:relative}.tooltip .tooltiptext{background-color:#555;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-60px;opacity:0;padding:5px 0;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:120px;z-index:1}.tooltip .tooltiptext:after{border:5px solid transparent;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fff;border:1px solid #888;margin:15% auto;padding:20px;width:400px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.popupcontainer{display:table;width:20%}.popup-row{display:table-row;height:100px;width:600px}.popup-cell{background:#fff;display:table-cell;padding:5px}#id_popupCurrent,#id_popupResistance,#id_popupVoltage{width:150px}.savebutton{background-color:var(--componentbackground);border:2px solid;border-color:var(--columnbackgrounds);border-radius:5px;color:var(--textcolor);height:50px;width:248px}*{box-sizing:border-box}[class*=col-]{float:left;padding:15px}.col-0{width:866px}.col-0,.col-1{background-color:var(--columnbackgrounds);border:5px solid;border-color:var(--background);border-radius:10px}.col-1{height:340px;width:266px}.col-2{width:600px}.col-2,.col-3{background-color:var(--columnbackgrounds);border:5px solid;border-color:var(--background);border-radius:10px}.col-3{width:300px}@media only screen and (max-width:1140px){.col-3{width:auto}}@media only screen and (max-width:1000px){[class*=col-]{width:100%}.col-2{transform:translate(10%);width:600px}}#footer{bottom:0;color:#fff;height:2.5rem;position:absolute}