dashboard-shell-shell 1.0.111 → 1.0.113

package/assets/images/login-logo.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="199" height="60" viewBox="0 0 199 60">
+  <defs>
+    <pattern id="pattern" preserveAspectRatio="xMidYMid slice" width="100%" height="100%" viewBox="0 0 778 444">
+      <image width="778" height="444" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwoAAAG8CAMAAABJ6qJSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wc9CwgAAAD/dFJOUwABAgMEBQYHCAkKCwwNDg8QERITFBUWFxgZGhscHR4fICEiIyQlJicoKSorLC0uLzAxMjM0NTY3ODk6Ozw9Pj9AQUJDREVGR0hJSktMTU5PUFFSU1RVVldYWVpbXF1eX2BhYmNkZWZnaGlqa2xtbm9wcXJzdHV2d3h5ent8fX5/gIGCg4SFhoeIiYqLjI2Oj5CRkpOUlZaXmJmam5ydnp+goaKjpKWmp6ipqqusra6vsLGys7S1tre4ubq7vL2+v8DBwsPExcbHyMnKy8zNzs/Q0dLT1NXW19jZ2tvc3d7f4OHi4+Tl5ufo6err7O3u7/Dx8vP09fb3+Pn6+/z9/usI2TUAAAAJcEhZcwAAMsAAADLAAShkWtsAACEYSURBVHhe7d15gE11/wfwW5HlUZYWWULWhEiyVdbSQpIslWR5JMQjoSSkkCRCkq0moUclk0dCxdgVaSKRLFNJpPITlYTub5Z3MeOeOXc59/Ndzvv11517v+ecz+d75s3MnHvPNxCBy1v0S0hK2pCScjR4ytGUlA1JSQkDWtzzOZ7R1Qu50AeFLdcLmDxd7eyQ7Tdl5RxoxDv5bh6dfBzHMdRbJdELRaDkW5g+Qx1Pfr5ZPvTigeKDkgyPQapVtdANRaTWSkyguY6vG1QK3cSkXPe3f8EuTbbjdvRDEbr9K0yhyX6b36si+olW2YTTfwQz15EH0BBF7IHDmESzHU24HA1Fo8nkH7Ef0z2BjigKQzCJpjv0clN0FKlShv/GdJqXPPzNyX/+NQnTaL7EaP5nuHTwLmxuvsSyaIqiUmYeJtJ8e4aVRlNha/cBtrXAuuvQFEXp2rWYSgus6IimwlNi9B/Y0AIprdAVRa3lbkymDSZE8ENCo0RsZIOjPdEVxaDH75hOG7x3C7py9cAWbGKF4eiKYvIUptMKO3qhq+zlGGLRD0fB4PQC6Itikn8qJtQOI/6FvrKRfxQG2+HdWK6r0GnK/w9TaodxF6MvR0UnYqgdPmmAvihm9dZjUu0w3eWvqjnsuayW5ru70Bd5oM23mFY7rMr2umt+u/5POPEQ+iJP/OcYJtYO0wujrxBy2PV7QvAZ9EUeeRoTa4nxzv8v2PK+K3j1IvRFHin0CqbWEk+fhcay6mrVX1GDi6ugL/LMFe9hci3h8BN0I6uurAU33Yi+yEONNmJ67bAr5Nu2S9j0botg8If26Is8dc9eTLAdFldAX6cbjRct0R9tkccePokZtsPEs9HXKffY9YeyMWd2SN6w7M+MXdDWP4pb9PmEVLOLoi/y3MUzMMl2WFMeff1tMF6ww9LqaIvi4MolmGY7jERbUN+eT2+m+uJWtEVx0WQTJtoK+zJ/esGqtx793BldUZy0/wFTbYUkdJWuiR23uoGB6Iripj+m2gon70BXaSbjSStMOBddUdycPQaTbYWZ6CpVfVvu/JXmzRLoiuKo6GxMtw1+P/XbQgKessHKmmiK4uqqpZhwGySiqUC5r/GMBb5qjqYozm75AlNugZ+uQlPd8YQFDndFTxR3nX7GpFvg77fpvI2vLTAELZGAxzDpFliS0VFNe/6SOimMW3qQV3KOx7Sb72Sj9I4G4UvzzSuT3hAJufQNTLz5hqU39C6+Mt7aa9P7ITHXrMDUG295WjslbbmIvvvO9NNDgm77EpNvut8qp3bTCl+Y7vcHM84OSbr/EKbfdJ1Sm7HlkxgZP+2RMFve3f9iai/JeGy4afkzTg3JymPJXeRSAoECP+Gx2RaE+rg2CbhsLk6B2f4sEaiOh2bbUB8nhsTVWY2TYLYGgdZ4ZLQ9bXFaSIE7duI0GO3fgUfxyGTHe+OkkBLdfsWJMNkIK96gneWD2iRtKE6EyRJtuNaccCHOCClyngUfg1wZSMIjcy1Ku1BISpV7ByfDXJ8GjF9VKPkGnA5S6LqPcDqMtT2wFY9Mte9enAxSqpXpH4XcG/gGj0zVD6eCFOtp+OochwJH8chQzzmtm0LShuOUmCrwf3hgpllFcB5IuQLTcVIMZXYUPvz7TgWkgcvN/sO80VHYkvnGr6RYg09wYoxkchR+Svu4BWnkrj04NSYyMAqHtq98a+LgrrfXviwvzgBpIk+pWs3vH/TCmyu+NPBfWGOicHDb8jcmPN7ltpolc2PeSWO5SlzT7N8Dx89J2mrMjcM0j8JPXyz777jHOjetcSlvj22onMWvvrXTgOdfX7pF85tUaxmFA59/OHvsox1vqV4sB+aTLHBO0atu7vDImFkfbNbyJisaRWH/pvdnPtf/vpuqFeHqmpY765KqTdr3G/3aks/2/YWzr57qKJz8PnnxjGf73nvjlYUxTeQrF1e5od3Do15d9OneE/iWUEVNFI5/t/G9hGf63NO48kWYEfK9Cys1uvuhka8s/GTPn/g2kaUmCqXRPVEIhfBtIktNFAqgZ6JQ8G0ii1Eg/eDbRBajQPrBt4ksRoH0g28TWYwC6QffJrIYBdIPvk1kMQqkH3ybyGIUSD/4NpHFKKiW+6FtQzkfmeHbRBajoNYFD65KnY9PH7kUX1OajO8SYYyCSnk6LcGMrO55AZ4jRsF/2iZiPtK83zkPniZMiSxGQZnbZmd5r/47d+EV38OEyGIUFGk87cz1Of56vTle9TnMhyxGQYk64w9gKjL7dXpjjPA1zIYsRkGBqiOdbzt9YEIdjPIxzIUsRkFcucHZ38j/62eqYqRvYSZkMQrCivV1v5vi1iHlMNqnMA+yGAVRBbuvxBRk75O+xbCFL2EWZDEKgnJ1WIwJcLeye0Fs5UOYA1mMgpzW89B+eBZ3yIUNfQczIItRkNJ0VsQ3+pnXGtv6DfqXxSjIaDj1MHqPxIlZTbG9v6B9WYyChFrj9qPzSB2e0hD78BM0L4tRiL8qT+9G39HY/3wt7Mc/0LosRiHeygzagq6jtXtEFezLL9C4LEYhvoo8vB49x2LL42WwP39A27IYhXjK3205Oo7V+j5+WpYXTctiFOIn533voV8vJD2QH/u1H1qWxSjETau56NYrC9vnxK5th4ZlMQpxcutrcVgl4K07sXfLoV1ZjEJcNJh8CK16688Zvli1Hd3KYhTioObY79Go9w69VB9HsRh6lcUoeK7y8J1oMz72jrkGR7IWOpXFKHis9MDNaDJ+dgy7AkezFPqUxSh46pKHPkKL8bXpsVI4opXQpSxGwUPnd12GBuNvXe+LcVQLoUdZjIJnctz7LtqTsfT+fDiyddChLEbBKy3fRHNyFtxzNg5uGfQni1Hwxs2vHkNvot5ogePbBd3JYhS8UG+SkmlMdTShCWqwCZqTxSjErsZze9GXCj+/eB3qsAdak8UoxOqKp3agK1X2jK6OWmyBxmQxCrEpNWATelJp+9DLUY8d0JYsRiEWF/9nHTpSLfmREqjJBmhKFqMQvXxdlqIfHazpeSHqMh9aksUoROvsexagG1180DkvajMdGpLFKESpxRz0opP5lixhhXZkMQpRafLKUbSiGTuWsEIzshiFKFw38Wc0op/fpt+AKg2GXmQxChGr/uwetKGnHyfURaXGQieyGIUIXT50O5rQ1zfPVEO1hkIfshiFiJR4JBkt6G3rkPKo2EjoQhajEIELe65BA/r7pF9xVG0g9CCLUQhb3s4foHwzrOxRCJUbBx3IYhTCddd8FG+OxR1zo3jDoH5ZjEJ4mv8XpZtlXhvUbxZUL4tRCMcNL/+Gyk1zYlYz9GASFC+LUXBX94UfUbeJDk9thD7MgdJlMQpuqo36BlWbav+42ujFFChcFqOQvfJPbEPNJtv9tFlLWKFsWYxCdor334iKTbdlkElLWKFoWYyCs0IPrkK9Nlj/sDlLWKFkWYyCk9ydlqBaWyzvZsoSVihYFqPgoG0iarXJe4YsYYVyZTEKId02+yRKtcxcI5awQrGyGIUQGk87gkLt8+drBixhhVplMQpnqDP+B5Rpp0OTtV/CCpXKYhSyqDoyBUXa6/uxmi9hhTplMQqZlBv8BUq0285hldCxllClLEbhNMX6bkCB9tv82GXoWkOoURaj8I+C3VegPH/4qHdhdK4dVCiLUYBcHRahOP9Ydv956F4zqE8Wo5Ch9dsozV8WtDsHE6AVVCeLUUjTdOYJVOY7b9yBOdAJapPFKAQCDaccRl1+9EfCTZgHfaA0WYxCref3oyq/Ovji9ZgLXaAwWX6PQpURu1GTn+0ZfTXmQw8oS5a/o1Dm8S2oyO+2P1kRc6IDFCXLz1Eo0mc96qFgMPnRkpgX9VCSLP9GIf8Dy1ENZVjT6yLMjWooSJZfo5Cz/XuohU754N96LGGFcmT5NQpJqIQyS8b8qIViZPk1CiiEstLi1zjUIotRoEwYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVmMgrYYBVnq5zsZlVBmOzA/aqEYWX6NQv5uy1ELnbK210WYH7VQjiy/RiEQKPLwelRDGT57tCTmRjUUJMu/UQgEyjy+BfVQMLj9yYqYF/VQkiw/RyEQqDJiNyryuz2jr8ac6ABFyfJ3FAKBWs/vQ01+9vOL12M+9ICyZPk9CoFAwym/oCq/OppwE+ZCFyhMFqMQCDSdeRx1+dIbd2Ae9IHKZDEKaVq9jcL8Z8E9Z2MSNILaZDEK6c69bxFK85elXfJhBrSC6mQxClDAh9fc1v3nYnSvGdQni1H4R1GfXXPbNKAUOtcOKpTFKJym7CD/XHPb8dQV6FpDqFEWo5BJlaf9cc3tu+dqoGMtoUpZjEIWtcbtR5H2OjipHrrVFOqUxSicoeGUwyjTTn+8ejM61RYqlcUohNB05gkUaqE3W6JLjaFUWYxCSK1tveb27r3noEWdoVhZfo1CYlk8cHBuBxuvuS27/zz056RsIh4ohXJl+TUKweMJLn9VL9B9Baq1xUe9C6M3J6USjgfxUCkULMu3UUh7i351fOGg6MMbMsq1wubHLkNfTqqP3pM6Dl8olVGxMB9HIRj8yu2DW2UHfZE+0Hw7h1VCT04qPvlV+kh8qVR6IdJ8HYUw3nxw5dMpGGqy78dcg36clBqwCWPxhFIoRZbPoxAMrnP7Abq28dfc/u+l+ujFSeHe6zCWURCmURSCwWVdz8eTDhpNNfma27EZt6APJ+d3XYaxafCkUihFFqOQamH7nHjaQdNZxl5ze+tO9OAkZ/uFGJoBTyuFUmQxCunmtsLzTlrPw0izLGyfAw04aTUXQ/+G55VCKbIYhQzHZzbFKw5ydViMoeZIesDlR79QH+vGK0qhFFmMwt8OT22E1xwUNOya28d9LkHlTkL+EoTXlEIpshiFU34YXwevOijW15xrbp8PLI2qndQZ/wPGZoJXlUIpshiF0339TDW87qDsYDOuue0aXhkVO6n2zNcYmwVeVwqlyGIUMtv2RAWMcHDlSP2vue0bWxPVOqnwxDaMPQNGKIVSZDEKWX36SAmMcVB7XMgfLLTxy+QGqNRJiUc+xdgQMEYplCKLUTjTGrdVBhpNPYKh+jn+2q2o0slFvdZgbEgYpRRKkcUohPKh252yms06iaGacb1Akq/LhxjqAOOUQimyGIXQFrRz+bRXGx2vub1337koz8E57RZgqCOMVAqlyGIUnLh9BjhXR92uuS3vlh+1OWn5JoZmA0OVQimyGAVHru9jK9h9JYbqYP3DRVCXk1tmHMPY7GCwUihFFqOQjUNuf4sp1vcTDFVty6AyqMlJg8mHMDZ7GK4USpHFKGRr3/O1sIGDcoO3YqhKu0dUQT1Owl9dCBsohVJkMQoudj99JTZxUFX5Nbf9bnkNXBnB/S+xiVIoRRaj4OqLweWwkQOHN/MIOTylIepwUi6id4tgI6VQiixGIQyf9CuOzRw0mqbqmtsJtzeXB4r3i+z3GWymFEqRxSiEZdWDF2BDB81mK7nm9nZrHN/JBQ+uwtBwYUOlUIosRiFM73fOi00dtEnESDmLOuTCwR3k7fw+hoYPmyqFUmQxCmGbf/dZ2Di03MLX3FZ0L4gjOzjr7vkYGglsrBRKkcUoRGBOC2ztoFAPuWtuG/oWw1GdtJiDoZHB1kqhFFmMQiRcF/suFuHvqNH6YrDL7Y8DNyUcxdgIYXulUIosRiEyrgvWlBsS/2tuKSNdrnUE6k06iLERwx6UQimyGIVI7XW76WJVp49KeuSH8bVxJCfXjNmLsVHAPpRCKbIYhcjtdPvgcJ3xBzDUe0fcbswRqDx8J8ZGBXtRCqXIYhSi8fnjLm9+azztVwz11slZzXAEJ2Ue/xxjo4T9KIVSZDEK0Vnfpyj25OC2eFxzm9cGe3fiwTLs2JNSKEUWoxCtFd1cumjr9TW3xR1zY9cOPLlpGfalFEqRxShEz+1ib+5OSzDSCyt7FMJ+HXj0sTrsTSmUIotRiIXbDyyFekT6DiAnru8I9Ow/IexOKZQii1GIycnZt2GHDor324ihsdg6pDz256T56179aoIdKoVSZDEKMfp1+g3YpYPyMV9zc719ZeCG6d79wQq7VAqlyGIUYvbjC9dipw4cb08algMTXG5qHLj2hR8x1gvYqVIoRRaj4IFvn3VZ9rbuhGivuf06vTH24aT6s99irDewW6VQiixGwRPb3Za9bRzVjzB/uf0qEqj45HaM9Qp2rBRKkcUoeOQzt2Vvb3v9LwwNW2JbbOuk1IDPMNQ72LVSKEUWo+AZ12VvI/xz55JOebChg9OXmPUOdq4USpHFKHjIbdnbPBFcc3P9NHXmJWa9g90rhVJkMQqeclv2NtxP3W/sfym2cJB1iVnv4ABKoRRZjILH3O7qXry/+zU316V/zlxi1js4glIoRRaj4DXXZW/LOy/+lO6bUVdhpJMQS8x6B8dQCqXIYhS857rsbbVnvsHQM7lesAu9xKx3cBSlUIosRiEeXJe9rTsh9AXi3152eRtH/O9KieMohVJkMQrx4fq+oZBvG/pvc7zqJLb3cIQFR1IKpchiFOLF9Xff5lmvuc2/C684yWaJWe/gWEqhFFmMQvy4Lnt71zsYmcb1TpTZLjHrHRxNKZQii1GIJ7dlb/N0+vuepqt7XojnHLgsMesdHE8plCKLUYgvt2VvL3hwdeoo1/8/XJeY9Q6OqBRKkcUoxJvbsre5H9o21GU+wlhi1js4plIoRRajEH9uy966CWeJWe/goEqhFFmMggDXZW+zE94Ss97BYZVCKbIYBRGuy946CXeJWe/gwEqhFFmMghDXZW9DCX+JWe/g0EqhFFmMghjXZW+zimSJWe/g4EqhFFmMgiDXZW9PF9kSs97B4ZVCKbIYBVHuN7mDSJeY9Q4KUAqlyPJrFOR/BocdHXOghGzk6LgDw8XtQwlKoRZZfo1C2UFbUIu49zu7fHw/TxRLzHpkyyC3Nd5EoBpZfo1CIFBlxC5UI27+3aghpKiWmPXErhFVUINiqEeWf6MQCNQc+z3qETfndtRwhtujW2LWA9+PrYkalENFsvwchUCg/ktK2k91NKEJasikSbRLzMbs0OT6qEEDqEmWv6Mg/7aGUw5Ouh41/OP66JeYjVFMbw3xHqqS5fcoSL/Z7XR7n6uBGtLVeC6GJWZjE+sbBr2GsmQxCrJvgc5s57BKKCJQaVhMS8zGwu1t5PJQmCxGIZXgB2Oy+nxg6bQKSg+McYnZ6Ll9uEgFlCaLUUiXo6Oya277eubI0VPd0cO54icOxcliFCD3Q14uXRORHcouLf/4kMvyt4qgPFmMwj8qDP0S5fnEl0Pdbs2qCgqUxSic5qpRzjdwtI77rVnVQYmyGIVMol80zTAHJtRFyzpCkbIYhSwaTzuCIi12ZJrbYodqoUxZjMIZms06gTItdWJWM7SqKxQqi1EIofXbqNNKb7dGm/pCpbIYhVDO7bAIlVpnUYdz0aTGUKssRiG0At2Wo1arLO+m/9SnQrWyGAUnRfp8jGqt8XGfImhOc6hXFqPgrPTAzajXCpsz3u5kAlQsi1HITqVhyt4T4bUdp94Eqz/ULItRyJ7CDxF4KctHI3SHqmUxCm7qKftomWcOTqqHZgyBumUxCu5uUvaBY08cTbgJjRgDlctiFMLRQtltKGI3pwWaMAhKl8UohOUsdTcnis38u89CCyZB8bIYhTDlVXfLuui5rvqpKZQvi1EIW8YKggZZ/eAFKN00aEAWoxCBS/tvRAMG2Nj/UpRtHrQgi1GISPkhW9GC5rYOKY+STYQmZDEKEao6MgVNaCxlZFWUaya0IYtRiFjtcfvRhqb2j6uNUk2FRmQxClFoOOUXNKKhX6Y0RJnmQiuyGIWo3DrzOFrRzPGZt6JEk6EZWYxClFrNRS9amdsK5ZkN3chiFKKVs/1CdKONhe1zojjDoR9ZjEL0zu+6DP1oYVnX81GY8dCRLEYhFoV7r0NHyq3rXRhFWQA9yWIUYlNqwGfoSanPBpRCQVZAV7IYhVhVfOordKXMV09VRDGWQF+yGIXYXT16D/pSYs/oq1GINdCZLEbBC9dN/Amdiftp4nUowiLoTRaj4I0bX/4NvYn67eUbUYBV0J0sRsErzV//C92J+ev15ji4ZdCfLEbBO20T0Z6QxLY4sHXQoCxGwUO5Oy1BgwKWdNJzHTUvoEVZjIKnCvVYiRbjbGWPQjikjdCkLEbBY8X6bkCTcbShbzEczk5oUxaj4Lmyg7agzTjZMqgsDmUrNCqLUYiDKiN2odE42DWiCg5jL7Qqi1GIi5pj47Q+/76xNXEIm6FZWYxCnDSYfAjNeujQ5AbYvd3QrixGIW5umXEM7Xrk2IxbsGvboWFZjEIctXwT/XrizZbYrf3QsSxGIZ7OabcAHcdsQbtzsFMfQM+yGIX4ytflQ/Qckw+75MMOfQFdy2IU4u2iXmvRddTW9roIO/MJ9C2LUYi/ko8mo++oJD9aEjvyDXQui1GQcPnQL9F5xL4cejl24iPoXRajIOOqUd+g94h8M+oq7MBX0L0sRkFK3QkH0H3YDkyoi419Bv3LYhTkNJ52BP2H5ci0xtjQdzADshgFSc1mn8QMuDo5uxk28iHMgSxGQVabeZgCF/PaYANfwiTIYhSE5eqwCJOQjUUdcmG4P2EaZDEK4gp0W45pcLC8m6/nJxUmQhajoECRPh9jIkL4uE8RDPMvTIUsRkGJ0gM3Yyqy2DywNIb4GSZDFqOgSKXhOzEZp9k5vBJe9jdMhyxGQZlrxuzFdMDeMdfgJb/DhMhSE4VlM0f3a3/jlRejc7+qN+kgJiTVwUn18LRf/at0nRYPDHlx7uodmBJZaqIAf+1LXvzqqIfvaVzpQsyG39yUcDRjKo4m3ISn/CZfmbp3dHti0rw1OyO6Fu89pVE45cR3Gxe+MrL3XQ0q2nzTt1BazEnrf04LfOkX55W9tmX3oZMT1+76Nf0bQAOaROGUY9+uXzB9eK/W9Srkx6zZrkFysj/uYxEInF/uujt7PDnlnXW7ldyCP3vaReGUoykfzZ/yVI87ryt7HmaSjJS//PWteg6bOv+jlN9xarWkcRRO+XXX2nkvPdHtjjql82J2SXsFKtRr02v4tP99/DV+HdKdEVE45fCOVXMnDu7avFZJe++obrSClzdo+58R0xes/+YPnDJjGBaF06SsKo7pJ220CHHd0BTmRiEYnMf3KGimzmqcGhOZHIXgi3lwCkgLl83FiTGS0VEIPo5zQDrIMxGnxUxmR+FgJ5wF0sAgnBVDmR2F4JabcRpIuS5xuIu+pIAhf/R18v6VOBGkWLOo73qmiUBUd6rSyAyf3U5UVzVcPqWqvV8CW/HIWCNxLkil4unvKjTZ3oDA0qrxdawXzgapk2Mczoa5vgqY/v9aMPh1K5wPUmYAzoXBkgPv4pHB1vr0zqL66PgjToXBVgcS8Mhkb1+GU0JK3Pw5ToTJEgOP4ZHRXvD3zeQUq/YBToPRRgba4pHZHsNZIXmXzMRJMFuXQA08MttPHXFeSNxonAPDNQoUOu3+Iwbb3AQnhoT1xRkw3ImSgUBMS+bpY0llnBoS1W4fToDhUlJ7eQ6PTZdwQca5IUmNLfmXNDgltRk7fm9ONSLj5JCgSmEsFmGGLqndlP4JX5juj54Zp4fEXGDDVal0x6qm9WNNsHe3TD8/JGYkZt58q9P7GYqvzLemdnpDJKT3n5h48z2f3tC1Wt+zLCJvlUzviES0/RbTbgH8Lf5/+NIC43NmtETxV389Jt0CS8/O6KkXvrbBgIyWKO4qWPQv6D9v3Kn4HZ6wwIH70BTFV/6pmHEbHPpnuSNr/iSWatMNaIri6inMtxUS0VQgcIPht+3IZBFX9hPQw56/tQSDx5ujq1Sv4DkrvFwQXVHctNyNybbCHHSVpqnhd0PKbDi6onipuxZTbYfWaCtdIp60wu890BXFR+l5mGk7JKGtDDda9EekYHCn3xb5k5V3EubZDj/fjr5gGJ63w6paaIviYAhm2RJj0NbfyqzAC3Z441L0RZ7r+gsm2Q4bzvjMV0e8YolxOdAXeaz5dkyxJUL8YjkBL1niEbRF3qpp148PwWkhVm4q+x5etMP+e9EXeanEG5hfSySFXJTglh142Q7JjdEXeedcy352+M7h0142vUM11cKK6Is8MxBzawvHH6NHYIAlphdAX+SRzj9jai0xxnEh/Hzm3yU/k6fQF3nj1i8wsZaYciEaC6HwdAyyw6/d0Bd5ofpSzKslZmX78d98qzDMDjuyXFOnGBSdjVm1xKp8aMxBGbv+X1jxz8eTKEZnj8GcWmLWFWjMUeHxGGqHOcXQF8WoP2bUElPCuDlKvqcx2A5jcS8Dik37HzChdhiTzW/Mp5z90C6Mt0I/tEWxuHETptMK3z0S4u0WITVdjE1ssK8duqLoVVmC2bRCUgR3FK0wERvZYGNDdEXRumgG5tIK00K+78hJji5rsJ0F3q2ArihKozCTNtjQIy+6Clf5kZYsp5Jq6vloiqLS5wQm0nw/j4lmdabKSdjcfEPREkXjbns++J5UAz1FqsVMS278dOQBdESRa/gJZtF0x+e0OQc9RaFa4nHsx2zbb0NDFKmK72IOTZcY7f8If7uq/5KT2JfJll+NfigyBe14J87Sxzx5C07lYRYsw/h6UXRDERmO+TPZtueroRsPXHLXtBTs11TPoRWyRVjflCkJHS/BeO8UqHHvyMSkbSlZD78nZVtS4uiOtfmZMRLn2TdlIPD/wvLgoPLnKOkAAAAASUVORK5CYII="/>
+    </pattern>
+    <clipPath id="clip-HCI控制台">
+      <rect width="199" height="60"/>
+    </clipPath>
+  </defs>
+  <g id="HCI控制台" clip-path="url(#clip-HCI控制台)">
+    <g id="组_44614" data-name="组 44614" transform="translate(-792 -106)">
+      <g id="组_44613" data-name="组 44613" transform="translate(9 -132)">
+        <path id="normal_u28" d="M0,0H53V30H0Z" transform="translate(783 250)" fill="url(#pattern)"/>
+      </g>
+      <rect id="矩形_815" data-name="矩形 815" width="324" height="60" transform="translate(792 106)" fill="none"/>
+    </g>
+    <path id="路径_23591" data-name="路径 23591" d="M19.6,10.335H15.05V1.523h-9.1v8.812H1.4v-21.36H5.949v8.619h9.1v-8.619H19.6Zm20.23-.772a13.849,13.849,0,0,1-6.081,1.145,10.24,10.24,0,0,1-7.66-2.889,10.523,10.523,0,0,1-2.834-7.7A11.315,11.315,0,0,1,26.42-8.164a10.955,10.955,0,0,1,8.17-3.22,14.658,14.658,0,0,1,5.24.814v4.4A9.527,9.527,0,0,0,34.921-7.44a6.537,6.537,0,0,0-5.006,2A7.33,7.33,0,0,0,28.04-.214a7.143,7.143,0,0,0,1.779,5.061,6.247,6.247,0,0,0,4.813,1.917,10.063,10.063,0,0,0,5.2-1.379Zm8.315-20.588v21.36H43.6v-21.36ZM60.1-9.95h6.647l-.717-2.4,3.916-.745q.483,1.6.841,3.144H77.7v5.571H74.222V-6.585H63.577v2.206H60.1ZM51.221-7.992h2.537V-12.9H57.1v4.909h1.875v3.53H57.1V-.311l2.068-.51a21.323,21.323,0,0,0-.11,3.751L57.1,3.467v7.157a4.035,4.035,0,0,1-.469,2.131,1.893,1.893,0,0,1-1.331.9,29.314,29.314,0,0,1-3.468.221,30.207,30.207,0,0,0-.745-3.613,17.687,17.687,0,0,0,1.931.083q.717,0,.745-1.158V4.35l-2.62.676-.221-3.971Q52.283.792,53.758.461V-4.462H51.221ZM67.934-2.945,61.646,1.689,59.384-.9q2.73-1.793,6.068-4.44Zm1.6.028,2.344-2.344q2.592,1.793,6.15,4.468L75.629,1.8Q74.5.889,69.534-2.917Zm-8.77,4.882H76.649V5.329H70.471V9.521h7.612v3.365H59.109V9.521h7.833V5.329H60.763Zm23,10.342h-3.31V1.523h5.681V-.6H79.38V-3.745h6.757V-6.2H83.172q-.345,1.214-.731,2.262-1.186-.524-2.868-1.131a54.184,54.184,0,0,0,1.875-7.116l3.006.607-.469,2.234h2.151v-3.834h3.641v3.834h5.516V-6.2H89.777v2.455h6.316V-.6H89.777V1.523h5.681V9a4.025,4.025,0,0,1-.641,2.42,2.473,2.473,0,0,1-2.041.924q-1.4.048-2.034.048-.276-1.489-.772-3.447a11.819,11.819,0,0,0,1.351.083q.827,0,.827-.91V4.695H89.777v9.4H86.137v-9.4H83.765Zm18.092-25.456h3.53V9.631a4.5,4.5,0,0,1-.951,3.116,3.612,3.612,0,0,1-2.689,1.1q-1.738.055-4,.055-.221-1.627-.717-3.889,2.179.138,3.392.138,1.434,0,1.434-1.71ZM96.92-11h3.365V7.453H96.92Zm30.5,1.1q4.247,4.137,7.86,8.136L132.222.834,130.071-1.7q-11.859.193-20.6.993l-1.462-3.254a47.565,47.565,0,0,0,10.756-9.543l3.613,1.958q-3.916,3.7-8.274,7.226l13.266-.469-2.813-3.089ZM110.6,13.989V1.054h21.236V13.989h-3.751V12.362H114.35v1.627Zm17.485-9.515H114.35V8.942h13.735Z" transform="translate(62.731 27.725)" fill="#fff"/>
+  </g>
+</svg>

