body{background-color:#fff;font-family:sans-serif;margin:0;}#menu{background-image:linear-gradient(#007100 10%,#003c00);border-bottom-left-radius:15px;border-bottom-right-radius:15px;font-family:Impact,Charcoal,sans-serif;font-size:25px;position:fixed;text-align:center;top:0;width:100%;z-index:3;box-shadow:5px 7px 10px rgba(0,0,0,.7);}#menu h1{color:#f5f5f5;display:inline-block;margin:0;}#menu h1 i{font-family:sans-serif;font-size:large;position:absolute;bottom:5px;}#menu ul{list-style:none;margin:0 auto;padding:0;max-width:95%;overflow:hidden;}#menu ul li{float:left;display:block;padding:8px 16px;text-align:center;}#menu ul li.nav-right{float:right;}#menu ul li.center{display:inline-block;float:none;width:50%;}#menu ul li.center #uml-name{background-color:transparent;border:none;color:#f5f5f5;font-size:25px;padding:0;text-align:center;text-decoration:none;}#menu ul li.center #uml-name:hover,#menu ul li.center #uml-name:focus{background-color:#fff;border:inset;color:#000;}@media screen and (max-width:500px){#menu ul li{float:none !important;}#menu ul li.nav-right{display:none;}#menu ul li.center{width:90%;}}#menu ul li,#menu ul a{cursor:pointer;color:#f5f5f5;text-decoration:none;}#menu ul :hover:not(input){background-image:radial-gradient(#03e903 30%,transparent);border-radius:15px;text-decoration:underline;}#menu ul :active{background-color:#c3e903;}#menu2{background-color:#7ebd75;border:solid 3px #007100;border-left:none;border-bottom-right-radius:15px;border-top-right-radius:15px;left:0;top:10%;padding-left:10px;position:fixed;height:85%;width:300px;box-shadow:5px 7px 10px rgba(0,0,0,.7);z-index:3;transition:all ease-out .8s;}#menu2 *{font-size:20px;transition:all ease-out 1s;max-width:300px;}#menu2>div:nth-of-type(1){margin-right:5px;}#menu2>div:nth-of-type(1) div{color:#007100;cursor:pointer;float:right;}#menu2 h1{color:#f5f5f5;margin-bottom:0;margin-top:12px;}#menu2 button{background-color:inherit;border:none;border-radius:5px;color:#f5f5f5;cursor:pointer;margin-top:12px;padding:8px 0;text-align:left;width:94%;}#menu2 button:hover:not([disabled]){background-color:#87ceeb !important;}#menu2 .guide{height:40%;margin-right:10px;margin-top:20px;}#menu2 .guide h1{margin:0;}#menu2 .guide>div{background-color:#fff;border:solid 1px #000;font-size:initial;height:90%;overflow:auto;padding:0 5px;}#menu2 .guide>div *{font-size:initial;}#menu2 .guide>div h2{border-bottom:solid 1px #000;margin-bottom:2px;}#menu2 .guide>div h3{margin-bottom:0;margin-top:5px;}#menu2.hide{left:-280px;}#menu2.hide *:not(div),#menu2.hide .guide{max-width:250px;}#uml{height:100%;width:100%;position:fixed;}#uml #model{position:absolute;}#uml #model .table{background-color:#f5deb3;border:1px solid #000;cursor:move;display:block;position:absolute;width:200px;z-index:2;}#uml #model .table .title input{font-size:20px;text-align:center;}#uml #model .table .select{border-radius:5px;border:transparent solid 6px;cursor:cell;position:absolute;z-index:-1;bottom:-7px;top:-7px;left:-7px;right:-7px;}#uml #model .table .select:hover{border-color:#c9dbe6;}#uml #model .table div:not(.select){padding:3px;}#uml #model .table div:not(.select):not(.title){border-top:1px solid #000;}#uml #model .table input{background-color:inherit;border:none;border-radius:initial;padding:initial;width:100%;cursor:move;}#uml #model .table input:focus{cursor:auto;}#uml #model .line{position:absolute;}#uml #model .line .end-point-connecter{position:absolute;border-bottom:2px solid #000;-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;-ms-transform-origin:0% 50%;transform-origin:0% 50%;}#uml #model .line .end-point-connecter::after{content:'';cursor:pointer;height:20px;position:absolute;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}#uml #model .line .end-point-connecter p{left:50%;position:absolute;-webkit-transform:translate(-50%,-25px);-moz-transform:translate(-50%,-25px);transform:translate(-50%,-25px);margin-top:5px;}#uml #model .line .end-point{position:absolute;z-index:1;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;}#uml #model .line .end-point-select{border-radius:50%;cursor:pointer;height:40px;position:absolute;width:40px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}#uml #model .line .end-point-select:hover{background-color:#87ceeb !important;}#uml #model .line .end-point span{position:absolute;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;}#uml #model .line .end-point-start::after{background-color:#000;border-radius:50%;content:'';display:block;height:15px;width:15px;margin-left:-7.5px;margin-top:-7.5px;}#uml #model .line .end-point .arrowhead{content:'';display:block;width:20px;height:20px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;}#uml #model .line .end-point-arrow::after{content:'';display:block;width:20px;height:20px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;border-left:2px solid #000;border-top:2px solid #000;}#uml #model .line .end-point-triangle::before{border-color:#000 transparent transparent transparent;border-style:solid;border-width:20px 20px 0 0;content:'';width:0;height:0;position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;}#uml #model .line .end-point-triangle::after{border-color:#fff transparent transparent transparent;border-style:solid;border-width:17px 17px 0 0;content:'';width:0;height:0;position:absolute;-webkit-transform:rotate(-45deg) translate(1px,1px);-moz-transform:rotate(-45deg) translate(1px,1px);transform:rotate(-45deg) translate(1px,1px);-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;}#uml #model .line .end-point-trianglefull::after{content:'';display:block;width:20px;height:20px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;width:0;height:0;border-style:solid;border-width:20px 20px 0 0;border-color:#000 transparent transparent transparent;}#uml #model .line .end-point-block::after{content:'';display:block;width:20px;height:20px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;border:2px solid #000;background-color:#fff;}#uml #model .line .end-point-blockfull::after{content:'';display:block;width:20px;height:20px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;border:2px solid #000;background-color:#000;}#uml .context-menu,#uml .dropdown-content{position:absolute;background-color:#d3d3d3;border:solid 1px #808080;border-radius:3px;width:200px;z-index:4;box-shadow:5px 7px 10px rgba(0,0,0,.7);}#uml .context-menu button,#uml .dropdown-content button{background-color:inherit;border:none;font-size:15px;padding:5px 0;text-align:center;width:100%;}#uml .context-menu button:hover:not([disabled]),#uml .dropdown-content button:hover:not([disabled]){background-color:#87ceeb !important;}#uml .context-menu input,#uml .dropdown-content input{text-align:center;}#uml .dropdown span:nth-of-type(2){float:right;position:absolute;right:5px;}#uml .dropdown-content{display:none;left:196px;margin-top:-28px;}#modal{background-color:rgba(59,59,59,.7);position:fixed;width:100%;height:100%;top:0;left:0;z-index:100;}#modal #uml-share{background-color:#fff;border:solid 3px #007100;border-radius:10px;position:fixed;min-width:50%;max-width:90%;left:50%;top:50%;transform:translate(-50%,-60%);padding:10px;}#modal #uml-share h2{margin-bottom:0;}#modal #uml-share button{border-radius:10px;font-size:22px;display:inline-block;margin:5px;padding:10px;min-width:75px;}#modal #uml-share button.danger{background-color:#f00;font-size:initial;float:right;padding:2px 7px;min-width:unset;}#modal #uml-share button:hover{background-color:#87ceeb !important;}#modal #uml-share table{width:100%;border-collapse:collapse;text-align:left;}#modal #uml-share table tbody tr:nth-child(odd){background-color:#d9d9d9;}#modal #uml-share table tbody tr td:nth-child(2){float:right;}input:not([type=radio]){border:#808080 inset;border-radius:5px;padding:5px;width:100%;width:-moz-available;width:-webkit-fill-available;width:-webkit-stretch;}footer{bottom:0;color:#989696;font-size:small;position:fixed;right:10px;}.selected{background-color:#87ceeb !important;}#offline{font-family:sans-serif;}