*{-webkit-box-sizing:border-box;box-sizing:border-box}.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container{width:100%}.dfdiv{width:1000px;height:520px;margin:1em auto 4em auto;display:block;position:relative;background-color:#000}.canvasbg{width:520px;height:520px;position:absolute;top:0;left:0;background-color:#fff;padding:10px 0 10px 0;display:block;opacity:0.9}#canvasdiv{width:500px;height:500px;margin:0px 0px 25px 10px;position:relative;float:left;opacity:0.85}#paramdiv{width:480px;height:535px;margin:0px 0px 0px 10px;padding:0px 15px 0px 25px;position:relative;float:right}#paramdiv p{font-family:'Verdana',sans-serif;margin:0;padding:0;font-size:13px;text-align:left;color:#ddd;width:100%}.ehead{margin:0 0 0.75em 0}.formuladiv{width:440px;height:40px;margin:0.75em auto 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jsformuladiv{font-family:'Verdana',sans-serif;width:100%;height:32px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-top:1px solid #444;border-bottom:1px solid #444}#jsformula{font-family:'Verdana',sans-serif;font-size:0.8rem;color:#ddd;margin:0px 0px 0px 4px;padding:0}.formulatxt{height:25px;width:320px;font-size:1rem;text-align:left;color:#ddd;background:#000;outline:none;border:1px solid #444;border-radius:5px;padding:0px 0px 0px 6px;margin:0px 0px 0px 8px}.value{height:25px;width:60px;font-size:15px;text-align:center;color:#ddd;background:#000;outline:none;border:1px solid #444;border-radius:5px;padding:0;margin:0px 0px 0px 0px}.feditor{width:288px;height:152px;margin:8px auto 18px auto}.numbuttons{width:90px;height:120px;float:left}.matbuttons{width:30px;height:120px;float:left}.fncbuttons{width:138px;height:120px;float:left}.ebut1,.ebut2,.ebut3{font-family:'Verdana',sans-serif;font-weight:normal;font-size:14px;color:#2981c4;text-decoration:none;padding:0;margin:0;cursor:pointer;outline:none;float:left;border:1px solid #444;background-image:-webkit-gradient(linear, left top, left bottom, from(#39393d), to(#23232a));background-image:linear-gradient(to bottom, #39393d, #23232a);background-repeat:repeat-x}.ebut1:hover,.ebut2:hover,.ebut3:hover{color:#fd8f00;-webkit-transition:all .25s ease;transition:all .25s ease}.ebut1{width:30px;height:30px}.ebut2{width:46px;height:30px}.ebut3{width:144px;height:30px}#output{width:440px;height:150px;margin:16px auto;overflow:hidden}#output p{font-family:'Verdana',sans-serif;font-weight:normal;font-size:15px;text-align:left;color:#ddd;margin:0}#output code{font-family:'Verdana',sans-serif;font-weight:normal;font-size:15px;text-align:left;display:block;color:#860202;margin:0}.spacer{width:100%;height:1px;border-top:1px solid #444}.idd{position:relative;display:inline-block;top:0;right:0;margin:0;padding:0}.idd-arrow{position:relative;background:#000;border:1px solid #444;border-radius:5px;cursor:pointer}.idd-arrow:after{position:absolute;width:0px;height:0px;content:'';border-style:solid;border-color:#aaa transparent transparent transparent}#idd-content{position:absolute;opacity:0;visibility:hidden;z-index:9;background:#000;padding:0;margin:0;font-family:'Verdana',sans-serif;border:1px solid #444}#idd-content li,#idd-content a,#idd-content p{font-weight:normal;height:100%;text-decoration:none;list-style-type:none;color:#aad6f8;margin:0}#idd-content a:hover,#idd-content li:hover,#idd-content p:hover{color:#fd8f00;-webkit-transition:all .25s ease;transition:all .25s ease}.idd-toggle{position:absolute;z-index:1;top:0;right:0;border:none;padding:0;margin:0;text-align:center;background:transparent;cursor:pointer}.idd-toggle:focus{outline:0}.idd-toggle:active ~ .idd-arrow,.idd-toggle:focus ~ .idd-arrow{color:#fd8f00}.idd-toggle:focus ~ .idd-arrow{z-index:2}.idd-toggle:focus ~ .idd-arrow:after{border-color:transparent transparent #aaa transparent}#idd-content:active,.idd-toggle:focus ~ #idd-content{opacity:1;visibility:visible;top:42px}#idd-content:active,.idd-toggle ~ #idd-content{opacity:0;visibility:hidden;top:42px}.idd-toggle{width:25px;height:25px}#idd-content{width:345px;right:0px;margin-top:-13px}#idd-content p{height:26px;font-size:14px;line-height:17px;text-indent:5px;padding:6px 0px 3px 0px}.idd-arrow{width:24px;height:25px;margin:0px 0px 0px 3px}.idd-arrow:after{top:8px;right:5px;border-width:7px 6px 0px 6px}.idd-toggle:focus ~ .idd-arrow:after{border-width:0px 6px 7px 6px}.infodiv{width:20px;height:20px;position:relative;float:right}#infocontent{width:440px;height:auto;position:absolute;top:-7px;right:-9px;padding:0px 0px 12px 0px;background:#000;border:1px solid #444;border-radius:5px;z-index:+1;cursor:default;display:none;opacity:0}#infocontent h1{font-family:"RotisSemiSans","Verdana",sans-serif;font-size:19px;font-weight:bold;text-align:left;margin:4px 16px 0px 16px;border:none;letter-spacing:0.05rem}#infocontent h5{font-family:"RotisSemiSans","Verdana",sans-serif;font-size:17px;font-weight:bold;text-align:left;margin:12px 16px 0px 16px;border:none;letter-spacing:0.05rem}#infocontent p{font-family:"RotisSemiSans","Verdana",sans-serif;font-size:16px;line-height:19px;text-align:left;margin:4px 16px 0px 16px;width:92%;color:#ddd;letter-spacing:0.05rem}.openbutton{width:20px;height:20px;position:absolute;top:0px;right:0px;background-image:url("../svg/info.svg");background-repeat:no-repeat;background-size:20px;background-position:0px 0px;cursor:pointer;opacity:0.85;-webkit-transition:all .25s ease;transition:all .25s ease}.openbutton:hover{opacity:1}.closebutton{width:20px;height:20px;position:absolute;top:8px;right:8px;background-image:url("../svg/close.svg");background-repeat:no-repeat;background-size:20px;background-position:0px 0px;cursor:pointer;opacity:0.85;-webkit-transition:all .25s ease;transition:all .25s ease}.closebutton:hover{opacity:1}.brightmode .dfdiv{background-color:#f7f7f7}.brightmode #paramdiv p{color:#000}.brightmode .jsformuladiv{border-top:1px solid #ccc;border-bottom:1px solid #ccc}.brightmode #jsformula{color:#000}.brightmode .formulatxt{color:#000;background:#f7f7f7;border:1px solid #ccc}.brightmode .value{color:#000;background:#f7f7f7;border:1px solid #ccc}.brightmode .ebut1,.brightmode .ebut2,.brightmode .ebut3{color:#2981c4;border:1px solid #ccc;background-image:-webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#aeaeb5));background-image:linear-gradient(to bottom, #e7e7e7, #aeaeb5);background-repeat:repeat-x}.brightmode .ebut1:hover,.brightmode .ebut2:hover,.brightmode .ebut3:hover{color:#fd8f00}.brightmode #output p{color:#000}.brightmode #output code{color:#860202}.brightmode .spacer{border-top:1px solid #ccc}.brightmode .idd-arrow{background:#f7f7f7;border:1px solid #ccc}.brightmode #idd-content{background:#f7f7f7;border:1px solid #ccc}.brightmode #idd-content li,.brightmode #idd-content a,.brightmode #idd-content p{color:#2472b9}.brightmode #idd-content a:hover,.brightmode #idd-content li:hover,.brightmode #idd-content p:hover{color:#fd8f00}.brightmode .idd-toggle:active ~ .idd-arrow,.brightmode .idd-toggle:focus ~ .idd-arrow{color:#fd8f00}.brightmode #infocontent{background:#f7f7f7;border:1px solid #ccc}.brightmode #infocontent p{color:#000}