package/assets/images/promp-yellow.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <g id="normal_u801" transform="translate(0 -10)">
+    <path id="路径_23553" data-name="路径 23553" d="M4.98,1.341A9.782,9.782,0,0,1,10,0a9.782,9.782,0,0,1,5.019,1.341,9.955,9.955,0,0,1,3.64,3.639A9.782,9.782,0,0,1,20,10a9.782,9.782,0,0,1-1.341,5.019,9.956,9.956,0,0,1-3.639,3.639A9.782,9.782,0,0,1,10,20a9.782,9.782,0,0,1-5.02-1.341A9.955,9.955,0,0,1,1.341,15.02,9.782,9.782,0,0,1,0,10,9.782,9.782,0,0,1,1.341,4.98,9.955,9.955,0,0,1,4.98,1.341Zm6.569,15.2a.428.428,0,0,0,.117-.306V13.763a.428.428,0,0,0-.117-.306.38.38,0,0,0-.287-.124h-2.5a.445.445,0,0,0-.43.43v2.474a.445.445,0,0,0,.43.43h2.5a.38.38,0,0,0,.288-.124ZM11.5,11.986a.329.329,0,0,0,.137-.228l.234-8.086a.256.256,0,0,0-.13-.234.485.485,0,0,0-.312-.1H8.568a.485.485,0,0,0-.312.1.256.256,0,0,0-.13.234l.221,8.086a.282.282,0,0,0,.13.228.506.506,0,0,0,.313.1H11.2A.479.479,0,0,0,11.5,11.986Z" transform="translate(0 10)" fill="#ef9c3e"/>
+  </g>
+</svg>

