Changeset 24a616f for public/assets/css

Timestamp:

10/13/21 15:44:57 (3 years ago)

Author:

Berat Kjufliju <kufliju@…>

Branches:

develop, master

Children:

120759b

Parents:

194a359

Message:

added documents crud, added last_seen_to_user, edited views

Location:

public/assets/css

Files:

• app.css (deleted)
• app.min.css (modified) (228 diffs)
• custom.css (deleted)

public/assets/css/app.min.css

@@ -3349 +3349 @@
 }
 
-* {
+*:not(img) {
   min-width: 0;
-  min-height: 0;
 }
 
@@ -3407 +3406 @@
 
 .preloader svg path {
-  fill: #0081ff;
+  fill: #2196F3;
 }
 
@@ -3434 +3433 @@
 
 .icon-block.icon-block-outline-primary {
-  border: 2px solid #0081ff;
-  color: #0081ff !important;
+  border: 2px solid #2196F3;
+  color: #2196F3 !important;
   background: none;
 }
@@ -3601 +3600 @@
 .custom-select:focus {
   box-shadow: none;
-  border-color: rgba(0, 129, 255, 0.8);
+  border-color: rgba(33, 150, 243, 0.8);
 }
 
@@ -3631 +3630 @@
 
 .custom-file-input:focus ~ .custom-file-label {
-  border-color: #339aff;
+  border-color: #51adf6;
   box-shadow: none;
 }
@@ -3648 +3647 @@
 .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
 .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
-  border-color: #0081ff;
-  background-color: #0081ff;
+  border-color: #2196F3;
+  background-color: #2196F3;
 }
 
@@ -3655 +3654 @@
 .custom-radio .custom-control-input:focus ~ .custom-control-label::before,
 .custom-switch .custom-control-input:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.3);
 }
 
@@ -3661 +3660 @@
 .custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
 .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-  border-color: #5caeff;
-  background-color: #5caeff;
+  border-color: #78bff8;
+  background-color: #78bff8;
 }
 
@@ -3794 +3793 @@
 
 .custom-range::-webkit-slider-thumb {
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
 .custom-range::-webkit-slider-thumb:active {
-  background-color: #5caeff;
+  background-color: #78bff8;
 }
 
@@ -3914 +3913 @@
 .wizard > .steps .current a:hover,
 .wizard > .steps .current a:active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -3988 +3987 @@
 
 .page-header .breadcrumb li.breadcrumb-item.active {
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 600;
 }
@@ -4176 +4175 @@
 
 .bg-primary {
-  background: #0081ff !important;
+  background: #2196F3 !important;
   color: white !important;
 }
 
 .bg-primary-bright {
-  background: rgba(0, 129, 255, 0.3) !important;
+  background: rgba(33, 150, 243, 0.3) !important;
 }
 
@@ -4194 +4193 @@
 
 .bg-primary-gradient {
-  background: linear-gradient(230deg, #0081ff, #4da7ff) !important;
+  background: linear-gradient(230deg, #2196F3, #6ab8f7) !important;
   color: white !important;
 }
@@ -4435 +4434 @@
 
 .text-primary {
-  color: #0081ff !important;
+  color: #2196F3 !important;
 }
 
@@ -4577 +4576 @@
 ul.links .header form .input-group .input-group-append button.active.btn,
 .header form .input-group .input-group-append ul.links button.active.btn {
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 500;
 }
@@ -4665 +4664 @@
 a.link-1,
 .header form .input-group .input-group-append button.link-1.btn {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -4672 +4671 @@
 a.link-1:focus,
 .header form .input-group .input-group-append button.link-1.btn:focus {
-  color: rgba(0, 129, 255, 0.8);
+  color: rgba(33, 150, 243, 0.8);
 }
 
@@ -4684 +4683 @@
 a.link-2:focus,
 .header form .input-group .input-group-append button.link-2.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -4696 +4695 @@
 a.link-3:focus,
 .header form .input-group .input-group-append button.link-3.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -4722 +4721 @@
 
 .page-link {
-  color: #0081ff;
+  color: #2196F3;
 }
 
 .page-link:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.3);
 }
 
@@ -4837 +4836 @@
 a.btn[href="#previous"],
 .header form .input-group .input-group-append button.btn[href="#previous"] {
-  background: #0081ff;
-  border-color: #0081ff;
+  background: #2196F3;
+  border-color: #2196F3;
 }
 
@@ -4856 +4855 @@
 a.btn[href="#previous"]:not(:disabled):not(.disabled):active,
 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):active {
-  background: #0067cc;
-  border-color: #0067cc;
+  background: #0c7cd5;
+  border-color: #0c7cd5;
 }
 
@@ -4865 +4864 @@
 a.btn[href="#previous"]:not(:disabled):not(.disabled):focus,
 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4) !important;
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.4) !important;
 }
 
