cronapp-framework-js 2.9.2 → 2.9.3

package/css/themes/custom/sandstone/custom-sandstone.css

@@ -267,6 +267,7 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
+    /* === Variables used exclusively in the color palette property === */
     /* Components - Button */
     --btnLink: var(--colorSuccess40, #93c54b);
     --btnDefault: var(--colorDefault40, #3e3f3a);
@@ -280,6 +281,29 @@
     --btnRoyal: var(--colorRoyal40, #886aea);
     --btnDark: var(--colorDark40, #3e3f3a);
 
+    --textColorDefault: var(--textColorDefault40, #ffffff);
+    --textColorPrimary: var(--textColorPrimary40, #ffffff);
+    --textColorSuccess: var(--textColorSuccess40, #ffffff);
+    --textColorCalm: var(--textColorCalm40, #ffffff);
+    --textColorWarning: var(--textColorWarning40, #ffffff);
+    --textColorDanger: var(--textColorDanger40, #ffffff);
+    --textColorLight: var(--textColorLight40, #000000);
+    --textColorStable: var(--textColorStable40, #444444);
+    --textColorRoyal: var(--textColorRoyal40, #ffffff);
+    --textColorDark: var(--textColorDark40, #ffffff);
+
+    --borderBtnLink: transparent;
+    --borderBtnDefault: transparent;
+    --borderBtnPrimary: transparent;
+    --borderBtnSuccess: transparent;
+    --borderBtnCalm: transparent;
+    --borderBtnWarning: transparent;
+    --borderBtnDanger: transparent;
+    --borderBtnLight: transparent;
+    --borderBtnStable: transparent;
+    --borderBtnRoyal: transparent;
+    --borderBtnDark: transparent;
+
     /* Components - Text color */
     --colorDefault: var(--colorDefault40, #3e3f3a);
     --colorPrimary: var(--colorPrimary40, #325d88);
@@ -304,6 +328,17 @@
     --checkboxRoyal: var(--colorRoyal40, #886aea);
     --checkboxDark: var(--colorDark40, #3e3f3a);
 
+    --borderCheckboxDefault: var(--colorDefault40, #3e3f3a);
+    --borderCheckboxPrimary: var(--colorPrimary40, #325d88);
+    --borderCheckboxSuccess: var(--colorSuccess40, #93c54b);
+    --borderCheckboxCalm: var(--colorCalm40, #29abe0);
+    --borderCheckboxWarning: var(--colorWarning40, #f47c3c);
+    --borderCheckboxDanger: var(--colorDanger40, #d9534f);
+    --borderCheckboxLight: var(--colorLight50, #d9d7d2);
+    --borderCheckboxStable: var(--colorStable50, #d9d9d9);
+    --borderCheckboxRoyal: var(--colorRoyal40, #886aea);
+    --borderCheckboxDark: var(--colorDark40, #3e3f3a);
+
     /* Components - Combobox */
     --comboboxDefault: var(--colorDefault40, #3e3f3a);
     --comboboxPrimary: var(--colorPrimary40, #325d88);
@@ -316,6 +351,17 @@
     --comboboxRoyal: var(--colorRoyal40, #886aea);
     --comboboxDark: var(--colorDark40, #3e3f3a);
 
+    --borderComboboxDefault: var(--colorDefault50, #363733);
+    --borderComboboxPrimary: var(--colorPrimary50, #2c5177);
+    --borderComboboxSuccess: var(--colorSuccess50, #81ac42);
+    --borderComboboxCalm: var(--colorCalm50, #2496c4);
+    --borderComboboxWarning: var(--colorWarning50, #d66d35);
+    --borderComboboxDanger: var(--colorDanger50, #be4945);
+    --borderComboboxLight: var(--colorLight50, #d9d7d2);
+    --borderComboboxStable: var(--colorStable50, #d9d9d9);
+    --borderComboboxRoyal: var(--colorRoyal50, #775dcd);
+    --borderComboboxDark: var(--colorDark50, #363733);
+
     /* Components - Radio input */
     --optionDefault: var(--colorDefault40, #3e3f3a);
     --optionPrimary: var(--colorPrimary40, #325d88);
@@ -328,6 +374,17 @@
     --optionRoyal: var(--colorRoyal40, #886aea);
     --optionDark: var(--colorDark40, #3e3f3a);
 
+    --borderOptionDefault: var(--colorDefault40, #3e3f3a);
+    --borderOptionPrimary: var(--colorPrimary40, #325d88);
+    --borderOptionSuccess: var(--colorSuccess40, #93c54b);
+    --borderOptionCalm: var(--colorCalm40, #29abe0);
+    --borderOptionWarning: var(--colorWarning40, #f47c3c);
+    --borderOptionDanger: var(--colorDanger40, #d9534f);
+    --borderOptionLight: var(--colorLight50, #d9d7d2);
+    --borderOptionStable: var(--colorStable50, #d9d9d9);
+    --borderOptionRoyal: var(--colorRoyal40, #886aea);
+    --borderOptionDark: var(--colorDark40, #3e3f3a);
+
     /* Components - Panel */
     --panelDefault: var(--colorPrimary40, #325d88);
     --panelPrimary: var(--colorLight40, #f8f5f0);
@@ -339,6 +396,19 @@
     --panelStable: var(--colorStable50, #d9d9d9);
     --panelRoyal: var(--colorRoyal40, #886aea);
     --panelDark: var(--colorDark40, #3e3f3a);
+
+    --borderPanelDefault: var(--colorPrimary40, #325d88);
+    --borderPanelPrimary: var(--colorLight50, #d9d7d2);
+    --borderPanelSuccess: var(--colorSuccess40, #93c54b);
+    --borderPanelCalm: var(--colorCalm40, #29abe0);
+    --borderPanelWarning: var(--colorWarning40, #f47c3c);
+    --borderPanelDanger: var(--colorDanger40, #d9534f);
+    --borderPanelLight: var(--colorLight40, #f8f5f0);
+    --borderPanelStable: var(--colorStable50, #d9d9d9);
+    --borderPanelRoyal: var(--colorRoyal40, #886aea);
+    --borderPanelDark: var(--colorDark40, #3e3f3a);
+
+    /* === End - Variables used exclusively in the color palette property === */
 }
 
 h1,
@@ -477,21 +547,23 @@ h1,
 /* Page login */
 .bg,
 .siginPanel,
-.bg-login #container-second,
 .login-view {
     background: var(--backgroundLogin40, #ffffff);
 }
 
-.bg-login #container-second h1,
-.bg-login #container-second p {
-    color: var(--textColorPrimary40, #ffffff);
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #b1bac8), var(--colorPrimary30, #8394ab), var(--colorPrimary40, #325d88), var(--colorPrimary50, #2c5177), var(--colorPrimary60, #254464));
 }
 
-#crn-anchor-signupback,
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #3e3f3a);
+.bg-login #container-first {
+    background: transparent;
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    border-color: var(--textColorDefault30, #dfdfdf);
+}
+
+.bg-login2 #container-first {
+    border-width: 0;
 }
 
 .bg-login #container-first .btn-login-mutual,
@@ -610,22 +682,6 @@ a:hover {
     color: var(--textColorPrimary40, #ffffff);
 }
 
-/* crn-upload */
-div[data-component="crn-upload"] .btn-default {
-    background: var(--colorPrimary40, #3e3f3a);
-    border-color: transparent;
-    color: var(--textColorPrimary40, #ffffff);
-}
-
-div[data-component="crn-upload"] .btn-default.active,
-div[data-component="crn-upload"] .btn-default:active,
-div[data-component="crn-upload"] .btn-default:hover {
-    color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary50, #2c5177);
-    border-color: transparent;
-    outline: none;
-}
-
 /* Agendador */
 .k-scheduler,
 .k-scheduler-toolbar>ul>li,
@@ -660,19 +716,6 @@ div[data-component="crn-upload"] .btn-default:hover {
     outline: none;
 }
 
-.k-edit-form-container .k-edit-buttons .k-primary {
-    background: var(--colorSuccess40, #93c54b);
-    border-color: transparent;
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
-    color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess50, #81ac42);
-    border-color: transparent;
-    outline: none;
-}
-
 .k-scheduler-navigation .k-link {
     background: var(--backgroundColor40, #ffffff);
     color: var(--colorPrimary40, #3e3f3a);
@@ -758,19 +801,6 @@ td.k-state-focused {
     background: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
-    background: var(--colorDanger40, #ef473a);
-    border-color: transparent;
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
-    color: var(--textColorDanger40, #ffffff);
-    background: var(--colorDanger50, #d13e33);
-    border-color: transparent;
-    outline: none;
-}
-
 .k-scheduler .k-state-selected>.k-link {
     background: transparent;
     border-color: transparent;
@@ -989,4 +1019,30 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--backgroundColor40, #ffffff);
+}
+
+/* Input with icon */
+.layout-template-modern {
+    background: transparent;
+    border-radius: var(--borderRadiusSmallest, 4px);
+    padding: 0;
+    border: 1px solid var(--colorDefault10, #d8d8d8);
+}
+
+.layout-template-modern:focus-within {
+    background: transparent;
+    border-color: var(--colorDefault10, #d8d8d8);
+    outline: 0;
+}
+
+.layout-template-modern input.k-textbox:hover,
+.layout-template-modern input.k-textbox {
+    padding-left: 0;
+    box-shadow: none;
+}
+
+.layout-template-modern .k-button,
+.layout-template-modern .k-button:hover {
+    border: 0;
+    color: var(--colorDefault40, #3b448e);
 }

package/css/themes/custom/sandstone/panel-sandstone.css

@@ -21,11 +21,11 @@
 }
 
 /* Primary */
-
+.panel-primary .panel-footer,
 .panel-primary>.panel-heading {
     color: var(--textColor40, #3e3f3a);
     background: var(--colorLight40, #f8f5f0);
-    border-color: transparent;
+    border-color: var(--colorLight50, #d9d7d2);
 }
 
 .panel-primary {

package/css/themes/custom/simplex/button-simplex.css

@@ -1,3 +1,7 @@
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .btn,
 .k-button {
     background: var(--colorDefault40, #474949);
@@ -51,6 +55,8 @@
 }
 
 /* Primary */
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
 .k-button.k-primary,
 .btn.btn-primary {
     background: linear-gradient(var(--colorPrimary40, #d9230f), var(--colorPrimary40, #d9230f) 6%, var(--colorPrimary50, #be1f0d));
@@ -58,6 +64,10 @@
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button:hover,
+.k-edit-form-container .k-edit-buttons .k-primary:hover,
+.k-scheduler-edit-form .k-edit-field .k-button:focus,
+.k-edit-form-container .k-edit-buttons .k-primary:focus,
 .k-button.k-primary:focus,
 .k-button.k-primary:hover,
 .btn.btn-primary:focus,
@@ -66,6 +76,8 @@
     background: var(--colorPrimary60, #9f1a0b);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button:active,
+.k-edit-form-container .k-edit-buttons .k-primary:active,
 .k-button.k-primary.active,
 .k-button.k-primary:active,
 .btn.btn-primary.active,
@@ -78,7 +90,7 @@
 .k-button.k-success,
 .btn.btn-success {
     background: linear-gradient(var(--colorSuccess40, #469408), var(--colorSuccess40, #469408) 6%, var(--colorSuccess50, #3d8207));
-    border-color: var(--colorSuccess40, #469408);
+    border-color: var(--colorSuccess60, #336c06);
     color: var(--textColorSuccess40, #ffffff);
 }
 
@@ -123,6 +135,8 @@
 }
 
 /* Danger */
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .k-button.k-danger,
 .btn.btn-danger {
     background: linear-gradient(var(--colorDanger40, #d9831f), var(--colorDanger40, #d9831f) 6%, var(--colorDanger50, #be731b));
@@ -130,6 +144,10 @@
     color: var(--textColorDanger40, #ffffff);
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:focus,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:focus,
 .k-button.k-danger:focus,
 .k-button.k-danger:hover,
 .btn.btn-danger:focus,
@@ -138,6 +156,8 @@
     background: var(--colorDanger60, #9f6017);
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,
 .k-button.k-danger.active,
 .k-button.k-danger:active,
 .btn.btn-danger.active,

package/css/themes/custom/simplex/custom-simplex.css

@@ -266,6 +266,7 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
+    /* === Variables used exclusively in the color palette property === */
     /* Components - Button */
     --btnLink: var(--colorPrimary40, #d9230f);
     --btnDefault: var(--colorDefault40, #474949);
@@ -275,10 +276,33 @@
     --btnWarning: var(--colorWarning40, #9b479f);
     --btnDanger: var(--colorDanger40, #d9831f);
     --btnLight: var(--colorLight40, #ffffff);
-    --btnStable: var(--colorStable40, #b2b2b2);
+    --btnStable: var(--colorStable40, #f8f8f8);
     --btnRoyal: var(--colorRoyal40, #886aea);
     --btnDark: var(--colorDark40, #373a3c);
 
+    --textColorDefault: var(--textColorDefault40, #ffffff);
+    --textColorPrimary: var(--textColorPrimary40, #ffffff);
+    --textColorSuccess: var(--textColorSuccess40, #ffffff);
+    --textColorCalm: var(--textColorCalm40, #ffffff);
+    --textColorWarning: var(--textColorWarning40, #ffffff);
+    --textColorDanger: var(--textColorDanger40, #ffffff);
+    --textColorLight: var(--textColorLight40, #000000);
+    --textColorStable: var(--textColorStable40, #444444);
+    --textColorRoyal: var(--textColorRoyal40, #ffffff);
+    --textColorDark: var(--textColorDark40, #ffffff);
+
+    --borderBtnLink: transparent;
+    --borderBtnDefault: var(--colorDefault60, #343535);
+    --borderBtnPrimary: var(--colorPrimary60, #9f1a0b);
+    --borderBtnSuccess: var(--colorSuccess40, #469408);
+    --borderBtnCalm: var(--colorCalm60, #017198);
+    --borderBtnWarning: var(--colorWarning60, #723474);
+    --borderBtnDanger: var(--colorDanger60, #9f6017);
+    --borderBtnLight: var(--colorLight50, #dfdfdf);
+    --borderBtnStable: var(--colorStable60, #b6b6b6);
+    --borderBtnRoyal: var(--colorRoyal60, #644eab);
+    --borderBtnDark: var(--colorDark60, #282a2c);
+
     /* Components - Text color */
     --colorDefault: var(--colorDefault40, #474949);
     --colorPrimary: var(--colorPrimary40, #d9230f);
@@ -303,6 +327,17 @@
     --checkboxRoyal: var(--colorRoyal40, #886aea);
     --checkboxDark: var(--colorDark40, #373a3c);
 
+    --borderCheckboxDefault: var(--colorDefault40, #474949);
+    --borderCheckboxPrimary: var(--colorPrimary40, #d9230f);
+    --borderCheckboxSuccess: var(--colorSuccess40, #469408);
+    --borderCheckboxCalm: var(--colorCalm40, #029acf);
+    --borderCheckboxWarning: var(--colorWarning40, #9b479f);
+    --borderCheckboxDanger: var(--colorDanger40, #d9831f);
+    --borderCheckboxLight: var(--colorLight50, #dfdfdf);
+    --borderCheckboxStable: var(--colorStable50, #d9d9d9);
+    --borderCheckboxRoyal: var(--colorRoyal40, #886aea);
+    --borderCheckboxDark: var(--colorDark40, #373a3c);
+
     /* Components - Combobox */
     --comboboxDefault: var(--colorDefault40, #474949);
     --comboboxPrimary: var(--colorPrimary40, #d9230f);
@@ -311,10 +346,21 @@
     --comboboxWarning: var(--colorWarning40, #9b479f);
     --comboboxDanger: var(--colorDanger40, #d9831f);
     --comboboxLight: var(--colorLight40, #ffffff);
-    --comboboxStable: var(--colorStable40, #b2b2b2);
+    --comboboxStable: var(--colorStable40, #f8f8f8);
     --comboboxRoyal: var(--colorRoyal40, #886aea);
     --comboboxDark: var(--colorDark40, #373a3c);
 
+    --borderComboboxDefault: var(--colorDefault50, #555555);
+    --borderComboboxPrimary: var(--colorPrimary50, #2a9fd6);
+    --borderComboboxSuccess: var(--colorSuccess50, #77b300);
+    --borderComboboxCalm: var(--colorCalm50, #11c1f3);
+    --borderComboboxWarning: var(--colorWarning50, #ff8800);
+    --borderComboboxDanger: var(--colorDanger50, #cc0000);
+    --borderComboboxLight: var(--colorLight50, #222222);
+    --borderComboboxStable: var(--colorStable50, #f8f8f8);
+    --borderComboboxRoyal: var(--colorRoyal50, #9933cc);
+    --borderComboboxDark: var(--colorDark50, #adafae);
+
     /* Components - Radio input */
     --optionDefault: var(--colorDefault40, #474949);
     --optionPrimary: var(--colorPrimary40, #d9230f);
@@ -327,6 +373,17 @@
     --optionRoyal: var(--colorRoyal40, #886aea);
     --optionDark: var(--colorDark40, #373a3c);
 
+    --borderOptionDefault: var(--colorDefault40, #474949);
+    --borderOptionPrimary: var(--colorPrimary40, #d9230f);
+    --borderOptionSuccess: var(--colorSuccess40, #469408);
+    --borderOptionCalm: var(--colorCalm40, #029acf);
+    --borderOptionWarning: var(--colorWarning40, #9b479f);
+    --borderOptionDanger: var(--colorDanger40, #d9831f);
+    --borderOptionLight: var(--colorLight50, #dfdfdf);
+    --borderOptionStable: var(--colorStable50, #d9d9d9);
+    --borderOptionRoyal: var(--colorRoyal40, #886aea);
+    --borderOptionDark: var(--colorDark40, #373a3c);
+
     /* Components - Panel */
     --panelDefault: var(--colorPrimary40, #d9230f);
     --panelPrimary: var(--colorDefault40, #474949);
@@ -338,6 +395,19 @@
     --panelStable: var(--colorStable50, #d9d9d9);
     --panelRoyal: var(--colorRoyal40, #886aea);
     --panelDark: var(--colorDark40, #373a3c);
+
+    --borderPanelDefault: var(--colorPrimary40, #d9230f);
+    --borderPanelPrimary: var(--colorDefault40, #474949);
+    --borderPanelSuccess: var(--colorSuccess40, #469408);
+    --borderPanelCalm: var(--colorCalm40, #029acf);
+    --borderPanelWarning: var(--colorWarning40, #d9831f);
+    --borderPanelDanger: var(--colorDanger40, #9b479f);
+    --borderPanelLight: var(--backgroundColor50, #dddddd);
+    --borderPanelStable: var(--colorStable50, #d9d9d9);
+    --borderPanelRoyal: var(--colorRoyal40, #886aea);
+    --borderPanelDark: var(--colorDark40, #373a3c);
+
+    /* === End - Variables used exclusively in the color palette property === */
 }
 
 .color-light {
@@ -367,17 +437,12 @@ h6,
 /* Page login */
 .bg,
 .siginPanel,
-.bg-login #container-second,
 .login-view {
     background: var(--backgroundLogin40, #fcfcfc);
 }
 
-.bg-login #container-second h1,
-.bg-login #container-second p,
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #777777);
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #ebafae), var(--colorPrimary30, #e27f7c), var(--colorPrimary40, #d9230f), var(--colorPrimary50, #be1f0d), var(--colorPrimary60, #9f1a0b));
 }
 
 .bg-login #container-first .btn-login-mutual,
@@ -397,6 +462,17 @@ h6,
     background: var(--colorPrimary60, #9f1a0b);
 }
 
+.bg-login #container-first {
+    background: transparent;
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    border-color: var(--colorDefault10, #d9d9d9);
+}
+
+.bg-login2 #container-first {
+    border-width: 0;
+}
+
 /* Link */
 a,
 a:focus,
@@ -646,18 +722,6 @@ div[data-component="crn-textinputbutton"] div[data-component="crn-button"] butto
     border-color: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-primary {
-    background: linear-gradient(var(--colorSuccess40, #469408), var(--colorSuccess40, #469408) 6%, var(--colorSuccess50, #3d8207));
-    border-color: var(--colorSuccess40, #469408);
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
-    color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess60, #336c06);
-    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
-}
-
 .k-scheduler-navigation .k-link {
     background: var(--backgroundColor40, #fcfcfc);
     color: var(--colorPrimary40, #d9230f);
@@ -761,18 +825,6 @@ td.k-state-focused {
     background: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
-    background: linear-gradient(var(--colorDange40, #9b479f), var(--colorDanger40, #9b479f) 6%, var(--colorDanger50, #883e8b));
-    border-color: var(--colorDanger40, #9b479f);
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
-    color: var(--textColorDanger40, #ffffff);
-    background: var(--colorDanger40, #9b479f);
-    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
-}
-
 .k-list .k-item.k-state-hover.k-state-selected,
 .k-list .k-item:hover.k-state-selected,
 .k-list-optionlabel:hover.k-state-selected {
@@ -919,4 +971,31 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--backgroundColor40, #fcfcfc);
+}
+
+/* Input with icon */
+.layout-template-modern {
+    background: var(--backgroundColor40, #fcfcfc);
+    border-radius: var(--borderRadiusSmallest, 4px);
+    padding: 0;
+    border: 1px solid var(--backgroundColor50, #dddddd);
+}
+
+.layout-template-modern:focus-within {
+    background: var(--backgroundColor40, #fcfcfc);
+    outline: 0;
+    border-color: var(--colorCalm30, #89a8f1);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorCalm30, #89a8f1);
+}
+
+.layout-template-modern input.k-textbox:hover,
+.layout-template-modern input.k-textbox {
+    padding-left: 0;
+    box-shadow: none;
+}
+
+.layout-template-modern .k-button,
+.layout-template-modern .k-button:hover {
+    border: 0;
+    color: var(--colorDefault40, #3b448e);
 }

package/css/themes/custom/simplex/panel-simplex.css

@@ -5,7 +5,7 @@
 
 .panel-footer {
     color: var(--textColor40, #777777);
-    background: var(--backgroundColor50, #dddddd);
+    background: var(--backgroundColor40, #fcfcfc);
 }
 
 /* Default */
@@ -20,18 +20,17 @@
 }
 
 /* Primary */
-
 .panel-primary>.panel-heading {
-    color: var(--textColorDefault40, #ffffff);
-    background: var(--colorDefault40, #474949);
+    color: var(--textColor40, #777777);
+    background: var(--backgroundColor40, #fcfcfc);
+    border-color: var(--colorLight50, #dfdfdf);
 }
 
 .panel-primary {
-    border-color: var(--colorDefault40, #474949);
+    border-color: var(--colorLight50, #dfdfdf);
 }
 
 /* Sucess */
-
 .panel-success>.panel-heading {
     color: var(--textColorSuccess40, #ffffff);
     background: var(--colorSuccess40, #469408);

package/css/themes/custom/slate/button-slate.css

@@ -1,3 +1,7 @@
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .btn,
 .k-button {
     background: var(--colorDefault40, #f5f5f5);
@@ -49,6 +53,8 @@
 
 
 /* Primary */
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
 .k-button.k-primary,
 .btn.btn-primary {
     background: linear-gradient(var(--colorPrimary40, #7a8288), var(--colorPrimary40, #7a8288) 60%, var(--colorPrimary50, #6b7277));
@@ -56,6 +62,10 @@
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button:hover,
+.k-edit-form-container .k-edit-buttons .k-primary:hover,
+.k-scheduler-edit-form .k-edit-field .k-button:focus,
+.k-edit-form-container .k-edit-buttons .k-primary:focus,
 .k-button.k-primary:focus,
 .k-button.k-primary:hover,
 .btn.btn-primary:focus,
@@ -66,6 +76,8 @@
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button:active,
+.k-edit-form-container .k-edit-buttons .k-primary:active,
 .k-button.k-primary.active,
 .k-button.k-primary:active,
 .btn.btn-primary.active,
@@ -127,6 +139,8 @@
 }
 
 /* Danger */
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .k-button.k-danger,
 .btn.btn-danger {
     background: linear-gradient(var(--colorDanger40, #ee5f5b), var(--colorDanger40, #ee5f5b) 60%, var(--colorDanger50, #d05350));
@@ -134,6 +148,10 @@
     color: var(--textColorDanger40, #ffffff);
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:focus,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:focus,
 .k-button.k-danger:focus,
 .k-button.k-danger:hover,
 .btn.btn-danger:focus,
@@ -144,6 +162,8 @@
     color: var(--textColorDanger40, #ffffff);
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,
 .k-button.k-danger.active,
 .k-button.k-danger:active,
 .btn.btn-danger.active,