html,body{margin:0;padding:0;overflow:hidden;background:#ddd;-webkit-user-select:none;user-select:none}.center{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}.main{border:1px solid #696969;background:#fff;width:min(100vw,(min(100vh,var(--main-height)) * var(--ratio)));height:min(100vh,var(--main-height),100vw*var(--ratio-r))}text{font-family:monospace;font-size:8px}rect.focus:hover{stroke:blue}.font1{font-family:monospace;font-size:8px}.font2{font-family:monospace;font-size:8px;font-weight:bold}.btn{height:70%;font-size:50%;display:flex;align-items:center;justify-content:center;margin:2%;cursor:pointer}.bg-green{background-color:#90ee90}.bg-btn{background-color:#898989}.btn:hover{background-color:#e0ffff;font-weight:bold}.btn-g{cursor:pointer;pointer-events:all}#sym_network_cloud{fill:#a0a0a0}.fontDateTime{font-family:Tahoma;font-size:7px}.font2DateTime{font-family:Tahoma;font-size:13px;font-weight:bold}.tool-btn{transition:all .1s;transform-origin:50% 50%;transform-box:fill-box}.tool-btn:hover{transform:scale(1.2)}.w3-modal{z-index:300;padding-top:2vmin;padding-bottom:2vmin}@media(max-width:992px){html,body{font-size:12px}}.form-dt-wrapper{box-shadow:0 15px 35px rgba(50,50,93,.5),0 5px 15px rgba(0,0,0,.2)}#form-dt-header{display:block;height:5vmin}#form-dt-content{position:relative}.dt-section{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 auto;width:100%;height:135px;font-size:14px}.dt-section2{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 auto;width:100%;font-size:14px}.dt-controls{padding:10px 0;line-height:normal;margin:0}.dt-controls2{padding:0 0 16px 0;line-height:normal;margin:0 0 16px 0;text-align:center}.dt-control,.dt-separator{vertical-align:middle;display:inline-block;font-size:inherit;margin:0 auto;width:100px;letter-spacing:1.3px}.dt-param{vertical-align:middle;width:60px}.dt-separator{width:5px}.dt-text{vertical-align:middle;display:inline-block;font-size:inherit;margin:0 auto;letter-spacing:1.3px}.dt-controls,.dt-control,.dt-separator{text-align:center}.form-psw-wrapper{position:initial;max-width:40%;min-width:300px;padding:16px;margin:50px auto;background-color:#fff;border-radius:5px;box-shadow:0 15px 35px rgba(50,50,93,.5),0 5px 15px rgba(0,0,0,.2)}@media(min-width:993px){.form-psw-wrapper{max-width:30%}}.form-psw-group{position:relative}.form-psw-label{position:absolute;left:16px;top:20px;color:#999;z-index:10;transition:transform 150ms ease-out,font-size 150ms ease-out}.focused .form-psw-label{transform:translateY(-125%);font-size:.75em}.form-psw-input{position:relative;padding:20px 0 8px 16px;margin-bottom:2px;width:100%;outline:0;border:0;box-shadow:0 1px 0 0 #e5e5e5;transition:box-shadow 150ms ease-out}.form-psw-input:focus{box-shadow:0 2px 0 0 #034f84}.form-psw-input.filled-err{box-shadow:0 2px 0 0 red}.form-psw-input.filled-ok{box-shadow:0 2px 0 0 lightgreen}.row-psw{margin:32px 0 32px}.icon-psw-wrapper{width:36px;margin-top:8px;cursor:pointer}#form-psw-btn-cancel{margin-bottom:16px}@media(min-width:601px){#form-psw-btn-cancel{margin-bottom:0}}.form-input-wrapper{position:initial;max-width:40%;min-width:300px;padding:16px;margin:50px auto;background-color:#fff;border-radius:5px;box-shadow:0 15px 35px rgba(50,50,93,.5),0 5px 15px rgba(0,0,0,.2)}@media(min-width:993px){.form-input-wrapper{max-width:30%}}.form-input-minmax-label{text-align:right;padding-right:8px;font-size:larger}.form-input-minmax-val{padding-left:8px;font-size:larger}#form-input-row-value,#form-input-row-select{margin:32px 0;font-size:x-large}@media(min-width:601px){#form-input-row-value,#form-input-row-select{margin:32px 32px}}#form-input-value,#form-input-select{width:100%}#form-input-btn-cancel{margin-bottom:16px}@media(min-width:601px){#form-input-btn-cancel{margin-bottom:0}}.form-cmd-wrapper{position:initial;max-width:40%;min-width:300px;padding:16px;margin:50px auto;background-color:#fff;border-radius:5px;box-shadow:0 15px 35px rgba(50,50,93,.5),0 5px 15px rgba(0,0,0,.2)}@media(min-width:993px){.form-cmd-wrapper{max-width:30%}}#form-cmd-row-btns{margin-bottom:32px}.form-cmd-btn{width:5em;height:4em;font-size:larger;cursor:pointer}.form-cmd-btn:active{color:#21a0fa !important}