@@ -4873 +4872 @@
 a.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled),
 .header form .input-group .input-group-append button.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -4886 +4885 @@
 
 .btn.btn-gradient-primary {
-  background: linear-gradient(20deg, #4da7ff, #0067cc);
+  background: linear-gradient(20deg, #6ab8f7, #0c7cd5);
   border-color: transparent;
   color: white;
@@ -4894 +4893 @@
 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus,
 .btn.btn-gradient-primary:not(:disabled):not(.disabled):active {
-  background: linear-gradient(20deg, #0081ff, #0067cc);
+  background: linear-gradient(20deg, #2196F3, #0c7cd5);
   border-color: transparent;
 }
 
 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
 }
 
 .btn.btn-gradient-primary.btn-pulse:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -4912 +4911 @@
 
 .btn.btn-light-primary {
-  background: rgba(0, 129, 255, 0.3);
+  background: rgba(33, 150, 243, 0.3);
   border-color: transparent;
-  color: #0053a3;
+  color: #0966af;
 }
 
@@ -4920 +4919 @@
 .btn.btn-light-primary:not(:disabled):not(.disabled):focus,
 .btn.btn-light-primary:not(:disabled):not(.disabled):active {
-  background: rgba(0, 129, 255, 0.5);
+  background: rgba(33, 150, 243, 0.5);
   border-color: transparent;
 }
 
 .btn.btn-light-primary:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.2);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.2);
 }
 
 .btn.btn-light-primary.btn-pulse:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -4939 +4938 @@
 .btn.btn-outline-primary {
   background: none;
-  border-color: #0081ff;
-  color: #0074e6;
+  border-color: #2196F3;
+  color: #0d8aee;
   border-width: 1px;
 }
 
 .btn.btn-outline-primary:not(:disabled):not(.disabled):hover {
-  background: #0081ff;
-  border-color: #0081ff;
+  background: #2196F3;
+  border-color: #2196F3;
   color: white;
 }
@@ -4952 +4951 @@
 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus,
 .btn.btn-outline-primary:not(:disabled):not(.disabled):active {
-  background: #0062c2;
-  border-color: #0062c2;
+  background: #0b76cc;
+  border-color: #0b76cc;
   color: white;
 }
 
 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.4);
 }
 
 .btn.btn-outline-primary.btn-pulse:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -6521 +6520 @@
 
 .progress .progress-bar:not(.progress-bar-striped) {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -6579 +6578 @@
 
 .dropdown-menu .dropdown-menu-title {
-  background-color: #0081ff;
+  background-color: #2196F3;
   padding: 15px 20px;
   color: white;
@@ -6606 +6605 @@
   background: #f5f5f5;
   text-decoration: none;
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -6643 +6642 @@
 
 .badge.badge-primary {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -6736 +6735 @@
 .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:focus,
 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -6778 +6777 @@
 .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus,
 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -6784 +6783 @@
 .accordion.custom-accordion.accordion-primary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn,
 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row.open button.accordion-header.btn {
-  background: #0081ff;
+  background: #2196F3;
   color: white;
 }
@@ -6900 +6899 @@
 }
 
+.nicescroll-cursors {
+  border: none !important;
+}
+
+body:not(.dark) .nicescroll-cursors {
+  background-color: rgba(41, 49, 52, 0.4) !important;
+  width: 3px !important;
+}
+
 .isotope-item {
   z-index: 2;
@@ -6932 +6940 @@
 
 .daterangepicker td.active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
 .daterangepicker td.active:hover {
-  background: #0081ff;
+  background: #2196F3;
 }
 
 .daterangepicker .ranges li.active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -6966 +6974 @@
 
 .alert.alert-primary {
-  background: rgba(0, 129, 255, 0.3) !important;
+  background: rgba(33, 150, 243, 0.3) !important;
 }
 
 .alert.alert-primary.alert-with-border {
-  border-left: 3px solid #0081ff !important;
+  border-left: 3px solid #2196F3 !important;
 }
 
@@ -7042 +7050 @@
 
 .breadcrumb .breadcrumb-item.active {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -7061 +7069 @@
 
 .pagination .page-item.active .page-link {
-  background: #0081ff;
+  background: #2196F3;
   border-color: transparent;
 }
@@ -7156 +7164 @@
 
 .swal-modal .swal-button.swal-button--confirm {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -7178 +7186 @@
 .irs .irs-to,
 .irs .irs-from {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -7184 +7192 @@
 .irs .irs-to:before,
 .irs .irs-from:before {
-  border-top-color: #0081ff;
+  border-top-color: #2196F3;
 }
 
 .irs .irs-handle {
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
 .irs .irs-bar {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -7230 +7238 @@
 
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
-  background-color: #0081ff;
+  background-color: #2196F3;
   color: white;
 }
 
 .select2-container--default.select2-container--focus .select2-selection--multiple {
-  border-color: rgba(0, 129, 255, 0.8);
+  border-color: rgba(33, 150, 243, 0.8);
 }
 
@@ -7336 +7344 @@
 
 .wickedpicker .wickedpicker__controls__control .hover-state {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -7395 +7403 @@
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -7511 +7519 @@
 
 .avatar.avatar-state-primary:before {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -7563 +7571 @@
 .dropzone {
   border-width: 1px;
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
@@ -7690 +7698 @@
 .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active {
   color: black;
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
@@ -7780 +7788 @@
   left: auto;
   right: -10px;
-  border-left-color: #0081ff;
+  border-left-color: #2196F3;
   border-right-color: transparent;
 }
 
 .chat-block .chat-content .messages .message-item.me .message-item-content {
-  background-color: #0081ff;
+  background-color: #2196F3;
   color: rgba(255, 255, 255, 0.9);
 }
@@ -7918 +7926 @@
 
 .fc .fc-event {
-  background: #0081ff;
+  background: #2196F3;
   color: white !important;
   border: none;
@@ -7981 +7989 @@
 
 .fc .fc-list-table .fc-list-item.bg-primary:hover td {
-  background: #0081ff !important;
+  background: #2196F3 !important;
 }
 
@@ -8012 +8020 @@
 
 .fc .fc-state-default.fc-state-active {
-  background: #0081ff;
+  background: #2196F3;
   color: white;
 }
@@ -8026 +8034 @@
 
 .list-group .list-group-item.list-group-item-primary {
-  background: #0081ff !important;
+  background: #2196F3 !important;
   color: white !important;
 }
 
 .list-group .list-group-item.list-group-item-primary-bright {
-  background: rgba(0, 129, 255, 0.3) !important;
-  color: #0081ff !important;
+  background: rgba(33, 150, 243, 0.3) !important;
+  color: #2196F3 !important;
 }
 
@@ -8101 +8109 @@
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
@@ -8335 +8343 @@
 
 .dd-handle:hover {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -8438 +8446 @@
 .app-block .app-sidebar .app-sidebar-menu .list-group .list-group-item.active {
   background: none;
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -8641 +8649 @@
 @media (min-width: 768px) {
   .theme-switcher {
-    opacity: 0;
     display: -webkit-box;
     display: flex;
@@ -8665 +8672 @@
 
   .theme-switcher .theme-switcher-button {
-    background-color: #0081ff;
+    background-color: #2196F3;
     color: white;
-    padding: 12px 15px;
+    padding: 15px 20px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
@@ -8674 +8681 @@
 
   .theme-switcher .theme-switcher-button i {
-    font-size: 22px;
+    font-size: 30px;
     -webkit-animation-name: spin;
             animation-name: spin;
-    -webkit-animation-duration: 3000ms;
-            animation-duration: 3000ms;
+    -webkit-animation-duration: 2000ms;
+            animation-duration: 2000ms;
     -webkit-animation-iteration-count: infinite;
             animation-iteration-count: infinite;
@@ -8694 +8701 @@
   .app-block .app-content .theme-switcher .theme-switcher-panel .app-action {
     margin-bottom: 0;
-    border: 1px solid #0081ff;
+    border: 1px solid #2196F3;
     border-right: none;
     border-top-right-radius: 0;
@@ -8781 +8788 @@
   body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li:hover > button.btn .nav-link-icon,
   .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > button.btn .nav-link-icon {
-    stroke: #0081ff;
+    stroke: #2196F3;
   }
 
@@ -8818 +8825 @@
   .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > button.btn {
     background: none;
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -8873 +8880 @@
   .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn {
     border-radius: 5px;
-    background-color: #0081ff;
+    background-color: #2196F3;
     position: static;
   }
@@ -8884 +8891 @@
 
   body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover {
-    /*width: 320px;*/
+    width: 80px;
   }
 
@@ -8949 +8956 @@
     left: 0;
     opacity: 1;
+      width: 80px;
   }
 
@@ -8961 +8969 @@
     right: 0;
     opacity: 1;
+      width:80px;
   }
 
@@ -9077 +9086 @@
   body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li:hover > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li:hover > button.btn {
-    color: #0081ff !important;
+    color: #2196F3 !important;
   }
 
@@ -9110 +9119 @@
   body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9136 +9145 @@
   body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li:hover > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li:hover > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9148 +9157 @@
   body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9154 +9163 @@
   body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9191 +9200 @@
     bottom: 0;
     height: auto;
-    /*width: 320px;*/
+    width: 80px;
     background-color: white;
     z-index: 1000;
@@ -9218 +9227 @@
   body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.active.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9262 +9271 @@
   body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9273 +9282 @@
   }
 }
+
+body.semi-dark:not(.dark) .nicescroll-cursors {
+  background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
 body.semi-dark:not(.dark) .navigation {
   background-color: #313852;
@@ -9300 +9314 @@
 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -9349 +9363 @@
 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn:after,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn:after {
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
@@ -9379 +9393 @@
 
 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .dropdown-divider {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -9418 +9432 @@
 body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li.open > button.btn,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > button.btn {
-  color: #1a8eff;
+  color: #39a1f4;
 }
 
@@ -9430 +9444 @@
 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.active.btn {
-  color: #1a8eff;
+  color: #39a1f4;
 }
 
@@ -9439 +9453 @@
 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):focus {
-  color: #1a8eff;
+  color: #39a1f4;
 }
 
@@ -9709 +9723 @@
 .list-group .list-group-item.active {
   z-index: auto;
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -9751 +9765 @@
 .table-email-list .header form .input-group .input-group-append button.btn:focus,
 .header form .input-group .input-group-append .table-email-list button.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -9785 +9799 @@
 
 .list-group .list-group-item.active {
-  background: #0081ff;
+  background: #2196F3;
   border-color: transparent;
 }
@@ -9798 +9812 @@
 
 .nav-pills .nav-link.active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
 .nav-tabs .nav-link.active {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -9983 +9997 @@
 
 .header .avatar.avatar-state-success:before {
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
 .header .header-left {
-  /*width: 320px;*/
+  width: 320px;
   padding-left: 30px;
   display: -webkit-box;
@@ -10196 +10210 @@
   background-color: white;
   z-index: 998;
-  /*width: 320px;*/
+  width: 80px;
   box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
   position: fixed;
@@ -10247 +10261 @@
 .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:hover,
 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn:hover {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -10254 +10268 @@
 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.active.btn {
   color: white;
-  background-color: #0081ff;
-  box-shadow: 0px 5px 20px -14px #0081ff;
+  background-color: #2196F3;
+  box-shadow: 0px 5px 20px -14px #2196F3;
 }
 
@@ -10322 +10336 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -10328 +10342 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover .nav-link-icon,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover .nav-link-icon {
-  stroke: #0081ff;
+  stroke: #2196F3;
 }
 
@@ -10335 +10349 @@
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn {
   position: relative;
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 600;
-  background: rgba(0, 129, 255, 0.15);
+  background: rgba(33, 150, 243, 0.15);
   border-radius: 0.5rem;
   margin: 0 1rem;
@@ -10348 +10362 @@
   display: block;
   border: 6px solid transparent;
-  border-left-color: #0081ff;
+  border-left-color: #2196F3;
   margin-left: -12px;
   margin-right: 5px;
@@ -10419 +10433 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn {
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 600;
 }
@@ -10426 +10440 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn .nav-link-icon,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn .nav-link-icon {
-  stroke: #0081ff;
+  stroke: #2196F3;
 }
 
@@ -10705 +10719 @@
 body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -10757 +10771 @@
 
 body.dark .navigation .navigation-menu-body ul li .dropdown-divider {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -10834 +10848 @@
 
 body.dark .breadcrumb li.breadcrumb-item.active {
-  color: #339aff;
+  color: #51adf6;
 }
 
@@ -10870 +10884 @@
 body.dark .swal-modal input.swal-content__input:focus,
 .swal-modal body.dark input.swal-content__input:focus {
-  border-color: #0081ff !important;
+  border-color: #2196F3 !important;
 }
 
@@ -11250 +11264 @@
 body.dark .daterangepicker td.end-date {
   color: white;
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
@@ -11275 +11289 @@
 body.dark .daterangepicker td.available:hover,
 body.dark .daterangepicker th.available:hover {
-  background-color: #0081ff;
+  background-color: #2196F3;
   color: white;
 }
@@ -11363 +11377 @@
 body.dark .sidebar {
   background: #313852;
+}
+
+body.dark .nicescroll-cursors {
+  background-color: rgba(255, 255, 255, 0.15) !important;
 }
 
@@ -11740 +11758 @@
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn:hover {
     background: none;
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11747 +11765 @@
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn {
     background: none;
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11758 +11776 @@
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn {
     background: none;
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11778 +11796 @@
   body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:hover,
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.btn:hover {
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11784 +11802 @@
   body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.active.btn {
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11790 +11808 @@
   body.dark.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
-    color: #339aff;
+    color: #51adf6;
   }
 }
@@ -11964 +11982 @@
     left: 0;
     opacity: 1;
+      width:80px;
   }
 
@@ -12258 +12277 @@
 
   .navigation {
-    width: 20%;
+    width: 75%;
   }
 
@@ -15647 +15666 @@
 }
 
-* {
+*:not(img) {
   min-width: 0;
-  min-height: 0;
 }
 
@@ -15705 +15723 @@
 
 .preloader svg path {
-  fill: #0081ff;
+  fill: #2196F3;
 }
 
@@ -15732 +15750 @@
 
 .icon-block.icon-block-outline-primary {
-  border: 2px solid #0081ff;
-  color: #0081ff !important;
+  border: 2px solid #2196F3;
+  color: #2196F3 !important;
   background: none;
 }
@@ -15899 +15917 @@
 .custom-select:focus {
   box-shadow: none;
-  border-color: rgba(0, 129, 255, 0.8);
+  border-color: rgba(33, 150, 243, 0.8);
 }
 
@@ -15929 +15947 @@
 
 .custom-file-input:focus ~ .custom-file-label {
-  border-color: #339aff;
+  border-color: #51adf6;
   box-shadow: none;
 }
@@ -15946 +15964 @@
 .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
 .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
-  border-color: #0081ff;
-  background-color: #0081ff;
+  border-color: #2196F3;
+  background-color: #2196F3;
 }
 
@@ -15953 +15971 @@
 .custom-radio .custom-control-input:focus ~ .custom-control-label::before,
 .custom-switch .custom-control-input:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.3);
 }
 
@@ -15959 +15977 @@
 .custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
 .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-  border-color: #5caeff;
-  background-color: #5caeff;
+  border-color: #78bff8;
+  background-color: #78bff8;
 }
 
@@ -16092 +16110 @@
 
 .custom-range::-webkit-slider-thumb {
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
 .custom-range::-webkit-slider-thumb:active {
-  background-color: #5caeff;
+  background-color: #78bff8;
 }
 
@@ -16212 +16230 @@
 .wizard > .steps .current a:hover,
 .wizard > .steps .current a:active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -16286 +16304 @@
 
 .page-header .breadcrumb li.breadcrumb-item.active {
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 600;
 }
@@ -16474 +16492 @@
 
 .bg-primary {
-  background: #0081ff !important;
+  background: #2196F3 !important;
   color: white !important;
 }
 
 .bg-primary-bright {
-  background: rgba(0, 129, 255, 0.3) !important;
+  background: rgba(33, 150, 243, 0.3) !important;
 }
 
@@ -16492 +16510 @@
 
 .bg-primary-gradient {
-  background: linear-gradient(230deg, #0081ff, #4da7ff) !important;
+  background: linear-gradient(230deg, #2196F3, #6ab8f7) !important;
   color: white !important;
 }
@@ -16733 +16751 @@
 
 .text-primary {
-  color: #0081ff !important;
+  color: #2196F3 !important;
 }
 
@@ -16875 +16893 @@
 ul.links .header form .input-group .input-group-append button.active.btn,
 .header form .input-group .input-group-append ul.links button.active.btn {
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 500;
 }
@@ -16963 +16981 @@
 a.link-1,
 .header form .input-group .input-group-append button.link-1.btn {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -16970 +16988 @@
 a.link-1:focus,
 .header form .input-group .input-group-append button.link-1.btn:focus {
-  color: rgba(0, 129, 255, 0.8);
+  color: rgba(33, 150, 243, 0.8);
 }
 
@@ -16982 +17000 @@
 a.link-2:focus,
 .header form .input-group .input-group-append button.link-2.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -16994 +17012 @@
 a.link-3:focus,
 .header form .input-group .input-group-append button.link-3.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -17020 +17038 @@
 
 .page-link {
-  color: #0081ff;
+  color: #2196F3;
 }
 
 .page-link:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.3);
 }
 
@@ -17135 +17153 @@
 a.btn[href="#previous"],
 .header form .input-group .input-group-append button.btn[href="#previous"] {
-  background: #0081ff;
-  border-color: #0081ff;
+  background: #2196F3;
+  border-color: #2196F3;
 }
 
@@ -17154 +17172 @@
 a.btn[href="#previous"]:not(:disabled):not(.disabled):active,
 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):active {
-  background: #0067cc;
-  border-color: #0067cc;
+  background: #0c7cd5;
+  border-color: #0c7cd5;
 }
 
@@ -17163 +17181 @@
 a.btn[href="#previous"]:not(:disabled):not(.disabled):focus,
 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4) !important;
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.4) !important;
 }
 
@@ -17171 +17189 @@
 a.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled),
 .header form .input-group .input-group-append button.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -17184 +17202 @@
 
 .btn.btn-gradient-primary {
-  background: linear-gradient(20deg, #4da7ff, #0067cc);
+  background: linear-gradient(20deg, #6ab8f7, #0c7cd5);
   border-color: transparent;
   color: white;
@@ -17192 +17210 @@
 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus,
 .btn.btn-gradient-primary:not(:disabled):not(.disabled):active {
-  background: linear-gradient(20deg, #0081ff, #0067cc);
+  background: linear-gradient(20deg, #2196F3, #0c7cd5);
   border-color: transparent;
 }
 
 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
 }
 
 .btn.btn-gradient-primary.btn-pulse:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -17210 +17228 @@
 
 .btn.btn-light-primary {
-  background: rgba(0, 129, 255, 0.3);
+  background: rgba(33, 150, 243, 0.3);
   border-color: transparent;
-  color: #0053a3;
+  color: #0966af;
 }
 
@@ -17218 +17236 @@
 .btn.btn-light-primary:not(:disabled):not(.disabled):focus,
 .btn.btn-light-primary:not(:disabled):not(.disabled):active {
-  background: rgba(0, 129, 255, 0.5);
+  background: rgba(33, 150, 243, 0.5);
   border-color: transparent;
 }
 
 .btn.btn-light-primary:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.2);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.2);
 }
 
 .btn.btn-light-primary.btn-pulse:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -17237 +17255 @@
 .btn.btn-outline-primary {
   background: none;
-  border-color: #0081ff;
-  color: #0074e6;
+  border-color: #2196F3;
+  color: #0d8aee;
   border-width: 1px;
 }
 
 .btn.btn-outline-primary:not(:disabled):not(.disabled):hover {
-  background: #0081ff;
-  border-color: #0081ff;
+  background: #2196F3;
+  border-color: #2196F3;
   color: white;
 }
@@ -17250 +17268 @@
 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus,
 .btn.btn-outline-primary:not(:disabled):not(.disabled):active {
-  background: #0062c2;
-  border-color: #0062c2;
+  background: #0b76cc;
+  border-color: #0b76cc;
   color: white;
 }
 
 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.4);
 }
 
 .btn.btn-outline-primary.btn-pulse:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -18819 +18837 @@
 
 .progress .progress-bar:not(.progress-bar-striped) {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -18877 +18895 @@
 
 .dropdown-menu .dropdown-menu-title {
-  background-color: #0081ff;
+  background-color: #2196F3;
   padding: 15px 20px;
   color: white;
@@ -18904 +18922 @@
   background: #f5f5f5;
   text-decoration: none;
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -18941 +18959 @@
 
 .badge.badge-primary {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -19034 +19052 @@
 .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:focus,
 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -19076 +19094 @@
 .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus,
 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -19082 +19100 @@
 .accordion.custom-accordion.accordion-primary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn,
 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row.open button.accordion-header.btn {
-  background: #0081ff;
+  background: #2196F3;
   color: white;
 }
@@ -19198 +19216 @@
 }
 
+.nicescroll-cursors {
+  border: none !important;
+}
+
+body:not(.dark) .nicescroll-cursors {
+  background-color: rgba(41, 49, 52, 0.4) !important;
+  width: 3px !important;
+}
+
 .isotope-item {
   z-index: 2;
@@ -19230 +19257 @@
 
 .daterangepicker td.active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
 .daterangepicker td.active:hover {
-  background: #0081ff;
+  background: #2196F3;
 }
 
 .daterangepicker .ranges li.active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -19264 +19291 @@
 
 .alert.alert-primary {
-  background: rgba(0, 129, 255, 0.3) !important;
+  background: rgba(33, 150, 243, 0.3) !important;
 }
 
 .alert.alert-primary.alert-with-border {
-  border-left: 3px solid #0081ff !important;
+  border-left: 3px solid #2196F3 !important;
 }
 
@@ -19340 +19367 @@
 
 .breadcrumb .breadcrumb-item.active {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -19359 +19386 @@
 
 .pagination .page-item.active .page-link {
-  background: #0081ff;
+  background: #2196F3;
   border-color: transparent;
 }
@@ -19454 +19481 @@
 
 .swal-modal .swal-button.swal-button--confirm {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -19476 +19503 @@
 .irs .irs-to,
 .irs .irs-from {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -19482 +19509 @@
 .irs .irs-to:before,
 .irs .irs-from:before {
-  border-top-color: #0081ff;
+  border-top-color: #2196F3;
 }
 
 .irs .irs-handle {
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
 .irs .irs-bar {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -19528 +19555 @@
 
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
-  background-color: #0081ff;
+  background-color: #2196F3;
   color: white;
 }
 
 .select2-container--default.select2-container--focus .select2-selection--multiple {
-  border-color: rgba(0, 129, 255, 0.8);
+  border-color: rgba(33, 150, 243, 0.8);
 }
 
@@ -19634 +19661 @@
 
 .wickedpicker .wickedpicker__controls__control .hover-state {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -19693 +19720 @@
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -19809 +19836 @@
 
 .avatar.avatar-state-primary:before {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -19861 +19888 @@
 .dropzone {
   border-width: 1px;
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
@@ -19988 +20015 @@
 .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active {
   color: black;
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
@@ -20078 +20105 @@
   left: auto;
   right: -10px;
-  border-left-color: #0081ff;
+  border-left-color: #2196F3;
   border-right-color: transparent;
 }
 
 .chat-block .chat-content .messages .message-item.me .message-item-content {
-  background-color: #0081ff;
+  background-color: #2196F3;
   color: rgba(255, 255, 255, 0.9);
 }
@@ -20216 +20243 @@
 
 .fc .fc-event {
-  background: #0081ff;
+  background: #2196F3;
   color: white !important;
   border: none;
@@ -20279 +20306 @@
 
 .fc .fc-list-table .fc-list-item.bg-primary:hover td {
-  background: #0081ff !important;
+  background: #2196F3 !important;
 }
 
@@ -20310 +20337 @@
 
 .fc .fc-state-default.fc-state-active {
-  background: #0081ff;
+  background: #2196F3;
   color: white;
 }
@@ -20324 +20351 @@
 
 .list-group .list-group-item.list-group-item-primary {
-  background: #0081ff !important;
+  background: #2196F3 !important;
   color: white !important;
 }
 
 .list-group .list-group-item.list-group-item-primary-bright {
-  background: rgba(0, 129, 255, 0.3) !important;
-  color: #0081ff !important;
+  background: rgba(33, 150, 243, 0.3) !important;
+  color: #2196F3 !important;
 }
 
@@ -20399 +20426 @@
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
@@ -20633 +20660 @@
 
 .dd-handle:hover {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -20736 +20763 @@
 .app-block .app-sidebar .app-sidebar-menu .list-group .list-group-item.active {
   background: none;
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -20939 +20966 @@
 @media (min-width: 768px) {
   .theme-switcher {
-    opacity: 0;
     display: -webkit-box;
     display: flex;
@@ -20963 +20989 @@
 
   .theme-switcher .theme-switcher-button {
-    background-color: #0081ff;
+    background-color: #2196F3;
     color: white;
-    padding: 12px 15px;
+    padding: 15px 20px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
@@ -20972 +20998 @@
 
   .theme-switcher .theme-switcher-button i {
-    font-size: 22px;
+    font-size: 30px;
     -webkit-animation-name: spin;
             animation-name: spin;
-    -webkit-animation-duration: 3000ms;
-            animation-duration: 3000ms;
+    -webkit-animation-duration: 2000ms;
+            animation-duration: 2000ms;
     -webkit-animation-iteration-count: infinite;
             animation-iteration-count: infinite;
@@ -20992 +21018 @@
   .app-block .app-content .theme-switcher .theme-switcher-panel .app-action {
     margin-bottom: 0;
-    border: 1px solid #0081ff;
+    border: 1px solid #2196F3;
     border-right: none;
     border-top-right-radius: 0;
@@ -21079 +21105 @@
   body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li:hover > button.btn .nav-link-icon,
   .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > button.btn .nav-link-icon {
-    stroke: #0081ff;
+    stroke: #2196F3;
   }
 
@@ -21116 +21142 @@
   .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > button.btn {
     background: none;
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -21171 +21197 @@
   .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn {
     border-radius: 5px;
-    background-color: #0081ff;
+    background-color: #2196F3;
     position: static;
   }
@@ -21182 +21208 @@
 
   body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover {
-    /*width: 320px;*/
+    width: 80px;
   }
 
@@ -21247 +21273 @@
     left: 0;
     opacity: 1;
+      width:80px;
   }
 
@@ -21259 +21286 @@
     right: 0;
     opacity: 1;
+      width: 80px;
   }
 
@@ -21375 +21403 @@
   body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li:hover > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li:hover > button.btn {
-    color: #0081ff !important;
+    color: #2196F3 !important;
   }
 
@@ -21408 +21436 @@
   body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -21434 +21462 @@
   body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li:hover > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li:hover > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -21446 +21474 @@
   body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -21452 +21480 @@
   body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -21489 +21517 @@
     bottom: 0;
     height: auto;
-    /*width: 320px;*/
+    width: 80px;
     background-color: white;
     z-index: 1000;
@@ -21516 +21544 @@
   body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.active.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -21560 +21588 @@
   body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -21570 +21598 @@
     display: block;
   }
+}
+
+body.semi-dark:not(.dark) .nicescroll-cursors {
+  background-color: rgba(255, 255, 255, 0.3) !important;
 }
 
@@ -21599 +21631 @@
 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -21648 +21680 @@
 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn:after,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn:after {
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
@@ -21678 +21710 @@
 
 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .dropdown-divider {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -21717 +21749 @@
 body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li.open > button.btn,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > button.btn {
-  color: #1a8eff;
+  color: #39a1f4;
 }
 
@@ -21729 +21761 @@
 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.active.btn {
-  color: #1a8eff;
+  color: #39a1f4;
 }
 
@@ -21738 +21770 @@
 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):focus {
-  color: #1a8eff;
+  color: #39a1f4;
 }
 
@@ -22008 +22040 @@
 .list-group .list-group-item.active {
   z-index: auto;
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -22050 +22082 @@
 .table-email-list .header form .input-group .input-group-append button.btn:focus,
 .header form .input-group .input-group-append .table-email-list button.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -22084 +22116 @@
 
 .list-group .list-group-item.active {
-  background: #0081ff;
+  background: #2196F3;
   border-color: transparent;
 }
@@ -22097 +22129 @@
 
 .nav-pills .nav-link.active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
 .nav-tabs .nav-link.active {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -22282 +22314 @@
 
 .header .avatar.avatar-state-success:before {
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
 .header .header-left {
-  /*width: 320px;*/
+  width: 80px;
   padding-left: 30px;
   display: -webkit-box;
@@ -22495 +22527 @@
   background-color: white;
   z-index: 998;
-  /*width: 320px;*/
+  width: 80px;
   box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
   position: fixed;
@@ -22546 +22578 @@
 .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:hover,
 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn:hover {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -22553 +22585 @@
 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.active.btn {
   color: white;
-  background-color: #0081ff;
-  box-shadow: 0px 5px 20px -14px #0081ff;
+  background-color: #2196F3;
+  box-shadow: 0px 5px 20px -14px #2196F3;
 }
 
@@ -22621 +22653 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -22627 +22659 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover .nav-link-icon,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover .nav-link-icon {
-  stroke: #0081ff;
+  stroke: #2196F3;
 }
 
@@ -22634 +22666 @@
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn {
   position: relative;
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 600;
-  background: rgba(0, 129, 255, 0.15);
+  background: rgba(33, 150, 243, 0.15);
   border-radius: 0.5rem;
   margin: 0 1rem;
@@ -22647 +22679 @@
   display: block;
   border: 6px solid transparent;
-  border-left-color: #0081ff;
+  border-left-color: #2196F3;
   margin-left: -12px;
   margin-right: 5px;
@@ -22718 +22750 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn {
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 600;
 }
@@ -22725 +22757 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn .nav-link-icon,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn .nav-link-icon {
-  stroke: #0081ff;
+  stroke: #2196F3;
 }
 
@@ -23004 +23036 @@
 body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -23056 +23088 @@
 
 body.dark .navigation .navigation-menu-body ul li .dropdown-divider {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -23133 +23165 @@
 
 body.dark .breadcrumb li.breadcrumb-item.active {
-  color: #339aff;
+  color: #51adf6;
 }
 
@@ -23169 +23201 @@
 body.dark .swal-modal input.swal-content__input:focus,
 .swal-modal body.dark input.swal-content__input:focus {
-  border-color: #0081ff !important;
+  border-color: #2196F3 !important;
 }
 
@@ -23549 +23581 @@
 body.dark .daterangepicker td.end-date {
   color: white;
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
@@ -23574 +23606 @@
 body.dark .daterangepicker td.available:hover,
 body.dark .daterangepicker th.available:hover {
-  background-color: #0081ff;
+  background-color: #2196F3;
   color: white;
 }
@@ -23662 +23694 @@
 body.dark .sidebar {
   background: #313852;
+}
+
+body.dark .nicescroll-cursors {
+  background-color: rgba(255, 255, 255, 0.15) !important;
 }
 
@@ -24039 +24075 @@
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn:hover {
     background: none;
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -24046 +24082 @@
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn {
     background: none;
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -24057 +24093 @@
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn {
     background: none;
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -24077 +24113 @@
   body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:hover,
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.btn:hover {
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -24083 +24119 @@
   body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.active.btn {
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -24089 +24125 @@
   body.dark.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
-    color: #339aff;
+    color: #51adf6;
   }
 }
@@ -24263 +24299 @@
     left: 0;
     opacity: 1;
+      width:80px;
   }
 
@@ -24557 +24594 @@
 
   .navigation {
-    width: 20%;
+    width: 75%;
   }
 
@@ -24571 +24608 @@
 
   .navigation {
-    width: 20%;
+    width: 85%;
   }
 }
@@ -24596 +24633 @@
 
 
+.toastjs-container{position:absolute;position:fixed;bottom:30px;left:30px;width:calc(100% - 60px);max-width:400px;transform:translateX(-150%);transition:transform 1s;z-index:100}.toastjs-container[aria-hidden=false]{transform:translateX(0)}.toastjs{background:#fff;padding:10px 15px 0;margin-left:50px;border-left-style:solid;border-left-width:5px;border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}.toastjs.default{border-left-color:#AAA}.toastjs.success{border-left-color:#2ECC40}.toastjs.warning{border-left-color:#FF851B}.toastjs.danger{border-left-color:#FF4136}.toastjs-btn{background:#f0f0f0;padding:5px 10px;border:0;border-radius:4px;font-family:'Source Sans Pro',sans-serif;font-size:14px;display:inline-block;margin-right:10px;margin-bottom:10px;cursor:pointer}.toastjs-btn--custom{background:#323232;color:#fff}.toastjs-btn:focus,.toastjs-btn:hover{outline:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}
 .layout-builder {
     position: fixed;