html,body {
    padding: 0;
    margin: 0;
    height: 100%;
}

#app {
    height: 100%;
}

#main {
    height: 100%;
}
#main .common-layout{
    height: 100%;
}
#main .common-layout section{
    height: 100%;
}

:root {
    --el-menu-hover-bg-color: #FFFFFF;
    --Object-icon: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAXxJREFUWEftl9F2gyAMhhOfSj2ba59MfbJ2bkd9KrMFF20RBBXLzXrXFsnHnz8kIkT+YOT4oADe0vRiAvnu+3sIwLX9FUCRZ7QMRHXT9lUIgCJPKwAs9b2atsMJgAim0yLCBYDqYZh/OwKSJLwflnqMBcBX111ZriTB25GAtmeHga6c1vcsu/EhFwCI9Dk+zHJRvROC02kw97wnEX4sAAweqJq23wvxtJ2HB9gk48k5T39KWE6yrovJuCMAgJxc1OW1k1SSewZgLxR5Wv4quakK5FkbouRevKCOLIvtAH7VwMY9DcB1H+jwwRXYAmAKjkh3NvTuFPgC2O1JqqJOB9A9MJffP8BBBXyakqkMA6XAvyME9wARGgcVbiSPrfURkW9R+X5IAddlwq3Upc2pAHyfuwBkEAHYYUKXAq7gz/87AKRdau0Y1lrrNgBQrd3ajl8wlBpb+1kjmUUcx0gmNRx1KBX0KGO5YSh93YtJ9FezjSUVdLnzOg0azbDZDy2FTT8/0wkQAAAAAElFTkSuQmCC");
    --Array-icon: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAApdJREFUWEftVj1oU1EU/s59AV3c3KQqtKWDWqea3BveS4YWB0Gxg1TQUXBokQriJqKLdJC2Qp392Qod6lK0Qnrzcm+sgzqIokVBFNysgoM/eUdDSfpSTXID1mToHe873z3f+75z7zmENi9qc35sEegcBfxUKk1CDNXUROLnLa2X37rUia/UKQJ64rHamMvNsFUFAqUuAnwtDmDGYN7ah80OKX8PlFwAcLiWgBUAuBG+SsBPywvEmCDGCSbqA/gqgZ8xaNWFAIB+AF+F4NNRicZAGNbGNrW4cwi03YIgGOgSkdcdRWIW4BdC8CUktj/N5XJOFvjJZD8l6ACY7jLohieiuVxYzFXs85W8TcDudTvpozZm5A+PAiXfE/B4ydjjjt5Xw4JksheeeEWgc0vGTMfxGSVfMtAX23unjd2zKQTqEWfCYr5ghwIp50E4WJcACMu6YIdbVSArZU9EeM2EBWJ6VIvnUQCfAboD4CSDt+WN3bspCrTdgr8RKKuRSSeHmMV9EB/TheJ8ee+/KdD5BHylRgh8FoAE6AvAz8EY19Y+cSnGjJQTTMgAOARgBcAHbWw2js2mUoORoAck+OhSWLxXY0GlFwBcJNAOBvYx8XmP4EQgimgCwH4Ay1jrirs29oKGBCpPsShFXSzEABPmXP58Q8yKNrbXV2qawGPa1HbDhkXookCpRB4RFn+rM+sJnokn/2cKNJoHstlsIvr+7QcIk7pgx+OxLvOA0zWsJ3sg5U0QykVaXZHwusMwfONilXMvqHeYr9TM2i2hKwCn1qYfngbEJxcCgONT3ESBM9rYhJ9OjRPTdbfE61FOzaiTLThCwEBtDYipMAydLPDTcpSYdlbwzLyat3ay6dDYqsytxm8RaLsCvwCFRZ8wiIUVkQAAAABJRU5ErkJggg==");
    --attr-icon: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA39JREFUWEfNl1tsDFEYx/9ndlcRWuKuarcokSCiuiORSCUuIa1GaB/EbY1LgoeSkHrReuENEV7UtO4PbUSxWtoH7YPKLKpBXVLsrmhLb6hL2u7ufHK6prYt7Wx3i/M0k5zvfL/zP9/3nzMM/3iwf5wf/xfAkqT1iQLUxIFShWBwlNgvFAau30WBZUnrsgCWOXAAKC2xX1qsA4AOhR+CZRKCACi2X84KF4T/aOlOMABZxfbLYVOhPwCHglXAesadyhVzbDXnd1furwCIsot4YkWy9GjtFStsY3wGjwyoFd039ocuoKAUSMh9myCoqoMDqIJgvW+bfF9v/QQFsCDbmUgCdipSbBpPYJVdJxiQDMDSLaELYAVGo/HY3U3Rb63ZziwmULkiTSnuDhYUgCi7TgHYCeAlAAOAadqC0ZGmjseaFs+vHAyVIKoGWCrAziqS2RYSAA8WZdcLADP487hhRmycNxIzxw7G8AihY+0vbSqe17fifMVHfPjq9edjrApAmrLF/Cx0gBzXIxDmps2JQursEb0edf6TT8h7/BlgKG1jtLrSFvspJABRdh8BKCNudAQOLx+vq85OljeizPmNy3Bckcx7QgKw5rheMcLUjMSxiI8eogug8ZsXu6/XkJfwxrHF0lkzWrDuIhSz3fEQ6AEPlNdMQuRgXoP6xo6r76j5u49BZfOVbeaHgVF9AljPvZsueD0XCSyBB04YbsKJVRP1Zf45a39RHZzN7T/fWC0R0jXH7BNgQa7TQiq7o/U6b7fjycEBZNyqw+smDQAgYmm6AbStBrpdztqYzrbTI4V2BL9zyT4VCEwgyi4nV2LfojGwxgzVkxu1LR7svVlLPhVuRbLEhtQFouw+BlA6N6CTKdG6AA6WvMfz+rbwtOHCczWTvT7PtX4YUaXRYErh34WQFPBbsTPP7+0AN6Q1s6IQN2pQZ1u2tPpQ3dSOK08/o7qR7xwAoVCAYcO9rTHNugFUCKXaZJPPVFVUlNsgyu5cgDb7vZ0aQOi8QfP25KPuS+DHiFVBJTcYVgIoUCTLap0APabdKLZfXCXKb5aBCQcAtquNqbURqpBJjJK5OwZGEMNrRrhtMAhHycs+qswnE1ilQzL3uOZ16YKlSRtWAuq+npRU1tsVLdAlf+d2vVVr2P6MeruS/SUA93aeSJHMp3X1p2bMwUweiLlhO4L+wv0AZSXXMHnZHY4AAAAASUVORK5CYII=");
    --del-group: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAo5JREFUWEfNlz9s00AUh3/vbIcFKEthQwhYmZCQgKEWVA5lQEUizsDECgsMgMJCWaigAyywMjHEQaJioNQqKBkACYmJFSrUrXShwEJs30OO6ipOcvHVTRMsZYnf/d53fxJ/Joz4ohH3hzYAX57aGwbBSQExwYwJIhwAWp/4WmXGKhEaErJhWtZHer7wS2dyWgBR2bkKxm0AB3VCAayA8MCo+k+z6vsCsG2b0XjhFRGmsoJ63WfGgrHWvED1eqgarwRgt+hKcDVP484xAlQmb9HrldUTICg5ZwTh7SCaJxmScdaq+e86M7sAuFQyJK0rl2w7UILHTKrVovaMLoCo7DwE4+Z2GinHEuaMqn9LCRC6RZcGtO8qCAaVzbbzsLkCPG3vk7sKn8E4vCOzT0IJy+Jv8zjN13/GX20ChK4zTcDLHW2+Ec7ARdPz51MAkes8AnB9GAAAHhuefyO9AiXnPRFODQOAGR/Mmn+6cwW+AjgyDAAA3wzPP9oJ8BvAbgXAmpTStV4s1XUAg0uTthAi/ucbV9T/MTx/jzaABO5Znj+j0zypCVxnRgB3twLQdwuY+Qozf9eBIKJDRPSsT233FoT/wSG8D6CiM8MB1Mwann8ndQYCd7IoIN4MIDwzQkKes7ylxRRArFwyiL5swXoyGykKVoRlHEuULfU03FCvJ3mTtcYRrrWrWtfjOCw5r/MqWBZArGhmzT/fXtctJLZtyv2FICssz33xo2l1+mFPJRukDyagKi9USukgvVDlg6lfQa8lbfmhWJ/NrWiEOSHHKp0e2PcM9AJpqRpxDKJnS4RlZqq0q5fqzGi9GcWDY2WLCgWbgPjV7ITi1ewTAw2j2awnypV1WLUBsoLy3h85wD/4/vIhA2TZAQAAAABJRU5ErkJggg==");
    --add-json: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABM1JREFUWEfNV32IFVUU/507L5GQt2ZUm5pBH7phqOWGYBAbERkhaTh777xqWzJL7ANL+qMIWeqfiJBKjFozjfa9ucNQmBthUFBERQVFfrFrGYWlVBay0LKtzT29s80s8zZ33zM0vf/MvHfPPed3z8fvnCGc5kWn2T7OPAC+709SSs2OomjPWO90dXWpvr6+awuFwrc9PT2HZV/+6+/vX6yU2lUulwfG86jW+sqmpqb+7u7uY3mZGg8EQXAjM0cAzrHWjuxprV+Sp3PuoUKhsJOZr2fmo0S0JEmSr5RSnxHRAgBHlFKLnXNNAL5IkmSu53lny7voMsYwgN8ArLDWfpCBGAVQKpUud87tBXAWgEPW2hl5AET0iihTSl3qnIuJ6Hfn3BYi2qSUKjnnngHwM4DHRQ7AUwB25AAcAnAhgD+VUnMqlcoPon8UgDGmAiAA8GpLS8uqrq4uJwLGmJeZmZVSnzLztvQ2i5h5PhHJ1n1RFLWmcguJaHUK4DtxYAbA933P87xtAO4goq1hGN49FsABAJckSTIzjuOfMhdlISCiGMB7ADZ7nrexXC7vDoLgHufcagGQyrXmAPxBRGuZeXMWzlKpdLFz7nsA31hrZ48FIDGCtVYBGHnPhyCKotXGmOXMvJ6I5gFoI6I5EwAIAZwP4IYMgHjcGCOe5dROTQgyADWJmYVAAGSgjDHvAJgC4PXxQsDMy6pA3wSgcgAkpDV28jkwLoBqYg0z81YArVEUdQsoAHMBvMbMa6IousoY0w1gPoD7Je7FYnHSwMDAEQDF/wTAGNPGzNOI6DFmfrFaPnuUUu8z8wYi8qvl+CEzbyciyfSnAbQD2AlAkjkrPUm6u+oCaGtrKzQ3NwtBJNbaQpr9KwHcCeDjJEnWx3GcGGNWEtHtzrn9SqmNYRjuNcaIZ24BsHfy5MnLh4aGLssAtLe3X6eUerJa92258P1VLVFPPCSkNBICY0xrWjoHrLWi4JQtY4zU/yyl1JJKpfIuBUEw1znXI2xGRBvCMFx3yqz/w6ybiGgNgF8APJFRpNjc73neNRPx+ckA5vv+eZ7n7QZwwQgPZGUhFMnM86Io2n+ihowxncz8URRFQmYTro6OjnOHh4d3AZgulE9a6yuknolooTyttR31lOT3JYTMLJ3za2utNKUJl9b6BSJ6EMCWlpaWe8cm4UFr7ax6SvL7WutniWgdET0chuFz9c5WK+kggJmFQmG6tPQRALkyHKXIeopkP50PZC6YliTJ9DiOf613LqViyrihLhNOpDAIgqXMLET0lrV2WT3jacmfGBVPpNQY8waA24hoeRiG2/9XAJ2dnVOHhoaklo8Wi8UZY0et8cA00oxq2vF4irTWDxDRRiJ6PgzDtY3cvl4IJJmaPc+7qFwu/1hPYZr9a6rN6OowDPvqycu+7/vTPM+TufCwtVZ4oGYekB5/s9SntXZVfig5nnKt9SNKqX1hGEoHbGhprR8lIpkd37bWLq0BUCqVFjjnvkxBfW6tXZTXmmPMhozlW3DqehnpVgA4liTJgjiO99UAkB+lUummJEksEU09joLRMa0RBOOcF55YZq39JNPxry8j3/enKKVujaKo3IihRmW01mZwcHBHb2/vYP7Mmfdp1uiNTpbcaffA31x6ZSKyFESMAAAAAElFTkSuQmCC");
    --table-json: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAO5JREFUWEftlzEOgjAUht/rwu5BHDwBHsEYB7GDBMFjGI8hSHQoOBjjEeAEDh7EnYVnSlTiIBKH4vA6N/m/fi/vtUXoeGHH+cAAlQEpl1MiGiHCxERJiOCIiGelNocKYDYLTgAwQCxdMwBiBwCXJAnHDwN+poOVioYmAKSs8xiADfyTAbRNdECdQbnuujcDALRuhhAZQPmlVdvswdWz7VuXQMqFDSAypcLG+0PKgDSkUtv802F+mgMMwAYMGOA50PweMFACBmADHRpwHH8uBOqnsrFVluSmabR/Xa2e5/WKAvsmCCyLrnEc33QW/w3vmzxMMHQHKsEAAAAASUVORK5CYII=");
}