diff --git a/frontend/src/resources/css/components-dashboard.css b/frontend/src/resources/css/components-dashboard.css
index 64ce67e..d019afe 100644
--- a/frontend/src/resources/css/components-dashboard.css
+++ b/frontend/src/resources/css/components-dashboard.css
@@ -1,307 +1,37 @@
 @charset "utf-8";
 
-.webbpm .horizontal-container > * {
-    padding-right: var(--indent-mini);
-}
-
-.webbpm.ervu_dashboard check-box label {
-    width: min-content !important;
-    margin: 0 !important;
-}         
-.webbpm.ervu_dashboard check-box label span {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: min(1.4vw, 1.75rem); /*28*/
-    height: min(1.4vw, 1.75rem); /*28*/
-    padding: 2px;
-    margin: 0;
-    border-radius: 4px;
-    background-color: var(--color-dark-20);
-}
-.webbpm.ervu_dashboard check-box label input {
-    position: absolute;
-    z-index: -1;
-    opacity: 0;
-}
-.webbpm.ervu_dashboard check-box.wb-not-empty label span {
-    content: url('../img/svg/mark.svg');
-    border: 1px solid var(--color-success);
-    background-color: var(--color-primary-5);
-}
-.webbpm.ervu_dashboard check-box + text {
-    color: var(--color-text-secondary);
-    margin-left: var(--indent-large) !important;
-}
-
-.webbpm.ervu_dashboard .bread-crumb .form-group {
-    margin-bottom: 0;
-}
-.webbpm.ervu_dashboard .bread-crumb label {
-    margin-right: 0;
-}
-.webbpm.ervu_dashboard .bread-crumb .btn,
-.webbpm.ervu_dashboard .top-btn-block .bread-crumb :is(button-component, static-route-navigation-button) .btn {
-    font-size: var(--size-text-primary);
-    padding: 0;
-    margin: 0;
-    border: 0;
-    background-color: transparent;
-    box-shadow: none !important;
-}
-.webbpm.ervu_dashboard .top-btn-block .bread-crumb :is(button-component, static-route-navigation-button) .btn::after {
-    display: none;
-}
-.webbpm.ervu_dashboard .top-btn-block .bread-crumb :is(button-component, static-route-navigation-button) {
-    padding-right: var(--indent-mini);
-}
-
-.webbpm.ervu_dashboard .top-btn-block {
-    margin: var(--indent-small) 0 var(--indent-mini) 0;
-}
-
-.webbpm.ervu_dashboard .top-btn-block .form-group {
-    margin-bottom: 0;
-}
-.webbpm.ervu_dashboard .top-btn-block .component-float {
-    display: block;
-}
-.webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) {
-    padding-right: 0;
-    border-radius: 20px;
-}
-.webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) + :is(button-component, static-route-navigation-button) {
-    margin-left: var(--indent-base);
-}
-.webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) .btn {
-    position: relative;
-    font-size: var(--size-text-primary);
-    line-height: 1.3;
-    padding: var(--indent-mini) var(--indent-xlarge) var(--indent-mini) var(--indent-xbase);
-    margin-bottom: 0;
-    border-radius: 100px;
-    border: 0;
-    background-color: var(--color-dark-20);
-}
-.webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) .btn::after {
-    position: absolute;
-    content: "\f285";
-    position: absolute;
-    font-family: bootstrap-icons !important;
-    font-weight: 800 !important;
-    font-size: var(--size-text-secondary);
-    top: 50%;
-    transform: translateY(-50%);
-    margin-left: var(--indent-small);
-}
-
-/* temp list */
-.webbpm.ervu_dashboard .top-btn-block .selectize-control {
-    font-size: inherit;
-    background-color: transparent;
-}
-.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input {
+.webbpm.ervu_dashboard .block-panel button-component {
     display: flex;
-    min-height: max-content;
-    padding: var(--indent-mini) var(--indent-xlarge) var(--indent-mini) var(--indent-xbase);
-    border-radius: 100px;
-    border: 0;
-    background: var(--color-dark-20);
+    width: 16.7%;
+    min-height: 112px;
+    padding-right: var(--indent-mini);
 }
-.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input::after {
-    position: absolute;
-    content: "\f282";
+.webbpm.ervu_dashboard .block-panel button-component:last-child {
+    width: 16.5%;
+}
+.webbpm.ervu_dashboard .block-panel button-component > div {
+    flex: 1;
+}
+.webbpm.ervu_dashboard .block-panel button-component .btn {
+    display: flex;
+    align-items: end;
     color: var(--color-text-primary);
-    font-family: bootstrap-icons !important;
-    font-weight: 800 !important;
-    font-size: var(--size-text-secondary);
-    top: calc((50% - var(--size-text-secondary)/ 2));
-    right: var(--indent-base);
-    height: auto;
-    width: auto;
-    border: 0;
-}
-
-.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input.dropdown-active {
-    background-color: var(--color-success);
-}
-.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input.dropdown-active::after {
-    transform: rotate(180deg);
-}
-.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input .item, 
-.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input input {
-    color: var(--color-text-primary);
-    font-size: var(--size-text-primary);
-    line-height: 1.3 !important;
-}
-.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input .item {
-    display: block;
-}
-.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input input::-webkit-input-placeholder, 
-.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input input::placeholder {
-    color: var(--color-text-primary); 
-}
-.webbpm.ervu_dashboard .top-btn-block .selectize-control .selectize-input .selectize-dropdown-content {
-    background: var(--color-dark-20);
-}
-/* temp list */
-
-.webbpm.ervu_dashboard dropdown-tree-view .dropdown > button,
-.webbpm.ervu_dashboard dropdown-tree-view .dropdown > button:is(:focus, :active) {
-    color: var(--color-text-primary);
-    font-size: var(--size-text-primary);
-    padding: var(--indent-mini) var(--indent-huge) var(--indent-mini) var(--indent-xbase);
-    margin: 0;
-    border-radius: 100px;
-    border: 0;
-    background: var(--color-dark-20);
-    box-shadow: none !important;
-}
-.webbpm.ervu_dashboard dropdown-tree-view .dropdown.show > button {
-    background-color: var(--color-success);
-}
-.webbpm.ervu_dashboard dropdown-tree-view .dropdown > button::after {
-    position: absolute;
-    content: "\f282";
-    color: var(--color-text-primary);
-    font-family: bootstrap-icons !important;
-    font-weight: 800 !important;
-    font-size: var(--size-text-secondary);
-    top: calc(50% - (var(--size-text-secondary) + var(--indent-xmini)) / 2);
-    right: var(--indent-base);
-    margin: 0;
-    border: 0;
-}
-.webbpm.ervu_dashboard dropdown-tree-view .dropdown.show > button::after {
-    top: calc(50% - (var(--size-text-secondary) + var(--indent-mini)) / 2);
-    transform: rotate(180deg);
-}
-.webbpm.ervu_dashboard dropdown-tree-view .dropdown-menu {
-    padding: 0;
-    border-radius: var(--indent-xbase);
-    border: 1px solid var(--color-text-secondary);
-    background: var(--color-dark-20);
-    backdrop-filter: var(--bg-blur-40);
-    box-shadow: var(--bg-shadow);
-}
-.webbpm.ervu_dashboard dropdown-tree-view .dropdown-menu :is(.dropdown-container, .treeview-container) {
-    padding: 0;
-}
-.webbpm.ervu_dashboard dropdown-tree-view .dropdown-menu .treeview-container {
-    margin-bottom: var(--indent-base);
-    overflow-y: auto;
-}
-
-.webbpm.ervu_dashboard dropdown-tree-view .treeview-header .row-filter {
-    margin: var(--indent-base) var(--indent-xbase);
-}
-.webbpm.ervu_dashboard dropdown-tree-view .treeview-header .row-filter > div {
-    padding: 0;
-}
-.webbpm.ervu_dashboard dropdown-tree-view .treeview-header input {
-    color: var(--black);
-    font-size: var(--size-text-primary);
+    text-align: left;
     width: 100%;
-    padding: var(--indent-mini) var(--indent-xlarge) var(--indent-mini) var(--indent-xbase);
+    height: 100%;
+    padding: var(--indent-base);
+    margin-bottom: 0;
     border: 0;
-    border-radius: 24px;
-    background-color: var(--color-text-secondary);
+    border-radius: var(--indent-small);
+    background-color: var(--block-bg);
+    box-shadow: var(--block-shadow);
 }
-
-.webbpm.ervu_dashboard dropdown-tree-view .treeview-header input::-webkit-input-placeholder {
-    color: var(--black);
+.webbpm.ervu_dashboard .block-panel button-component.active .btn {
+    color: var(--white);
+    background: var(--block-active-bg);
 }
-.webbpm.ervu_dashboard dropdown-tree-view .treeview-header input:-moz-placeholder {
-    color: var(--black);
-}
-.webbpm.ervu_dashboard dropdown-tree-view .treeview-header input::-moz-placeholder {
-    color: var(--black);
-}
-.webbpm.ervu_dashboard dropdown-tree-view .treeview-header input:-ms-input-placeholder {
-    color: var(--black);
-}
-.webbpm.ervu_dashboard dropdown-tree-view .row-filter {
-    position: relative;
-}
-.webbpm.ervu_dashboard dropdown-tree-view .row-filter::after {
-    content: "\f52a";
-    position: absolute;
-    color: var(--color-dark);
-    font-family: bootstrap-icons !important;
-    font-weight: 800 !important;
-    font-size: var(--size-text-secondary);
-    top: calc(50% - (var(--size-text-secondary) + var(--indent-mini)) / 2);
-    right: var(--indent-xbase);
-}
-
-.webbpm.ervu_dashboard dropdown-tree-view .dropdown-divider {
-    margin: 0;
-    border-color: var(--color-primary-5);
-}
-.webbpm.ervu_dashboard dropdown-tree-view :is(.row-item, .treeview-text) {
-    color: var(--color-text-primary);
-    padding: var(--indent-base) var(--indent-xbase);
-    border-bottom: 1px solid var(--color-primary-5);
-}
-.webbpm.ervu_dashboard dropdown-tree-view .row-item:is(:hover, :focus, :active) {
-    color: var(--color-success);
-}
-.webbpm.ervu_dashboard dropdown-tree-view ngx-treeview-item ngx-treeview-item .treeview-item {
-    padding-left: var(--indent-xbase);
-}
-.webbpm.ervu_dashboard dropdown-tree-view .row-item label {
-    font-size: var(--size-text-primary);
-    width: auto;
-    min-width: min(7.5vw, 9.375rem); /*150*/
-}
-.webbpm.ervu_dashboard dropdown-tree-view :is(.bi-caret-down-fill, .bi-caret-right-fill) {
-    margin-right: var(--indent-mini);
-}
-.webbpm.ervu_dashboard dropdown-tree-view :is(.bi-caret-down-fill, .bi-caret-right-fill)::before {
-    position: relative;
-    top: calc(var(--indent-xmini) / -4);
-    font-size: var(--size-text-secondary);
-}
-.webbpm.ervu_dashboard dropdown-tree-view .bi-caret-down-fill::before {
-    content: "\f2e9";
-}
-.webbpm.ervu_dashboard dropdown-tree-view .bi-caret-right-fill::before {
-    content: "\f4fd";
-}
-/*
-.webbpm.ervu_dashboard ngx-treeview-item > .treeview-item > div > ngx-treeview-item > .treeview-item:hover {
-    background-color: cyan;
-}
-*/
-
-.webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn) .btn {
-    position: relative;
-    display: grid;
-    place-items: center;
-    width: min(1.8vw, 2.25rem); /*36*/
-    height: min(1.8vw, 2.25rem); /*36*/
-    padding: 0;
-    margin: 0 calc(var(--indent-xmini)*(-1)) 0 var(--indent-mini);
-    border-radius: 100px;
-    border: 0;
-    background-color: var(--color-text-secondary);
-}
-.webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn) .btn::before {
-    position: absolute;
-    color: var(--color-dark);
-    font-family: bootstrap-icons !important;
-    font-weight: 800 !important;
-    font-size: var(--size-text-secondary);
-    top: 50%;
-    transform: translateY(-50%);
-    -webkit-text-stroke-width: thin;
-}
-.webbpm.ervu_dashboard .arrow-btn .btn::before {
-    content: "\f285";
-}
-.webbpm.ervu_dashboard .delete-btn .btn::before {
-    content: "\f659";
+.webbpm.ervu_dashboard .block-panel + .block-panel {
+    margin-top: var(--indent-mini);;
 }
 
 .webbpm.ervu_dashboard :is(.title, .subtitle) {
@@ -315,11 +45,11 @@
 }
 .webbpm.ervu_dashboard .title {
     font-size: var(--size-text-title);
-    margin-bottom: var(--indent-medium);    
+    margin-bottom: var(--indent-medium);
 }
 .webbpm.ervu_dashboard .subtitle {
     font-size: var(--size-text-subtitle);
-    margin-bottom: var(--indent-base);    
+    margin-bottom: var(--indent-base);
 }
 
 .webbpm.ervu_dashboard .mute {
@@ -327,24 +57,6 @@
     font-family: 'GilroyM';
 }
 
-.webbpm.ervu_dashboard .success > div > div:last-of-type {
-    color: var(--color-success);
-}
-.webbpm.ervu_dashboard .error > div > div:last-of-type {
-    color: var(--color-error);
-}  
-
-.webbpm.ervu_dashboard .pull-bottom {
-    display: flex;
-    align-items: flex-end;
-}
-
-.webbpm.ervu_dashboard .lined {
-    padding-top: var(--indent-xbase);
-    margin-top: var(--indent-xbase);
-    border-top: 1px solid var(--color-primary-20);
-}
-
 .webbpm.ervu_dashboard .text-invert.mute > div > div:last-of-type {
     line-height: inherit !important;
     font-size: inherit !important;
@@ -362,270 +74,6 @@
     overflow: visible;
 }
 
-.webbpm.ervu_dashboard [class*="btn-text-"] .btn {
-    position: relative;
-    color: var(--black);
-    font-family: 'GilroyM';
-    font-size: var(--size-text-primary);
-    padding-left: var(--indent-xbase);
-    padding-right: var(--indent-xlarge);
-    margin-bottom: 0;
-    border: 0;
-    border-radius: 100px;
-    background-color: var(--color-text-secondary);
-}
-.webbpm.ervu_dashboard [class*="btn-text-"] .btn::after {
-    content: "";
-    position: absolute;
-    font-family: bootstrap-icons !important;
-    font-weight: 800 !important;
-    font-size: var(--size-text-secondary);
-    top: 50%;
-    transform: translateY(-50%);
-    margin-left: var(--indent-small);
-    -webkit-text-stroke-width: thin;
-}
-.webbpm.ervu_dashboard .btn-text-arrow-r .btn::after {
-    content: "\f285";
-}
-.webbpm.ervu_dashboard .btn-text-close .btn::after {
-    content: "\f659";
-}
-
-.webbpm.ervu_dashboard text label {
-    width: min(7.5vw, 9.375rem) ; /*150px*/
-}
-.webbpm.ervu_dashboard text.num-addtitle > div > div:first-child {
-    color: var(--color-text-secondary);
-    align-items: center;
-}         
-.webbpm.ervu_dashboard text.num-addtitle > div > div:last-child {
-    font-family: 'GilroySB';
-    font-size: var(--size-num-primary);
-    line-height: normal;
-}
-
-.webbpm.ervu_dashboard .selectize-dropdown {
-    background-color: transparent;
-}
-.webbpm.ervu_dashboard .selectize-dropdown .selectize-dropdown-content {
-    max-height: min-content;
-    border-radius: 24px;
-    border: 1px solid var(--color-text-secondary);
-    background: 
-        linear-gradient(180deg, rgba(19, 46, 55, 0.5) 0%, rgba(19, 46, 55, 0.7) 100%), 
-        linear-gradient(180deg, rgba(8, 131, 198, 0.5) 0%, rgba(8, 131, 198, 0.7) 100%);
-    backdrop-filter: var(--bg-blur-40);
-    box-shadow: var(--bg-shadow);
-}
-.webbpm.ervu_dashboard .selectize-dropdown .selectize-dropdown-content .option {
-    color: var(--color-text-primary);
-    font-size: var(--size-text-primary);
-    padding: var(--indent-base) var(--indent-xbase);
-}
-.webbpm.ervu_dashboard .selectize-dropdown .selectize-dropdown-content .option.active {
-    background-color: transparent;
-}
-.webbpm.ervu_dashboard .selectize-dropdown .selectize-dropdown-content .option + .option {
-    border-top: 1px solid rgba(244, 252, 255, 0.05);
-}
-
-.webbpm.ervu_dashboard tab-container .nav-tabs {
-    border: 0;
-}
-.webbpm.ervu_dashboard tab-container .nav-tabs .nav-item + .nav-item {
-    margin-left: var(--indent-small);
-}
-.webbpm.ervu_dashboard tab-container .nav-tabs .nav-link {
-    color: var(--color-text-mute);
-    padding: 0;
-    border: 0;
-    background-color: transparent;
-}
-.webbpm.ervu_dashboard tab-container .nav-tabs .active .nav-link {
-    color: var(--color-success);
-    padding-bottom: var(--indent-xmini);
-    border-bottom: 2px solid var(--color-success);
-    background-color: transparent;
-}
-.webbpm.ervu_dashboard tab-container .nav-tabs ~ .tab-active > .active {
-    padding: 0;
-    margin: var(--indent-base) 0 0;
-    border: 0;
-    background-color: transparent;
-}
-
-.webbpm.ervu_dashboard .tab-vertical > div {
-    flex-direction: row;
-}
-.webbpm.ervu_dashboard .tab-vertical .nav-tabs {
-    flex-direction: column;
-    flex-wrap: nowrap;
-    width: min(20vw, 23.75rem); /*380*/
-    padding-right: var(--indent-large);
-    margin-right: var(--indent-large);
-}
-.webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active {
-    width: calc(100% - min(20vw, 23.75rem) - var(--indent-large));
-}
-.webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active > .active {
-    margin: 0;
-}
-.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item {
-    position: relative;
-    padding: var(--indent-small) var(--indent-xlarge) var(--indent-small) var(--indent-base);
-    border-radius: 8px;
-}
-.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item.active {
-    background-color: var(--color-success);    
-}
-.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item.active::before {
-    position: absolute;
-    content: "\f285";
-    font-family: bootstrap-icons !important;
-    font-weight: 800 !important;
-    font-size: var(--size-text-secondary);
-    top: 50%;
-    right: var(--indent-small);
-    transform: translateY(-50%);
-    -webkit-text-stroke-width: thin;
-}
-.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item + .nav-item {
-    margin-left: 0;
-}
-.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-link {
-    color: var(--color-text-secondary);
-}
-.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-link.disabled {
-    color: var(--color-text-mute);
-}
-
-.webbpm.ervu_dashboard .tab-vertical .nav-tabs .active .nav-link {
-    color: var(--color-text-primary);
-    padding-bottom: 0;
-    border: 0;
-}
-
-.webbpm.ervu_dashboard .brick-group {
-    color: var(--color-text-secondary);
-    line-height: 1;
-    padding: var(--indent-mini) var(--indent-base);
-    border-radius: 8px;
-    border: 1px solid var(--color-primary-20);
-    background-color: var(--bg-brick);
-}
-.webbpm.ervu_dashboard .brick-group text {
-    display: flex;
-    align-items: center;
-}
-.webbpm.ervu_dashboard .brick-group text:first-child {
-    flex: 1;
-}
-.webbpm.ervu_dashboard .brick-group text .form-group {
-    margin-bottom: 0;
-}  
-.webbpm.ervu_dashboard .brick-group text .form-group > div {
-    align-items: center;
-    white-space: nowrap;
-}
-.webbpm.ervu_dashboard .brick-group text.text-invert .form-group > div:last-child {
-    color: var(--color-text-primary);
-    font-size: var(--size-text-subtitle);
-}
-.webbpm.ervu_dashboard .vertical-container > .brick-group + .brick-group {
-    margin-top: var(--indent-mini);
-}
-.webbpm.ervu_dashboard .horizontal-container > .brick-group + .brick-group {
-    margin-left: var(--indent-mini);
-}
-
-.webbpm.ervu_dashboard .list-group {
-    padding: var(--indent-small) var(--indent-base);
-    border-radius: 8px;
-    border: 0;
-    background-color: var(--color-dark-20);
-}
-.webbpm.ervu_dashboard .list-group + .list-group {
-    margin-top: var(--indent-base);
-}
-.webbpm.ervu_dashboard .list-group > div > * + text {
-    margin: var(--indent-base) 0 var(--indent-mini);
-}
-.webbpm.ervu_dashboard .list-group .list-group + .list-group {
-    margin-top: var(--indent-mini);
-}
-.webbpm.ervu_dashboard .list-group .horizontal-container {
-    align-items: center;
-}
-.webbpm.ervu_dashboard .list-group vbox:first-child {
-    flex: 1;
-}
-.webbpm.ervu_dashboard .list-group text .form-group {
-    align-items: baseline;
-    margin-bottom: 0;
-}
-.webbpm.ervu_dashboard .list-group .mute {
-    white-space: nowrap;
-}
-
-.webbpm.ervu_dashboard .list-plain > .vertical-container > hbox + hbox {
-    margin-top: var(--indent-xbase);
-}
-.webbpm.ervu_dashboard .list-plain .horizontal-container > text {
-    flex: 1;
-    color: var(--color-text-secondary);
-    font-family: 'GilroyM';
-    font-size: var(--size-text-subtitle);
-    line-height: normal;
-}
-.webbpm.ervu_dashboard .list-plain .horizontal-container > text + * {
-    flex: 1;
-}
-.webbpm.ervu_dashboard .list-plain label {
-    width: auto;
-    margin-right: 0;
-}
-.webbpm.ervu_dashboard .list-plain .form-group {
-    align-items: baseline;
-    margin-bottom: 0;
-}
-.webbpm.ervu_dashboard .list-plain .text-invert:not(.mute) > div > div:first-of-type {
-    color: var(--color-text-secondary);
-}
-.webbpm.ervu_dashboard .list-plain .text-invert > div > div:last-of-type {
-    font-family: 'GilroySB';
-    font-size: var(--size-num-subtitle);
-    line-height: 1;
-}
-.webbpm.ervu_dashboard .list-plain .mute {
-    white-space: nowrap;
-}
-.webbpm.ervu_dashboard .list-plain.list-plan-small .horizontal-container {
-    align-items: center;
-}
-.webbpm.ervu_dashboard .list-plain.list-plan-small .horizontal-container > text {
-    color: var(--color-text-primary);
-    font-family: 'Gilroy';
-    font-size: var(--size-text-primary);
-    padding-top: 0;
-}
-.webbpm.ervu_dashboard .list-plain.list-plan-small .horizontal-container > text + * {
-    flex: 0 1 auto;
-}
-.webbpm.ervu_dashboard .list-plain.list-plan-small .text-invert > div > div:last-of-type {
-    font-size: var(--size-num-primary);
-    line-height: normal;
-}
-.webbpm.ervu_dashboard .list-common text label {
-    color: var(--color-text-secondary);
-    width: auto;
-}
-.webbpm.ervu_dashboard .list-common text > div > div:last-of-type {
-    flex: 1;
-    justify-content: end;
-    overflow: visible;
-}
-
 .webbpm.ervu_dashboard .graph-chart .chart-content {
     width: min(10vw, 12.5rem);
     height: min(7vw, 9rem);
@@ -664,8 +112,7 @@
 }
 .webbpm.ervu_dashboard .graph-legend-column > .vertical-container > * + * {
     padding-top: var(--indent-small);
-    margin-top: var(--indent-small);
-    border-top: 1px solid var(--color-primary-20);            
+    margin-top: var(--indent-small);           
 }
 .webbpm.ervu_dashboard .graph-legend-column > .vertical-container > hbox [class*="legend-col"] {
     margin-top: var(--indent-xmini);
@@ -687,7 +134,6 @@
 .webbpm.ervu_dashboard .graph-legend-row  > .horizontal-container > vbox + vbox {
     padding-left: var(--indent-base);
     margin-left: var(--indent-base);
-    border-left: 1px solid var(--color-primary-20);
 }
 .webbpm.ervu_dashboard .graph-legend-row  > .horizontal-container > vbox > .vertical-container {
     height: 100%;
@@ -772,284 +218,6 @@
     background-color: #4d66cc;
 }
 
-.webbpm.ervu_dashboard .pers-group .vertical-container > text:first-child {
-    color: var(--color-text-secondary);
-}
-.webbpm.ervu_dashboard .pers-group .vertical-container > text:nth-child(2) {
-    font-family: 'GilroySB';
-    font-size: var(--size-num-subtitle);
-    line-height: 1;
-    margin-top: var(--indent-mini);
-}
-.webbpm.ervu_dashboard .pers-group .vertical-container .form-group {
-    margin-bottom: 0;
-}
-
-.webbpm.ervu_dashboard .main-num-group > div.horizontal-container {
-    align-items: flex-end;
-}
-.webbpm.ervu_dashboard .main-num-group > div text.title {
-    font-family: 'GilroySB';
-    font-size: var(--size-num-title);
-    line-height: 1;
-    margin-bottom: 0;
-}
-.webbpm.ervu_dashboard .main-num-group > div text.title + text.text-invert:not(.mute) {
-    color: var(--color-text-secondary);
-    font-size: var(--size-num-primary);
-    margin: 0 0 var(--indent-xmini) var(--indent-base);
-}
-.webbpm.ervu_dashboard .main-num-group > div .form-group {
-    margin-bottom: 0;
-}
-
-.webbpm.ervu_dashboard .parent-block {
-    padding: var(--indent-mini);
-    border-radius: var(--indent-base);
-    border: 1px solid var(--border-dark);
-    background: var(--bg-block);
-    backdrop-filter: var(--bg-blur-40);
-}
-.webbpm.ervu_dashboard .parent-block > .horizontal-container > * {
-    flex: 1;
-}
-.webbpm.ervu_dashboard .parent-block > .horizontal-container > *:not(.child-block) {
-    padding-right: 0;
-} 
-.webbpm.ervu_dashboard .parent-block > .horizontal-container > * + *,
-.horizontal-container > .child-block + .child-block {
-    margin-left: var(--indent-base);
-}
-.webbpm.ervu_dashboard .parent-block .vertical-container > .child-block + *,
-.webbpm.ervu_dashboard .parent-block .vertical-container > .child-block + .child-block {
-    margin-top: var(--indent-base);
-}
-.webbpm.ervu_dashboard .parent-block .child-block,
-.webbpm.ervu_dashboard .parent-block .child-block + * {
-    flex: 1;
-}
-
-.webbpm.ervu_dashboard .bg-diamond {
-    background-image: url(../img/svg/bg-diamond.svg);
-    background-position: 100% 0;
-    background-repeat: no-repeat;
-}
-.webbpm.ervu_dashboard .bg-diamond-people {
-    background-image: url(../img/svg/bg-diamond.svg), url(../img/svg/bg-people.svg);
-    background-position: 100% 0, 50% min(16vw, 20rem); /*320*/
-    background-repeat: no-repeat;
-}
-
-.webbpm.ervu_dashboard .child-block {
-    padding: var(--indent-medium) var(--indent-large);
-    border-radius: var(--indent-xbase);
-    border: 1px solid var(--border-light);
-    background-color: var(--bg-group);    
-    backdrop-filter: var(--bg-blur-20);
-}
-
-.webbpm.ervu_dashboard .search-block .child-block {
-    padding: var(--indent-large) var(--indent-medium) var(--indent-medium);
-}
-.webbpm.ervu_dashboard .search-block .child-block:first-child {
-    min-width: min(20vw, 25rem); /*400*/
-    flex: 0;
-    z-index: 1;
-}
-.webbpm.ervu_dashboard .search-block .child-block label {
-    display: flex;
-    color: var(--color-text-secondary);
-    font-family: 'GilroyM';
-    width: auto;
-    padding: 0;
-    margin: 0 0 var(--indent-mini) var(--indent-small);
-}   
-
-.webbpm.ervu_dashboard .search-block .child-block :is(.title, .nav-tabs, text) {
-    margin-left: var(--indent-small);
-}
-.webbpm.ervu_dashboard .search-block .child-block .filter-group .form-group, 
-.webbpm.ervu_dashboard .search-block .child-block .filter-group .component-float {
-    width: 100%;
-}
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker input {
-    padding-right: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-}
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker input ~ .input-group-addon {
-    display: flex;
-    align-items: center;
-    color: var(--color-text-primary);
-    padding-right: var(--indent-small);
-    border: 0;
-    border-top-right-radius: 100px;
-    border-bottom-right-radius: 100px;
-    background-color: var(--color-dark-20);
-}
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu {
-    color: var(--color-text-primary);
-    border-radius: 24px;
-    border: 1px solid var(--color-text-secondary);
-    background:
-        linear-gradient(180deg, rgba(19, 46, 55, 0.5) 0%, rgba(19, 46, 55, 0.7) 100%),
-        linear-gradient(180deg, rgba(8, 131, 198, 0.5) 0%, rgba(8, 131, 198, 0.7) 100%);
-    backdrop-filter: var(--bg-blur-40);
-    box-shadow: var(--bg-shadow);
-}
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu::after, 
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu::before {
-    display: none;
-}
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu th {
-    font-weight: normal;
-    font-family: GilroySB;
-}
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu th:not(.dow):hover {
-    color: var(--color-success);
-    background-color: transparent;
-}
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu td span {
-    width: 54px;
-    height: 32px;
-    line-height: 32px;
-    margin: 0;
-}
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu :is(.old, .new) {
-    color: var(--color-text-mute);
-}
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu :is(.day, .month, .year, .decade).active,
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu :is(.day, .month, .year, .decade):hover {
-    color: var(--color-success);
-    background-color: transparent;
-} 
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu .today,
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu .today:hover {
-    color: var(--color-text-primary);
-    background: var(--color-success);
-    text-shadow: none;
-}
-.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu .today::before {
-    display: none;
-}
-.webbpm.ervu_dashboard .search-block .child-block .search-date .date > div {
-    width: auto;
-    min-width: min(7.5vw, 9.375rem); /*150*/
-}
-.webbpm.ervu_dashboard .search-block .child-block .search-date date-time-picker + text {
-    margin-left: 0;
-}
-.webbpm.ervu_dashboard .search-block .child-block .search-date text {
-    color: var(--color-text-secondary);
-}
-.webbpm.ervu_dashboard .search-block .child-block .search-date text .form-group {
-    margin-bottom: var(--indent-mini);
-}
-.webbpm.ervu_dashboard .search-block .search-main-block {
-    width: 100%;
-    padding: 0;
-}
-.webbpm.ervu_dashboard .search-block .search-main-block > div {
-    height: 100%;
-}
-.webbpm.ervu_dashboard .search-block.search-add-params .child-block:first-child {
-    min-width: 100%;
-}
-
-.webbpm.ervu_dashboard .search-block.search-add-params .search-main-block, 
-.webbpm.ervu_dashboard .search-block.search-add-params .search-main-block ~ vbox {
-    width: 25%;
-    padding-right: var(--indent-large);
-}
-.webbpm.ervu_dashboard .search-block.search-add-params .search-main-block ~ vbox {
-    padding-left: var(--indent-large);
-    border-left: 1px solid var(--color-primary-20);
-}
-.webbpm.ervu_dashboard .search-block.search-add-params .search-main-block ~ vbox:last-child {
-    padding-right: 0;
-}
-.webbpm.ervu_dashboard .search-block.search-add-params .title + button-component.pull-right {
-    margin-left: 16%;
-}
-
-.webbpm.ervu_dashboard .search-block .search-btn {
-    margin-top: auto;
-}
-.webbpm.ervu_dashboard .search-block .search-btn .btn {
-    color: var(--white);
-    font-size: var(--size-text-subtitle);
-    width: 100%;
-    min-height: min(3.6vw, 4.5rem); /*72*/
-    margin: var(--indent-xbase) 0 0;
-    border-radius: 20px;   
-    border: 1px solid var(--btn-border);
-    background: var(--btn-bg);
-    box-shadow: var(--btn-shadow);
-}
-.webbpm.ervu_dashboard .search-block .selectize-control {
-    height: 100%;
-    background-color: transparent;
-}
-.webbpm.ervu_dashboard .search-block :is(.selectize-input, input) {
-    color: var(--color-text-primary);
-    font-size: var(--size-text-primary);
-    min-height: max-content;
-    padding: var(--indent-small) var(--indent-xlarge) var(--indent-small) var(--indent-medium);
-    margin-bottom: 0;
-    border-radius: 100px;
-    border: 0;
-    background-color: var(--color-dark-20);
-}
-.webbpm.ervu_dashboard .search-block .selectize-input {
-    display: flex;
-}
-.webbpm.ervu_dashboard .search-block .selectize-input::after {
-    position: absolute;
-    content: "\f282";
-    position: absolute;
-    font-family: bootstrap-icons !important;
-    font-weight: 800 !important;
-    font-size: var(--size-text-secondary);
-    top: calc((50% - var(--size-text-secondary)/ 2));
-    right: var(--indent-base);
-    height: auto;
-    width: auto;
-    border: 0;
-}
-.webbpm.ervu_dashboard .search-block .selectize-input::before {
-    display: none;
-}
-.webbpm.ervu_dashboard .search-block .grid {
-    flex-direction: column;
-    flex: 1 1 auto;
-    height: 100px;
-}
-.webbpm.ervu_dashboard .search-block .grid .ag-body-horizontal-scroll-viewport {
-    overflow-x: auto;
-}
-
-.webbpm.ervu_dashboard .pers-block .child-block text > div {
-    display: flex;
-    flex-direction: column;
-}
-.webbpm.ervu_dashboard .pers-block .child-block text > div label {
-    color: var(--color-text-secondary);
-    width: auto;
-}
-.webbpm.ervu_dashboard .pers-block .child-block .title ~ .title {
-    margin-top: var(--indent-huge);
-}
-.webbpm.ervu_dashboard .pers-block .pers-info > .horizontal-container > * {
-    flex-grow: 1;
-    margin-right: var(--indent-large);
-}
-.webbpm.ervu_dashboard .pers-block .pers-info > .horizontal-container > *:last-child {
-    margin-right: 0;
-}
-.webbpm.ervu_dashboard .pers-block .pers-info .form-group {
-    margin-bottom: 0;
-}
-
 .webbpm.ervu_dashboard grid-v2 {
     flex: 1;
     height: auto;
@@ -1057,102 +225,7 @@
 .webbpm.ervu_dashboard .grid {
     min-height: 100px;
 }
-.webbpm.ervu_dashboard ag-grid-angular,
-.webbpm.ervu_dashboard ag-grid-angular .ag-root-wrapper,
-.webbpm.ervu_dashboard ag-grid-angular .ag-root-wrapper-body.ag-layout-normal,
-.webbpm.ervu_dashboard ag-grid-angular .ag-root {
-    min-height: inherit;
-}
-.webbpm.ervu_dashboard ag-grid-angular :is(.ag-root-wrapper, .ag-header-viewport, .ag-header-container, .ag-header) {
-    background-color: transparent;
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-header {
-    margin-bottom: var(--indent-mini);
-    border: 0;
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-header .ag-header-row {
-    border-bottom: 1px solid var(--color-primary-5);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-header .ag-header-cell {
-    color: var(--color-text-secondary);
-    font-size: var(--size-text-primary);
-    font-family: 'Gilroy';
-    font-weight: 400;
-    padding-left: var(--indent-small);
-    padding-right: var(--indent-small);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-header .ag-header-cell::after {
-    background-color: var(--color-primary-5);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-header .ag-header-cell:first-child {
-    padding-left: var(--indent-base);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-header .ag-header-cell:last-child {
-    padding-right: var(--indent-base);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root {
-    border: 0;
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-row {
-    color: var(--color-text-primary);
-    font-size: var(--size-text-addprimary);
-    font-family: 'GilroyM';
-    border-radius: 8px;
-    border: 1px solid var(--color-primary-20);
-    background-color: var(--bg-brick);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-row:is(.ag-row-selected, .ag-row-hover) {
-    background-color: var(--bg-brick) !important;
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-row:is(.ag-row-selected, .ag-row-hover):before {
-    border-radius: 8px;
-    background-color: var(--bg-brick) !important;               
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell {
-    display: flex;
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-not-inline-editing {
-    padding-left: 12px;
-    padding-right: 12px;
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-not-inline-editing:first-child {
-    padding-left: var(--indent-base);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-not-inline-editing:last-child {
-    padding-right: var(--indent-base);           
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-focus {
-    border-color: transparent;
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.cell-font-big {
-    font-size: var(--size-text-subtitle);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell[class*="cell-font-narrow"] {
-    color: var(--color-text-secondary);
-    font-family: 'Gilroy';
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.cell-font-narrow-small {
-    font-size: var(--size-text-primary);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell[class*="cell-score"] {
-    justify-content: end;
-    font-size: var(--size-num-subtitle);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell[class*="cell-score"] .ag-cell-value {
-    overflow: visible;            
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.cell-score-success {
-    color: var(--color-success);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.cell-score-alarm {
-    color: var(--color-error);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell .ag-cell-wrapper {
-    overflow: hidden;
-}
-.webbpm.ervu_dashboard  ag-grid-angular .ag-overlay-loading-center {
-    margin-top: 40px;
-}
+
 .webbpm.ervu_dashboard :is(.ag-overlay-loading-center, .tooltip-default, .tooltip.show .tooltip-inner) {
     color: var(--color-text-primary);
     font-size: var(--size-text-secondary);
@@ -1160,369 +233,7 @@
     border: 0;
     border-radius:var(--indent-xbase);
     background-color: var(--color-tooltip);
-    backdrop-filter: var(--bg-blur-40);
 }
 .webbpm.ervu_dashboard .tooltip .arrow {
     display: none;
 }
-
-.webbpm.ervu_dashboard grid-v2.grid-rating ag-grid-angular .ag-row {
-    font-size: var(--size-text-subtitle);
-    border: 0;
-    background-color: var(--color-dark-20);
-}
-.webbpm.ervu_dashboard grid-v2.grid-rating ag-grid-angular .ag-row:is(.ag-row-selected, .ag-row-hover),
-.webbpm.ervu_dashboard grid-v2.grid-rating ag-grid-angular .ag-row:is(.ag-row-selected, .ag-row-hover):before {
-    background-color: var(--color-dark-20) !important;               
-}
-.webbpm.ervu_dashboard grid-v2.grid-rating-small ag-grid-angular .ag-cell[class*="cell-score"] {
-    font-size: var(--size-num-primary);
-}
-.webbpm.ervu_dashboard grid-v2.grid-header-free {
-    margin-top: var(--indent-xlarge);
-}
-.webbpm.ervu_dashboard grid-v2.grid-header-free.ag-header {
-    display: none;
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel {
-    color: var(--color-text-primary);
-    font-size: var(--size-text-addprimary);
-    font-family: 'GilroyM';
-    min-height: 60px;
-    margin-top: var(--indent-medium);    
-    border: 0;
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-row-summary-panel {
-    margin-right: var(--indent-xlarge);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-page-summary-panel {
-    margin: 0;
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-page-summary-panel .ag-paging-description {
-    margin: 0 64px;
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: min(2.9vw, 3.625rem); /*58*/
-    height: min(2.9vw, 3.625rem); /*58*/
-    margin: 0;
-    border: 1px solid var(--color-primary-20);
-    border-radius: 4px;
-    background-color: var(--color-dark-20);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button + .ag-paging-button {
-    margin-left: var(--indent-xmini);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button .ag-icon {
-    color: var(--color-text-primary);
-    font-size: var(--size-text-subtitle);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button.ag-disabled {
-    border-color: transparent;
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button.ag-disabled .ag-icon {
-    color: var(--color-text-secondary);
-}
-.webbpm.ervu_dashboard ag-grid-angular .grid-setting-icon,
-.webbpm.ervu_dashboard ag-grid-angular .ag-header-cell.ag-header-active .ag-header-cell-menu-button,
-.webbpm.ervu_dashboard ag-grid-angular .ag-header-cell .ag-header-icon .ag-icon,
-.webbpm.ervu_dashboard ag-grid-angular .ag-header-row-column-filter :is(.ag-header-cell, .ag-header-group-cell)::after,
-.webbpm.ervu_dashboard ag-grid-angular .ag-filter .ag-filter-condition,
-.webbpm.ervu_dashboard ag-grid-angular .ag-filter .ag-filter-condition ~ * {
-    display: none !important;
-}
-
-.webbpm.ervu_dashboard grid-v2 + .subtitle {
-    margin-top: var(--indent-medium);
-}
-
-/* Special pages */
-.webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(1) {
-    flex: 0;
-}
-.webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(2) {
-    flex: 1.4;
-}
-.webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(3) {
-    flex: 1.2;
-}
-.webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(4) {
-    flex: 1.4;
-}
-.webbpm.ervu_dashboard #milregistration .parent-block > div > vbox:nth-child(1) {
-    flex: 0;
-}
-.webbpm.ervu_dashboard #milregistration .parent-block .donut-absolute-row ervu-chart-v2 {
-    justify-content: flex-end;
-    margin-top: -70px;
-    z-index: -1;
-}
-.webbpm.ervu_dashboard #milregistration .parent-block .donut-absolute-row .graph-legend-row {
-    margin-top: var(--indent-base);
-}
-.webbpm.ervu_dashboard #appeals .parent-block > div > vbox:nth-child(1) {
-    flex: 2;
-}
-.webbpm.ervu_dashboard #appeals .parent-block > div > vbox:nth-child(2) {
-     flex: 3;
-}
-.webbpm.ervu_dashboard #appeals .parent-block > div > vbox:nth-child(3) {
-    flex: 2;
-}
-
-.webbpm.ervu_dashboard [page-citizen],
-.webbpm.ervu_dashboard #citizen {
-    height: 100%;
-}
-.webbpm.ervu_dashboard #citizen {
-    display: flex;
-    flex-direction: column;
-}
-.webbpm.ervu_dashboard #citizen > vbox:first-child,
-.webbpm.ervu_dashboard #citizen .search-block {
-    flex: 1;
-}
-
-.webbpm.ervu_dashboard.citizencard .container-inside {
-    overflow: hidden;
-}
-.webbpm.ervu_dashboard.citizencard [page-citizencard],
-.webbpm.ervu_dashboard.citizencard #citizencard,
-.webbpm.ervu_dashboard.citizencard #citizencard > vbox,
-.webbpm.ervu_dashboard.citizencard vbox > .vertical-container,
-.webbpm.ervu_dashboard.citizencard hbox > .horizontal-container {
-    height: 100%;
-}
-.webbpm.ervu_dashboard.citizencard .pers-block {
-    flex: 1;
-}
-.webbpm.ervu_dashboard.citizencard .pers-block .child-block:first-child {
-    flex: 0;
-}
-.webbpm.ervu_dashboard.citizencard .pers-block .child-block:last-child {
-    flex: 1;
-}
-.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs,
-.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    overflow-y: auto;    
-}
-.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active {
-    left: calc(min(20vw, 23.75rem) + var(--indent-large));
-}
-/* end - Special pages */
-
-@media ((max-width: 780px) or (orientation: portrait)) {
-    .webbpm.ervu_dashboard .header-logo .logo-title,
-    .webbpm.ervu_dashboard .header-menu .update-data {
-        display: none;
-    }
-    .webbpm.ervu_dashboard .top-btn-block > .horizontal-container {
-        flex-direction: column;
-    }
-    .webbpm.ervu_dashboard .top-btn-block .component-float {
-        width: auto;
-    }
-    .webbpm.ervu_dashboard .top-btn-block .pull-right {
-        margin-left: 0;
-    }
-    .webbpm.ervu_dashboard .top-btn-block .pull-right > div {
-        justify-content: flex-start;
-    }
-
-    .webbpm.ervu_dashboard .parent-block > .horizontal-container {
-        flex-direction: column;
-    } 
-    .webbpm.ervu_dashboard .parent-block .horizontal-container > .child-block + .child-block {
-        margin-left: var(--indent-mini);
-    }  
-    .webbpm.ervu_dashboard .parent-block > .horizontal-container > * + * {
-        margin-left: 0;
-        margin-top: var(--indent-mini);
-    }
-    .webbpm.ervu_dashboard .parent-block .vertical-container > .child-block + *,
-    .webbpm.ervu_dashboard .parent-block .vertical-container > .child-block + .child-block {
-        margin-top: var(--indent-mini);
-    }
-    .webbpm.ervu_dashboard .parent-block .child-block ~ hbox > .horizontal-container {
-        flex-direction: column;
-    }
-    .webbpm.ervu_dashboard .parent-block .child-block ~ hbox > .horizontal-container > .child-block + .child-block {
-        margin-left: 0;
-        margin-top: var(--indent-mini);     
-    }
-
-    .webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn) .btn {
-        position: relative;
-        display: grid;
-        place-items: center;
-        width: 2.25rem; /*36*/
-        height: 2.25rem; /*36*/
-    }
-
-    .webbpm.ervu_dashboard .graph-chart .chart-content {
-        width: 12.5rem;
-        height: 9rem;
-    }
-    .webbpm.ervu_dashboard .graph-donut .chart-content {
-        width: 11rem;
-        height: 11rem;
-    }
-    .webbpm.ervu_dashboard .graph-donut-medium .chart-content {
-        width: 13.5rem;
-        height: 13.5rem;
-    }
-    .webbpm.ervu_dashboard .graph-donut-large .chart-content {
-        width: 18.5rem;
-        height: 18.5rem;
-    }
-}
-
-@media (max-width: 480px) {
-    .webbpm.ervu_dashboard .top-btn-block .horizontal-container {
-        flex-direction: column;
-    }
-    .webbpm.ervu_dashboard .top-btn-block .horizontal-container combo-box {
-        padding-right: 0;
-    }
-    .webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) + :is(button-component, static-route-navigation-button) {
-        margin-left: 0;
-        margin-top: var(--indent-xmini);
-    }
-    .webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) button {
-        width: 100%;
-    }
-
-    .webbpm.ervu_dashboard .child-block {
-        padding: var(--indent-base) var(--indent-xbase);
-    }
-    .webbpm.ervu_dashboard .parent-block > .horizontal-container > .child-block + .child-block {
-        margin-left: 0;
-    }
-
-    .webbpm.ervu_dashboard .graph-legend-row {
-        margin-top: 0 !important;
-    }
-    .webbpm.ervu_dashboard .graph-legend-row > .horizontal-container {
-        flex-direction: column;
-    }
-    .webbpm.ervu_dashboard .graph-legend-row > .horizontal-container > vbox + vbox {
-        padding-left: 0;
-        padding-top: var(--indent-small);
-        margin-left: 0;
-        margin-top: var(--indent-small);
-        border-left: 0;
-        border-top: 1px solid var(--color-primary-20);
-    }
-    .webbpm.ervu_dashboard .graph-legend-row > .horizontal-container .text-invert > div {
-        justify-content: flex-end;
-    }
-    .webbpm.ervu_dashboard .graph-legend-column .horizontal-container {
-        flex-direction: column;
-    }
-    .webbpm.ervu_dashboard .graph-legend-column .horizontal-container .pull-right {
-        justify-content: flex-start;
-        margin-left: 0;
-    }
-    .webbpm.ervu_dashboard .donut-absolute-row .active > vbox > .vertical-container {
-        flex-direction: row;
-    }
-    .webbpm.ervu_dashboard .donut-absolute-row .active > vbox > .vertical-container ervu-chart-v2 {
-        justify-content: flex-start !important;
-        margin-top: 0 !important;
-        z-index: 1 !important;
-    }
-    .webbpm.ervu_dashboard .graph-donut .chart-content,
-    .webbpm.ervu_dashboard .graph-donut-medium .chart-content {
-        width: 10rem;
-        height: 10rem;
-    }
-    .webbpm.ervu_dashboard .graph-donut-large .chart-content {
-        width: 18rem;
-        height: 18rem;
-    }
-
-    .webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel {
-        flex-direction: column;
-    }
-    .webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button {
-        width: 3rem;
-        height: 3rem;
-    }
-    .webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-page-summary-panel .ag-paging-description {
-        margin: 0 var(--indent-small);
-    }
-
-    .webbpm.ervu_dashboard .search-add-params .filter-group > div > hbox > .horizontal-container {
-        flex-direction: column;
-    }
-    .webbpm.ervu_dashboard .search-add-params .search-main-block,
-    .webbpm.ervu_dashboard .search-add-params .search-main-block ~ vbox {
-        width: 100% !important;
-    }
-    .webbpm.ervu_dashboard .search-add-params .search-main-block ~ vbox {
-        padding: 0 !important;
-        padding-top: var(--indent-base) !important;
-        border: 0 !important;
-        border-bottom: 1px solid var(--color-primary-20) !important;
-    }
-    .webbpm.ervu_dashboard .search-add-params .child-block check-box label > span {
-        width: 1.75rem; /*28*/
-        height: 1.75rem; /*28*/
-    }
-    .webbpm.ervu_dashboard .search-add-params .child-block check-box + text {
-        margin-left: 1.75rem !important;
-    }
-
-    .webbpm.ervu_dashboard.citizencard .container-inside {
-        overflow: auto;
-    }
-    .webbpm.ervu_dashboard .tab-vertical > div,
-    .webbpm.ervu_dashboard .pers-block .horizontal-container {    
-        flex-direction: column;
-    }
-    .webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs,
-    .webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active {
-        position: relative;
-        width: 100%;
-        overflow: visible;
-    }
-    .webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs {
-        padding-right: 0;
-        margin-right: 0;
-    }
-    .webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active {
-        left: 0;
-    }
-    .webbpm.ervu_dashboard .pers-block .child-block:nth-child(2) .horizontal-container vbox,
-    .webbpm.ervu_dashboard .pers-block .child-block:nth-child(2) .horizontal-container  text {
-        width: 100% !important;
-    }
-}
-
-
-
-/*
-grid-checkbox
-
-.webbpm.ervu_dashboard ag-grid-angular .ag-cell .grid-cell-checkbox {
-    width: 16px;
-    height: 16px;
-    border-radius: 4px;
-    background-color: var(--color-dark-20);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-cell .grid-cell-checkbox {
-    content: url(../img/svg/mark.svg);
-    border: 1px solid var(--color-success);
-    background-color: var(--color-primary-5);
-}
-.webbpm.ervu_dashboard ag-grid-angular .ag-cell .grid-cell-checkbox > input {
-    position: absolute;
-    z-index: -1;
-    opacity: 0;
-}
-*/
diff --git a/frontend/src/resources/css/inbox-dashboard.css b/frontend/src/resources/css/inbox-dashboard.css
index 5e2318b..1d01882 100644
--- a/frontend/src/resources/css/inbox-dashboard.css
+++ b/frontend/src/resources/css/inbox-dashboard.css
@@ -1,39 +1,17 @@
 .webbpm.ervu_dashboard {
-    --black: #070e1a;
-    --color-text-primary: #f4fcff;
-    --color-text-secondary: #b1daea;
-    --color-text-mute: #6b7e9b;
-    --color-primary-5: rgba(244, 252, 255, 0.05);
-    --color-primary-20: rgba(244, 252, 255, 0.2);
+    --white: #fff;
+    --color-text-primary: #020c12;
+    --color-text-mute: rgba(2, 12, 18, 0.58);
+    --color-link: #015e98;
 
-    --color-success: #00db5d;
-    --color-error: #f91e11;
-    --color-dark: #070e1a;
-    --color-dark-20: rgba(7, 14, 26, 0.2);
-    --color-dark-40: rgba(7, 14, 26, 0.4);
-    --color-tooltip: rgba(8, 40, 59, 0.8);
+    --border: rgba(1, 72, 116, 0.1);
+    --shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.15);
 
-    --btn-border: #00f0ff;
-    --btn-bg: linear-gradient(40deg, rgba(8, 131, 198, 1) 0%, rgba(32, 181, 219, 1) 100%);
-    --btn-shadow: 0 20px 40px -20px rgba(11, 175, 218, 0.4);
-
-    --border-light: rgba(8, 131, 198, 0.6);
-    --border-dark: rgba(1, 83, 111, 1);
-    --bg-blur-40: blur(20px);
-    --bg-blur-20: blur(10px);
-    --bg-shadow: 4px 4px 2px 0 rgba(3, 20, 36, 0.4);
-    --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, 0.8) 0%, rgba(0, 0, 0, 0) 80%);
-    --bg-group: rgba(8, 131, 198, 0.25);
-        /*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%),
-        linear-gradient(204deg, rgba(0, 191, 255, 0.5) 0%, rgba(0, 191, 255, 0) 50%);
-        */
-    --bg-brick: rgba(9, 91, 120, 0.6);
+    --page-bg: rgba(38, 117, 166, 0.025);
+    --header-bg: rgba(53, 126, 172, 0.05);
+    --block-bg: rgba(53, 126, 172, 0.1);
+    --block-active-bg: linear-gradient(155deg, #1497cf 0%, #064f99 100%);
+    --block-shadow: 0 3px 2px -2px rgba(0, 75, 118, 0.15);
 
     --size-text-title: min(1.6vw, 2rem); /*32px*/
     --size-text-subtitle: min(1.2vw, 1.5rem); /*24px*/
@@ -52,13 +30,13 @@
     --indent-large: min(1.6vw, 2rem); /*32*/
     --indent-medium: min(1.2vw, 1.5rem); /*24*/
     --indent-xbase: min(1vw, 1.25rem); /*20*/
-    --indent-base: min(0.8vw, 1rem); /*16*/
-    --indent-small: min(0.6vw, 0.75rem); /*12px*/
-    --indent-mini: min(0.4vw, 0.5rem); /*8px*/
-    --indent-xmini: min(0.2vw, 0.25rem); /*4px*/    
+    --indent-base: 16px;
+    --indent-small: 12px;
+    --indent-mini: 8px;
+    --indent-xmini: min(0.2vw, 0.25rem); /*4px*/
 
-    --h-header: min(3.9vw, 4.875rem); /*78*/ 
-    --w-screen: min(2vw, 2.5rem); /*40*/
+    --h-header: min(3.9vw, 4.875rem); /*78*/
+    --w-screen: min(1vw, 1.25rem); /*20*/
 }
 
 .webbpm.ervu_dashboard {
@@ -66,19 +44,6 @@
     flex-direction: column;
     color: var(--color-text-primary);
     font-family: 'Gilroy';
-    background: var(--color-dark) url('../img/bg_image.png')  no-repeat center 0 fixed;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    background-size: cover;
-}
-.webbpm.ervu_dashboard .wrapper {
-    background: 
-        radial-gradient(circle at 0% 0%, rgba(16, 67, 77, 0.35) 0%, rgba(8, 37, 43, 0) 37%),
-        radial-gradient(circle at 100% 0%, rgba(16, 67, 77, 0.35) 0%, rgba(8, 37, 43, 0) 37%),
-        radial-gradient(circle at 50% 0%, rgba(8, 37, 43, 0.8) 0%, rgba(8, 37, 43, 0.6) 30%, rgba(8, 37, 43, 0) 80%),
-        radial-gradient(circle at 50% 0%, rgba(8, 37, 43, 0.8) 0%, rgba(8, 37, 43, 0) 73%),
-        radial-gradient(circle at 50% 50%, rgba(8, 37, 43, 0) 47%, rgba(3, 22, 26, 1) 100%);   
 }
 
 .webbpm.ervu_dashboard .container {