cronapp-framework-js 2.9.3-SP.6 → 2.9.4-RC.3

package/css/themes/custom/theme-general/modal.css

@@ -49,7 +49,13 @@
 
 .k-window {
   background: var(--backgroundColor40, #f1f1f1);
-  border: var(--backgroundColor50, #dfdfdf);
+  border: var(--backgroundColor50, #d3d3d3);
+  border-radius: var(--borderRadiusSmallest, 5px);
+}
+
+.k-dialog.k-dialog-titleless .k-content {
+  border-top-right-radius: var(--borderRadiusSmallest, 5px);
+  border-top-left-radius: var(--borderRadiusSmallest, 5px);
 }
 
 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
@@ -59,28 +65,51 @@
 }
 
 .k-dialog-buttongroup .k-button {
-  background: transparent;
-  color: var(--textColor40, #393939);
+  background: var(--colorStable50, #d9d9d9);
+  border-color: transparent;
+  color: var(--textColorStable40, #444444);
   box-shadow: none;
 }
 
 .k-dialog-buttongroup .k-button:focus,
 .k-dialog-buttongroup .k-button:hover {
-  background: var(--backgroundColor50, #d3d3d3);
-  color: var(--textColor40, #393939);
+  color: var(--textColorStable40, #444444);
+  background: var(--colorStable60, #b6b6b6);
+  border-color: transparent;
 }
 
 .k-dialog-buttongroup .k-button:focus span,
 .k-dialog-buttongroup .k-button:hover span,
 .k-dialog-buttongroup .k-button:focus i,
 .k-dialog-buttongroup .k-button:hover i {
-  color: var(--textColor40, #393939);
+  color: var(--textColorStable40, #444444);
 }
 
 .k-dialog .k-dialog-titlebar .k-dialog-title {
   font-size: large;
 }
 
+.k-dialog-buttongroup .k-button.k-danger {
+  background: var(--colorDanger40, #ce3a36);
+  border-color: transparent;
+  color: var(--textColorDanger40, #ffffff);
+  box-shadow: none;
+}
+
+.k-dialog-buttongroup .k-button.k-danger:focus,
+.k-dialog-buttongroup .k-button.k-danger:hover {
+  color: var(--textColorDanger40, #ffffff);
+  background: var(--colorDanger50, #b4332f);
+  border-color: transparent;
+}
+
+.k-dialog-buttongroup .k-button.k-danger:focus span,
+.k-dialog-buttongroup .k-button.k-danger:hover span,
+.k-dialog-buttongroup .k-button.k-danger:focus i,
+.k-dialog-buttongroup .k-button.k-danger:hover i {
+  color: var(--textColorDanger40, #444444);
+}
+
 /* modal mobile */
 .k-dialog-button-layout-stretched .k-primary:not(:hover):not(.k-state-hover):not(:active):not(.k-state-active) {
   color: var(--colorPrimary40, #5665be);

package/css/themes/custom/theme-general/scheduler.css

@@ -16,16 +16,17 @@ cron-scheduler .k-link:link,
     color: var(--textColor40, #393939);
 }
 
-.k-scheduler {
+.k-scheduler.k-widget {
     background: var(--backgroundColor40, #f1f1f1);
     color: var(--textColor40, #393939);
+    border-radius: var(--borderRadiusSmallest, 4px);
 }
 
 .k-window .k-window-titlebar.k-header {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
-    background: var(--backgroundColor40, #f1f1f1);
+    background: transparent;
     border-color: var(--colorDark10, #d9d9d9);
 }
 
@@ -33,7 +34,7 @@ cron-scheduler .k-link:link,
     font-size: var(--textBigSize, 30px);
 }
 
-.k-window{
+.k-window {
     border-radius: var(--borderRadiusSmallest, 5px);
     overflow: auto;
 }
@@ -61,48 +62,36 @@ cron-scheduler .k-link:link,
 .k-scheduler-table td,
 .k-scheduler-times,
 .k-scheduler-times th,
+.k-scheduler-times tr,
+.k-state-default,
+.k-scheduler-header th,
+.k-scheduler-header-wrap,
+.k-scheduler-times,
+.k-scheduler-times th,
 .k-scheduler-times tr {
     border-color: var(--backgroundColor60, #b1b1b1);
 }
 
-.k-scheduler-toolbar>ul>li {
-    background: var(--backgroundColor40, #f1f1f1);
-    border-color: var(--backgroundColor60, #b1b1b1);
-}
-
 .k-edit-form-container .k-edit-buttons {
     background: var(--backgroundColor40, #f1f1f1);
     border-color: var(--colorDark10, #d9d9d9);
 }
 
-.k-scheduler .k-scheduler-toolbar ul li.k-state-hover {
-    color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary60, #2e3b85);
-}
-
-.k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover a,
-.k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover {
-    background: var(--colorPrimary60, #2e3b85);
-    color: var(--textColorPrimary40, #ffffff);
-}
-
-.k-scheduler .k-state-selected>.k-link,
-.k-scheduler .k-scheduler-toolbar .k-state-selected,
-.k-scheduler .k-today.k-state-selected,
-.k-scheduler-navigation .k-nav-prev .k-link,
 .k-scheduler div.k-scheduler-footer .k-link,
 .k-scheduler div.k-scheduler-footer ul li {
-    background: var(--colorPrimary40, #5665be);
-    border-color: var(--backgroundColor60, #b1b1b1);
-    color: var(--textColorPrimary40, #ffffff);
+    border-radius: var(--borderRadiusSmallest, 5px);
+}
+
+.k-scheduler-footer .k-icon {
+    color: var(--textColorDefault40, #ffffff);
 }
 
 .k-scheduler-navigation .k-nav-prev .k-link:hover,
 .k-scheduler div.k-scheduler-footer .k-link:hover,
 .k-scheduler div.k-scheduler-footer ul li:hover {
-    color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary50, #37479e);
-    border-color: transparent;
+    color: var(--textColorDefault40, #ffffff);
+    background: var(--colorDefault50, #37479e);
+    border-color: var(--colorDefault50, #37479e);
     outline: none;
 }
 
@@ -121,19 +110,16 @@ cron-scheduler .k-link:link,
 .k-listview>.k-state-focused.k-state-selected,
 .k-state-selected td.k-state-focused,
 td.k-state-focused.k-state-selected {
-    box-shadow: inset 0 0 10px 3px var(--colorPrimary40, #5665be);
+    box-shadow: inset 0 0 10px 3px var(--colorDefault40, #3b448e);
     background: var(--colorNeutral00, #ffffff);
     color: var(--textColor40, #393939);
 }
 
+.k-scheduler-toolbar>ul .k-link,
 .k-calendar .k-state-selected.k-state-hover .k-link {
     color: var(--textColor40, #393939);
 }
 
-.k-calendar .k-today.k-state-selected {
-    background: var(--colorDefault10, #d8d9e3);
-}
-
 .k-event,
 .k-task-complete {
     background: var(--colorPrimary40, #5665be);
@@ -154,8 +140,263 @@ td.k-state-focused.k-state-selected {
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.k-event,
+.k-event .k-link,
+.k-more-events,
+.k-task-complete,
+.k-task-single {
+    border-radius: var(--borderRadiusSmallest, 5px);
+}
+
 .k-button.k-button-icon .k-icon,
 .k-window-title,
 .k-popup-message {
     color: var(--textColor40, #393939);
+}
+
+.k-scheduler-toolbar>ul li:first-child,
+.k-scheduler-toolbar>ul li:first-child .k-link,
+.k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li,
+.k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li .k-link {
+    border-radius: var(--borderRadiusSmallest, 5px) 0 0 var(--borderRadiusSmallest, 5px);
+}
+
+.k-grid-header:first-child,
+.k-grid-toolbar:first-child,
+.k-grid>.k-grouping-header,
+.k-scheduler>.k-scheduler-toolbar:first-child {
+    border-radius: var(--borderRadiusSmallest, 5px) var(--borderRadiusSmallest, 5px) 0 0;
+}
+
+.k-grid-pager,
+.k-scheduler-footer {
+    border-radius: 0 0 var(--borderRadiusSmallest, 5px) var(--borderRadiusSmallest, 5px);
+}
+
+.k-scheduler-toolbar .k-nav-next,
+.k-scheduler-toolbar .k-nav-next .k-link,
+.k-scheduler-toolbar ul+ul li:last-child,
+.k-scheduler-toolbar ul+ul li:last-child .k-link {
+    border-top-right-radius: var(--borderRadiusSmallest, 5px);
+    border-bottom-right-radius: var(--borderRadiusSmallest, 5px);
+}
+
+.k-scheduler-table .k-today,
+.k-today>.k-scheduler-datecolumn,
+.k-today>.k-scheduler-groupcolumn {
+    background: var(--colorDefault10, #f1f1f1)
+}
+
+.k-scheduler .k-scheduler-toolbar .k-state-selected .k-link,
+.k-scheduler .k-scheduler-toolbar .k-state-selected,
+.k-scheduler-navigation .k-nav-prev .k-link,
+.k-scheduler div.k-scheduler-footer .k-link,
+.k-scheduler div.k-scheduler-footer ul li {
+    background: var(--colorDefault40, #3b448e);
+    color: var(--textColorDefault40, #ffffff);
+    border-color: var(--colorDefault40, #3b448e);
+}
+
+.k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover a,
+.k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover,
+.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
+.k-scheduler .k-scheduler-toolbar ul li.k-state-hover .k-link {
+    background: var(--colorDefault60, #2b3268);
+    border-color: var(--colorDefault60, #2b3268);
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.k-scheduler div.k-scheduler-footer ul li {
+    border-color: var(--colorDefault40, #3b448e);
+}
+
+.k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link .k-icon,
+.k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link {
+    background: transparent;
+    color: var(--colorDefault40, #3b448e);
+}
+
+.k-scheduler-navigation .k-nav-prev,
+.k-scheduler .k-scheduler-toolbar .k-state-selected {
+    border-color: var(--colorDefault40, #3b448e);
+}
+
+.k-scheduler-navigation .k-nav-prev .k-link span,
+.k-scheduler-navigation .k-nav-next.k-state-hover .k-link span,
+.k-scheduler-navigation .k-nav-prev.k-state-hover .k-link span {
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.k-scheduler .k-today.k-state-selected div .k-icon.k-i-close,
+.k-scheduler .k-today.k-state-selected div {
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.k-calendar .k-today.k-state-selected {
+    background: var(--colorDefault10, #d8d9e3);
+    border-color: var(--colorDefault10, #d8d9e3);
+    color: var(--textColor40, #393939);
+    border-radius: var(--borderRadiusSmallest, 5px);
+}
+
+.k-scheduler .k-scheduler-table .k-state-selected td,
+.k-scheduler-table .k-state-selected div,
+.k-scheduler-table .k-state-selected {
+    box-shadow: none;
+    background: var(--colorDefault40, #3b448e);
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.k-scheduler-table .k-state-selected div .k-icon {
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.k-scheduler-agendaview .k-scheduler-table .k-state-selected td.k-first {
+    background: transparent;
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.k-scheduler-layout.k-scheduler-monthview .k-scheduler-table .k-other-month {
+    background: var(--backgroundColor20, #f8f8f8);
+}
+
+.k-scheduler div.k-scheduler-toolbar>ul>li.k-nav-current {
+    box-shadow: none;
+}
+
+.k-calendar-container>.k-calendar .k-other-month {
+    opacity: .6;
+}
+
+.k-scheduler .k-header.k-scheduler-toolbar,
+.k-scheduler .k-header.k-scheduler-toolbar .k-header,
+.k-scheduler .k-header.k-scheduler-footer,
+.k-scheduler .k-header.k-scheduler-footer .k-header {
+    background: var(--backgroundColor20, #f8f8f8);
+}
+
+.k-scheduler-layout.k-scheduler-monthview .k-scheduler-table .k-other-month.k-state-selected {
+    background: var(--colorDefault40, #3b448e);
+    border-color: var(--colorDefault40, #3b448e);
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.k-scheduler-layout.k-scheduler-monthview .k-scheduler-table .k-other-month.k-state-selected .k-link,
+.k-scheduler-layout.k-scheduler-monthview .k-scheduler-table .k-other-month.k-state-selected,
+.k-event .k-event-actions .k-icon {
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.k-scheduler-agendaview .k-scheduler-table tr.k-state-hover .k-state-selected,
+.k-scheduler .k-today.k-state-selected,
+.k-state-selected {
+    background: var(--colorDefault40, #3b448e);
+    border-color: var(--textColorDefault40, #ffffff);
+    color: var(--textColorDefault40, #ffffff);
+}
+
+/* botão de navegação  */
+.k-scheduler .k-scheduler-navigation .k-header .k-nav-today .k-link,
+.k-scheduler .k-scheduler-navigation .k-header .k-nav-next .k-link,
+.k-scheduler-toolbar>ul>li {
+    background: var(--backgroundColor40, #f1f1f1);
+    border-color: var(--backgroundColor60, #b1b1b1);
+}
+
+.k-scheduler-datecolumn,
+.k-scheduler-groupcolumn {
+    background: #fff;
+}
+
+.k-scheduler-edit-form .k-edit-field .k-check {
+    margin-right: 8px;
+    text-align: center;
+}
+
+.k-edit-field>ul.k-reset .k-datepicker,
+.k-edit-field>ul.k-reset .k-dropdown,
+div[name=recurrenceRule]>.k-dropdown {
+    width: 50%;
+}
+
+.k-scheduler-edit-form .k-edit-field .k-reset label {
+    display: flex;
+    gap: 5px;
+    align-content: center;
+}
+
+.k-scheduler .k-header.k-scheduler-toolbar .k-link {
+    border-radius: 0;
+}
+
+@media only screen and (max-width: 1024px) {
+
+    .k-scheduler-footer .k-icon,
+    .k-scheduler-toolbar .k-i-calendar,
+    .k-webkit .k-scheduler-toolbar ul.k-scheduler-views li.k-current-view:hover .k-link {
+        color: var(--textColorDefault40);
+    }
+
+    .k-webkit .k-scheduler-toolbar ul.k-scheduler-views li.k-current-view {
+        background: var(--colorDefault40, #3b448e);
+        border-color: var(--colorDefault40, #3b448e);
+        color: var(--textColorDefault40, #ffffff);
+        border-radius: var(--borderRadiusSmallest, 5px);
+    }
+
+    .k-webkit .k-scheduler-toolbar ul.k-scheduler-views.k-state-expanded li.k-current-view {
+        background: var(--colorPrimary40, #5665be);
+        border-color: var(--colorPrimary40, #5665be);
+        color: var(--textColorPrimary40, #ffffff);
+    }
+
+
+    .k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded {
+        border-color: var(--colorDefault40, #3b448e);
+        background: var(--backgroundColor40);
+        color: var(--textColor40, #393939);
+    }
+
+    .k-scheduler .k-header.k-scheduler-toolbar,
+    .k-scheduler .k-header.k-scheduler-toolbar .k-header,
+    .k-scheduler .k-header.k-scheduler-footer,
+    .k-scheduler .k-header.k-scheduler-footer .k-header {
+        background: var(--colorDefault40, #3b448e);
+        color: var(--textColorDefault40, #ffffff);
+        border: 0;
+        box-shadow: none;
+    }
+
+    .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link .k-icon,
+    .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link,
+    .k-scheduler-navigation .k-nav-next .k-icon,
+    .k-scheduler-toolbar>ul .k-link,
+    .k-calendar .k-state-selected.k-state-hover .k-link,
+    .k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,
+    .k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,
+    .k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,
+    .k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,
+    .k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link {
+        color: var(--textColorDefault40, #ffffff);
+    }
+
+    .k-scheduler-navigation .k-nav-prev .k-link,
+    .k-scheduler .k-scheduler-toolbar .k-state-selected .k-link,
+    .k-scheduler-navigation .k-nav-prev .k-link,
+    .k-scheduler div.k-scheduler-footer .k-link,
+    .k-scheduler div.k-scheduler-footer ul li {
+        background: transparent;
+        color: var(--textColorDefault40, #ffffff);
+    }
+
+    .k-scheduler .k-scheduler-toolbar .k-scheduler-views .k-link {
+        color: var(--textColor40, #393939);
+    }
+
+    .k-scheduler .k-scheduler-toolbar .k-state-selected {
+        background: var(--backgroundColor50, #d3d3d3);
+        color: var(--textColor40, #393939);
+        border: 0;
+        box-shadow: none;
+    }
 }

package/css/themes/custom/theme-general/slider.css

@@ -6,8 +6,8 @@
 .k-slider .k-draghandle,
 .k-slider .k-draghandle.k-state-focused,
 .k-slider .k-draghandle.k-state-focused:link {
-    background: var(--colorPrimary40, #5665be);
-    border-color: var(--colorPrimary40, #5665be);
+    background: var(--colorDefault40, #3b448e);
+    border-color: var(--colorDefault40, #3b448e);
     box-shadow: none;
 }
 
@@ -32,7 +32,8 @@ div[data-component^='crn-slider'] .form-control {
 }
 
 .k-slider .k-button span {
-    font-size: var(--textBigSize, 18px);
+    font-size: var(--textMediumSize, 18px);
+    margin-top: -3px;
 }
 
 .k-draghandle.k-state-focused,

package/css/themes/custom/theme-general/table-grid.css

@@ -11,7 +11,7 @@
 }
 
 .k-grid table {
-    color: var(--textColor70, #1f1f1f);
+    color: var(--textColor40, #393939);
 }
 
 .k-grid tr td {
@@ -39,6 +39,10 @@ form.k-filter-menu .k-textbox {
     color: var(--textColor40, #393939);
 }
 
+.k-grid-header th.k-header .k-icon {
+    opacity: 0.6
+}
+
 .k-grid-header th.k-header:focus,
 .k-grid-header th.k-header:hover,
 .k-grid-header th.k-header:focus .k-link,
@@ -60,7 +64,6 @@ form.k-filter-menu .k-textbox {
     padding: 8px 16px;
 }
 
-
 .k-state-selected,
 .k-state-selected:link,
 .k-state-selected:visited,
@@ -89,6 +92,7 @@ form.k-filter-menu .k-textbox {
 .k-grid td.k-state-selected:hover,
 .k-grid tr.k-state-selected:hover td {
     background: var(--colorDefault40, #3b448e);
+    color: var(--textColorDefault40);
 }
 
 .k-listbox .k-item,
@@ -101,9 +105,24 @@ form.k-filter-menu .k-textbox {
     color: var(--textColor70, #1f1f1f);
 }
 
+.k-grid {
+    border-radius: var(--borderRadiusSmallest, 2px);
+}
+
+.k-grid>.k-grouping-header,
+.k-grid-pager {
+    border-radius: var(--borderRadiusSmallest, 2px) var(--borderRadiusSmallest, 2px) 0 0;
+}
+
+.k-grid-pager {
+    padding: 10px;
+    border-width: 1px 0 0;
+}
+
 .k-list>.k-state-hover,
 .k-popup .k-list .k-state-focused {
     box-shadow: inset 0 0 2px 0 var(--colorDefault30, #8689af), inset 0 0 7px 0 var(--colorDefault40, #3b448e);
+    border-radius: var(--borderRadiusSmallest, 2px);
 }
 
 .k-grid tbody td>.k-grid-delete {
@@ -165,6 +184,10 @@ form.k-filter-menu .k-textbox {
     box-shadow: none;
 }
 
+.k-grid .k-grid-header .k-header div {
+    padding: 7px 0;
+}
+
 /* Pagination - Grid */
 
 .k-pager-wrap .k-link.k-pager-last,
@@ -186,4 +209,117 @@ form.k-filter-menu .k-textbox {
     box-shadow: none;
     border-color: var(--colorDefault20, #b3b5ca);
     border-width: 1px 0 1px 0;
+    border-radius: 50%;
+}
+
+.table-bordered,
+.table-bordered>tbody>tr>td,
+.table-bordered>tbody>tr>th,
+.table-bordered>tfoot>tr>td,
+.table-bordered>tfoot>tr>th,
+.table-bordered>thead>tr>td,
+.table-bordered>thead>tr>th {
+    border: 1px solid var(--colorDark10, #d9d9d9);
+}
+
+.k-pager-wrap .k-link.k-pager-nav {
+    background: transparent;
+    border: 0;
+}
+
+.k-pager-wrap .k-link {
+    border-radius: 50%;
+    border: 0;
+}
+
+.k-block,
+.k-widget {
+    background: var(--backgroundColor40, #f1f1f1);
+}
+
+
+@media only screen and (max-width: 1024px) {
+
+    .k-edge .k-pager-numbers .k-current-page .k-link,
+    .k-ff .k-pager-numbers .k-current-page .k-link,
+    .k-ie11 .k-pager-numbers .k-current-page .k-link,
+    .k-safari .k-pager-numbers .k-current-page .k-link,
+    .k-webkit .k-pager-numbers .k-current-page .k-link {
+        background: var(--colorPrimary40, #5665be);
+        color: var(--textColorPrimary40, #ffffff);
+        border-color: var(--colorPrimary40, #5665be);
+        border-radius: var(--borderRadiusSmallest, 5px);
+        min-width: 2.3em;
+    }
+
+    .k-edge .k-widget.k-grid .k-pager-nav+.k-pager-numbers,
+    .k-ff .k-widget.k-grid .k-pager-nav+.k-pager-numbers,
+    .k-ie11 .k-widget.k-grid .k-pager-nav+.k-pager-numbers,
+    .k-safari .k-widget.k-grid .k-pager-nav+.k-pager-numbers,
+    .k-webkit .k-widget.k-grid .k-pager-nav+.k-pager-numbers {
+        z-index: 99;
+    }
+
+    .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link,
+    .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
+    .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
+    .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link,
+    .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
+        border-radius: 0 0 var(--borderRadiusSmallest, 5px) var(--borderRadiusSmallest, 5px)
+    }
+
+    .k-edge .k-pager-numbers .k-current-page .k-link:hover,
+    .k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,
+    .k-ff .k-pager-numbers .k-current-page .k-link:hover,
+    .k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,
+    .k-ie11 .k-pager-numbers .k-current-page .k-link:hover,
+    .k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,
+    .k-safari .k-pager-numbers .k-current-page .k-link:hover,
+    .k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,
+    .k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover {
+        border-color: var(--colorDefault60, #2b3268);
+        background: var(--colorDefault60, #2b3268);
+    }
+
+    .k-grid-header th.k-header a {
+        padding: 12px 0;
+        padding-right: 6px;
+    }
+
+    .k-grid .k-pager-numbers .k-link:link,
+    .k-grid .k-pager-numbers .k-link:visited,
+    .k-grid .k-pager-numbers .k-nav-current.k-state-hover .k-link,
+    .k-pager-wrap>.k-link>.k-icon {
+        color: var(--textColor40, #393939);
+    }
+
+    .k-grid .k-pager-numbers .k-state-selected {
+        background: var(--colorPrimary40, #5665be);
+        color: var(--textColorPrimary40, #ffffff);
+        border-color: var(--colorPrimary40, #5665be);
+    }
+
+    .k-pager-wrap .k-link.k-pager-last,
+    .k-pager-wrap .k-pager-nav,
+    .k-pager-wrap .k-pager-numbers .k-link,
+    .k-pager-wrap .k-pager-numbers .k-state-selected,
+    .k-pager-wrap>.k-link {
+        border-color: transparent;
+        border: 0;
+        box-shadow: none;
+    }
+
+    .k-pager-wrap .k-link.k-pager-nav,
+    .k-edge .k-pager-nav.k-pager-first+.k-link,
+    .k-ff .k-pager-nav.k-pager-first+.k-link,
+    .k-ie11 .k-pager-nav.k-pager-first+.k-link,
+    .k-safari .k-pager-nav.k-pager-first+.k-link,
+    .k-webkit .k-pager-nav.k-pager-first+.k-link,
+    .k-pager-wrap .k-link.k-pager-last,
+    .k-pager-wrap .k-pager-nav {
+        border-radius: 50%;
+        box-shadow: none;
+        border: none;
+    }
+
 }

package/css/themes/custom/theme-general/tabs.css

@@ -6,6 +6,7 @@
 
 .ctn-tab .nav-tabs {
     border-bottom: 1px solid var(--colorNeutral30, #D5D5D5);
+    margin-bottom: 15px;
 }
 
 .ctn-tab .nav-tabs li {
@@ -21,9 +22,9 @@
 .ctn-tab .nav-tabs li.active {
     background: transparent;
     border: 1px solid var(--colorNeutral30, #D5D5D5);
-    border-bottom: 1px solid var(--colorNeutral00, #ffffff);
+    border-bottom: 1px solid var(--backgroundColor40, #f1f1f1);
     bottom: 1px;
-    border-radius: 4px 4px 0 0;
+    border-radius: var(--borderRadiusSmallest, 5px) var(--borderRadiusSmallest, 5px) 0 0;
 }
 
 .ctn-tab .nav-tabs li a {