//

frontend/src/resources/css/components-dashboard.css

@@ -1,5 +1,6 @@
 @charset "utf-8";
 
+/*
 .webbpm.ervu_dashboard div[id="page"], 
 .webbpm.ervu_dashboard div[id="page"] > div, 
 .webbpm.ervu_dashboard div[id="page"] > div > div {
@@ -7,7 +8,7 @@
     flex-direction: column;
     height: 100%;
 }
-/*
+
 .webbpm.ervu_dashboard [id="page"] > div > div > [page-object]:first-child {
     padding-top: 15px;
 }
@@ -19,3 +20,35 @@
 }
 */
 
+.webbpm.ervu_dashboard .top-btn-block {
+    margin-bottom: 16px;
+
+    .form-group {
+        margin-bottom: 0;
+    }
+}
+
+.webbpm.ervu_dashboard .parent-block {
+    padding: 12px;
+    border-radius: 16px;
+    border: 1px solid var(--border-dark);
+    background: var(--bg-block);
+    backdrop-filter: var(--bg-blur);
+}
+
+.webbpm.ervu_dashboard .child-block {
+    padding: 32px 40px 40px;
+    border-radius: 20px;
+    border: 1px solid var(--border-light);
+    background: var(--bg-group);    
+    backdrop-filter: var(--bg-blur); 
+
+    & + .child-block {
+        margin-left: 20px;
+    }
+}
+
+.webbpm.ervu_dashboard .nav-tabs ~ .tab-active > .active {
+    border: 0;
+    background-color: transparent;
+}

frontend/src/resources/css/inbox-dashboard.css

@@ -27,13 +27,18 @@
     --border-light: #0883c6;
     --border-dark: #01536f;
     --bg-blur: blur(40px);
-    --bg-block: radial-gradient(50% 50% at 50% 50%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 100%), linear-gradient(180deg, rgba(19, 46, 55, 0.16) 0%, rgba(19, 46, 55, 0.32) 100%), linear-gradient(180deg, rgba(8, 131, 198, 0) 0%, rgba(8, 131, 198, 0.2) 100%);
-    --bg-group: linear-gradient(360deg, rgba(19, 46, 55, 0.2) 0%, rgba(19, 46, 55, 0.2) 100%), linear-gradient(180deg, rgba(8, 131, 198, 0.4) 0%, rgba(8, 131, 198, 0.4) 100%);
+    --bg-block: 
+        linear-gradient(180deg, rgba(8, 131, 198, 0) 0%, rgba(8, 131, 198, 0.07) 33%, rgba(8, 131, 198, 0.2) 100%),
+        linear-gradient(180deg, rgba(19, 46, 55, 0.16) 0%, rgba(19, 46, 55, 0.32) 100%),
+        radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
+    --bg-group: 
+        conic-gradient(from 90deg at 100% 0%, rgba(0, 240, 255, 0.6) 0%, rgba(0, 191, 255, 0.24) 34%, rgba(0, 191, 255, 1) 100%),
+        linear-gradient(180deg, rgba(8, 131, 198, 0) 0%, rgba(8, 131, 198, 0.4) 100%),
+        linear-gradient(0deg, rgba(19, 46, 55, 0.08) 0%, rgba(19, 46, 55, 0.16) 100%);
 
     --size-text-title: 32px;
     --size-text-subtitle: 24px;
     --size-text-primary: 18px;
-    /*--size-text-secondary: 14px;*/
     --size-num-title: 60px;
     --size-num-subtitle: 48px;
     --size-num-primary: 32px; 
@@ -43,17 +48,6 @@
     --w-screen: 40px;     
 }
 
-
-.webbpm.ervu_dashboard a {
-    color: var(--color-link);    
-    &:hover,
-    &:focus,
-    &:active {
-        color: var(--color-link-hover);
-        text-decoration: none;
-    }
-}
-
 body.webbpm.ervu_dashboard {
     display: flex;
     flex-direction: column;
@@ -78,12 +72,12 @@ body.webbpm.ervu_dashboard {
 .webbpm.ervu_dashboard .container {
     padding: var(--h-header) 0 0;
     bottom: 0;
-}
 
-body.webbpm.ervu_dashboard [id="page"],
-.webbpm.ervu_dashboard .container .container-inside {
+    .container-inside {
         font-family: 'GilroyM';
         font-size: var(--size-text-primary);        
+        padding: 0 40px 40px;
+    }    
 }
 
 .webbpm.ervu_dashboard .logo {