Change default style colors

frontend/angular/src/app/oneit/assets/layout/css/layout-oneit.css

@@ -27122,15 +27122,15 @@ body .ui-widget-content .pi {
   color: #757575;
 }
 body .ui-widget-header {
-  background-color: #d14b5d;
+  background-color: #4E5258;
   color: #ffffff;
-  border: 1px solid #d14b5d;
+  border: 1px solid #4E5258;
 }
 body .ui-widget-header .pi {
   color: #ffffff;
 }
 body .ui-state-active, body .ui-state-highlight {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-state-active .pi, body .ui-state-highlight .pi {
@@ -27185,7 +27185,7 @@ body .ui-widget-overlay {
   opacity: 0.8;
 }
 body a {
-  color: #d14b5d;
+  color: #4E5258;
 }
 
 body {
@@ -27194,7 +27194,7 @@ body {
 }
 body .ui-inputtext {
   background: transparent no-repeat;
-  background-image: linear-gradient(to bottom, #d14b5d, #d14b5d), linear-gradient(to bottom, #bdbdbd, #bdbdbd);
+  background-image: linear-gradient(to bottom, #4E5258, #4E5258), linear-gradient(to bottom, #bdbdbd, #bdbdbd);
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -27223,7 +27223,7 @@ body .ui-inputtext.ui-state-error {
   border-color: #e62a10;
 }
 body .ui-widget-header:not(.ui-dataview-header) .ui-inputtext {
-  background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ebb1b8, #ebb1b8);
+  background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #8c9199, #8c9199);
 }
 body .md-inputfield {
   display: block;
@@ -27246,12 +27246,12 @@ body .md-inputfield .ui-inputwrapper-focus ~ label,
 body .md-inputfield .ui-inputwrapper-filled ~ label {
   top: -20px;
   font-size: 12px;
-  color: #d14b5d;
+  color: #4E5258;
 }
 body .md-inputfield .input:-webkit-autofill ~ label {
   top: -20px;
   font-size: 12px;
-  color: #d14b5d;
+  color: #4E5258;
 }
 body .md-inputfield input.ng-dirty.ng-invalid ~ label {
   color: #e62a10;
@@ -27327,7 +27327,7 @@ body .ui-listbox .ui-listbox-item {
   border-radius: 0;
 }
 body .ui-listbox .ui-listbox-item.ui-state-highlight {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):hover {
@@ -27354,7 +27354,7 @@ body .ui-listbox .ui-listbox-header .ui-listbox-filter-container .pi {
 }
 body .ui-button, body .ui-datepicker-buttonpane > button {
   overflow: hidden;
-  background-color: #d14b5d;
+  background-color: #4E5258;
   color: #ffffff;
   font-size: 1em;
   height: 2.25em;
@@ -27369,11 +27369,11 @@ body .ui-button, body .ui-datepicker-buttonpane > button {
   transition: background-color 0.3s;
 }
 body .ui-button:enabled:not(:focus):not(.ui-dataview-header .ui-state-active):hover, body .ui-datepicker-buttonpane > button:enabled:not(:focus):not(.ui-dataview-header .ui-state-active):hover {
-  background-color: #ba2f42;
+  background-color: #36393d;
 }
 body .ui-button:focus, body .ui-datepicker-buttonpane > button:focus {
   outline: 0 none;
-  background-color: #db7482;
+  background-color: #666b73;
 }
 body .ui-button .ui-button-text, body .ui-datepicker-buttonpane > button .ui-button-text {
   padding: 0;
@@ -27399,15 +27399,15 @@ body .ui-button.ui-button-text-icon-right, body .ui-datepicker-buttonpane > butt
   padding-right: 2.5em;
 }
 body .ui-button.secondary-btn, body .ui-datepicker-buttonpane > button.secondary-btn {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-button.secondary-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.secondary-btn:enabled:not(:focus):hover {
-  background-color: #373737;
+  background-color: #027db5;
 }
 body .ui-button.secondary-btn:focus, body .ui-datepicker-buttonpane > button.secondary-btn:focus {
   outline: 0 none;
-  background-color: #6a6a6a;
+  background-color: #21b8fc;
 }
 body .ui-button.blue-grey-btn, body .ui-datepicker-buttonpane > button.blue-grey-btn {
   background-color: #607D8B;
@@ -27580,17 +27580,17 @@ body .ui-button.ui-state-default.ui-button-danger:enabled:focus, body .ui-button
   background-color: #ea1c0d;
 }
 body .ui-buttonset .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
-  background-color: #ba2f42;
+  background-color: #36393d;
 }
 body .ui-buttonset .ui-button.ui-state-active {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-togglebutton:not(.ui-state-active):not(.ui-state-disabled):hover {
-  background-color: #ba2f42;
+  background-color: #36393d;
 }
 body .ui-togglebutton.ui-state-active {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-splitbutton {
@@ -27605,7 +27605,7 @@ body .ui-splitbutton > .ui-button {
   vertical-align: top;
 }
 body .ui-splitbutton > .ui-button:active {
-  background-color: #db7482;
+  background-color: #666b73;
 }
 body .ui-splitbutton .ui-splitbutton-menubutton {
   height: 2.25em;
@@ -27653,11 +27653,11 @@ body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
   margin-top: -2px;
 }
 body .ui-chkbox .ui-chkbox-box.ui-state-active {
-  border-color: #d14b5d;
-  background-color: #d14b5d;
+  border-color: #4E5258;
+  background-color: #4E5258;
 }
 body .ui-chkbox .ui-chkbox-box.ui-state-focus {
-  border-color: #d14b5d;
+  border-color: #4E5258;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
   -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
   -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
@@ -27687,7 +27687,7 @@ body .ui-radiobutton .ui-radiobutton-box {
   border-radius: 50%;
 }
 body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
-  border-color: #d14b5d;
+  border-color: #4E5258;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
   -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
   -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
@@ -27697,7 +27697,7 @@ body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
   transition: box-shadow 0.3s, background-color 0.3s;
 }
 body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
-  border-color: #d14b5d;
+  border-color: #4E5258;
   background-color: transparent;
 }
 body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
@@ -27714,7 +27714,7 @@ body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
   margin: 0;
 }
 body .ui-radiobutton .ui-radiobutton-box .pi-circle-on {
-  background-color: #d14b5d;
+  background-color: #4E5258;
   -webkit-transform: scale(0.5);
   transform: scale(0.5);
   top: 50%;
@@ -27819,7 +27819,7 @@ body .ui-fluid .ui-autocomplete.ui-autocomplete-dd > .ui-inputtext {
 body .ui-dropdown {
   border-width: 0;
   background: transparent no-repeat;
-  background-image: linear-gradient(to bottom, #d14b5d, #d14b5d), linear-gradient(to bottom, #bdbdbd, #bdbdbd);
+  background-image: linear-gradient(to bottom, #4E5258, #4E5258), linear-gradient(to bottom, #bdbdbd, #bdbdbd);
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -27880,7 +27880,7 @@ body .ui-dropdown-panel .ui-dropdown-item:hover {
   color: #000000;
 }
 body .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-dropdown-panel.ui-shadow {
@@ -27891,7 +27891,7 @@ body .ui-dropdown-panel.ui-shadow {
 body .ui-dropdown-panel .ui-dropdown-filter-container {
   display: block;
   border-bottom: 1px solid #bdbdbd;
-  background-color: #d14b5d;
+  background-color: #4E5258;
   padding: 0.625em 1em;
 }
 body .ui-dropdown-panel .ui-dropdown-filter-container input {
@@ -27933,7 +27933,7 @@ body .ui-multiselect .ui-multiselect-trigger .pi {
   color: #757575;
 }
 body .ui-multiselect.ui-state-focus {
-  border-bottom: 2px solid #d14b5d;
+  border-bottom: 2px solid #4E5258;
 }
 body .ui-multiselect-panel.ui-widget {
   padding: 0;
@@ -27967,7 +27967,7 @@ body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-chkbox .ui-chkbo
   border-color: #ffffff;
 }
 body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-chkbox .ui-chkbox-box.ui-state-focus {
-  background-color: #db7482;
+  background-color: #666b73;
   -moz-transition: background-color 0.3s;
   -o-transition: background-color 0.3s;
   -webkit-transition: background-color 0.3s;
@@ -28012,7 +28012,7 @@ body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-multiselect-clos
   color: #ffffff;
 }
 body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-multiselect-close:hover {
-  background-color: #db7482;
+  background-color: #666b73;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
@@ -28111,15 +28111,15 @@ body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswi
   visibility: hidden;
 }
 body .ui-inputswitch.ui-inputswitch-checked {
-  background-color: #6a6a6a;
-  border-color: #6a6a6a;
+  background-color: #21b8fc;
+  border-color: #21b8fc;
 }
 body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-slider .ui-slider-handle {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
@@ -28155,7 +28155,7 @@ body .ui-slider.ui-slider-vertical .ui-slider-handle {
   left: -0.55em;
 }
 body .ui-slider .ui-slider-range {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
@@ -28196,8 +28196,8 @@ body .ui-datepicker.ui-shadow {
 body .ui-datepicker .ui-datepicker-header {
   padding: 0.625em 1em;
   font-size: 1em;
-  background: #ba2f42;
-  border-color: #ba2f42;
+  background: #36393d;
+  border-color: #36393d;
   -moz-border-radius-topleft: 2px;
   -webkit-border-top-left-radius: 2px;
   border-top-left-radius: 2px;
@@ -28253,7 +28253,7 @@ body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .pi {
   display: none;
 }
 body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
-  background-color: #db7482;
+  background-color: #666b73;
 }
 body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
   cursor: pointer;
@@ -28297,7 +28297,7 @@ body .ui-datepicker .ui-datepicker-header .ui-datepicker-next .pi {
   display: none;
 }
 body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
-  background-color: #db7482;
+  background-color: #666b73;
 }
 body .ui-datepicker .ui-datepicker-header select.ui-datepicker-month,
 body .ui-datepicker .ui-datepicker-header select.ui-datepicker-year {
@@ -28311,7 +28311,7 @@ body .ui-datepicker table {
 }
 body .ui-datepicker thead tr {
   color: #ffffff;
-  background: #d14b5d;
+  background: #4E5258;
 }
 body .ui-datepicker tbody td {
   padding: 0.25em 0.125em;
@@ -28319,11 +28319,11 @@ body .ui-datepicker tbody td {
 }
 body .ui-datepicker tbody td.ui-datepicker-today a {
   color: #ffffff;
-  background: #e69ca6;
+  background: #7f858d;
 }
 body .ui-datepicker tbody td.ui-datepicker-today a.ui-state-active {
   color: #ffffff;
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-datepicker tbody td a {
@@ -28341,7 +28341,7 @@ body .ui-datepicker tbody td a {
 }
 body .ui-datepicker tbody td a.ui-state-active {
   color: #ffffff;
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-datepicker tbody td a:not(.ui-state-active):not(.ui-state-highlight):hover {
@@ -28623,20 +28623,20 @@ body .ui-fileupload .ui-fileupload-buttonbar .pi-arrowreturnthick-1-n:before {
   content: "file_upload";
 }
 body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
-  background-color: #505050;
+  background-color: #03a0e7;
 }
 body .ui-fileupload .ui-fileupload-buttonbar .ui-button:enabled:hover {
-  background-color: #373737;
+  background-color: #027db5;
 }
 body .ui-fileupload .ui-fileupload-content .ui-messages-error .pi {
   color: #ffffff;
 }
 body .ui-fileupload-choose:not(.ui-state-disabled):hover.ui-button,
 body .ui-fileupload-choose.ui-state-focus.ui-button {
-  background-color: #434343;
+  background-color: #038fce;
 }
 body .ui-fileupload-choose:not(.ui-state-disabled):active.ui-button {
-  background-color: #373737;
+  background-color: #027db5;
 }
 body .ui-editor-container .ui-editor-toolbar {
   background-color: #e8e8e8;
@@ -28708,7 +28708,7 @@ body .ui-panel {
 }
 body .ui-panel .ui-panel-titlebar {
   border: 0 none;
-  border-bottom: 1px solid #d14b5d;
+  border-bottom: 1px solid #4E5258;
   padding: 0.625em 1em;
   -moz-border-radius-topleft: 2px;
   -webkit-border-top-left-radius: 2px;
@@ -28741,7 +28741,7 @@ body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
   border-radius: 50%;
 }
 body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
-  background-color: #db7482;
+  background-color: #666b73;
 }
 body .ui-panel .ui-panel-content {
   height: 100%;
@@ -28761,13 +28761,13 @@ body .ui-fieldset .ui-fieldset-legend {
   padding: 0.625em 1em;
   padding-left: 0.125em;
   padding-right: 0.5em;
-  color: #d14b5d;
+  color: #4E5258;
 }
 body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
   padding: 0.5em;
   height: 2em;
   width: 2em;
-  background-color: #d14b5d;
+  background-color: #4E5258;
   color: #ffffff;
   font-size: 1.5em;
   -moz-border-radius: 50%;
@@ -28783,16 +28783,16 @@ body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
   -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler:hover {
-  background-color: #ba2f42;
+  background-color: #36393d;
 }
 body .ui-fieldset .ui-fieldset-legend .ui-fieldset-legend-text {
-  color: #d14b5d;
+  color: #4E5258;
 }
 body .ui-fieldset .ui-fieldset-legend.ui-state-focus {
   background-color: transparent;
 }
 body .ui-accordion .ui-accordion-header {
-  background-color: #d14b5d;
+  background-color: #4E5258;
   padding: 0;
   color: #ffffff;
   font-size: 1em;
@@ -28810,10 +28810,10 @@ body .ui-accordion .ui-accordion-header > a .ui-accordion-header-text {
   vertical-align: middle;
 }
 body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover {
-  background-color: #ba2f42;
+  background-color: #36393d;
 }
 body .ui-accordion .ui-accordion-header.ui-state-active {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
   -moz-border-radius-bottomleft: 0;
   -webkit-border-bottom-left-radius: 0;
@@ -28830,7 +28830,7 @@ body .ui-accordion .ui-accordion-content {
   line-height: 18px;
 }
 body .ui-toolbar {
-  background-color: #ba2f42;
+  background-color: #36393d;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
   -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
   -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
@@ -28884,18 +28884,18 @@ body .ui-tabview .ui-tabview-nav > li:not(.ui-state-active):not(.ui-state-disabl
 }
 body .ui-tabview .ui-tabview-nav > li.ui-state-active {
   background-color: #ffffff;
-  border-color: #505050;
+  border-color: #03a0e7;
   border-style: solid;
 }
 body .ui-tabview .ui-tabview-nav > li.ui-state-active a {
-  color: #d14b5d;
+  color: #4E5258;
 }
 body .ui-tabview .ui-tabview-nav > li.ui-state-active > .pi-times {
-  color: #505050;
+  color: #03a0e7;
 }
 body .ui-tabview .ui-tabview-nav > li.ui-tabview-outline {
   outline: 0 none;
-  border-color: #6a6a6a;
+  border-color: #21b8fc;
 }
 body .ui-tabview .ui-tabview-panel {
   padding: 0.625em 1em;
@@ -28996,7 +28996,7 @@ body .ui-picklist li.ui-picklist-item:not(.ui-state-highlight):hover {
   color: #000000;
 }
 body .ui-picklist li.ui-picklist-item.ui-state-highlight {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-picklist .ui-picklist-buttons {
@@ -29046,7 +29046,7 @@ body .ui-orderlist .ui-orderlist-list li.ui-orderlist-item:not(.ui-state-highlig
   color: #000000;
 }
 body .ui-orderlist .ui-orderlist-list li.ui-orderlist-item.ui-state-highlight {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls {
@@ -29066,7 +29066,7 @@ body .ui-organizationchart .ui-organizationchart-node-content.ui-organizationcha
   color: #000000;
 }
 body .ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight .ui-node-toggler i {
-  color: #101010;
+  color: #014969;
 }
 body .ui-organizationchart .ui-organizationchart-line-down {
   background-color: #bfbfbf;
@@ -29140,7 +29140,7 @@ body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler .
   content: "keyboard_arrow_up";
 }
 body .ui-paginator {
-  background-color: #ba2f42;
+  background-color: #36393d;
   padding: 0.625em 1em;
 }
 body .ui-paginator > a {
@@ -29151,7 +29151,7 @@ body .ui-paginator > a .pi {
   display: none;
 }
 body .ui-paginator > a:not(.ui-state-disabled):not(.ui-state-active):hover {
-  background-color: #db7482;
+  background-color: #666b73;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
@@ -29295,10 +29295,10 @@ body .ui-paginator .ui-paginator-pages a {
   transition: background-color 0.3s;
 }
 body .ui-paginator .ui-paginator-pages a:not(.ui-state-active):hover {
-  background-color: #db7482;
+  background-color: #666b73;
 }
 body .ui-paginator .ui-paginator-pages a.ui-state-active {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-datagrid .ui-datagrid-header {
@@ -29369,9 +29369,9 @@ body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover a, body .ui-ta
   color: #000000;
 }
 body .ui-table .ui-sortable-column.ui-state-highlight {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
-  border-top-color: #505050;
+  border-top-color: #03a0e7;
 }
 body .ui-table .ui-sortable-column.ui-state-highlight a, body .ui-table .ui-sortable-column.ui-state-highlight a:hover {
   color: #ffffff;
@@ -29387,22 +29387,22 @@ body .ui-table .ui-table-tbody > tr > td {
   border: 1px solid #cacaca;
 }
 body .ui-table .ui-table-tbody > tr.ui-state-highlight {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-table .ui-table-tbody > tr.ui-contextmenu-selected {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-table .ui-table-tbody > tr:nth-child(odd) {
   background-color: #f4f4f4;
 }
 body .ui-table .ui-table-tbody > tr:nth-child(odd).ui-state-highlight {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-table .ui-table-tbody > tr:nth-child(odd).ui-contextmenu-selected {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-table.ui-table-hoverable-rows .ui-table-tbody > tr:not(.ui-state-highlight):hover {
@@ -29445,9 +29445,9 @@ body .ui-datatable .ui-datatable-thead > tr > th .ui-sortable-column-icon {
   color: #757575;
 }
 body .ui-datatable .ui-datatable-thead > tr > th.ui-state-active, body .ui-datatable .ui-datatable-thead > tr > th.ui-state-highlight {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
-  border-top-color: #505050;
+  border-top-color: #03a0e7;
 }
 body .ui-datatable .ui-datatable-thead > tr > th.ui-state-active .pi, body .ui-datatable .ui-datatable-thead > tr > th.ui-state-highlight .pi {
   color: #ffffff;
@@ -29470,7 +29470,7 @@ body .ui-datatable .ui-datatable-data tr.ui-datatable-even {
   background-color: #f4f4f4;
 }
 body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-datatable .ui-datatable-data tr {
@@ -29502,8 +29502,8 @@ body .ui-datatable .ui-datatable-data tr td.ui-selection-column .ui-chkbox-box,
   box-sizing: content-box;
 }
 body .ui-datatable .ui-datatable-data tr.ui-state-highlight {
-  background-color: #505050;
-  border-color:   #505050;
+  background-color: #03a0e7;
+  border-color:   #03a0e7;
   color: #ffffff;
 }
 body .ui-datatable .ui-datatable-data tr .ui-cell-editor-input input {
@@ -29660,7 +29660,7 @@ body .ui-tree .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not
   color: #000000;
 }
 body .ui-tree .ui-treenode-content.ui-treenode-dragover {
-  background: #db7482;
+  background: #666b73;
 }
 body .ui-tree .ui-treenode-content.ui-treenode-dragover > span {
   color: #ffffff;
@@ -29685,11 +29685,11 @@ body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-treenode-selectable:hov
   color: #000000;
 }
 body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-tree-draghelper {
-  border: 1px solid #d14b5d;
+  border: 1px solid #4E5258;
 }
 body .fc button {
   height: 2.25em;
@@ -29761,10 +29761,10 @@ body .fc .fc-toolbar .ui-icon-circle-triangle-w:before {
   content: "play_circle_outline";
 }
 body .fc .fc-toolbar .ui-state-active {
-  background-color: #505050;
+  background-color: #03a0e7;
 }
 body .fc .fc-event {
-  background-color: #db7482;
+  background-color: #666b73;
   color: #ffffff;
 }
 body .fc table {
@@ -29823,9 +29823,9 @@ body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover a, body .u
   color: #000000;
 }
 body .ui-treetable .ui-sortable-column.ui-state-highlight {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
-  border-top-color: #505050;
+  border-top-color: #03a0e7;
 }
 body .ui-treetable .ui-sortable-column.ui-state-highlight a, body .ui-treetable .ui-sortable-column.ui-state-highlight a:hover {
   color: #ffffff;
@@ -29854,7 +29854,7 @@ body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-chkbox {
   margin-right: 0.4em;
 }
 body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td {
@@ -29865,7 +29865,7 @@ body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td .ui-treetabl
   color: #ffffff;
 }
 body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight.ui-contextmenu-selected {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-treetable.ui-treetable-hoverable-rows .ui-treetable-tbody > tr:not(.ui-state-highlight):hover {
@@ -30071,7 +30071,7 @@ body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
   color: #757575;
 }
 body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
 }
 body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
@@ -30212,7 +30212,7 @@ body .ui-slidemenu .ui-slidemenu-backward {
   margin-bottom: 0.4em;
   padding: 0.625em 1em;
   width: 100%;
-  background-color: #d14b5d;
+  background-color: #4E5258;
   box-sizing: border-box;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
@@ -30220,7 +30220,7 @@ body .ui-slidemenu .ui-slidemenu-backward {
   border: 0 none;
 }
 body .ui-slidemenu .ui-slidemenu-backward:hover {
-  background-color: #ba2f42;
+  background-color: #36393d;
 }
 body .ui-tieredmenu {
   padding: 0.5em 0;
@@ -30310,20 +30310,20 @@ body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem:not(.ui-state-active):hover {
 }
 body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-active {
   background-color: #ffffff;
-  border-color: #505050;
+  border-color: #03a0e7;
   border-style: solid;
 }
 body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-active a {
-  color: #d14b5d;
+  color: #4E5258;
 }
 body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-active a .pi {
-  color: #d14b5d;
+  color: #4E5258;
 }
 body .ui-panelmenu span {
   vertical-align: middle;
 }
 body .ui-panelmenu .ui-panelmenu-header {
-  background-color: #d14b5d;
+  background-color: #4E5258;
   margin-bottom: 1px;
 }
 body .ui-panelmenu .ui-panelmenu-header a {
@@ -30332,7 +30332,7 @@ body .ui-panelmenu .ui-panelmenu-header a {
   font-size: 14px;
 }
 body .ui-panelmenu .ui-panelmenu-header.ui-state-active {
-  background-color: #505050;
+  background-color: #03a0e7;
   -moz-border-radius-bottomleft: 0;
   -webkit-border-bottom-left-radius: 0;
   border-bottom-left-radius: 0;
@@ -30869,7 +30869,7 @@ body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
   height: 1.5em;
 }
 body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
-  background-color: #db7482;
+  background-color: #666b73;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
@@ -30887,7 +30887,7 @@ body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right .pi, body
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
   font-size: 3em;
-  color: #db7482;
+  color: #666b73;
 }
 body .ui-overlaypanel.ui-shadow {
   -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
@@ -30895,7 +30895,7 @@ body .ui-overlaypanel.ui-shadow {
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
 }
 body .ui-overlaypanel .ui-overlaypanel-close {
-  background-color: #505050;
+  background-color: #03a0e7;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
@@ -30918,7 +30918,7 @@ body .ui-overlaypanel .ui-overlaypanel-close span {
   line-height: inherit;
 }
 body .ui-overlaypanel .ui-overlaypanel-close:hover {
-  background-color: #373737;
+  background-color: #027db5;
 }
 body .ui-tooltip {
   opacity: 0.9;
@@ -30945,14 +30945,14 @@ body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
 
 body .ui-draggable-dragging.ui-state-default {
   padding: 0.625em 1em !important;
-  background-color: #d14b5d;
+  background-color: #4E5258;
 }
 body .jqplot-target {
   font-family: "Roboto", "Helvetica Neue", sans-serif;
 }
 body .ui-progressbar {
   height: 0.5em;
-  background-color: #db7482;
+  background-color: #666b73;
   overflow: hidden;
   border: 0 none;
 }
@@ -30964,10 +30964,10 @@ body .ui-progressbar .ui-progressbar-label {
   display: none !important;
 }
 body .ui-progressbar-indeterminate .ui-progressbar-value {
-  background-color: #db7482;
+  background-color: #666b73;
 }
 body .ui-progressbar-indeterminate .ui-progressbar-value::before {
-  background-color: #d14b5d;
+  background-color: #4E5258;
 }
 body .ui-galleria .ui-galleria-nav-prev {
   left: 0;
@@ -31906,7 +31906,7 @@ body .ui-terminal .ui-terminal-input {
   margin-top: 12px;
 }
 .dashboard .user-card .user-card-content .user-detail ul li .project-progressbar .project-progressbar-value {
-  background-color: #d14b5d;
+  background-color: #4E5258;
   height: 4px;
 }
 .dashboard .map .ui-panel {
@@ -31971,7 +31971,7 @@ body .ui-terminal .ui-terminal-input {
   box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
 }
 .login-body .login-panel .login-panel-header {
-  background-color: #d14b5d;
+  background-color: #4E5258;
   text-align: center;
   padding: 8px 14px;
 }
@@ -31995,7 +31995,7 @@ body .ui-terminal .ui-terminal-input {
   text-align: center;
 }
 .login-body .login-panel .login-panel-content .ui-g-12:last-child a, .login-body .login-panel .login-panel-content .ui-g-6:last-child a {
-  color: #505050;
+  color: #03a0e7;
 }
 .login-body .login-panel .login-panel-content .password-reset {
   text-align: right;
@@ -32455,13 +32455,13 @@ body .ui-terminal .ui-terminal-input {
 .landing-body #contact > div .contact-form .md-inputfield textarea.ui-state-filled ~ label,
 .landing-body #contact > div .contact-form .md-inputfield .md-inputwrapper-focus ~ label,
 .landing-body #contact > div .contact-form .md-inputfield .md-inputwrapper-filled ~ label {
-  color: #db7482;
+  color: #666b73;
 }
 .landing-body #contact > div .contact-form .md-inputfield input:-webkit-autofill ~ label {
-  color: #db7482;
+  color: #666b73;
 }
 .landing-body #contact > div .contact-form .md-inputfield input:focus {
-  border-color: #db7482;
+  border-color: #666b73;
 }
 .landing-body #contact > div .contact-form .md-inputfield input {
   color: #ffffff;
@@ -32624,7 +32624,7 @@ body {
 }
 body .ajax-loader {
   font-size: 32px;
-  color: #505050;
+  color: #03a0e7;
 }
 
 a {
@@ -32696,7 +32696,7 @@ a:hover {
   width: 18px;
   height: 18px;
   border: 2px solid #ffffff;
-  background-color: #d14b5d;
+  background-color: #4E5258;
   vertical-align: middle;
   float: right;
   margin-right: 8px;
@@ -32852,7 +32852,7 @@ a:hover {
   color: #ffffff;
 }
 .layout-wrapper .layout-sidebar .layout-menu > li.active-menuitem > ul {
-  background-color: #505050;
+  background-color: #03a0e7;
   -moz-border-radius-bottomleft: 6px;
   -webkit-border-bottom-left-radius: 6px;
   border-bottom-left-radius: 6px;
@@ -32867,7 +32867,7 @@ a:hover {
   height: 16px;
   margin-right: 6px;
   text-align: center;
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
   font-size: 12px;
   font-weight: 700;
@@ -32925,7 +32925,7 @@ a:hover {
   color: #ffffff;
 }
 .layout-wrapper .layout-sidebar.layout-sidebar-dark .layout-menu > li.active-menuitem > ul {
-  background-color: #373737;
+  background-color: #027db5;
 }
 .layout-wrapper .layout-main {
   margin-left: 60px;
@@ -32939,7 +32939,7 @@ a:hover {
 }
 .layout-wrapper .layout-main .layout-topbar {
   height: 64px;
-  background-color: #d14b5d;
+  background-color: #4E5258;
   padding: 16px 42px 16px 24px;
   position: fixed;
   width: calc(100% - 40px);
@@ -32997,7 +32997,7 @@ a:hover {
   width: 16px;
   height: 16px;
   text-align: center;
-  background-color: #505050;
+  background-color: #03a0e7;
   color: #ffffff;
   font-size: 12px;
   font-weight: 700;
@@ -33070,7 +33070,7 @@ a:hover {
   margin-top: -4px;
 }
 .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu > li.profile-item > a:hover .profile-image-wrapper {
-  border-color: #505050;
+  border-color: #03a0e7;
 }
 .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu > li.profile-item > ul {
   right: auto;
@@ -33093,7 +33093,7 @@ a:hover {
   width: 150px;
   padding: 6px 24px 6px 6px;
   background-color: transparent;
-  background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ebb1b8, #ebb1b8);
+  background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #8c9199, #8c9199);
   border-width: 0;
   outline: 0 none;
   color: #212121;
@@ -33128,7 +33128,7 @@ a:hover {
   list-style-type: none;
   margin: 0;
   padding: 8px 0;
-  border-top: 4px solid #d14b5d;
+  border-top: 4px solid #4E5258;
   -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
@@ -33152,7 +33152,7 @@ a:hover {
   display: inline-block;
 }
 .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu > li > ul a .topbar-submenuitem-badge {
-  background-color: #505050;
+  background-color: #03a0e7;
   padding: 2px 4px;
   display: block;
   font-size: 12px;
@@ -33177,7 +33177,7 @@ a:hover {
   height: 0;
   border-left: 8px solid transparent;
   border-right: 8px solid transparent;
-  border-bottom: 15px solid #d14b5d;
+  border-bottom: 15px solid #4E5258;
   content: " ";
   position: absolute;
   top: -15px;
@@ -33217,7 +33217,7 @@ a:hover {
   font-size: 20px;
 }
 .layout-wrapper .layout-main .layout-breadcrumb ul li:first-child(even) {
-  color: #d14b5d;
+  color: #4E5258;
 }
 .layout-wrapper .layout-main .layout-breadcrumb ul li a {
   color: #757575;
@@ -33349,7 +33349,7 @@ a:hover {
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
-    border-bottom: 15px solid #d14b5d;
+    border-bottom: 15px solid #4E5258;
     content: " ";
     position: absolute;
     top: -15px;
@@ -33363,7 +33363,7 @@ a:hover {
     display: block;
     padding: 8px 0;
     background-color: #ffffff;
-    border-top: 4px solid #d14b5d;
+    border-top: 4px solid #4E5258;
   }
   .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu.topbar-menu-active > li {
     float: none;
@@ -33425,7 +33425,7 @@ a:hover {
     font-size: 24px;
   }
   .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu li.search-item input {
-    background-image: linear-gradient(to bottom, #d14b5d, #d14b5d), linear-gradient(to bottom, #dfbdc1, #dfbdc1);
+    background-image: linear-gradient(to bottom, #4E5258, #4E5258), linear-gradient(to bottom, #939393, #939393);
   }
   .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu li.search-item {
     padding: 8px 14px;
@@ -33443,10 +33443,10 @@ a:hover {
     width: 85%;
   }
   .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu li.search-item input:focus ~ i {
-    color: #d14b5d;
+    color: #4E5258;
   }
   .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu li.search-item input:focus ~ label {
-    color: #d14b5d;
+    color: #4E5258;
     top: -15px;
   }
   .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu li.search-item i {
@@ -34072,32 +34072,32 @@ a:hover {
 }
 
 .ui-toolbar {
-  background-color: #d14b5d !important;
+  background-color: #4E5258 !important;
   box-shadow: none !important;
 }
 .ui-toolbar .ui-toolbar-group-right .ui-button:not(.ui-state-disabled):not(.secondary-btn):not(.ui-state-active) {
-  background-color: #505050 !important;
+  background-color: #03a0e7 !important;
   color: #ffffff !important;
 }
 .ui-toolbar .ui-toolbar-group-right .ui-button:not(.ui-state-disabled):not(.secondary-btn):not(.ui-state-active) .pi {
   color: #ffffff !important;
 }
 .ui-toolbar .ui-toolbar-group-right .ui-button:not(.ui-state-disabled):not(.secondary-btn):not(.ui-state-active):hover {
-  background-color: #373737 !important;
+  background-color: #027db5 !important;
 }
 .ui-toolbar .ui-toolbar-group-right .secondary-btn:enabled:not(:focus) {
-  background-color: #db7482 !important;
+  background-color: #666b73 !important;
   color: #ffffff !important;
 }
 .ui-toolbar .ui-toolbar-group-right .secondary-btn:enabled:not(:focus) .pi {
   color: #ffffff !important;
 }
 .ui-toolbar .ui-toolbar-group-right .secondary-btn:enabled:not(:focus):hover {
-  background-color: #ba2f42 !important;
+  background-color: #36393d !important;
 }
 
 .ui-toolbar.ui-widget-header {
-  border-color: #d14b5d !important;
+  border-color: #4E5258 !important;
 }
 
 .ui-toolbar-group-left {
@@ -34126,7 +34126,7 @@ body .ui-selectbutton .ui-button {
   color: #888 !important;
 }
 body .ui-selectbutton .ui-button.ui-state-active {
-  background-color: #d14b5d !important;
+  background-color: #4E5258 !important;
   color: #ffffff !important;
 }
 body .ui-widget-header:not(.ui-dataview-header) .ui-inputtext {

frontend/angular/src/assets/css/custom.scss

@@ -301,6 +301,10 @@ body .ui-dropdown-panel .ui-dropdown-filter-container {
     margin: 1px;
 }
 
+.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton.ui-button.ui-button-icon-only {
+    margin: inherit !important;
+}
+
 .chat-icon {
     width: 70px;
     height: 70px;

frontend/angular/src/assets/css/variables-override.scss

 
-$brandPrimary:#d14b5d;
-$brandSecondary:#505050;
+$brandPrimary:#4E5258;
+$brandSecondary:#03a0e7;