package/assets/styles/all.scss

@@ -0,0 +1,63 @@
+.info-tab-title{
+  font-size: 14px;
+  line-height: 19px;
+  margin-bottom: 14px;
+}
+
+.required{
+  color: red;
+}
+.text-label{
+  width: 160px;
+}
+ul{
+  padding-left: 0px;
+}
+.basic-title{
+  font-size: 14px;
+  margin-bottom: 32px;
+}
+.basic-title-more-set{
+  margin-top: 32px;
+}
+
+.radio-group{
+    display: flex !important;
+  }
+
+  .clearFix{
+    font-size: 16px;
+  }
+
+  .name-td{
+    overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+  display: inline-block;
+  max-width: 180px;
+  A{
+    display: unset;
+  }
+  }
+
+  INPUT[type=number]:hover:not(.focused):not(:focus):not(.disabled):not(:disabled):not(.view){
+    padding: 0px 0px 0px 11px;
+  }
+  INPUT[type=number]:focus{
+    padding: 0px 0px 0px 11px !important;
+  }
+
+  .vs__dropdown-menu{
+    min-width: 100px !important;
+  }
+
+  .more{
+    margin-top: 32px;
+  }
+
+  :deep() .vs__actions:after {
+    padding-top: 10px;
+  }
+  .TEXTAREA{
+    border: solid var(--border-width) var(--input-border);
+  }

