*{box-sizing:border-box}.hallotest{background-color:red}button img{width:100%;height:100%}a img{width:100%;height:100%}html{width:100%;height:100%}.asm-nodetable{width:100%;height:auto}.asm-noderow{width:auto;height:32px}.asm-nodetree-img{width:28px;height:28px}.asm-nodetree-btncol{max-width:25px}body{display:grid;font-family:sans-serif;width:100%;height:100%;margin:0px;padding:0px;overflow:hidden}h1{font-size:x-large}h2{font-size:x-large}h3{font-size:large}h4{font-size:medium}.area{margin:2px;padding:5px;border-color:"black";border-style:solid;border-width:1px;border-radius:5px}.btn-robot{background-color:rgba(0,0,0,0);background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:none}.btn-robot :hover{position:relative;margin:1px}.btn-robot :active{position:relative;top:1px}.btnimg{width:30px;height:auto;margin:-4px}.cad-cart{width:400px;max-width:400px;font-size:12px}.cad-cart table{width:400px;font-size:12px}.cad-input{position:relative;height:20px;left:0px;top:0px;background:#fff;border-radius:2px;border:1px solid #ccc;outline:none;font-size:15px}.cad-input:focus{border:1px solid #56b4ef;box-shadow:0px 0px 3px 1px #c8def0}.cad-text{color:#fff;font-size:10px}.opDescriptionImg{width:200px;height:auto;padding:-20px}.operation-info{width:100%;background-color:rgba(128,128,128,.25);border-color:"black";border-style:solid;border-width:2px;border-radius:5px;transition:all .4s linear}.operation-info:focus{outline-width:1px;outline-style:solid;outline-color:orange;box-shadow:2px 2px 2px 2px orange;transition:all .4s ease}.operation-info:hover{outline-width:1px;outline-style:solid;outline-color:orange;box-shadow:2px 2px 2px 2px orange;transition:all .4s ease}.sketcherInputCon{min-width:25px;transition:all .4s linear}.tree-info{background-color:#fff;transition:all .4s linear;z-index:20}.tree-info:focus{outline-width:1px;outline-style:solid;outline-color:orange;box-shadow:2px 2px 2px 2px orange;transition:all .4s ease}.tree-info:hover{outline-width:1px;outline-style:solid;outline-color:orange;box-shadow:2px 2px 2px 2px orange;transition:all .4s ease}.infoBox{position:absolute;min-width:250px;max-width:300px;background-color:#005fc6;border-color:#000;border-style:solid;border-width:2px;border-radius:5px;z-index:0;transition:opacity .4s linear}.infoBoxHidden{min-width:250px;max-width:300px;background-color:#005fc6;border-color:#000;border-style:solid;border-width:2px;border-radius:5px;z-index:-1}.info-box-header{text-align:center;color:#f0f8ff}.infoBoxContent{background-color:#f0f8ff}.infoList{padding:5px;margin:1px;text-align:center}.infoList ul{padding:0;margin:0;display:flex;flex-direction:row}.infoList ul li{padding:0;margin:0;justify-self:center}#li-nav{position:relative;list-style-type:none;height:100px;margin:0;padding:0;overflow:hidden;float:left}.selectorcol{position:relative;float:left;width:auto}.selectorimg{width:80px;height:auto;margin:-4px}.headed-tree-card{margin:0;padding:0}#finish{position:relative;height:100%;width:200px;right:0px;float:right}#main{top:-2px;position:relative;height:calc(100% - 110px)}#controller{width:100%;height:36px;flex:0 0 auto}.controllerimg{width:30px;height:auto}.card-heading{padding:2px}#cadNavSession{list-style:none;text-align:center}#cadNavSession li{padding:1px;width:94px}#controller{float:left}#tree-slider{position:absolute;top:0;right:0px;width:10px;height:100%;cursor:ew-resize}.treeElement{position:relative;width:calc(100% - 6px);height:auto;float:left;margin-top:2px;margin-left:2px;border-color:"black";border-style:solid;border-width:1px;border-radius:5px}#productProps{width:100%}#docContainer{float:left}#productProps td{width:50%}.underlined{border-bottom:1px solid #000}.upperlined{border-top:1px solid #000}.doubleUnderlined{border-bottom:3px double}.btnImglg{width:98px;height:98px;margin:0px;padding:0px}.btnImg{width:55px;height:55px;margin:-4px;padding:4px}.btnImgsm{width:28px;height:28px;margin:0;padding:0}.btnImgxs{width:20px;height:20px;margin:0;padding:0}.sketch-card{margin:5px;padding:5px}.sketch-container{margin:5px}.selector-card{text-align:center;height:auto;width:auto;display:inline-table}.selector-card-header{text-align:center;padding-left:5px;padding-bottom:2px;margin:0}.selector-card-content{text-align:center;display:inline-block}#skTrans{width:100%;height:108px;padding:0px;margin:0px;text-align:center;font-size:12px;font-weight:bold}.robotimg{width:30px;height:auto;margin:-4px}.diagMat{width:100%;height:108px;padding:0px;margin:0px;text-align:left;font-size:12px;font-weight:bold}.li-origin{list-style-type:none;height:150px;margin:5px;padding:0;overflow:hidden;float:left}.incrementBtn{padding:0px;height:11px;font-size:6px;text-align:center}#diagError{background-color:#fff;position:absolute;width:400px;top:200px;left:calc(50% - 200px);padding:0px;margin:0px;text-align:center;font-size:12px}#displayContainer{position:absolute;width:100%;height:100%;top:0px;left:0px;right:0px;bottom:0px}.modal-window{top:10px;left:50%;transform:translate(-50%, 0%);position:absolute;width:fit-content;height:fit-content;max-width:calc(100% - 20px);max-height:calc(100% - 20px);padding:0px;margin:0px;text-align:center;font-size:12px;background-color:#ffffe6;border-color:"black";border-style:solid;border-width:2px;border-radius:5px;cursor:move;z-index:-1;overflow:auto}#draw{position:absolute;width:100%;height:100%}#displayHtmlLayer{width:100%;height:100%;max-width:100%;max-height:100%;top:0;left:0;right:0;bottom:0}#draw-foot{position:absolute;overflow:hidden;bottom:0px;height:30px;width:100%;float:left;border-top-color:"black";border-top-style:solid;border-top-width:1px}#comment{position:absolute;overflow:hidden;width:250px;float:left;color:red;align-content:center}#functions{position:absolute;overflow:hidden;right:0px;float:right}.tree-input{position:relative;width:44px;left:0px;top:0px;background:#fff;border-radius:5px;border:1px solid #ccc;outline:none;font-size:12px}.tree-input:focus{border:1px solid #56b4ef;box-shadow:0px 0px 3px 1px #c8def0}#robot{position:absolute;margin:10px;width:100px;height:100px;right:0;bottom:0}.robotimg{width:36px;height:auto;margin:0px;opacity:1}.robotimg-lg{width:64px;height:auto;margin:0px;opacity:1}.unselectable{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5;cursor:not-allowed}.cadNavBtn{padding:0px;margin:1px;min-width:30px;min-height:30px;max-width:30px;max-height:30px}#selectorContainer{text-align:center;flex:0 1 auto;width:fit-content;height:fit-content}.selector{width:auto;font-size:15px;display:flex;flex-direction:row}.optionsCardImg{max-width:126px;max-height:126px}#checkout{width:unset;left:0px;right:0px;font-size:10px}#checkoutList{display:flex;flex-direction:column;padding:0px;margin:0px;display:table;width:100%}#checkoutList ul{text-align:center;padding:0px;margin:0px;align-items:center;justify-self:center}#checkoutList li{display:table;text-align:center}#checkoutList ul li{text-align:start;display:table-cell;min-width:136px;align-items:center;justify-self:center}.operationTreeEntityCol{width:150px}.operationTreeEntityRow last-child{width:50px}#navigation{position:absolute;width:300px;height:110px}.cadNavRow{display:flex;flex-direction:row}#top{position:absolute;display:flex;width:calc(100% - 300px);left:300px;text-align:center;justify-content:center;height:0px}#card{position:absolute;display:flex;flex-direction:column;font-size:12px;width:300px;height:auto;top:110px;min-height:100px;max-height:calc(100% - 140px)}#tree-slider{position:absolute;top:0;right:0px;width:10px;height:100%;cursor:e-resize}#treeContainer{padding-top:5px;padding-right:5px;flex:0 1 auto}#pageName{color:#000;font-size:40px;font-weight:bold;text-shadow:#000;vertical-align:middle;text-align:center;padding:0px;padding-top:10px}#cadLogo{width:60px;height:60px}#robotContainer{position:absolute;bottom:0px;right:0px;transform:scale(1)}#logoButton{padding:0px;width:64px;height:64px;max-width:64px;max-height:64px}#linkContainer{display:inline-grid}#confirm{width:100%;bottom:0px;display:grid}#confirm ul{margin-bottom:0;display:flex;text-align:center;justify-content:center;padding-inline:0}#confirm ul li{display:table-cell;width:50%}#acceptContainer{height:auto;padding:2px}@media only screen and (orientation: portrait){#navigation{position:absolute;width:42px;height:398px}.cadNavRow{display:flex;flex-direction:column}#top{position:absolute;display:flex;left:42px;width:calc(100% - 42px);text-align:center;justify-content:center;height:0px}#card{position:absolute;display:flex;font-size:12px;min-height:100px;max-height:calc(100% - 148px);width:calc(100% - 4px);max-width:530px;bottom:0px;top:70%;flex-direction:row;justify-self:center}#tree-slider{position:absolute;top:0;height:10px;width:100%;cursor:n-resize}#pageName{display:none}#cadLogo{width:30px;height:30px}#robotContainer{position:absolute;bottom:0px;right:0px;bottom:200px;transform:scale(0.5);background:rgba(0,0,0,0)}#logoButton{padding:0px;margin:1px;max-width:30px;max-height:30px}#linkContainer{display:flex;flex-direction:column;max-width:64px}#treeContainer{width:67%;max-width:350px}#acceptContainer{width:33%;max-width:200px;min-height:60px;overflow-y:auto;overflow-x:hidden;scrollbar-color:lime #004080;scrollbar-width:thin;display:grid;padding:2px;border-top:0}#checkoutList{display:flex;flex-direction:column;text-align:center}#checkoutList li{display:table;max-width:85px;vertical-align:middle;text-align:center;align-self:center}#checkoutList ul li{text-align:start;display:table-cell;min-width:80px;align-items:center}#checkout{text-align:center;align-items:center;justify-content:center}#confirm ul{width:100%;margin-bottom:0;display:flex;flex-direction:column;text-align:center;justify-content:center;padding-inline:0}#confirm ul li{width:100%;display:table}#confirm button{height:75px}}@media only screen and (orientation: portrait)and (max-width: 540px){#checkoutList li{display:table;width:100%;vertical-align:middle;text-align:center;align-self:center}#checkoutList ul li{text-align:start;display:table-row;min-width:100%}.operation-info .cardHeader{transform:scale(0.9)}}@media only screen and (orientation: portrait)and (max-width: 400px){#treeContainer .card-header{transform:scale(0.8)}}.robot-cube-container{position:absolute;right:0;bottom:0;display:flex;justify-content:center;align-items:center;transform:scaleX(0.5) scaleY(-0.5);transform-origin:50% 50% 0;background:rgba(0,0,0,0);transform-style:flat}.robot-cube-card{width:160px;height:160px;position:relative;cursor:pointer;transform-style:preserve-3d;display:flex;justify-content:center;transform-origin:50% 50% 0}.robot-cube-face{position:absolute;padding:0;margin:0;width:160px;height:160px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2.5rem;font-weight:bold;backface-visibility:visible;border-radius:12px;background:linear-gradient(145deg, rgb(128, 128, 128), rgb(100, 100, 100));border:6px solid #000;transition:all .3s ease;overflow:hidden;transform-origin:50% 50% 0}.robot-cube-face::before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);top:-100%;left:-100%;transition:all .5s ease;transform:translateZ(20px)}.robot-cube-face::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%);opacity:0;transition:opacity .3s ease}.robot-cube-face:hover::before{top:100%;left:100%;opacity:1}.robot-cube-face:hover::after{opacity:1}.robot-cube-left{transform:scaleY(-1) translateX(-100px) translateY(0) translateZ(0) rotateX(0) rotateY(-90deg) rotateZ(90deg);border:6px solid red}.robot-cube-left:hover{border-width:20px;border-radius:20px}.robot-cube-right{transform:scaleY(-1) translateX(100px) translateY(0) translateZ(0) rotateX(0) rotateY(90deg) rotateZ(-90deg);border:6px solid red}.robot-cube-right:hover{border-width:20px;border-radius:20px}.robot-cube-front{transform:scaleY(1) translateX(0) translateY(100px) translateZ(0) rotateX(90deg) rotateY(0) rotateZ(90deg);border:6px solid green}.robot-cube-front:hover{border-width:20px;border-radius:20px}.robot-cube-back{transform:scaleY(1) translateX(0) translateY(-100px) translateZ(0) rotateX(-90deg) rotateY(0) rotateZ(90deg);border:6px solid green}.robot-cube-back:hover{border-width:20px;border-radius:20px}.robot-cube-bottom{transform:scaleY(-1) translateX(0) translateY(0) translateZ(-100px) rotateX(0) rotateY(180deg) rotateZ(0);border:6px solid blue}.robot-cube-bottom:hover{border-width:20px;border-radius:20px}.robot-cube-top{transform:scaleY(-1) translateX(0) translateY(0) translateZ(100px) rotateX(0) rotateY(0) rotateZ(0);border:6px solid blue}.robot-cube-top:hover{border-width:20px;border-radius:20px}.robot-cube-edge-xy1{border:6px solid #ff0;width:28.28px;transform:rotateZ(-45deg) rotateX(90deg) translateZ(-127.25572843px)}.robot-cube-edge-xy1:hover{border-width:15px;border-radius:15px}.robot-cube-edge-xy2{border:6px solid #ff0;width:28.28px;transform:rotateZ(45deg) rotateX(90deg) translateZ(-127.25572843px)}.robot-cube-edge-xy2:hover{border-width:15px;border-radius:15px}.robot-cube-edge-xy3{border:6px solid #ff0;width:28.28px;transform:rotateZ(-45deg) rotateX(90deg) translateZ(127.25572843px)}.robot-cube-edge-xy3:hover{border-width:15px;border-radius:15px}.robot-cube-edge-xy4{border:6px solid #ff0;width:28.28px;transform:rotateZ(45deg) rotateX(90deg) translateZ(127.25572843px)}.robot-cube-edge-xy4:hover{border-width:15px;border-radius:15px}.robot-cube-edge-yz1{border:6px solid aqua;width:28.28px;transform:rotateX(-45deg) rotateZ(90deg) translateZ(127.25572843px)}.robot-cube-edge-yz1:hover{border-width:15px;border-radius:15px}.robot-cube-edge-yz2{border:6px solid aqua;width:28.28px;transform:rotateX(45deg) rotateZ(90deg) translateZ(127.25572843px)}.robot-cube-edge-yz2:hover{border-width:15px;border-radius:15px}.robot-cube-edge-yz3{border:6px solid aqua;width:28.28px;transform:rotateX(-45deg) rotateZ(90deg) translateZ(-127.25572843px)}.robot-cube-edge-yz3:hover{border-width:15px;border-radius:15px}.robot-cube-edge-yz4{border:6px solid aqua;width:28.28px;transform:rotateX(45deg) rotateZ(90deg) translateZ(-127.25572843px)}.robot-cube-edge-yz4:hover{border-width:15px;border-radius:15px}.robot-cube-edge-zx1{border:6px solid #f0f;width:28.28px;transform:rotateY(45deg) translateZ(127.25572843px)}.robot-cube-edge-zx1:hover{border-width:15px;border-radius:15px}.robot-cube-edge-zx2{border:6px solid #f0f;width:28.28px;transform:rotateY(-45deg) translateZ(-127.25572843px)}.robot-cube-edge-zx2:hover{border-width:15px;border-radius:15px}.robot-cube-edge-zx3{border:6px solid #f0f;width:28.28px;transform:rotateY(45deg) translateZ(-127.25572843px)}.robot-cube-edge-zx3:hover{border-width:15px;border-radius:15px}.robot-cube-edge-zx4{border:6px solid #f0f;width:28.28px;transform:rotateY(-45deg) translateZ(127.25572843px)}.robot-cube-edge-zx4:hover{border-width:15px;border-radius:15px}.robot-cube-corner-1{border:6px solid #fff;border-radius:50%;transform:rotateZ(45deg) rotateY(55deg) translateZ(144.92px) scaleX(0.15) scaleY(0.15)}.robot-cube-corner-1:hover{border-width:50px}.robot-cube-corner-2{border:6px solid #fff;border-radius:50%;transform:rotateZ(135deg) rotateY(55deg) translateZ(144.92px) scaleX(0.15) scaleY(0.15)}.robot-cube-corner-2:hover{border-width:50px}.robot-cube-corner-3{border:6px solid #fff;border-radius:50%;transform:rotateZ(225deg) rotateY(55deg) translateZ(144.92px) scaleX(0.15) scaleY(0.15)}.robot-cube-corner-3:hover{border-width:50px}.robot-cube-corner-4{border:6px solid #fff;border-radius:50%;transform:rotateZ(315deg) rotateY(55deg) translateZ(144.92px) scaleX(0.15) scaleY(0.15)}.robot-cube-corner-4:hover{border-width:50px}.robot-cube-corner-5{border:6px solid #fff;border-radius:50%;transform:rotateZ(45deg) rotateY(126deg) translateZ(144.92px) scaleX(0.15) scaleY(0.15)}.robot-cube-corner-5:hover{border-width:50px}.robot-cube-corner-6{border:6px solid #fff;border-radius:50%;transform:rotateZ(135deg) rotateY(126deg) translateZ(144.92px) scaleX(0.15) scaleY(0.15)}.robot-cube-corner-6:hover{border-width:50px}.robot-cube-corner-7{border:6px solid #fff;border-radius:50%;transform:rotateZ(225deg) rotateY(126deg) translateZ(144.92px) scaleX(0.15) scaleY(0.15)}.robot-cube-corner-7:hover{border-width:50px}.robot-cube-corner-8{border:6px solid #fff;border-radius:50%;transform:rotateZ(315deg) rotateY(126deg) translateZ(144.92px) scaleX(0.15) scaleY(0.15)}.robot-cube-corner-8:hover{border-width:50px}