cronapp-framework-js 3.1.0 → 3.2.0

package/css/app.css

@@ -405,7 +405,12 @@ div.k-loading-pdf-mask > div.ng-scope.k-grid.k-widget.k-display-block.k-editable
     width: 100%;
 }
 
+.glyphicon-user {
+    margin-bottom: 3px;
+    gap: 3px;
+}
+
 .k-dropdown-wrap.k-state-focused {
     box-shadow: 0 0 4px 2px rgba(0, 123, 255, 0.5) !important;
     border-color: #80bdff !important;
-}
+}

package/css/themes/custom/dsgov/calendar-dsgov.css

@@ -108,6 +108,20 @@
     display: flex;
 }
 
+.modal *[id^="crn-datepicker"] .form-group label+div,
+.modal *[id^="crn-timepicker"] .form-group label+div,
+.modal *[id^="crn-datetimepicker"] .form-group label+div {
+    width: 275px;
+}
+
+@-moz-document url-prefix() {
+    .modal *[id^="crn-datepicker"] .form-group label+div,
+    .modal *[id^="crn-timepicker"] .form-group label+div,
+    .modal *[id^="crn-datetimepicker"] .form-group label+div {
+        width: 305px;
+    }
+}
+
 *[id^="crn-datepicker"] .form-group label+div input,
 *[id^="crn-timepicker"] .form-group label+div input,
 *[id^="crn-datetimepicker"] .form-group label+div input {
@@ -117,6 +131,20 @@
     background: transparent;
 }
 
+.modal *[id^="crn-datepicker"] .form-group label+div input,
+.modal *[id^="crn-timepicker"] .form-group label+div input,
+.modal *[id^="crn-datetimepicker"] .form-group label+div input {
+    width: 275px;
+}
+
+@-moz-document url-prefix() {
+    .modal *[id^="crn-datepicker"] .form-group label+div input,
+    .modal *[id^="crn-timepicker"] .form-group label+div input,
+    .modal *[id^="crn-datetimepicker"] .form-group label+div input {
+        width: 305px;
+    }
+}
+
 *[id^="crn-datepicker"] .form-group label+div::after,
 *[id^="crn-timepicker"] .form-group label+div::after,
 *[id^="crn-datetimepicker"] .form-group label+div::after {

package/css/themes/custom/krypton/custom-krypton.css

@@ -362,7 +362,7 @@
     --borderComboboxLight: linear-gradient(180deg, var(--colorLight40, #8da0b2) 0%, var(--colorLight70, #4d5861) 100%);
     --borderComboboxStable: linear-gradient(180deg, var(--colorStable40, #818181) 0%, var(--colorStable70, #3e4042) 100%);
     --borderComboboxRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1a2e43) 100%);
-    --borderComboboxDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);  
+    --borderComboboxDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);
 
     /* Components - Radio input */
     --optionDefault: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
@@ -409,7 +409,7 @@
     --borderPanelStable: transparent;
     --borderPanelRoyal: transparent;
     --borderPanelDark: transparent;
-/* === End - Variables used exclusively in the color palette property === */
+    /* === End - Variables used exclusively in the color palette property === */
 }
 
 /* Button */