package/assets/styles/app.scss

@@ -32,3 +32,5 @@
 
 @import "./vendor/vue-select";
 @import "./vendor/code-mirror";
+@import './all.scss';
+@import '../icons/iconfont.css';

package/assets/styles/base/_basic.scss

@@ -98,8 +98,8 @@ A {
 
   &:hover,
   &:active {
-    text-decoration: underline;
-    color: var(--body-text);
+    text-decoration: none;
+    color: var(--link);
   }
 
   &:focus-visible {
@@ -144,3 +144,9 @@ HR.vertical {
 .force-wrap       { @include force-wrap }
 .bordered-section { @include bordered-section }
 .section-divider  { @include section-divider }
+
+fieldset {
+  border: 0;
+  padding: 0;
+  margin-inline: 0;
+}

package/assets/styles/base/_helpers.scss

@@ -131,6 +131,10 @@ $spacing-property-map: (
   color: var(--input-label);
 }
 
+.text-no-break {
+  white-space: nowrap;
+}
+
 .hide {
   display: none !important;
 }

package/assets/styles/base/_typography.scss

@@ -1,6 +1,6 @@
 HTML, BODY {
   font-family: $body-font;
-  font-size: 14px;
+  font-size: 12px;
 }
 
 H1, H2, H3, H4, H5, H6 {
@@ -24,6 +24,7 @@ H3 {
 
 H4 {
   font-size: 16px;
+  margin: 0px;
 }
 
 H5 {

package/assets/styles/base/_variables.scss

@@ -1,5 +1,7 @@
-$header-font: 'Poppins', sans-serif;
-$body-font: 'Lato', arial, helvetica, sans-serif;
+// $header-font: 'Poppins', sans-serif;
+$header-font: 'Microsoft YaHei';
+// $body-font: 'Lato', arial, helvetica, sans-serif;
+$body-font: 'Microsoft YaHei';
 $mono-font: 'Roboto Mono', monospace;
 
 $app-bar-collapsed-width: 70px;
@@ -8,6 +10,12 @@ $min-width: 75% !default;
 $input-height: 61px;
 $unlabeled-input-height: 40px;
 $unlabaled-select-padding: 3px 0;
+$footer-height: 60px;
+
+$input-height: 32px;
+$unlabeled-input-height: 32px;
+$input-width: 400px;
+
 
 $input-padding-lg: 18px;
 $input-padding-sm: 10px;

package/assets/styles/global/_button.scss

@@ -1,7 +1,7 @@
-$btn-padding: 0 21px 0 21px;
+$btn-padding: 0 10px 0 10px;
 $btn-sm-padding: 0 7px 0 7px;
-$btn-height: 40px;
-$btn-sm-height: 30px;
+$btn-height: 32px;
+$btn-sm-height: 32px;
 
 // -----------------------------------------------------------------------------
 // This file contains all styles related to the button component.
@@ -20,11 +20,13 @@ button,
   -ms-user-select: none;
   user-select: none;
   border: 0;
-  padding: $btn-padding;
+  // padding: $btn-padding;
   border-radius: var(--border-radius);
   color: var(--lightest);
-  line-height: $btn-height;
-  min-height: $btn-height;
+  line-height: $btn-height !important;
+  height: $btn-height !important;
+  min-width: 100px;
+  justify-content: center;
 
   > .icon:not(:only-child) {
     margin-right: 6px;
@@ -60,7 +62,8 @@ button,
 .btn-sm .btn-label {
   padding: $btn-sm-padding;
   min-height: $btn-sm-height;
-  line-height: 28px;
+  line-height: 32px;
+  width: 100px;
 }
 
 //btn roles
@@ -69,8 +72,9 @@ button,
   color: var(--primary-text);
 
   &:hover, &._hover {
-    background-color: var(--primary-hover-bg);
+    // background-color: var(--primary-hover-bg);
     color: var(--primary-text);
+    box-shadow: 0 4px 6px 0 rgba(0,0,0,.2)!important;
   }
 
   &:focus, &.focused {
@@ -86,17 +90,23 @@ button,
 
 .role-secondary {
   background: transparent;
-  color: var(--primary) !important;
-  border: solid 1px var(--primary);
+  color: var(--input-label) !important;
+  // border: solid 1px var(--primary);
+  border: solid 1px #d9d9d9;
   line-height: $btn-height - 2px;
+  width: 100px;
 
   &:hover, &._hover {
     color: var(--lightest) !important;
+    box-shadow: 0 4px 6px 0 rgba(0,0,0,.2)!important;
   }
 
   &:focus, &.focused {
-    background-color: var(--primary-hover-bg);
-    color: var(--primary-text) !important;
+    background: transparent;
+    box-shadow: 0 4px 6px 0 rgba(0,0,0,.2)!important;
+    // background-color: var(--primary-hover-bg);
+    color: var(--lightest) !important;
+    // color: var(--primary-text) !important;
   }
 
   &.btn-sm {
@@ -106,11 +116,6 @@ button,
       border: 0;
     }
   }
-
-  &:focus-visible {
-    @include focus-outline;
-    outline-offset: 2px;
-  }
 }
 
 .role-tertiary {
@@ -118,9 +123,11 @@ button,
   border: solid 1px var(--primary);
   color: var(--primary);
 
-  &:focus, &.focused {
-    background-color: var(--primary-hover-bg);
-    color: var(--primary-text);
+  &:focus, &.focused, &:hover {
+    // background-color: var(--primary-hover-bg);
+    // color: var(--primary-text);
+    background-color: var(--accent-btn);
+    color: var(--primary);
   }
 
   &.btn:not(.btn-sm) {
@@ -138,7 +145,8 @@ button,
   color: var(--link);
 
   &:hover, &._hover {
-    color: var(--lightest);
+    // color: var(--lightest);
+    color: var(--link);
   }
 
   &:focus, &.focused {
@@ -154,10 +162,13 @@ button,
 }
 
 .role-multi-action {
-  background: var(--accent-btn);
-  border: solid thin var(--primary);
-  color: var(--primary);
-  border-radius: 2px;
+   // background: var(--accent-btn);
+   border: solid thin var(--primary);
+   color: var(--primary) !important;
+   border-radius: 2px;
+   min-width: 32px;
+   height: 32px;
+   width: 32px;
 }
 
 .icon-group i {
@@ -215,6 +226,7 @@ fieldset[disabled] .btn {
     }
   }
 
+  .btn-disabled,
   .btn[disabled] {
     // Ensure disabled button's border remains as-is, otherwise button appears vertically shorter than others in group
     border: inherit;

package/assets/styles/global/_columns.scss

@@ -17,7 +17,8 @@ $DEFAULT_COLUMNS: 12;
 /* COLUMN SETUP */
 .col {
   flex: 0 0 auto;
-  margin: 0 $column-gutter 0 0;
+  margin-bottom: 24px;
+  // margin: 0 $column-gutter 0 0;
 
   &:last-child {
     margin-right: 0;
@@ -32,6 +33,7 @@ $DEFAULT_COLUMNS: 12;
 /* ROWS */
 .row {
   display: flex;
+  flex-wrap: wrap;
   // margin-bottom: 20px;
 
   &--y-center {

package/assets/styles/global/_form.scss

@@ -19,17 +19,18 @@ TEXTAREA,
   display: block;
   box-sizing: border-box;
   width: 100%;
-  padding: $input-padding-sm;
-  background-color: var(--input-bg);
-  border-radius: var(--border-radius);
-  border: solid var(--border-width) var(--input-border);
+  // padding: 4px 11px;
+  // background-color: var(--input-bg);
+  // border-radius: var(--border-radius);
+  // border: solid var(--border-width) var(--input-border);
+  
   color: var(--input-text);
 
+
   @include input-status-color;
 
-  &:focus:not(.labeled-input):not(.unlabeled-select):not(.labeled-select), 
-  &.focused:not(.labeled-input):not(.unlabeled-select):not(.labeled-select) {
-    @include form-focus;
+  &:focus, &.focused {
+    @include form-focus
   }
 
   LABEL {
@@ -55,7 +56,7 @@ TEXTAREA,
     color: var(--input-disabled-text);
     background-color: var(--input-disabled-bg);
     outline-width: 0;
-    border-color: var(--input-disabled-border);
+    // border-color: var(--input-disabled-border);
     cursor: not-allowed;
     label {
       color: var(--input-disabled-label);
@@ -67,30 +68,54 @@ TEXTAREA,
     }
   }
 
+
   LABEL {
     margin: $spacing 0 0 0;
   }
 }
 
+INPUT[type='text']{
+  height: 32px;
+  border: solid var(--border-width) var(--input-border);
+  line-height: 30px;
+  padding: 0px 11px;
+  box-sizing: border-box;
+  border-radius: 2px;
+  &:hover{
+    box-shadow: 0 4px 6px 0 var(--input-border-box-shadow);
+  }
+}
+
+
 INPUT[type='search']:not(.vs__search) {
-  padding: calc(#{$input-padding-sm} + 2px);
+  // padding: calc(#{$input-padding-sm} + 2px);
+  padding: 4px 11px;
+  &:hover{
+    box-shadow: 0 4px 6px 0 var(--input-border-box-shadow);
+  }
+}
+INPUT[type='search']::-webkit-search-cancel-button {
+  display: none;
 }
 
 TEXTAREA {
-  padding: $input-padding-lg 10px 10px 10px;
+  padding: 6px 11px;
   line-height: $input-line-height;
+  border: solid var(--border-width) var(--input-border);
 }
 
 FORM {
   LABEL {
     color: var(--input-label);
     display: inline-block;
-    margin: $spacing 0 $spacing 0;
+    // margin: $spacing 0 $spacing 0;
     font-size: 12px;
-
+    .required{
+      color: red;
+    }
     .radio-label,
     .checkbox-label {
-      font-size: 14px;
+      font-size: 12px;
     }
 
     &.radio, &.checkbox {
@@ -144,3 +169,10 @@ INPUT.inline-input {
 .fixed select, .fixed.v-select, .fixed input:not(.vs__search){
   height: 50px;
 }
+
+
+INPUT:not([type]){
+  border: solid var(--border-width) var(--input-border);
+  height: 32px;
+  padding: 4px 11px;
+}

package/assets/styles/global/_labeled-input.scss

@@ -1,9 +1,12 @@
 .labeled-input {
   position: relative;
-  display: flex;
+  display: table;
   border-collapse: separate;
   min-height: $input-height;
+  width: $input-width;
+  // flex: 1;
   z-index: 0; // Prevent label from cover other elements outside of the input
+  height: $input-height;
 
   &.compact-input {
     min-height: $unlabeled-input-height;
@@ -26,7 +29,7 @@
     width: calc(100% - 20px);
 
     i {
-      pointer-events: initial;
+      pointer-events: initial
     }
   }
 
@@ -47,7 +50,7 @@
   INPUT,
   SELECT {
     position: relative;
-    font-size: 14px;
+    font-size: 12px;
     display: block;
     width: 100%;
   }
@@ -61,24 +64,27 @@
     user-select: none;
   }
 
-  INPUT,
-  INPUT:hover,
-  INPUT:focus,
-  TEXTAREA,
-  TEXTAREA:hover,
-  TEXTAREA:focus,
-  SELECT,
-  SELECT:hover,
-  SELECT:focus {
+  INPUT, INPUT:hover, INPUT:focus,
+  TEXTAREA, TEXTAREA:hover, TEXTAREA:focus,
+  SELECT, SELECT:hover, SELECT:focus {
     border: none;
     background-color: transparent;
     outline: 0;
     box-shadow: none;
-    padding: $input-padding-lg 0 0 0;
-    line-height: calc(#{$input-line-height} + 1px);
-
+    padding: 0 0 0 0;
+    // line-height: calc(#{$input-line-height} + 1px);
+    line-height: calc(29px + 1px);
+    border: solid var(--border-width) var(--input-border);
+    padding: 0px 11px;
+    box-sizing: border-box;
+    border-radius: 2px;
+
+    &:hover{
+      border-color: var(--input-border);
+      box-shadow: 0 4px 6px 0 var(--input-border-box-shadow);
+    }
     &.no-label {
-      padding: $input-padding-sm 0px $input-padding-sm 0px;
+      // padding: $input-padding-sm 0px $input-padding-sm 0px;
     }
   }
 
@@ -97,7 +103,7 @@
 
     .addon,
     .addon.btn {
-      display: flex;
+      display: table-cell;
       align-items: center;
       justify-content: center;
       white-space: nowrap;
@@ -106,17 +112,24 @@
     }
 
     .addon {
-      padding: 6px 12px;
-      font-size: 14px;
+      // padding: 6px 12px;
+      // font-size: 14px;
+      // font-weight: normal;
+      // line-height: 1;
+      // text-align: center;
+      // border-left: solid thin var(--input-border);
+      padding: 4px 0px 4px 4px;
+      font-size: 12px;
       font-weight: normal;
       line-height: 1;
       text-align: center;
-      border-left: solid thin var(--input-border);
+      background-color: #fff;
     }
   }
 
   &.suffix INPUT {
-    padding-right: 8px;
+    padding-right: 0px;
+    width: $input-width;
   }
 
   .cron-label,
@@ -124,17 +137,29 @@
     position: absolute;
     top: 100%;
     width: 100%;
-    padding-top: 5px;
+    // padding-top: 5px;
+    padding-top: 0px;
     left: 0;
-    color: var(--input-label);
-    pointer-events: initial;
+    width: 400px !important;
+    color: var(--outline);
+    // color: var(--input-label);
+    pointer-events:initial;
   }
 
   .validation-message,
   .sub-label.validation-message {
     color: var(--error);
   }
+}
 
+.TEXTAREA, TEXTAREA:hover, TEXTAREA:focus{
+  border: solid var(--border-width) var(--input-border);
+}
 
-
+@media(max-width:1400px) {
+  .labeled-input{
+    &.suffix INPUT {
+      width: 370px;
+    }
+  }
 }

package/assets/styles/global/_layout.scss

@@ -2,7 +2,7 @@
 .main-layout {
   grid-area: main;
   overflow: auto;
-
+  overflow-x: hidden;
   .outlet {
     display: flex;
     flex-direction: column;
@@ -36,7 +36,7 @@ HEADER {
 
   .actions-container {
     grid-area: actions;
-    margin-left: 8px;
+    margin-left: 0px;
     align-self: center;
     text-align: right;
 
@@ -47,6 +47,10 @@ HEADER {
 
   .role-multi-action {
     padding: 0 $input-padding-sm;
+    background-color: var(--body-bg);
+    &:focus{
+      background-color: var(--body-bg);
+    }
   }
 }
 
@@ -61,6 +65,8 @@ HEADER {
   display: flex;
   flex-direction: column;
   height: 100vh;
+  width: 100vw;
+  position: absolute;
 }
 
 .dashboard-content {
@@ -162,4 +168,4 @@ HEADER {
   opacity: 1;
 }
 
-// !END
+// !END