@@ -575,7 +575,7 @@ div[data-component^='crn-textinputicon'] .k-button {
     color: var(--textColor60, #546270);
 }
 
-/* seta do modal do calendario */
+/* seta do modal do calendario */ 
 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
     border-bottom-color: var(--backgroundColor50, #121c25);
 }
@@ -600,7 +600,6 @@ div[data-component^='crn-textinputicon'] .k-button {
     color: var(--textColorDefault40, #f0f0f0);
     display: flex;
     justify-content: center;
-    width: 620px;
     align-items: center;
 }
 
@@ -619,12 +618,10 @@ input .k-textbox {
     color: var(--textColorDefault40, #f0f0f0);
 }
 
-.login-view .sign-up,
 .crn-anchor-signup-back,
 #crn-botao-cadastre {
     color: var(--textColorDefault40, #f0f0f0);
     display: block;
-    min-width: 600px;
     margin-bottom: 10px;
 }
 
@@ -848,7 +845,6 @@ div[data-component="crn-button"] {
     background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
     width: 136px;
     margin: auto;
-    margin-left: 240px;
     display: flex;
     border-radius: 30px;
     border: unset;
@@ -867,12 +863,10 @@ div[data-component="crn-button"] {
 .login-view .reset-password {
     text-align: end;
     width: 100%;
-    max-width: 600px;
-    right: 10px;
 }
 
 .login-view input.k-textbox {
-    width: 600px;
+    width: 100%;
 }
 
 .k-state-hover>.k-multiselect-wrap {
@@ -918,6 +912,10 @@ textarea.k-textbox {
     margin: 0;
     min-width: auto;
 }
+
+label.mandatory.ng-binding {
+    margin-top: 3px;
+}
 /*----End cookies----*/
 
 #crn-image-login img[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"],
@@ -1298,6 +1296,7 @@ btn k-button btn-block btn-default btn-fab {
     background: var(--colorDark40, #000000);
     color: var(--textColorDark40, #f0f0f0);
 }
+
 /* ---End variables checkbox--- */
 
 /*Agendador*/
@@ -1587,6 +1586,7 @@ body .k-datetimepicker .k-select,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active {
     background: var(--colorDanger60, #7e2121);
 }
+
 /* -----*/
 
 .k-event {
@@ -1698,6 +1698,12 @@ td.k-state-focused.k-state-selected .k-link {
     color: var(--colorPrimary70, #09467f);
 }
 
+.bootstrap-datetimepicker-widget table td.day:focus,
+.bootstrap-datetimepicker-widget table td.day:hover {
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
+    color: var(--textColorPrimary40, #f0f0f0);
+}
+
 .k-dropdown-wrap.k-state-focused {
     color: var(--textColorDefault40, #f0f0f0);
 }
@@ -1723,6 +1729,11 @@ td.k-state-focused.k-state-selected .k-link {
     background: var(--backgroundColor20, #a3a3a3);
     border-color: transparent;
 }
+
+td.k-state-focused.k-state-selected {
+    background: var(--backgroundColor20, #a3a3a3);
+    color: var(--textColorPrimary40, #f0f0f0);
+}
 /* --------*/
 
 .k-widget.k-multiselect.cronMultiSelect.k-multiselect-clearable {
@@ -1733,13 +1744,6 @@ td.k-state-focused.k-state-selected .k-link {
     border-radius: 0px;
 }
 
-/*Navegação Menu vertical*/
-.crn-navigator-vertical .navbar-default #navbar .navbar-nav li .dropdown-menu a {
-    background: var(--backgroundColor10, #f0f0f0);
-    color: var(--textColor70, #434343);
-    border-radius: 0px;
-}
-
 /*Arvore*/
 .k-treeview .k-in.k-state-selected {
     background: var(--backgroundColor30, #546270);
@@ -1764,6 +1768,14 @@ td.k-state-focused.k-state-selected .k-link {
     outline: 0
 }
 
+.k-treeview .k-in {
+    width: calc(100% - 20px);
+    padding: 5px 10px;
+    margin: 0;
+    font-family: var(--fontFamily, Arial, sans-serif);
+    color: var(--textColorDefault40, #f0f0f0);
+}
+
 /*Editar Série*/
 .k-button.k-scheduler-Editarsérie,
 .k-button.k-scheduler-Excluirsérie {
@@ -1801,63 +1813,73 @@ td.k-state-focused.k-state-selected .k-link {
 }
 
 /*Default*/
-.k-radio:checked+.k-radio-label:before,
-.option-default .k-radio:checked+.k-radio-label:before {
+.k-radio-label:after,
+.k-radio:checked+.k-radio-label:after,
+.option-default .k-radio-label:after,
+.option-default .k-radio:checked+.k-radio-label:after {
     background: var(--colorDefault40, #262c32);
     border-color: var(--colorDefault40, #262c32);
 }
 
 /*Primary*/
-.option-primary .k-radio-label:after, .option-primary .k-radio:checked+.k-radio-label:after {
+.option-primary .k-radio-label:after,
+.option-primary .k-radio:checked+.k-radio-label:after {
     background: var(--colorPrimary40, #197fdd);
     border-color: var(--colorPrimary40, #197fdd);
 }
 
 /*Success*/
-.option-success .k-radio-label:after, .option-success .k-radio:checked+.k-radio-label:after {
+.option-success .k-radio-label:after,
+.option-success .k-radio:checked+.k-radio-label:after {
     background: var(--colorSuccess40, #2ffc2b);
     border-color: var(--colorSuccess40, #2ffc2b);
 }
 
-
 /*Info*/
-.option-info .k-radio-label:after, .option-info .k-radio:checked+.k-radio-label:after {
+.option-info .k-radio-label:after,
+.option-info .k-radio:checked+.k-radio-label:after {
     background: var(--colorCalm40, #44e1d8);
     border-color: var(--colorCalm40, #44e1d8);
 }
 
 /*Warning*/
-.option-warning .k-radio-label:after, .option-warning .k-radio:checked+.k-radio-label:after {
+.option-warning .k-radio-label:after,
+.option-warning .k-radio:checked+.k-radio-label:after {
     background: var(--colorWarning40, #f58d11);
     border-color: var(--colorWarning40, #f58d11);
 }
 
 /*Danger*/
-.option-danger .k-radio-label:after, .option-danger .k-radio:checked+.k-radio-label:after {
+.option-danger .k-radio-label:after,
+.option-danger .k-radio:checked+.k-radio-label:after {
     background: var(--colorDanger40, #f03a3a);
     border-color: var(--colorDanger40, #f03a3a);
 }
 
 /*Light*/
-.option-light .k-radio-label:after, .option-light .k-radio:checked+.k-radio-label:after {
+.option-light .k-radio-label:after,
+.option-light .k-radio:checked+.k-radio-label:after {
     background: var(--colorLight40, #8da0b2);
     border-color: var(--colorLight40, #8da0b2);
 }
 
 /*Stable*/
-.option-stable .k-radio-label:after, .option-stable .k-radio:checked+.k-radio-label:after {
+.option-stable .k-radio-label:after,
+.option-stable .k-radio:checked+.k-radio-label:after {
     background: var(--colorStable40, #818181);
     border-color: var(--colorStable40, #818181);
 }
 
 /*Royal*/
-.option-royal .k-radio-label:after, .option-royal .k-radio:checked+.k-radio-label:after {
+.option-royal .k-radio-label:after,
+.option-royal .k-radio:checked+.k-radio-label:after {
     background: var(--colorRoyal40, #0e3760);
     border-color: var(--colorRoyal40, #0e3760);
 }
 
 /*Dark*/
-.option-dark .k-radio-label:after, .option-dark .k-radio:checked+.k-radio-label:after {
+.option-dark .k-radio-label:after,
+.option-dark .k-radio:checked+.k-radio-label:after {
     background: var(--colorDark40, #000000);
     border-color: var(--colorDark40, #000000);
 }

package/css/themes/custom/krypton/navbar-krypton.css

@@ -25,15 +25,32 @@
     text-transform: uppercase;
 }
 
-.navbar-default #navbar .navbar-nav li a:hover,
-.navbar-default #navbar2 .navbar-nav li a:hover,
+/*Navegação Menu vertical*/
+.crn-navigator-vertical .navbar-default #navbar .navbar-nav li .dropdown-menu a {
+    color: var(--textColor40, #f0f0f0);
+    background: var(--colorDefault40, #262c32);
+    border-radius: 0px;
+}
+
 .navbar-default #navbar .navbar-nav li .dropdown-menu li a:hover,
 .navbar-default #navbar2 .navbar-nav li .dropdown-menu li a:hover,
 .navbar-default .navbar-nav>.open>a,
 .navbar-default .navbar-nav>.open>a:focus,
 .navbar-default .navbar-nav>.open>a:hover {
     color: var(--textColor40, #f0f0f0);
-    background: var(--colorDefault40, #442b69);
+    background: var(--colorDefault40, #262c32);
+}
+
+.navbar-default #navbar .navbar-nav li a:hover,
+.navbar-default #navbar2 .navbar-nav li a:hover {
+    background: var( --backgroundColor30, #546270);
+    color: var(--textColorDefault40, #f0f0f0);
+}
+
+.crn-navigator-vertical.navbar-default #navbar .navbar-nav li .dropdown-menu a {
+    background: var(--backgroundColor10, #f0f0f0);
+    color: var(--textColorTexts, #14202a);
+    border-radius: 0px;
 }
 
 .navbar-default #navbar .navbar-nav li .dropdown-menu li a:hover,

package/css/themes/custom/nature/custom-nature.css

@@ -442,7 +442,8 @@ h6 {
     color: var(--colorPrimary40, #008aed);
 }
 
-.color-primary:focus, .color-primary:hover {
+.color-primary:focus,
+.color-primary:hover {
     color: var(--colorPrimary60, #2e3b85);
 }
 
@@ -450,7 +451,8 @@ h6 {
     color: var(--colorSuccess40, #10d13a);
 }
 
-.color-success:focus, .color-success:hover {
+.color-success:focus,
+.color-success:hover {
     color: var(--colorSuccess60, #0fa12f);
 }
 
@@ -490,7 +492,8 @@ h6 {
     color: var(--colorWarning40, #fd7903);
 }
 
-.color-warning:focus, .color-warning:hover {
+.color-warning:focus,
+.color-warning:hover {
     color: var(--colorWarning60, #e26b00);
 }
 
@@ -498,7 +501,8 @@ h6 {
     color: var(--colorDanger40, #b70002);
 }
 
-.color-danger:focus, .color-danger:hover {
+.color-danger:focus,
+.color-danger:hover {
     color: var(--colorDanger60, #a90002);
 }
 
@@ -506,7 +510,8 @@ h6 {
     color: var(--colorDark40, #111d23);
 }
 
-.color-dark:focus, .color-dark:hover {
+.color-dark:focus,
+.color-dark:hover {
     color: var(--colorDark60, #091115);
 }
 
@@ -605,6 +610,7 @@ textarea.k-textbox:hover {
     background: var(--colorDefault40, #336825);
     border-color: transparent;
     color: var(--textColorDefault40, #ffffff);
+    border-radius: 0px;
 }
 
 .k-button:focus:active {
@@ -918,7 +924,7 @@ button#modalTemplateCancel.btn.btn-secondary:focus {
     color: var(--textColorPrimary40, #ffffff);
     margin: 0 auto;
     display: block;
-    width: 165px; 
+    width: 165px;
 }
 
 .login-view .crn-button-signup-register:hover,
@@ -934,7 +940,7 @@ button#modalTemplateCancel.btn.btn-secondary:focus {
     color: var(--textColorWarning50, #ffffff);
     background: var(--colorWarning50, #d66602);
     border-color: transparent;
-}   
+}
 
 .login-view .sign-up {
     color: var(--textColorPrimary40, #ffffff);
@@ -967,7 +973,7 @@ button#modalTemplateCancel.btn.btn-secondary:focus {
 }
 
 /* Abas */
-.ctn-tab .nav-tabs li a{
+.ctn-tab .nav-tabs li a {
     background: var(--colorDefault40, #336825);
     color: var(--textColorDefault40, #ffffff);
 }
@@ -1096,17 +1102,22 @@ button#modalTemplateCancel.btn.btn-secondary:focus {
 }
 
 /* option - radio  */
-.k-radio-label:after, .k-radio:checked+.k-radio-label:after, .option-default .k-radio-label:after, .option-default .k-radio:checked+.k-radio-label:after {
+.k-radio-label:after,
+.k-radio:checked+.k-radio-label:after,
+.option-default .k-radio-label:after,
+.option-default .k-radio:checked+.k-radio-label:after {
     background: var(--colorDefault40, #336825);
     border-color: var(--colorDefault40, #336825);
 }
 
-.option-primary .k-radio-label:after, .option-primary .k-radio:checked+.k-radio-label:after {
+.option-primary .k-radio-label:after,
+.option-primary .k-radio:checked+.k-radio-label:after {
     background: var(--colorPrimary40, #008aed);
     border-color: var(--colorPrimary40, #008aed);
 }
 
-.option-success .k-radio-label:after, .option-success .k-radio:checked+.k-radio-label:after {
+.option-success .k-radio-label:after,
+.option-success .k-radio:checked+.k-radio-label:after {
     background: var(--colorSuccess40, #10d13a);
     border-color: var(--colorSuccess40, #10d13a);
 }
@@ -1165,22 +1176,26 @@ button#modalTemplateCancel.btn.btn-secondary:focus {
     border-color: var(--colorCalm40, #24a9c3);
 }
 
-.option-warning .k-radio-label:after, .option-warning .k-radio:checked+.k-radio-label:after {
+.option-warning .k-radio-label:after,
+.option-warning .k-radio:checked+.k-radio-label:after {
     background: var(--colorWarning40, #fd7903);
     border-color: var(--colorWarning40, #fd7903);
 }
 
-.option-danger .k-radio-label:after, .option-danger .k-radio:checked+.k-radio-label:after {
+.option-danger .k-radio-label:after,
+.option-danger .k-radio:checked+.k-radio-label:after {
     background: var(--colorDanger40, #b70002);
     border-color: var(--colorDanger40, #b70002);
 }
 
-.option-royal .k-radio-label:after, .option-royal .k-radio:checked+.k-radio-label:after {
+.option-royal .k-radio-label:after,
+.option-royal .k-radio:checked+.k-radio-label:after {
     background: var(--colorRoyal40, #111a47);
     border-color: var(--colorRoyal40, #111a47);
 }
 
-.option-dark .k-radio-label:after, .option-dark .k-radio:checked+.k-radio-label:after {
+.option-dark .k-radio-label:after,
+.option-dark .k-radio:checked+.k-radio-label:after {
     background: var(--colorDark40, #111d23);
     border-color: var(--colorDark40, #111d23);
 }
@@ -1348,7 +1363,9 @@ cron-calendar.k-calendar .k-header,
 .k-listview>.k-state-focused.k-state-selected,
 .k-state-selected td.k-state-focused,
 td.k-state-focused.k-state-selected {
+    background: var(--colorDefault30, #669a17);
     box-shadow: none;
+    border: none;
 }
 
 .k-calendar .k-content .k-state-hover .k-link {
@@ -1393,6 +1410,50 @@ td.k-state-focused.k-state-selected {
     color: var(--textoColorDefault40, #ffffff) !important;
 }
 
+.k-event.k-state-selected {
+    background: var(--colorDefault50, #234d18);
+    color: var(--textColorDefault50, #ffffff);
+    box-shadow: none;
+}
+
+.k-button .k-scheduler-savetimezone {
+    background: var(--colorPrimary40, #008aed);
+    color: var(--texColorDefault40, #ffffff);
+}
+
+.k-button .k-scheduler-savetimezone:hover {
+    background: var(--colorPrimary50, #006599);
+    color: var(--texColorDefault40, #ffffff);
+}
+
+.k-button .k-scheduler-savetimezone:active {
+    background: var(--colorPrimary60, #2e3b85);
+    color: var(--texColorDefault40, #ffffff);
+}
+
+.k-button.k-scheduler-Editarocorrênciaatual {
+    background: var(--colorPrimary40, #008aed);
+    color: var(--texColorDefault40, #ffffff);
+}
+
+.k-button.k-scheduler-Editarocorrênciaatual:hover {
+    background: var(--colorPrimary40, #008aed);
+    color: var(--texColorDefault40, #ffffff);
+    border-radius: 10px;
+}
+
+.k-button.k-scheduler-Editarocorrênciaatual:active {
+    background: var(--colorPrimary50, #006599);
+    color: var(--texColorDefault50, #ffffff);
+    border-radius: 10px;
+}
+
+.k-button.k-scheduler-Editarsérie:active {
+    background: var(--colorDefault50, #234d18);
+    color: var(--textColorDefault50, #ffffff);
+    border-radius: 10px;
+}
+
 /* Date */
 .bootstrap-datetimepicker-widget a[data-action],
 div[data-component^='crn-textinputicon'] .k-button {
@@ -1482,6 +1543,7 @@ div[data-component^='crn-textinputicon'] .k-button:active {
     color: var(--textColorDanger40, #ffffff);
     box-shadow: none;
 }
+
 /* Crud button */
 .active-bar .k-button.k-default,
 .active-bar .btn.btn-default {
@@ -1651,7 +1713,7 @@ td.k-today.k-nonwork-hour.k-state-selected-true {
 
 .k-scheduler-edit-form .k-edit-field .k-button {
     background: var(--colorDefault40, #336825);
-    border-radius:0;
+    border-radius: 0;
 }
 
 .k-calendar .k-link.k-nav-fast,
@@ -1663,13 +1725,13 @@ td.k-today.k-nonwork-hour.k-state-selected-true {
 
 .k-scheduler-edit-form .k-edit-field .k-button:hover {
     background: var(--colorDefault40, #336825);
-    border-radius:10px;
+    border-radius: 10px;
 }
 
 .k-scheduler-edit-form .k-edit-field .k-button:active,
 .k-scheduler-edit-form .k-edit-field .k-button:focus {
     background: var(--colorDefault50, #234d18);
-    border-radius:100px;
+    border-radius: 100px;
 }
 
 .k-edit-form-container .k-edit-buttons,
@@ -1777,6 +1839,7 @@ form-control k-textbox ng-pristine ng-valid ng-empty ng-valid-required ng-touche
     background: var(--colorDefault50, #234d18);
     border-color: transparent;
 }
+
 .combobox-primary .k-multiselect .k-button {
     background: var(--colorPrimary40, #008aed);
     color: var(--textColorPrimary40, #ffffff);
@@ -1835,7 +1898,8 @@ form-control k-textbox ng-pristine ng-valid ng-empty ng-valid-required ng-touche
     border-color: var(--colorDanger50, #8b0002);
 }
 
-.combobox-danger .k-multiselect .k-button.k-state-hover, .combobox-danger .k-multiselect .k-button {
+.combobox-danger .k-multiselect .k-button.k-state-hover,
+.combobox-danger .k-multiselect .k-button {
     border-color: var(--colorDanger50, #8b0002);
     background: var(--colorDanger40, #b70002);
     color: var(--textColorDanger40, #ffffff);
@@ -1995,7 +2059,8 @@ input.k-textbox:hover {
     border: 0;
 }
 
-.k-slider-horizontal .k-slider-selection, .k-slider-horizontal .k-slider-track {
+.k-slider-horizontal .k-slider-selection,
+.k-slider-horizontal .k-slider-track {
     height: 15px;
 }
 
@@ -2005,11 +2070,12 @@ input.k-textbox:hover {
 }
 
 .k-slider .k-button-increase,
-.k-slider .k-button-decrease  {
+.k-slider .k-button-decrease {
     width: 40px;
     height: 40px;
     margin-top: 0;
 }
+
 /*---------*/
 
 .k-widget.k-tooltip {
@@ -2033,7 +2099,7 @@ input.k-textbox:hover {
 }
 
 .carousel-indicators .active {
-    background: var(--colorDefault40, #336825); 
+    background: var(--colorDefault40, #336825);
 }
 
 .carousel-control.left {
@@ -2056,9 +2122,9 @@ input.k-textbox:hover {
 }
 
 .k-dialog-buttongroup.k-button {
-  background: var(--colorDanger40, #b70002);
-  color: var(--textColorDanger40, #ffffff);
-  box-shadow: none;
+    background: var(--colorDanger40, #b70002);
+    color: var(--textColorDanger40, #ffffff);
+    box-shadow: none;
 }
 
 .k-dialog-buttongroup .k-button.k-primary:active {
@@ -2109,14 +2175,29 @@ button.btn.k-button.btn-block.btn-danger.btn-fab:focus {
     border-radius: 30px;
 }
 
-.k-scheduler .k-scheduler-header th, .k-scheduler .k-scheduler-header-wrap, .k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-times, .k-scheduler .k-scheduler-times th, .k-scheduler .k-scheduler-times tr, cron-scheduler a.k-link, cron-scheduler .k-link:link, .k-scheduler-calendar .k-link:link, .k-scheduler-calendar .k-footer .k-nav-today:hover, .k-scheduler-calendar a.k-link, .k-scheduler-toolbar, .k-calendar .k-link {
+.k-scheduler .k-scheduler-header th,
+.k-scheduler .k-scheduler-header-wrap,
+.k-scheduler .k-scheduler-table td,
+.k-scheduler .k-scheduler-times,
+.k-scheduler .k-scheduler-times th,
+.k-scheduler .k-scheduler-times tr,
+cron-scheduler a.k-link,
+cron-scheduler .k-link:link,
+.k-scheduler-calendar .k-link:link,
+.k-scheduler-calendar .k-footer .k-nav-today:hover,
+.k-scheduler-calendar a.k-link,
+.k-scheduler-toolbar,
+.k-calendar .k-link {
     font-size: var(--textNormalSize, 14px);
     font-family: var(--fontFamily, "Arial", sans-serif);
     color: var(--textColor40, #0f2e07);
     border-color: var(--colorDefault40, #336825);
 }
 
-.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th,
+.table-bordered>tbody>tr>td,
+.table-bordered>tbody>tr>th,
+.table-bordered>thead>tr>td,
+.table-bordered>thead>tr>th,
 .k-grid tr td {
     background: var(--backgroundColor10, #ffffff);
     border: 1px solid #dcefdc;
@@ -2125,7 +2206,7 @@ button.btn.k-button.btn-block.btn-danger.btn-fab:focus {
 .table>caption+thead>tr:first-child>th,
 .table-bordered>tfoot>tr>th,
 .table-bordered>tfoot>tr>td,
-.table>tfoot>tr.info>th  {
+.table>tfoot>tr.info>th {
     background: var(--colorDefault40, #336825);
     color: var(--textColorDefault40, #ffffff);
 }

package/css/themes/custom/nature/grid-nature.css

@@ -183,10 +183,14 @@ thead.k-grid-header th.k-header:last-child,
     margin-bottom: 2px;
 }
 
-.k-grid tbody .k-button:hover,
-.k-grid tbody .k-button:focus {
-    background: var(--colorDefault20, #8fc63e);
-    color: var(--textColorPrimary40, #ffffff);
+.k-button.k-button-icontext.k-grid-cancel {
+    background: var(--colorDanger40, #b70002);
+}
+
+.k-button.k-button-icontext.k-grid-cancel:focus,
+.k-button.k-button-icontext.k-grid-cancel:hover {
+    background: var(--colorDanger50, #8b0002);
+     color: var(--textColorPrimary40, #ffffff);
     border-color: transparent;
 }